/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.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-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.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-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.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;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.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;
}

/* with multiple calendars */
.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;
}

/* RTL support */
.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;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	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-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.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-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); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.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-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.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;
}

/* support: IE8 - See #6727 */
.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-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	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;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: 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: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #d3d3d3;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #555555;
	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,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #999999;
	background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.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,
a.ui-button:hover,
a.ui-button:focus {
	color: #212121;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #aaaaaa;
	background-color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: #363636;
}
.ui-state-checked {
	border: 1px solid #fcefa1;
	background: #fbf9ee;
}
.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: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.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); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cd0a0a_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-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: -65px -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: -65px -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: 1px -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 is deprecated, use ui-icon-seek-start instead */
.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; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.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;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: -8px -8px 8px #aaaaaa;
	box-shadow: -8px -8px 8px #aaaaaa;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto 18px; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
#qtip-overlay.blurs,.qtip-close{cursor:pointer}.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;direction:ltr;box-shadow:none;padding:0}.qtip-content,.qtip-titlebar{position:relative;overflow:hidden}.qtip-content{padding:5px 9px;text-align:left;word-wrap:break-word}.qtip-titlebar{padding:5px 35px 5px 10px;border-width:0 0 1px;font-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;z-index:11;outline:0;border:1px solid transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-icon .ui-icon,.qtip-titlebar .ui-icon{display:block;text-indent:-1000em;direction:ltr}.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:normal 700 10px/13px Tahoma,sans-serif;color:inherit;background:-100em -100em no-repeat}.qtip-default{border:1px solid #F1D031;background-color:#FFFFA3;color:#555}.qtip-default .qtip-titlebar{background-color:#FFEF93}.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}.qtip-light{background-color:#fff;border-color:#E2E2E2;color:#454545}.qtip-light .qtip-titlebar{background-color:#f1f1f1}.qtip-dark{background-color:#505050;border-color:#303030;color:#f3f3f3}.qtip-dark .qtip-titlebar{background-color:#404040}.qtip-dark .qtip-icon{border-color:#444}.qtip-dark .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-cream{background-color:#FBF7AA;border-color:#F9E98E;color:#A27D35}.qtip-red,.qtip-red .qtip-icon,.qtip-red .qtip-titlebar .ui-state-hover{border-color:#D95252}.qtip-cream .qtip-titlebar{background-color:#F0DE7D}.qtip-cream .qtip-close .qtip-icon{background-position:-82px 0}.qtip-red{background-color:#F78B83;color:#912323}.qtip-red .qtip-titlebar{background-color:#F06D65}.qtip-red .qtip-close .qtip-icon{background-position:-102px 0}.qtip-green{background-color:#CAED9E;border-color:#90D93F;color:#3F6219}.qtip-green .qtip-titlebar{background-color:#B0DE78}.qtip-green .qtip-close .qtip-icon{background-position:-42px 0}.qtip-blue{background-color:#E5F6FE;border-color:#ADD9ED;color:#5E99BD}.qtip-blue .qtip-titlebar{background-color:#D0E9F5}.qtip-blue .qtip-close .qtip-icon{background-position:-2px 0}.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)}.qtip-bootstrap,.qtip-rounded,.qtip-tipsy{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.qtip-rounded .qtip-titlebar{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.qtip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:#fff;border:0 solid transparent;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000));background-image:-webkit-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,#000 100%)}.qtip-youtube .qtip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.qtip-youtube .qtip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"}.qtip-youtube .qtip-icon{border-color:#222}.qtip-youtube .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-jtools{background:#232323;background:rgba(0,0,0,.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.qtip-jtools .qtip-titlebar{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"}.qtip-jtools .qtip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"}.qtip-jtools .qtip-content,.qtip-jtools .qtip-titlebar{background:0 0;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.qtip-tipsy{background:#000;background:rgba(0,0,0,.87);color:#fff;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:700;line-height:16px;text-shadow:0 1px #000}.qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10px;background-color:transparent}.qtip-tipsy .qtip-content{padding:6px 10px}.qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none}.qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030}.qtip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:400;font-family:serif}.qtip-tipped .qtip-titlebar{border-bottom-width:0;color:#fff;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"}.qtip-tipped .qtip-icon{border:2px solid #285589;background:#285589}.qtip-tipped .qtip-icon .ui-icon{background-color:#FBFBFB;color:#555}.qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.qtip-bootstrap .qtip-titlebar{padding:8px 14px;margin:0;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.qtip-bootstrap .qtip-titlebar .qtip-close{right:11px;top:45%;border-style:none}.qtip-bootstrap .qtip-content{padding:9px 14px}.qtip-bootstrap .qtip-icon{background:0 0}.qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}#qtip-overlay,#qtip-overlay div{left:0;top:0;width:100%;height:100%}.qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}.qtip .qtip-tip,x:-o-prefocus{visibility:hidden}.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:0 0;border:0 dashed transparent}.qtip .qtip-tip canvas{top:0;left:0}.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible}#qtip-overlay{position:fixed}#qtip-overlay div{position:absolute;background-color:#000;opacity:.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}.qtipmodal-ie6fix{position:absolute!important}/* RAKENNE */ 
html { 
    height: 100%;
}
body { 
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}
body, p { 
    font: 15px/150% "Raleway","Arial",sans-serif;
    color: #464646;
    margin: 0;
    padding: 0;
}
sections-container a, 
sections-container h4 a, 
sections-container h3 a { color: #022860 !important; }
sections-container a:hover, sections-container a:active, 
sections-container h4 a:hover, sections-container h4 a:active,
sections-container h3 a:hover, sections-container h3 a:active  { color: #3ebfed !important; }

outer-container {
    width: 100%;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
header-main-logo-container, .full-width-container, header-content, 
nav, .content-full {
    width: 1140px;
}
header-container{
    display: block;
    position: relative;
    width: 100%;
}
.template-infosivu header-container,
.template-tekstisivu header-container,
.template-tarjoussivu header-container,
.template-kampanjasivu header-container,
.infosivu-popup header-container,
.template-ryhmamatkaehdotukset header-container  {
    background-color: #f5f5f5;
}
.template-infosivu visual-header,
.template-tekstisivu visual-header,
.template-tarjoussivu visual-header,
.template-kampanjasivu visual-header,
.infosivu-popup visual-header,
.template-ryhmamatkaehdotukset visual-header {
    max-width: 2000px;
    margin: 0px auto;
}
visual-header {
    /* background-attachment: fixed; */
    background-position: center center;
    background-size: cover;
    position: relative;
    display: block;
    height: 530px;
    width: 100%;
    padding: 0;
    background-color: #f5f5f5;
}
.content-row.top-header {
    padding: 54px 0 0;
}
.content-full {
    margin: 0 auto;
}
.content-row {
    padding-top: 54px;
    padding-bottom: 54px;
}
.content-row.viihdekalenteri-disabled{
	padding-bottom: 0px !important;
}
.content-left {
    width: 750px;
    float: left;
}
.content-right {
    width: 360px;
    float: right; 
}
.content-half {
    width: 48.70%;
    margin-bottom: 20px;
}
.content-half:nth-child(even) {
    float: right;
}
.content-half:nth-child(odd) {
    float: left;
}
.content-one-of-three,
.content-one-of-four {
    margin-right: 2.65%;
    margin-bottom: 12px;
    float: left;
    overflow: hidden;
}
.content-one-of-three {
    width: 31.5%;
}
.content-one-of-four {
    width: 23%;
}
.content-one-of-three:nth-child(3n+3),
.content-one-of-four:nth-child(4n+4) {
    margin-right: 0px;
}
.content-one-of-three img,
.content-one-of-four img {
    width: 100%;
    height: auto;
}
.clear {
   clear:both;
   float:none;
}
footer {
    background-color: #022860;
    margin-top: 14px;
    color: #ffffff;
    padding: 60px 0;
    margin-bottom: -25px
}
* > :first-child { margin-top: 0; }
* > :last-child { margin-bottom: 0; }

/* TOPNAVI */
header-top-part-container {
    display: block;
    position: relative;
    width: 100%;
    height: 115px;
    background: rgba(2, 40, 96, 0.85);
    margin: 0 auto;
    padding: 0;
    z-index: 20 !important;
}
header-main-logo-container {
    height: 122px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center; 
    margin: 0 auto -122px;
}
header-main-logo-container a:hover {
    opacity: 0.7;
}
header-main-logo-container img {
    width: 225px;
    height: auto;
}
header-top-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center; 
    margin: 5px auto 8px;
    font-size: 13px; 
    height: 54px;
}
header-menu-container, nav {
    margin: 0 auto;
}
omaloma-header {
    display: none;
}
account-links, account-links a {
    color: #ffffff;
    text-decoration: none;	
}
account-links a {
    margin: 2px;	
    
   /* 24.5.2019 */
	/* font-weight: bold; */ 
	font-size: 15px; 
}


account-links a.selected {
    font-weight: bold;
}
account-links a:hover {
    color: #3ebfed;	
}
top-row-buttons a, a.slicknav-bottom-button {
    display: inline-block;
    margin-left: 10px;
    border-radius: 12px;
    text-align: center;
    width: 132px;
    padding: 3px 8px;
    color: #ffffff;
    text-decoration: none;
    
    
   /* 24.5.2019 */
	font-weight: bold;
	font-size: 15px; 
    
}
.slicknav_menu a.slicknav-buy-button:hover {
    opacity: 0.7;
}
#nav-lahjakorttikauppa {
    background: rgba(62, 191, 237, 1);
}
#nav-viihdekalenteri {
    background: rgba(60, 143, 183, 1);
}
#nav-ryhmamatkat {
    background: rgba(42, 210, 201, 1);
}
top-row-buttons a:hover, a.slicknav-bottom-button:hover {
    -webkit-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.65);
    -moz-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.65);
    box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.65);
    color: #ffffff;
}
ul.menuwalker {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px; 
    color: #ffffff;
}
ul.menuwalker li {
    list-style: none;
}
ul.menuwalker>li {
    margin-left: 19px;
    height: 48px;
    cursor: pointer;
}
ul.menuwalker>li:hover, 
ul.menuwalker>li.current-hoverblock-source,
ul.menuwalker>li.parent-of-current-menuitem{
    border-bottom: 5px solid #3ebfed;
    height: 43px;
    color: #3ebfed;
}
ul.menuwalker>li>ul {
    display: none;
}
ul.menuwalker li:hover, 
ul.menuwalker>li.current-hoverblock-source,
ul.menuwalker>li.parent-of-current-menuitem{
    z-index: 15;
}
ul.menuwalker li:hover .navi-nuoli, 
ul.menuwalker>li.current-hoverblock-source .navi-nuoli, 
ul.menuwalker>li.parent-of-current-menuitem .navi-nuoli {
    background: transparent url('../img/navi-auki-nuoli.png') no-repeat center bottom;
    position: relative;
    margin: 23px 0 -42px;
    width: 100%;
    height: 9px;
    z-index: 25;
}
/* PÄÄVALIKKO: TAUSTA */
hoverblock {
    background: rgba(255, 255, 255, 0.9); 
    -webkit-box-sizing: border-box;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-box-sizing: border-box; 
    padding: 30px 0 25px 50px; 
    box-sizing: border-box;
    position: absolute;
    margin-right: auto;
    min-height: 575px;
    margin-left: auto;
    width: 1245px;
    height: auto;
    z-index: 2000;
    left: 50%;
    display: none;
    -webkit-box-shadow: 0px 4px 4px -1px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 4px 4px -1px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 4px 4px -1px rgba(50, 50, 50, 0.5);
}

/* PÄÄVALIKON 1. TASO: NAVIN KEHYS */
hoverblock ul.menu-level-1 {
   justify-content: flex-start;
   list-style-type: none;
   flex-direction: row;
   flex-wrap: wrap;
   display: flex;
   width: 100%;
   padding: 0;
}

/* PÄÄVALIKON 2. TASO: PÄÄOTSAKKEET & NAVI LAATIKOT */
ul.menu-level-2, li.menu-level-2 {
    list-style-type: none;
    margin-right: 30px;
    width: 264px;
    padding: 0;
}
li.menu-level-2 {
    margin-bottom: 25px;
}
li.menu-level-2 .menuitem {
    border-bottom: 1px solid #3ebfed;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 150%;
    font-weight: bold;
    display: block;
    color: #022860;
    padding: 3px 0;
    width: 100%;
}

/* PÄÄVALIKON 3. TASO */

/* Väliotsakkeet */
ul.menu-level-3 {
    padding: 0;
}
li.menu-level-3 h.menuitem,
li.menu-level-3 a.menuitem.valitaso{
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 0px;
    border: none;
    text-transform: none;
}
li.menu-level-3 a.menuitem.valitaso{
	background: none;
	padding-left: 0px;
}

/* 3. & 4. tasojen linkit */
li.menu-level-4 {
    list-style-type: none;
}
li.menu-level-3 a.menuitem, li.menu-level-4 a.menuitem {
    background: transparent url('../img/mainnavi-haka.png') no-repeat left top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    text-decoration: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding-left: 15px;
    border: none;
    text-transform: none;
}
li.menu-level-3 h.menuitem ::first-letter,
li.menu-level-3 a.menuitem ::first-letter,
li.menu-level-4 a.menuitem ::first-letter {
    text-transform: capitalize;
}
li.menu-level-4 a.menuitem {
    margin-left: 20px;
}

/* Valikon hoverit */
li.menu-level-3>a.menuitem:hover, 
li.menu-level-3.is-current-menuitem>a.menuitem,
li.menu-level-4 a.menuitem:hover,
li.menu-level-4.is-current-menuitem a.menuitem{
    background: transparent url('../img/mainnavi-haka-sin.png') no-repeat left top;
    font-weight: bold;
    color: #3ebfed;
}

li.menu-level-3>a.menuitem:hover, 
li.menu-level-3.is-current-menuitem>a.menuitem{
	background: none;
}

li.menu-level-3 a.menuitem.valitaso:hover{ 
	background: none;
}


/* HEADER */
header-content {
    display: block;
    position: relative;
    height: 395px;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
.header-small-title, 
.header-large-title {
    display: inline-block;
    background: rgba(62, 191, 237, 0.70);
}
.header-small-title {
    margin: 96px 0 6px;
    min-height: 48px;
}
.header-small-title.empty {
    background: transparent;
}
.header-small-title h2, #header-small-title h2, 
.header-large-title h1, #header-large-title h1,
.header-small-title-h2, .h2-title-replacement{ 
    border: none;
    padding: 7px 16px;
    font-weight: 600;
    line-height: 120%;
    font-size: 28px;
    color: #ffffff;
    margin: 0;
}
.h2-title-replacement{
	letter-spacing: 1px;
}

.header-large-title h1, #header-large-title h1{
    margin: 0;
    padding: 2px 16px 6px;
    font-weight: 900;
    font-size: 46px;
}
.header-large-title {
    min-height: 63px;
}
.header-large-title.empty {
    background: transparent;
}

/* INFOSIVU NAV */
infosivu-nav-container{
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: flex;
    flex-direction: row;
    background: rgba(2, 40, 96, 0.85);
    height: 48px;
    font-weight: bold;
    font-size: 15px;
    line-height: 100%; 	
    z-index: 2;
}
.infosivu-nav-button {
    -webkit-box-shadow: 1px -1px 1px 0 rgba(0,0,0,0.75);
    box-shadow: 1px -1px 1px 0 rgba(0,0,0,0.75);
    border-right: 1px solid rgba(255,255,255,0.25);
    display: inline-block;
    padding: 15px 28px 15px 29px;
    cursor: pointer;
    color: white;
}
.infosivu-nav-button:hover, .infosivu-nav-button:last-child:hover, infosivu-nav-container .infosivu-nav-button.is-current-tab {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-right: none;
    background: #3ebfed;
    border-right: 1px solid rgba(2, 40, 96,0.1);
    border-left: 1px solid rgba(255,255,255,0.1);
    padding: 19px 28px;
    margin: -4px 0;
}
.infosivu-nav-button:hover .navi-nuoli, infosivu-nav-container .infosivu-nav-button.is-current-tab .navi-nuoli {
    background: transparent url('../img/navi-auki-nuoli.png') no-repeat center bottom;
    margin: 22px 0 -31px;
    width: 100%;
    height: 9px;
}
.infosivu-nav-button:last-child { 
    -webkit-box-shadow: 0px -1px 1px 0 rgba(0,0,0,0.75);
    box-shadow: 0px -1px 1px 0 rgba(0,0,0,0.75);
    border-right: none;
}



/* FOOTER */
footer {
    padding: 55px 0;
    letter-spacing: 1px;
}
footer .content-one-of-three img {
    width: auto;
}
footer .content-one-of-three img.footer-logo {
    width: 225px;
}
.footer-vertical-links {
    width: 100%;
}

/* Eka palsta */
.footer-logo {
    margin-bottom: 30px;
}
.footer-puh, .footer-mail {
    padding: 16px 0px 16px 50px;
    letter-spacing: 1px;
    font-size: 19px;
    font-weight: 600;
    min-height: 22px;
    display: block;
    width: 100%;
}
.footer-puh, a.footer-puh, a.footer-puh:hover, a.footer-puh:active,
.footer-mail, a.footer-mail, a.footer-mail:hover, a.footer-mail:active {
    text-decoration: none;
    color: #3ebfed;
}
.footer-puh {
    background: transparent url('../img/footer-luuri.png') no-repeat left center;
}
.footer-mail {
    background: transparent url('../img/footer-mail.png') no-repeat left center;
}
.footer-some {
    margin-top: 45px;
}
.footer-some a {
    margin-right: 28px;
}
.footer-fb, .footer-in, .footer-yt, .footer-tw {
    display: inline-block;
    height: 50px;
    width: 50px;
}
.footer-fb {
    background: transparent url('../img/footer-fb.png') no-repeat center center;
}
.footer-in {
    background: transparent url('../img/footer-in.png') no-repeat center center;
}
.footer-yt {
    background: transparent url('../img/footer-yt.png') no-repeat center center;
}
.footer-tw {
    background: transparent url('../img/footer-tw.png') no-repeat center center;
}


a.footer-puh:hover, a.footer-puh:active,
a.footer-mail:hover, a.footer-mail:active,
.footer-some a:hover, .footer-some a:active,
.footer-vertical a:hover, .footer-vertical a:active {
    opacity: 0.7;
    cursor: pointer;
}

/* Toka ja kolmas palsta */
footer h3 {
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 14px;
}
.footer-link {
    border-bottom: #09396f solid 1px;
    padding: 8px 0;
    background: transparent url('../img/footer-haka.png') no-repeat right center;
    display: block;
    width: 100%;
}
a.footer-link {
    text-decoration: none;
    color: #2582b0;
    font-size: 14px;
}
a.footer-link:hover {
    color: #3ebfed;
}
.footer-linklist {
    margin-bottom: 40px;
}
.footer-vertical {
    letter-spacing: 1px;
    font-size: 16px;
    width: 48.70%;
}
.footer-vertical:nth-child(even) {
    float: right;
    text-align: right;
}
.footer-vertical:nth-child(odd) {
    float: left;
}
.footer-vertical a {
    min-height: 10px;
    background: transparent url('../img/footer-haka.png') no-repeat right center;
    padding-right: 18px;
}
.footer-vertical a, .footer-vertical a:hover, .footer-vertical a:active {
    text-decoration: none;
    font-weight: bold;
    color: #3ebfed;
}
#sevi-link a {
    text-decoration: none;
    color: #3ebfed;
    opacity: 0.25;
}
#sevi-link a:hover {
    opacity: 0.5;
}

/* Disabloidaan otsikko-linkit tekstialueissa */
sections-container h3 a:not(.link-style-pdf-button), sections-container h4 a:not(.link-style-pdf-button) {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

/* POP UPS */
.mp-general-message .mfp-close:hover {
    opacity: 0.7 !important;
}
.mp-general-message .mfp-close {
    background: url('/templates/matkapojat2018/img/viihdekalenteri/viihdekal-close.png') no-repeat center center;
    width: 24px;
    height: 24px;
    color: transparent;
    margin: -8px -8px 0px 0px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
    border-radius: 4px;
    opacity: 1 !important;
}

@media all and (min-width: 1201px) {
	.mobile-only-inline-1200{
		display: none;
	}
}

/* TABLETTIKOOT */
@media all and (max-width: 1200px) {
	
	.mobile-only-inline-1200{
		display: inline;
	}

     /* RAKENNE */
    .content-row, .full-width-container, nav {
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;  
        box-sizing: border-box;
        padding-left: 35px;
        padding-right: 35px;
    	width: 100%;
    }
    header-main-logo-container, .full-width-container, header-content, 
    nav, .content-full {
   	width: 100%;
    }
    .content-left {
        width: 65%;
    }
    .content-right {
        width: 31.5%;
    } 
    .content-one-of-four {
	margin-right: 3%;
	width: 48.5%;
	overflow: hidden;
    }
    .content-one-of-four .kuva,
    .content-one-of-four img {
	width: 100%;
	height: auto;
    }
    .content-one-of-four:nth-child(2n) {
    	margin-right: 0px;
    }
    header-main-logo-container img {
	width: 184px;
        height: auto;
    }
    header-top-row {
    	font-size: 12px; 
	margin-bottom: 0;
	height: 45px;
    }
    header-menu-container {
	padding: 0;
	height: auto;
    }
    ul.menuwalker, account-links a, top-row-buttons a { /* 24.5.2019 */
    	font-size: 13px; 
    }
    ul.menuwalker>li {
	height:42px;
    }
    ul.menuwalker>li:hover, 
    ul.menuwalker>li.current-hoverblock-source, 
    ul.menuwalker>li.parent-of-current-menuitem {
	height: 37px;
    }
    ul.menuwalker li:hover .navi-nuoli, 
    ul.menuwalker>li.current-hoverblock-source .navi-nuoli, 
    ul.menuwalker>li.parent-of-current-menuitem .navi-nuoli {
    	margin: 18px 0 -34px;
    }
    hoverblock {
        width: 100%;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;  
        box-sizing: border-box;
    }
    /* PÄÄVALIKON 1. TASO */
    hoverblock ul {
    	width: 22%;
    }
    /* PÄÄVALIKON 2. & 3. TASO */
    hoverblock ul>li ul, hoverblock ul>li ul>li ul {
    	width: 95%;
    }
    infosivu-nav-container, .header-small-title, .header-large-title {
        margin-left: 35px;
        margin-right: 35px;
    }

    /* FOOTER */

    /* Rakenne */
    footer {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	width: 100%;
    	padding: 35px 35px;
   	position: relative;
    }
    .footer-puh, .footer-mail {
    	font-size: 16px;
    }
    .footer-some a {
        margin-right: 24px;
    }
    .footer-link {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	padding: 10px 10px 10px 0;
    }
    .footer-vertical:nth-child(2n) {
    	text-align: left;
    }

    /* Linkit */
    .footer-some a, .no-bottom-margin .footer-some a {
        display: inline-block;
	padding-top: 14px !important;
	padding-bottom: 14px !important;
    }
    footer a {
    	cursor: pointer;
    }
    footer a:hover, footer a:active {
    	opacity: 0.8;
    }
    footer .footer-linklist a:hover, footer .footer-linklist a:active {
    	opacity: 1;
    }
}
@media all and (max-width: 1100px) {
        ul.menuwalker>li {
    	    margin-left: 10px;
        }
        /* PÄÄVALIKON 1. TASO */
        hoverblock ul {
    	    width: 21%;
    	}
}
@media all and (max-width: 1000px) {
    	header-main-logo-container img {
	    width: 135px;
            height: auto;
    	}
   	header-top-row {
    	    height: 48px;
    	    font-size: 10px; 
    	}
    	ul.menuwalker {
    	    font-size: 12px;
    	}
    	ul.menuwalker>li {
	    height: 38px;
    	    padding-top: 2px;
    	}
        ul.menuwalker>li:hover, 
       	ul.menuwalker>li.current-hoverblock-source, 
    	ul.menuwalker>li.parent-of-current-menuitem {
    	    height: 32px;
    	    padding-top: 2px;
    	}
    	ul.menuwalker li:hover .navi-nuoli, 
	ul.menuwalker>li.current-hoverblock-source .navi-nuoli, 
        ul.menuwalker>li.parent-of-current-menuitem .navi-nuoli {
    	    margin: 13px 0 -34px;
        }
	.infosivu-nav-button {
	    padding: 15px 15px;
	}
	.infosivu-nav-button:hover, .infosivu-nav-button.is-current-tab, 
	.infosivu-nav-button:last-child:hover {
	    padding: 19px 15px 19px 14px !important;
	}
}
@media all and (max-width: 900px) {
        header-top-row {
    	    height: 49px;
        }
        ul.menuwalker>li {
       	    -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;  
            box-sizing: border-box;
	    height: 41px;
	    padding-top: 2px;
        }
        ul.menuwalker>li:hover, ul.menuwalker>li.current-hoverblock-source,
	ul.menuwalker>li.parent-of-current-menuitem {
	    height: 36px;
	    padding-top: 0px;
        }
        ul.menuwalker li:hover .navi-nuoli, 
	ul.menuwalker>li.current-hoverblock-source .navi-nuoli, 
        ul.menuwalker>li.parent-of-current-menuitem .navi-nuoli {
    	    margin: 12px 0 -25px;
        }
        /* PÄÄVALIKON 1. TASO */
        hoverblock ul {
    	    width: 20%;
    	}
}

/* MUUT KUIN MOBIILI */
@media all and (min-width: 800px) {
    #mobile_if_floatright {
	float: left;
    }
    .slicknav_menu {
	display: none;
    }
    header-top-part-container {
	display: block;
    }
    .desktop-only {
	display: block;
    }
    .desktop-only-table{
    	display: table;
    }
    .mobile-only,.mobile-only-inline {
	display: none;
    }
    infosivu-nav-container.mobile-only { 
    	display: none !important;
    }
    .infosivu-nav-button:hover, .infosivu-nav-button:last-child:hover, infosivu-nav-container .infosivu-nav-button.is-current-tab {
    	padding-bottom: 22px !important;
    }

}
/* VAIN MOBIILI */
@media all and (max-width: 799px) {

     /* RAKENNE */
    .desktop-only {
	display: none;
    }
    .desktop-only-table{
    	display: none;
    }
    .mobile-only {
	display: block;
    }
    .mobile-only-inline{
    	display: inline;
    }
    infosivu-nav-container.mobile-only {
    	display: block !important;
    }
    infosivu-nav-container:not(.mobile-only) {
	display: none !important;
    }
     body, p {
    	font-size: 14px;
 	line-height: 160% !important;
    }
    .content-row {
    	padding-top: 30px;
    	padding-bottom: 30px;
    }
    .content-row, .full-width-container, nav {
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;  
        box-sizing: border-box;
        padding-left: 23px;
        padding-right: 23px;
    	width: 100%;
    }
    .full-width-container, nav {
        padding-left: 23px;
        padding-right: 23px;
    }
    .content-left, .content-right {
        width: 100%;
    }
    .content-left {
	margin-bottom: 25px;
    }
    .content-one-of-four {
    	margin-right: 0;
    	float: none;
    	width: 100%;
    }
    .content-one-of-four {
    	margin-right: 0px;
    }
    #mobile_if_floatright {
	float: right;
    }

    /* TOPNAVI */
    .slicknav_menu {
	background: rgba(2, 40, 96, 1);
	display: block;
	padding: 0;
	position: relative;
    }
    .slicknav_menu a {
	background: rgba(2, 40, 96, 1);
	text-decoration: none;
	font-weight: bold;
	font-size: 15px; 
	color: #ffffff;
    }
    .slicknav_nav a:hover {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none;
	color: #ffffff;
    }
    /* Logo */
    .slicknav-main-logo {
	position: absolute;
	top: 0;
	left: 0;
    	height: 55px;
    	display: flex;
   	flex-direction: row;
    	justify-content: flex-start;
   	align-items: center; 
    	margin: 0 18px -62px;
    }
    .slicknav-main-logo img {
    	width: 108%;
    }

    /* Osta matka */
    .slicknav_menu a {
    	font-size: 16px;
    } 
    .slicknav_menu a.slicknav-buy-button {
	background: #3ebfed;
	width: 70px;
    	height: 55px;
	position: absolute;
	top: 0;
	right: 59px;
	float: right;
	line-height: 120%;
 	text-align: center;
   	padding-top: 7px;
	margin: 0 auto;
    }
    /* Hampparimenu nappi */
    .slicknav_menutxt {
	display: none !important;
    }
    .slicknav_btn {
    	width: 59px;
    	height: 55px;
    	padding-top: 16px;
	position: relative;
	display: block;
	text-align: center;
	margin: 0 auto;
    }
    .slicknav_icon {
	float: left;
	width: 1.125em;
	height: .875em;
	margin: .188em 0 0 .438em;
	font-size: 20px;
    }
    .slicknav_menu .slicknav_icon-bar {
    	background-color: #3ebfed;
    }
    .slicknav_menu a.slicknav_btn:hover .slicknav_icon-bar {
    	background-color: #ffffff;
    }
    .slicknav_menu .slicknav_open .slicknav_icon {
	display: none;
    }
    .slicknav_btn.slicknav_open {
        background: transparent url('../img/mob-navi-sulje.png') no-repeat center center;
    }
    .slicknav_btn.slicknav_open:hover {
        background: transparent url('../img/mob-navi-sulje-valk.png') no-repeat center center;
    }
    /* PÄÄVALIKON 1. TASO */
    /* Kehys */
    hoverblock {
	display: none;
    }
    ul.slicknav_nav {
   	position: absolute;
	background: rgba(2, 40, 96, 1);
	border-top: 1px solid rgba(255,255,255,0.15);
	-webkit-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.33);
	box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.33);
	width: 75%;
      	top: 55px;
	right: 0;
	z-index: 20;
    }
    /* Linkit */
    ul.slicknav_nav .slicknav_row .slicknav_arrow {
  	display: none;
    }
    ul.slicknav_nav .slicknav_row {
	border-bottom: 1px solid rgba(255,255,255,0.15);
	margin: 0 12px;
	padding: 10px 40px 10px 0;
    }
    .slicknav_nav:hover .slicknav_row {
    	-webkit-border-radius: none;
    	-moz-border-radius: none;
    	border-radius: 0;
        background: transparent url('../img/mob-navi-plussa.png') no-repeat right 10px center;
   }
    ul.slicknav_nav a.slicknav_row:hover,
    ul.slicknav_nav .parent-of-current-menuitem.slicknav_parent a.slicknav_row,
    ul.slicknav_nav .parent-of-current-menuitem.slicknav_parent .parent-of-current-menuitem.slicknav_parent > a.slicknav_row,
    ul.slicknav_nav .parent-of-current-menuitem.slicknav_parent .parent-of-current-menuitem.slicknav_parent .is-current-menuitem a.menuitem {
	color: #3ebfed;
    }
    .slicknav_nav .slicknav_open .slicknav_row{
        background: transparent url('../img/mob-navi-minus.png') no-repeat right 10px center;
	color: #3ebfed;
    }
    .slicknav_menu .slicknav_nav a {
        background: transparent url('../img/mob-navi-plussa.png') no-repeat right 10px center;
        text-transform: uppercase;
	font-size: 13px; 
    }
    ul.slicknav_nav li:nth-last-child(2) a {
	border-bottom: none;
    }
    /* PÄÄVALIKON 2. TASO */
    ul.slicknav_nav .slicknav_parent ul {
	background: #247daf;
    	margin: 0 12px;
    }
    ul.slicknav_nav .slicknav_parent .slicknav_parent a.slicknav_row {
        background: #247daf url('../img/mob-navi-plussa.png') no-repeat right 5px center;
	color: #ffffff;
    	margin: 0 5px;
	padding-left: 10px;
	padding-right: 10px;
        font-weight: normal;
    }
    ul.slicknav_nav .slicknav_parent .slicknav_parent a.slicknav_row:hover {
	color: #3ebfed;
    }
    ul.slicknav_nav .slicknav_parent .slicknav_parent.slicknav_open a.slicknav_row {
        background: #247daf url('../img/mob-navi-minus.png') no-repeat right 5px center;
	color: #3ebfed;
    }
    ul.slicknav_nav .slicknav_parent li:not(.slicknav_parent) {
    	text-transform: uppercase;
	background: #247daf;
	color: #ffffff;
    	margin: 0 5px;
        font-weight: normal;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	font-size: 13px;
	padding: 10px;
    }
    ul.slicknav_nav .slicknav_parent .slicknav_parent:not(.slicknav_open) li:nth-last-child(2) a,
    ul.slicknav_nav .slicknav_parent .slicknav_parent .slicknav_parent li a {
        border: none !important;
    }
    ul.slicknav_nav .slicknav_parent li a {
	border-bottom: 1px solid rgba(255,255,255,0.15);
    }
    ul.slicknav_nav .slicknav_parent .slicknav_parent a.slicknav_row {
	padding-right: 35px;
    }

    /* PÄÄVALIKON 3. TASO */
    /* Väliotsake */
    ul.slicknav_nav .slicknav_parent .slicknav_parent ul  {
    	margin: 0 0 5px 0;
    }
    ul.slicknav_nav .slicknav_parent .slicknav_parent .slicknav_parent a.slicknav_row {
        background: #3a7697 url('../img/mob-navi-plussa.png') no-repeat right 5px center;
    	text-transform: none;
	color: #ffffff;
    	margin: 0 5px;
        font-weight: normal;
	padding-left: 25px;
    }
    ul.slicknav_nav .slicknav_parent .slicknav_parent .slicknav_parent.slicknav_open a.slicknav_row {
        background: #3a7697 url('../img/mob-navi-minus.png') no-repeat right 5px center;
	color: #3ebfed;
    }
    ul.slicknav_nav .slicknav_parent .slicknav_parent .slicknav_parent a.slicknav_row:hover {
	color: #3ebfed;
    }

    /* Linkit */
    ul.slicknav_nav .slicknav_parent .slicknav_parent li:not(.slicknav_parent) {
    	text-transform: none;
	background: #3a7697;
	color: #ffffff;
    	margin: 0 5px;
        font-weight: normal;
	padding: 10px 0 10px 25px;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	font-size: 13px;
    }
    ul.slicknav_nav .slicknav_parent .slicknav_parent li:not(.slicknav_parent) a {
        background: #3a7697 url('../img/mob-navi-nuoli.png') no-repeat right 10px center;
    	text-transform: none;
	color: #ffffff;
    	margin: 0 5px;
        font-weight: normal;
	padding: 0 20px 0 0;
	border-bottom: none;
    }
    ul.slicknav_nav .slicknav_parent .slicknav_parent li:not(.slicknav_parent) a:hover {
	color: #3ebfed;
    }
    /* PÄÄVALIKON 4. TASO */
    ul.slicknav_nav .slicknav_parent .slicknav_parent .slicknav_parent ul  {
    	margin: 0;
    }
    ul.slicknav_nav .slicknav_parent .slicknav_parent .slicknav_parent li a {
        background: #3a7697 url('../img/mob-navi-nuoli.png') no-repeat right 10px center;
    	text-transform: none;
	color: #ffffff;
    	margin: 0 5px;
        font-weight: normal;
	padding: 0px 20px 0px 15px;
	font-size: 12px;
    }
    ul.slicknav_nav .slicknav_parent .slicknav_parent .slicknav_parent li a:hover {
	color: #3ebfed;
    }
    /* VALIKON LISÄVALINNAT */
    ul.slicknav_nav li.additions {
	border-top: 1px solid rgba(255,255,255,0.15);
        background: none;
	margin: 0;
	padding: 25px;
    }
    ul.slicknav_nav .additions a {
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
        text-transform: capitalize;
	font-weight: normal;
	margin: 0 0 25px;
	padding: 6px 8px;
	font-size: 14px;
	width: 100%;
    }
    ul.slicknav_nav .additions a:hover {
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
    }
    ul.slicknav_nav .additions div {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
    }
    ul.slicknav_nav .additions div a {
        background: none;
	padding: 0;
	margin: 0;
    }
    ul.slicknav_nav .additions div a:hover {
	color: #3ebfed;
    }
    ul.slicknav_nav .additions {
  	text-align: center;
    }
    /* HEADER */
    header-top-part-container {
	display: none !important;
    }
    visual-header {
	height: 178px;
	border-bottom: 3px solid #3ebfed;
    }
    header-content {
	height: 220px;
 	text-align: center;
    }
    .header-small-title {
        display:none;
    }
    .header-large-title,#header-large-title h1 { 
        margin-top: 40px;
 	display: flex;
  	height: 62px;
  	justify-content: center;
  	align-items: center;
    }
    .header-large-title h1, #header-large-title h1 {
   	text-align: center;
        padding: 0px 16px !important;
        margin: 0px !important;
        font-weight: 900;
        font-size: 24px;
        height: auto;
	width: 100%;
    }
    .arrow-left, .arrow-right {
	display: none;
	position: absolute;
        height: 25px;
        width: 15px;
        z-index: 15;
	top: 67px;
    }
    .arrow-left {
        background: transparent url('../img/nuoli-left.png') no-repeat center center / cover;
	left: 3px;
    }
    .arrow-right {
        background: transparent url('../img/nuoli-right.png') no-repeat center center / cover;
	right: 3px;
    }
    /* INFOSIVU NAV */
    infosivu-nav-container, .header-small-title, .header-large-title,#header-large-title {
        margin-left: 23px;
        margin-right: 23px;
    }
    .infosivu-nav-button:hover .navi-nuoli, .infosivu-nav-button.is-current-tab .navi-nuoli {
        display: none;
    }
    infosivu-nav-container {
        border-top-right-radius: 10px;
	position: relative;
	margin: 40px 25px 0;
	width: auto;
	display: block;
    	background: rgba(2, 40, 96, 1);
	height: auto;
	font-size: 13px;
	overflow: hidden;
    }
    * > infosivu-nav-container:first-child {
        margin-top: -25px;
    }
    .infosivu-nav-button {
        background: transparent url('../img/infomob-navi-nuolialas.png') no-repeat right 15px center;
	background-size: 12px 7px;
	display: block;
	padding: 8px 20px;
	color: white;
	text-align: left;
    }
    .infosivu-nav-button, .infosivu-nav-button:last-child {
    	-webkit-box-shadow: none;
   	box-shadow: none;
    	border-right: none;
    	cursor: pointer;
    	border-bottom: 1px solid rgba(255,255,255,0.15);
    }
    .infosivu-nav-button:hover, .infosivu-nav-button:last-child:hover, infosivu-nav-container .infosivu-nav-button.is-current-tab {
        background: #3ebfed url('../img/infomob-navi-nuoliylos.png') no-repeat right 15px center;
	background-size: 12px 7px;
        border: none;
	padding: 8px 20px !important;
    	border-bottom: 1px solid rgba(255,255,255,0.15);
        margin: 0;
    }

    /* FOOTER */

    /* Rakenne */
    footer {
	padding: 35px 23px 155px;        
    }
    footer .content-one-of-three {
    	width: 100%;
    }
    .footer-logo {
        display: block;
	margin-right: auto;
	margin-left: auto;
        margin-bottom: 20px;
    }
    .footer-puh, .footer-mail {
        font-size: 18px;
    	background-size: 21px 19px;
	padding: 12px 0px 12px 50px;
    }
    .footer-some {
    	margin-top: 10px;
    }
    .footer-some a {
        margin-right: 28px;
    }
    .footer-linklist {
    	margin-bottom: 10px;
    }
    a.footer-link {
	font-size: 15px;
    }
    .footer-vertical-links {
		position: absolute;
        bottom: 50px;
		max-width: 300px;
    }
    .footer-vertical, .footer-vertical:nth-child(2n) {
    	width: 100%;
    	float: left;
	text-align: left;
	margin-bottom: 25px;
	font-size: 14px;
    }

    /* POP UPS */
    .mp-general-message .mfp-close {
    	background: url('/templates/matkapojat2018/img/viihdekalenteri/viihdekal-mobile-close.png') no-repeat center center !important;
    	background-size: 24px !important;
	right: -5px;
	top: -5px;
    }

}
/* Linkit */
.footer-link, .footer-vertical a {
	background-size: 6px auto;
}
@media all and (max-width: 550px) {

        /* FOOTER */
        .footer-puh, .footer-mail {
    	   font-size: 16px;
	}
}
@media all and (max-width: 399px) {
 	ul.slicknav_nav {
    	    width: 80%;
	}
}
@media all and (max-width: 320px) {
        .slicknav-main-logo img {
    	    width: 90%;
      	}

}


 
.hoverblock-link{
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 0px;
    border: none;
    text-transform: none;
    /* border-bottom: 1px solid #3ebfed; */
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 150%;
    font-weight: bold;
    display: block;
    color: #022860;
    padding: 3px 0;
    width: 100%;
}





/* MOBILE BACK UP */
.mp-mobile-back-up-button{
    background: transparent url('../img/takaisin_ylos.png') no-repeat center center / contain;
    display: none; 
    width: 50px;
    height: 50px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    z-index: 5000;
    transition: all 0.5s ease;
}

/* when bottom of page is crowded */
.mp-mobile-back-up-button.back-up-button-forcehide{
	display: none !important;
}
.mp-mobile-back-up-button.back-up-button-jump{
	bottom: 52px;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* RAKENNE */

body.template-infosivu {
    min-width: 320px;
}

/* hide all tabs */
.template-infosivu sections-container section {
    display: none;
}
/* show first tab */
.template-infosivu sections-container section#infosivu-esittely {
    display: block;
}

.content-row { color: #464646; }

.content-row.infosivu-matkapaivat {
    padding: 0 0 0;
}
.rightside-kuva-container {
    margin-bottom: 12px;
    padding: 0;
    width: 100%;
}
.rightside-kuva-container img {
    width: 100%;
    height: auto;
}

/* Vaalean harmaa tausta */
.gray-bg {
    background-color: #f5f5f5;
}

/* YLEISET */
a.varaa {
    background: rgba(0, 176, 123, 1) url('../img/hakanen.png') no-repeat right center;
    padding: 6px 30px 6px 20px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 15px;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff !important;
}
.luelisaa, .sulje {
    background-color: #022860;
    text-transform: uppercase;
    text-decoration: none;
    margin: 15px auto 0;
    border-radius: 15px;
    font-weight: bold;
    padding: 4px 0px;
    font-size: 13px;
    color: #ffffff;
    width: 96px;
    cursor: pointer;
}
a.varaa:hover, a.varaa:active, .infosivu-hotellit .luelisaa:hover, .infosivu-hotellit .sulje:hover, .luelisaa:hover {
    /*
    -webkit-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    -moz-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    */
    opacity: 0.7;
    color: #ffffff !important;
}

/* OTSAKE JA TEKSTI -TYYLIT */
.template-infosivu h2, .template-tarjoussivu h2, .template-kampanjasivu h2, .infosivu-popup h2, h2.with_underline, h3.with_underline, 
h2.with_underline:last-child, h3.with_underline:last-child, .template-lomakesivu h2, .template-omaloma h2 {
    border-bottom: 1px solid #3ebfed;
    display: inline-block;
    padding-bottom: 8px; 
}
.template-infosivu h2,
.template-tarjoussivu h2,
.template-kampanjasivu h2,
.infosivu-popup h2,
.template-lomakesivu h2,
.template-omaloma h2{
    letter-spacing: 1px; 
    margin: -7px 0 26px;
    font-weight: normal;
    line-height: 120%;
    font-size: 24px;
    color: #022860;
}
.template-infosivu .infosivu-ingressi h2,
.infosivu-popup .infosivu-ingressi h2 {
    border-bottom: none;
    display: block;
    padding-bottom: 0;
}
.template-infosivu h2.top-header,
.template-tarjoussivu h2.top-header,
.template-kampanjasivu h2.top-header,
.infosivu-popup h2.top-header  {
    margin: -5px 0 24px;
    font-size: 28px;
    width: 100%;
    border-bottom: 3px solid #3ebfed;
    padding-bottom: 8px;
}
.template-infosivu #infosivu-matkaohjelma h2.top-header,
.infosivu-popup #infosivu-matkaohjelma h2.top-header {
    margin: -5px 0 0px;
    padding-bottom: 10px;
}
.template-infosivu #infosivu-tekemista h2,
.template-infosivu #infosivu-tarkeaa .infosivu-ingressi h3,
.infosivu-popup #infosivu-tekemista h2, 
.infosivu-popup #infosivu-tarkeaa .infosivu-ingressi h3  {
     margin: -7px 0 26px;
}
h2.with_underline, h3.with_underline {
    padding-right: 75px;
}
h4, .infosivu-esittely-ingressi-texts h3, .infosivu-retket h3,
.tarjoussivu-parhaat-item h3  {
    font-size: 17px;
    color: #022860;
    margin: 20px 0 2px;
    letter-spacing: 1px;
    font-weight: bold;
}
.template-infosivu h4,
.infosivu-popup h4 {
    margin-top: 0;
}
.infosivu-matkapaivat h3, .infosivu-matkapaivat h3.matkapaiva-otsikko:last-child, .infosivu-hotellit h3, 
.infosivu-laiva-hytit h3, .infosivu-kohteet h3 {
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 6px;
    margin-bottom: 18px;
}
.infosivu-matkapaivat h3.matkapaiva-otsikko:last-child, .infosivu-hotellit h3:last-child {
    margin-top: 0px;
}
div.top-header .template-infosivu  h2.top-header,
.infosivu-hotellit h3, .infosivu-hotellit h3:last-child, 
.infosivu-laiva-hytit h3, .infosivu-kohteet h3 {
    margin-bottom: 0px;
}
.infosivu-laiva-hytit h3, .infosivu-kohteet h3 {
    padding-bottom: 0px;
    margin-top: 24px;
}
.infosivu-matkapaivat h4 {
    margin: 0 0 3px;
}
.infosivu-laiva-hytit h4, .infosivu-kohteet h4 {
    font-size: 14px;
    margin-top: 5px;
}
/* TEKSTIKENTTIEN TYYLIT */
h3, .infosivu-retket .infosivu-infobox h3,
* > h3:last-child {
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 120%;
    font-size: 24px;
    color: #022860;
    border-bottom: none;
    display: block;
    margin: 24px 0;
}
.textcontent h3:nth-child(2), .infosivu-esittely-laiva-texts h3:nth-child(1) { 
    padding-top: 0;
    margin-top: 0;
}
.text h3:last-child, .infosivu-esittely-laiva-texts h3:last-child { 
    margin-bottom: 24px;
}
.esittely-hintaan-sisaltyy-footer h3:nth-child(1), .infosivu-aikataulu h3 {
    margin: 24px 0;
}
* a.link-style-pdf-button + * a.link-style-pdf-button,
* a.link-style-pdf-button + a.link-style-pdf-button,
a.link-style-pdf-button + * a.link-style-pdf-button,
a.link-style-pdf-button + a.link-style-pdf-button,
h2 + * a.link-style-pdf-button,
h2 + a.link-style-pdf-button,
h2 > a.link-style-pdf-button {
    margin-top: 0px;
}
h4 + a.link-style-pdf-button:nth-child(1),
h4 + * a.link-style-pdf-button:nth-child(1) {
    margin-top: 20px;
}
a.no-bottom-margin, .no-bottom-margin a {
    margin-bottom: 0 !important;
}

/* ESITTELY-VÄLILEHTI */

/* Esittely ingressi */
.infosivu-ingressi p, .infosivu-ingressi h3, .infosivu-ingressi h4 {
   line-height: 120%;
}
.infosivu-ingressi-texts,
.infosivu-esittely-ingressi-texts {
    margin-top: 40px;
}

/* Hintanosto */
.ingressi-hintanosto {
    border: 1px solid #dededf;
    background-color: #ffffff;
    text-align: center;
    padding-bottom: 34px;
}
.ingressi-hintanosto-otsake {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #3c8fb7;
    padding: 10px 0;
    height: 60px;
    display: table;
    vertical-align: middle;
    width: 100%;
}
.ingressi-hintanosto h3 {
    display: table-cell;
    vertical-align: middle;
    color: #ffffff;
    padding: 0 15px;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 16px;
}
.ingressi-hintanosto-hintarivi {
    color: #022860;
    font-weight: bold;
    padding: 32px 5px;
}
.hintanosto-large-text {
    font-size: 40px;
    padding: 0 2px;
}

/*  Hintaan sisältyy */
.infosivu-hintaansisaltyy.content-row {
    padding: 0;
}
.infosivu-hintaansisaltyy .content-full {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    background-color: #faf8f8;
    padding: 44px 22px;       
}
.esittely-hintaan-sisaltyy-footer {
    margin-top: 16px;
}
.infosivu-hintaan-sisaltyy-item-container {
    margin: 0 -22px;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;  
    flex-wrap: wrap; 
}
.esittely-hintaan-sisaltyy-item {
    width: 47.25%; 
    margin-left: 22px;
}
.esittely-hintaan-sisaltyy-item ul {
    list-style-position: outside;
    padding-left: 14px;
    color: #022860;
}
.esittely-hintaan-sisaltyy-item li {
    padding: 0 5px;
}

/* Aikataulu */
.infosivu-aikataulu {
    padding-bottom: 30px;
}
.infosivu-aikataulu:last-child {
    padding-bottom: 0px;
    margin-bottom: -10px;
}
.infosivu-aikataulu:first-child h3, .infosivu-aikataulu h4:first-child {
    margin-top: 0px;
}
.infosivu-taulukko-kehys {
    border: 1px solid #e8e8e8;
    -webkit-box-shadow: 0 1px 3px 0 #e8e8e8;
    box-shadow: 0 1px 3px 0 #d5d5d5;
    margin: 25px 0 30px;
    padding: 20px 30px 20px 137px;
    min-height: 80px;
}
.infosivu-taulukko-kehys.laiva {
    padding: 10px 30px 10px 137px;
}
.infosivu-taulukko-kehys.lento {
    background: rgba(255, 255, 255, 1) url('../img/lento.png') no-repeat left 35px center;
}
.infosivu-taulukko-kehys.laiva {
    background: rgba(255, 255, 255, 1) url('../img/laiva.png') no-repeat left 35px center;
}
.infosivu-taulukko-kehys table {
    width: 100%;
    color: #022860;
    font-size: 16px;
    line-height: 150%;
    border-collapse: collapse;
}
.infosivu-taulukko-kehys.laiva table {
    width: 100%;
    line-height: 120%;
}
.infosivu-taulukko-kehys td.reitit {
    font-weight: bold;
    width: 215px;
}
.template-infosivu .laiva td,
.infosivu-popup .laiva td  {
    border-bottom: 1px solid #3ebfed;
    padding: 12px 0;
}
.template-infosivu .laiva tr:last-of-type td,
.infosivu-popup .laiva tr:last-of-type td  {
    border-bottom: none;
}
.template-infosivu .laiva td.lahto, .template-infosivu  .laiva td.ship,
.infosivu-popup .laiva td.lahto, .infosivu-popup  .laiva td.ship  {
    width: 155px;
}
.template-infosivu .laiva td.saapuminen-lahto, .template-infosivu .laiva td.saapuminen,
.infosivu-popup .laiva td.saapuminen-lahto, .infosivu-popup .laiva td.saapuminen  {
    width: 280px;
}
.template-infosivu .laiva td.ajat,
.infosivu-popup .laiva td.ajat {
    padding: 15px 0;
}
.template-infosivu .laiva td.ajat .aikataulu-haka,
.infosivu-popup .laiva td.ajat .aikataulu-haka  {
    padding: 15px 25px 0 0;
}
.template-infosivu .laiva td.ajat.tulo .aikataulu-haka,
.infosivu-popup .laiva td.ajat.tulo .aikataulu-haka {
    margin-left: -35px;
}
.infosivu-taulukko-kehys hr {
    display: block;
    height: 1px;
    border: 0;
    margin: 10px 0;
    padding: 0; 
    border-top: 1px solid #3ebfed;
    width: 100%;
}
.aikataulu-haka.meno:after{
    content: '>';
}
.aikataulu-haka.paluu:after{
    content: '<';
}
.aikataulu-haka, .aikataulu-sarake3 { 
    margin-left: 25px; 
}
.aikataulu-sarake3 { margin-right: 50px; }

/* Lisämaksulliset palvelut */
.lisamaksulliset-extra-margin {
    height: 50px;
    width: 100%;
}
.infosivu-lisamaksulliset {
    width: 100%;
    background-color: #022860;
    padding: 44px 0 30px;
}
.infosivu-lisamaksulliset h2 {
    color: #3ebfed;
}
.palvelut-item,
.edut-item {
    display: inline-block; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    margin: 15px 0 10px;
    padding: 0 25px 0 63px;
    width: 281px;
    height: 50px;
}
.palvelut-item-text,
.edut-item-text {
    display: table;
    vertical-align: middle; 
    height: 50px;
}
.kartta .palvelut-item-text,
.kartta .edut-item-text {
    position: relative;
    z-index: 1;
}
.palvelut-item p,
.edut-item p {
    display: table-cell; 
    vertical-align: middle; 
    text-align: left; 
    color: #ffffff;
}
.huone, .hytti {
    background: transparent url('../img/huone.png') no-repeat left center;
}
.kartta, .template-infosivu .kartta {
    background: transparent url('../img/kartta.png') no-repeat left center;
}
.bussi {
    background: transparent url('../img/bussi.png') no-repeat left center;
}
.drinkki {
    background: transparent url('../img/drinkki.png') no-repeat left center;
}
.opas {
    background: transparent url('../img/opas.png') no-repeat left center;
}
.spa {
    background: transparent url('../img/spa.png') no-repeat left center;
}
.sisaanpaasymaksu {
    background: transparent url('../img/sisaanpaasy.png') no-repeat left center;
}
.puolihoito, .tayshoito, .buffet {
    background: transparent url('../img/ruokailut.png') no-repeat left center;
}
.passi {
    background: transparent url('../img/passi.png') no-repeat left center;
}
.matkatavarat {
    background: transparent url('../img/matkatavarat.png') no-repeat left center;
}
.auto_laivaan {
    background: transparent url('../img/auto.png') no-repeat left center;
}
.aamupala {
    background: transparent url('../img/aamupala.png') no-repeat left center;
}
.rock {
    background: transparent url('../img/rock.png') no-repeat left center;
}
.palvelut-item.laiva,
.edut-item.laiva {
    background: transparent url('../img/vaalea-laiva.png') no-repeat left center;
}
.lentokone {
    background: transparent url('../img/lentokone.png') no-repeat left center;
}
.timantti {
    background: transparent url('../img/timantti.png') no-repeat left center;
}
.saastopossu {
    background: transparent url('../img/saastopossu.png') no-repeat left center;
}
.peukku {
    background: transparent url('../img/peukku.png') no-repeat left center;
}
.kadenpuristus {
    background: transparent url('../img/kadenpuristus.png') no-repeat left center;
}
.wifi {
    background: transparent url('../img/wifi.png') no-repeat left center;
}
.suuntakyltit {
    background: transparent url('../img/suuntakyltit.png') no-repeat left center;
}
.retki {
    background: transparent url('../img/retki.png') no-repeat left center;
}
.vastuullisuus_ikoni_valk_pallo {
    background: transparent url('../img/vastuullisuus_ikoni_valk_50x50px.png') no-repeat left center;
}
.vastuullisuus_lisapalvelut {
    background: transparent url('../img/vastuullisuus_lisapalvelut_50x50.png') no-repeat left center;
}

/* Lisämaksulliset retket */
.infosivu-retket {
    padding: 25px 0 20px;
}
.infosivu-retket.no-bottom-margin {
    padding-bottom: 0px;
    margin-bottom:-30px;
}
.infosivu-infobox {
    position: relative;
    margin: 40px 0 45px;
    padding: 22px;
    padding-bottom: 45px;
    border: 1px solid #cacacc;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(2,40,96,1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(2,40,96,1);
    box-shadow: 0px 3px 0px 0px rgba(2,40,96,1);
}
.infosivu-infobox .hinta {
    background: transparent url('../img/kartta.png') no-repeat left center;
    display: table;
    float: right;
    padding-left: 58px;
    height: 50px;
    margin-bottom: -24px;
}
.infosivu-infobox .hinta p {
    display: table-cell; 
    vertical-align: middle; 
    text-align: right; 
    font-weight: bold;
    color: #022860;
    padding-left: 42px;
}
.infosivu-infobox .kuva {
    float:left; 
    height: 229px;
    width: 339px;
    margin-right: 30px;
}
.infosivu-infobox .kuva img {
    width: 100%;
    height: auto;
}
.infosivu-infobox .text {
    display: block; 
    width: 700px;
    margin-top: -5px;
    float: left; 
}
.infosivu-infobox .text h4:first-child {
   text-transform: uppercase;
   margin-bottom: 20px;
   max-width: 55%;
}

/* Asiakkaat suosittelevat */
.infosivu-asiakkaat-suosittelevat {
    text-align: center;
    padding-bottom: 3px;
}
.infosivu-asiakkaat-suosittelevat-text h3 {
    font: 16px/200% "Raleway","Arial",sans-serif;
    font-weight: regular;
    font-style: italic;
}
.infosivu-asiakkaat-suosittelevat-text > h3:last-child {
    margin-bottom: 0;
}
.infosivu-asiakkaat-suosittelevat-text > h3:first-child {
    margin-top: 0;
}
.infosivu-asiakkaat-suosittelevat-text {
    background: transparent url('../img/heitto.png') no-repeat left top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    margin-top: 5px;
    padding: 0 0 0 120px;
    text-align: left;
    width: 100%;
    height: 150px;
}
.infosivu-asiakkaat-suosittelevat-text h3 {
    font: 26px/200% "Raleway","Arial",sans-serif;
    font-weight: regular;
    font-style: italic;
}
.asiakkaat-suosittelevat-pallukat,
.suosittelemme-pallukat {
    margin: 25px auto 0;
}
.asiakkaat-suosittelevat-pallukat .pallo,
.suosittelemme-pallukat .pallo {
    background: transparent url('../img/asiakkaat-suosittelevat-pallo.png') no-repeat center center;
    display: inline-block; 
    margin: 0 3px;
    height: 14px;
    width: 14px;
}
.asiakkaat-suosittelevat-pallukat .valittu,
.suosittelemme-pallukat .valittu {
    background: transparent url('../img/asiakkaat-suosittelevat-pallo-valittu.png') no-repeat center center;
}
/* show only first carousel item */
carousel carousel-items carousel-item:not(:first-child) {
    display: none
}
carousel carousel-items{
    overflow: hidden;
}
carousel carousel-items carousel-item{ }
.infosivu-asiakkaat-suosittelevat carousel-items{
    display: block;
    height: 150px; 
}

/* Muita kiertomatkoja */
.muita-kiertomatkoja-frame {
    margin-top: 18px;
    width: 100%; 
    height: auto;
}
.kiertomatka-item {
    display: inline-block; 
    width: 284px; 
    height: 193px;
    margin: 0;
}
.kiertomatka-item #text {
    display: none;
}
.kiertomatka-kuva {
    width: 100%; 
    height: 193px;
    margin-bottom: -193px;
}
.kiertomatka-kuva img {
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
}
.kiertomatka-text {
    background: rgba(62, 191, 237, 0.90);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    padding: 10px;
    color: #ffffff;
    text-align: center;
    width: 100%; 
    height: 193px;
    overflow: hidden;
}
.kiertomatka-text h3, .kiertomatka-text p, .kiertomatka-text a {
    text-decoration: none;
    color: #ffffff;
}
.kiertomatka-text h3 {
    font-size: 18px;
    line-height: 120%;
    height: 45px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 0 15px;
    font-weight: bold;
}
.kiertomatka-text p {
    height: 65px;
    overflow: hidden;
}
.hover-slideanim{
    overflow: hidden;
    margin-right: -2px;
}
.hover-slideanim-extra{
    display: none;
}
.hover-slideanim:hover { }
.hover-slideanim:hover .hover-slideanim-extra{
    display: block;
}
.kiertomatka-item.hover-slideanim{
    position: relative;
}
.kiertomatka-item .hover-slideanim-element{
    height: 65px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    max-height: 192px;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.kiertomatka-item.hover-slideanim:hover .hover-slideanim-element{
    height: 192px;
}
.kiertomatka-item .luelisaa {
    margin-top: 10px;
}
/* MATKAOHJELMA-VÄLILEHTI */

/* Rakenne */
.matkaohjelma-lahtopaivat-title {
    padding-top: 40px;
}
.matkaohjelma-lahtopaivat-title h3, .matkaohjelma-lahtopaivat-title > h3:last-child {
    margin-top: 0px;
    margin-bottom: 20px;
}
.content-row.infosivu-matkapaivat.gray-bg {
    padding-bottom: 55px;
}

/* Otsake ja tekstityylit */
.template-infosivu .infosivu-retket h2 {
    margin: -7px 0 16px;
}

/* Matkapäivät valinnat */
.matkaohjelma-lahtopaivat-listitem {
    margin: 0 auto;
    width: 1140px;
}
.matkaohjelma-lahtopaivat-listitem:hover,
.matkaohjelma-lahtopaivat-listitem.open {
    border-bottom: 1px solid rgba(255,255,255,0.15);
    background-color: #022860;
    width: 100%;
}
.matkaohjelma-lahtopaivat-listitem h4 {
    diplay: block;
    background: transparent url('../img/infosivu-matkaohj-list-plus.png') no-repeat left center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    padding: 13px 12px 13px 55px;
    border-bottom: 1px solid #3ebfed;
    cursor: pointer;
    width: 750px;
    margin: 0;
}
.matkaohjelma-lahtopaivat-listitem h4:hover,
.matkaohjelma-lahtopaivat-listitem.open h4 {
    background: #022860 url('../img/infosivu-matkaohj-list-minus.png') no-repeat left center;
    color: #3ebfed;
    border-bottom: none;
    margin: 0 auto;
    width: 1140px;
}

/* Matkapäivät */
.matkaohjelma-hidden-container {
    background-color: #ffffff;
    border-bottom: 4px solid #022860;
}
.matkaohjelma-hidden-container.open {
   margin-bottom: 33px;
}
.infosivu-matkapaivat-content {
    border-bottom: 1px solid #3ebfed;
    padding: 45px 0 40px;
}
.matkaohjelma-hidden-container .infosivu-matkapaivat-content {
    padding-top: 30px;
}
.infosivu-matkapaivat-content .rightside-kuva-container:last-of-type {
    margin-bottom: 0px;
}
.matkaohjelma-hidden-container .infosivu-matkapaivat-content:first-child {
    padding-top: 30px !important;
}
.matkaohjelma-hidden-container .infosivu-matkapaivat-content:last-child {
    border: none;
}

/* HOTELLIT-VÄLILEHTI */

/* Rakenne */
.infosivu-lisatietoa {
    display: block;
}
.hotel-extra-closed .infosivu-lisatietoa {
    display: none;
}
.hotelli-yleiset-text {
    display: none;
}
.hotel-extra-opened .hotelli-yleiset-text {
    display: block;
}
.hotel-extra-closed .infosivu-hotel-service-block{
    display: none; 
}
.hotel-extra-closed .infosivu-hotellit-pikkukuvat{
    opacity: 0;
}
.hotel-extra-closed .infosivu-hotellit-taulukko{
    opacity: 0;
}
.infosivu-hotellit-kehys.hotel-extra-opened .luelisaa{
    display: none;
}
.infosivu-hotellit {
    padding: 18px 0 0px;
}
.infosivu-aikataulu.no-top-padding {
    padding-top: 0 !important;
}
.infosivu-vasen-palsta,
.infosivu-hotellit-vasen-palsta {
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;  
    flex-wrap: wrap; 
    float: left; 
    width: 339px;
    align-content: flex-start;
    min-height: 20px;
}
.infosivu-oikea-palsta,
.infosivu-hotellit-oikea-palsta {
    display: block; 
    width: 715px;
    padding-left: 30px;
    margin-top: 0px;
    float:left; 
}

/* Otsake ja tekstityylit */
.infosivu-hotellit h4 {
    margin-bottom: 18px;
}
.template-infosivu hotel-extra-textcontent h2, 
.template-infosivu hotel-extra-textcontent h3, 
.template-infosivu hotel-extra-textcontent h4,
.infosivu-popup hotel-extra-textcontent h2,
.infosivu-popup hotel-extra-textcontent h3, 
.infosivu-popup hotel-extra-textcontent h4  {
    font-size: 17px;
    color: #022860;
    margin: 20px 0 2px;
    margin-top: 20px;
    letter-spacing: 1px;
    font-weight: bold;
    padding: 0;
    border: none;
    display: block;
}

/* Yleiset */
.infosivu-hotellit .luelisaa, .infosivu-hotellit .sulje {
    margin: 15px 0 0;
    background: #3ebfed url('../img/hotellit-hakanen.png') no-repeat right center;
    padding: 6px 25px 6px 15px;
    border-radius: 16px;
    width: 73px;
}
.infosivu-hotellit .sulje {
    background: #3ebfed url('../img/hotellit-hakanen-sulje.png') no-repeat right center;
    padding: 6px 10px 6px 30px;
    margin-top: 40px;
}

/* Hotellit */
.infosivu-hotellihuoneet, .infosivu-hotellit-palvelut, .infosivu-hotelli-perus {
    position: relative;
    width: 100%; 
}
.infosivu-hotellit-kehys {
    transition: all 1.5s ease;
    overflow: hidden;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(2,40,96,1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(2,40,96,1);
    box-shadow: 0px 3px 0px 0px rgba(2,40,96,1);
    position: relative;
    height: auto;
    margin: 0px 0 45px;
    padding: 45px 25px;
    border: 1px solid #cacacc;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;  
    flex-wrap: wrap; 
}
.infosivu-hotellit-kehys:last-child {
    margin-bottom: 0px;
}
.hotel-extra-closed hotel-extra-textcontent{
   height: 115px;
   max-height: 115px;
   overflow: hidden; 
}
hotel-extra-textcontent{
    display: block;
    min-height: 106px;
    margin-top: 15px;
}
.hotel-negative-margin:not(:first-child) {
    margin-bottom: -50px;
}
/* Hotelli kuvat */
.infosivu-hotellit-kuva {
    position: relative;
    height: 229px;
    width: 339px;
    margin-bottom: 0px;
}
.infosivu-hotellit-kuva img,
.infosivu-hotellit-pikkukuvat img {
    width: 100%;
    height: auto;
}
.infosivu-hotellit-vasen-palsta .infosivu-hotellit-kuva {
    margin-bottom: 0px;
}
.infosivu-hotellit-kuva .camera-icon {
    display: none;
}
.huoneinfo .infosivu-hotellit-kuva .camera-icon {
    display: block;
}
.infosivu-hotellit-vasen-palsta .camera-icon {
    background: transparent url('../img/kuvagalleria.png') no-repeat center center;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 12px;
    right: 12px;
    pointer-events: none;
}
.infosivu-hotellit-pikkukuvat {
    transition: all 0.5s ease;
    opacity: 1;
    position: relative;
    height: 110px;
    width: 163px;
    margin-top: 12px;
}
.infosivu-hotellit-pikkukuvat:nth-child(even) {
    margin-right: 12px;
}
.infosivu-hotellit-kuvagalleria {
    position: relative;
    background: transparent url('../img/kuvagalleria.png') no-repeat left top;
    font-weight: bold;
    text-transform: uppercase;
    color: #022860;
    width: 148px;
    height: 50px;
    padding-left: 66px;
    margin: 16px auto;
    letter-spacing: 1px;
    line-height: 50px;
}
.infosivu-hotellit-kuvagalleria .hakanen {
    background: transparent url('../img/kuvagalleria-hakanen.png') no-repeat right center;
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 7px;
}
.hotel-gallery-item, .room-gallery-item,
.huoneinfo .infosivu-hotellit-kuva .camera-icon {
    cursor: pointer;
    opacity: 1;
    transition: all 0.5s ease;
}
.hotel-gallery-item:hover, .room-gallery-item:hover,
.huoneinfo .infosivu-hotellit-kuva:hover .camera-icon {
    opacity: 0.7;
}

/* Hotelli luokitus */
.infosivu-hotellit-luokitus {
    height: 21px; width: 100%;
}
.infosivu-hotellit-luokitus .tahti {
    background: transparent url('../img/hotellit-tahti.png') no-repeat center top;
    display: inline-block; 
    margin-right: 5px;
    height: 22px;
    width: 22px;
}
.infosivu-hotellit-luokitus .plussa {
    background: transparent url('../img/hotellit-plussa.png') no-repeat center bottom;
    display: inline-block; 
    margin-right: 5px;
    height: 22px;
    width: 22px;
}

/* Hotelli taulukko */
.infosivu-hotellit-taulukko {
    border: 1px solid #e8e8e8;
    -webkit-box-shadow: 0 1px 3px 0 #e8e8e8;
    box-shadow: 0 1px 3px 0 #d5d5d5;
    margin: 40px 0;
    padding: 12px 20px;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;  
    flex-wrap: wrap; 
    flex-direction: row;
}
palvelu{
    display: inline-block;
    width: 49%;
    border-bottom: 1px solid #3ebfed;
    padding: 8px 3px;
    color: #022860; 
}
palvelu:nth-last-child(1), palvelu:nth-last-child(2):nth-child(odd) {
    border-bottom: none;
}
palvelu-name{
    display: inline;
    font-weight: bold;
    min-width: 100px;
}
palvelu-value{
    display: inline;
}

/* Huoneet */
.infosivu-hotellit-kehys .huoneinfo {
    border-bottom: 1px solid #d4d2d2;
    padding-top: 45px;
    padding-bottom: 45px;
}
.infosivu-hotellit-kehys .infosivu-hotellit-oikea-palsta.huoneinfo {
    padding-top: 40px;
}

/* KUVAGALLERIA POP UP */
.template-infosivu .mfp-bg {
    opacity: 0.9; 
}
.mp-hotel-gallery-popup .mfp-content,
.mp-hotel-gallery-popup .mfp-figure::after {
    background: #ffffff;
    box-shadow: none;
}
.mp-hotel-gallery-popup .mfp-content{
    background: white;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 16px;
}
.mp-hotel-gallery-popup .mfp-bottom-bar{
    background: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 16px;
    padding-left: 100px;
    padding-right: 100px;

}
.mp-hotel-gallery-popup .popup-nav-button.popup-nav-current img{
    opacity: 0.7; 
}
.mp-hotel-gallery-popup .popup-nav-button.popup-nav-hidden img{ 
    display: none; 
}
.mp-hotel-gallery-popup .popup-close-img{
    position: absolute;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 10px;
    top: -10px;
    right: -10px;
}
.mp-hotel-gallery-popup .mfp-img{
    margin: 0 auto 18px;
    padding: 0px !important;
}
.mp-hotel-gallery-popup .mfp-arrow {
    cursor: pointer;
    opacity: 1;
    transition: all 0.5s ease;
    width: 58px;
}
.mp-hotel-gallery-popup .mfp-arrow:hover {
    opacity: 0.7;
}
.mp-hotel-gallery-popup .popup-nav-button:nth-child(5) {
    margin-right: 0px;
}
.mp-hotel-gallery-popup button::after,
.mp-hotel-gallery-popup button::before {
    display:none;
}
.mp-hotel-gallery-popup button.mfp-arrow.mfp-arrow-left {
    background: transparent url('../img/galleria-nuoli-vasen.png') no-repeat center center;
}
.mp-hotel-gallery-popup button.mfp-arrow.mfp-arrow-right {
    background: transparent url('../img/galleria-nuoli-oikea.png') no-repeat center center;
}
.mp-hotel-gallery-popup .popup-close-img {
    background: #a7aeb2 url('../img/galleria-sulje.png') no-repeat center center;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    cursor: pointer;
    opacity: 1;
    transition: all 0.5s ease;
}
.mp-hotel-gallery-popup .popup-close-img:hover {
    background: #c1c6c9 url('../img/galleria-sulje.png') no-repeat center center;
}
.mp-hotel-gallery-popup .img-count {
    position: absolute;
    bottom: 30px;
    right: 30px;
    font-size: 16px;
    color: #464646;
}
.mp-hotel-gallery-popup .popup-nav-button {
    display: inline-block;
    position: relative;
    width: 128px;
    height: 89px;
    margin-right: 15px;
    overflow: hidden;
}
.popup-nav-button img{
    width: 100%;
    height: auto;
    opacity: 1;
    transition: all 0.5s ease;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.mp-hotel-gallery-popup .popup-nav-button:hover img {
    opacity: 0.7;
}
.mp-hotel-gallery-popup .mfp-description {
    height: 89px;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 0;
    overflow: hidden;
}
.mp-hotel-gallery-popup footer {
    background-color: #ffffff;
    padding: 0;
    margin: 0;
}

/* Lisäpalvelut */
.infosivu-hotel-service-block {
    padding: 35px 18px;
    width: 100%;
    margin: 20px 0px 35px;
}
.infosivu-hotel-service-block:nth-last-child(3) {
    margin-bottom: 0;
}
.infosivu-hotel-service-block .infosivu-hotellit-vasen-palsta {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 320px;
    min-height: 25px;
}
.infosivu-hotel-service-block .infosivu-hotellit-oikea-palsta {
    width: 700px;
}
.infosivu-hotel-service-block img {
    width: 153px;
    height: auto;
}
.infosivu-hotel-service-block img:nth-child(odd) {
    margin-right: 10px;
}
.template-infosivu .infosivu-hotel-service-block h2 {
    margin-bottom: 36px;
}

/* LAIVA-VÄLILEHTI */

/* Rakenne */
.infosivu-laivan-esittely.content-row.laiva-negative-bottom {
    	margin-bottom: -86px !important;
}
.infosivu-laivan-esittely:not(.laiva-negative-bottom) .rightside-kuva-container {
    	margin-top: 10px !important;
}
.infosivu-laiva-hytit .content-one-of-four {
    margin-bottom: 35px;
}
.infosivu-laiva-hytit .content-one-of-four:nth-child(4n+4) {
    margin-right: 30px;
}
infosivu-laiva-hytit .content-one-of-four.cabin4n {
    margin-right: 0px;
}
.template-infosivu h4.laiva-otsikko + h4,
.infosivu-popup h4.laiva-otsikko + h4 {
    margin-top: 20px;
}

/* Laivan esittely */
.infosivu-esittely-laiva-texts {
    margin-top: 8px;
}
.infosivu-laivan-esittely .rightside-kuva-container:last-child {
    margin-bottom: -20px;
}

/* Videot */
.infosivu-laiva-videot.content-row {
    padding-bottom: 0px;
}
.videoframe {
    margin: 0 auto;
    padding: 0px;
    overflow: hidden;
}
.videoframe iframe {
    position: relative;
    margin: 0 auto;
}
.content-half.videoframe {
    margin-bottom: 20px;
}
.ship-extra-margin {
    height: 30px;
}
/* Hytit */
.infosivu-laiva-hytit.content-row {
    padding-top: 35px;
}
.infosivu-laiva-hytit .content-one-of-four:nth-child(4n+4) {
    margin-right: 30px;
}
.infosivu-laiva-hytit .content-one-of-four.cabin4n {
    margin-right: 0px;
}
.infosivu-ship-connection {
    height: 0px; width: 0px;
}
.infosivu-laiva-hytit .hytit {
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;  
    flex-wrap: wrap; 
    margin-top: 5px;
    line-height: 150%;
}
.infosivu-laiva-hytit ul {
    list-style-position: outside;
    padding-left: 14px;
    margin: 0;
}
.cabin-feature-list {
    color: #022860;
}

/* Huomio */
.infosivu-laiva-huomio.content-row {
    padding-top: 34px;
    padding-bottom: 0px;
}

/* KARTTA-VÄLILEHTI */

/* Rakenne */
#infosivu-kartta.on-kartta .content-row.top-header {
    height: 95px;
}
#infosivu-kartta.on-kartta .content-row.top-header {
    height: 285px;
}
.infosivu-kartta.content-row {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Kartta */

#infosivu-kartta .infosivu-kartta {
    margin-top: -224px;
}
/*
#kartta, #kartta img {
    width: 100%;
    height: auto;
}
*/

/* Kohteet */
.infosivu-kohteet {
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;  
    flex-wrap: wrap; 
    margin-top: 8px;
    line-height: 150%;
}
.infosivu-kohteet.content-row {
    padding-top: 30px;
    padding-bottom: 0px;
}
.infosivu-kohteet .infosivu-hotellit-luokitus {
    margin-top: 5px;
}
#infosivu-kartta .content-one-of-four {
    margin-bottom: 35px;
}
#infosivu-kartta kartta-tab-hotellit {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}

/* TEKEMISTÄ-VÄLILEHTI */

/* Rakenne */
.infosivu-tapahtuma-esittely.content-row {
     padding-bottom: 0;
}

/* Tapahtumat esittely */
.infosivu-tapahtuma-esittely .infosivu-infobox {
     padding-top: 50px;
}
.infosivu-tapahtuma-esittely .infosivu-infobox:last-child {
     margin-bottom: 0;
}
.infosivu-tapahtuma-esittely .content-full:first-child .infosivu-infobox {
     margin-top: 5px;
}
.tapahtuma-icon {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 20px;
    right: 30px;
}

/* Tapahtuma taulukko */
#infosivu-tekemista .infosivu-taulukko-kehys {
    margin: 0px 0px 60px 0px;
    padding: 10px 22px;
}
#infosivu-tekemista .infosivu-taulukko-kehys.no-bottom-margin {
    margin-bottom: -40px;
}
.infosivu-taulukko-kehys .rivi {
    width: 100%;
}
.infosivu-taulukko-kehys .rivi, .infosivu-taulukko-kehys .kentta {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}
.infosivu-taulukko-kehys .kentta {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    border-bottom: 1px solid #3ebfed;
    padding: 8px 18px 8px 18px;
    color: #022860;
}
.infosivu-taulukko-kehys .rivi:first-child {
    text-transform: uppercase;
    font-weight: bold;
}
.infosivu-taulukko-kehys .kentta:nth-child(odd) {
    padding-left: 3px;
}
.infosivu-taulukko-kehys .kentta:last-child:nth-child(odd) {
    width: 48%;
}
.infosivu-taulukko-kehys .rivi:last-child .kentta {
    border:none;
}

/* Tapahtuma teksti */
.infosivu-tapahtumat.content-row {
    padding-bottom: 0;
    margin-top: 15px;
}
.tekemista-text {
    margin: 15px 0px 0px;
}

/* TÄRKEÄÄ-VÄLILEHTI */

/* Otsake ja tekstityylit */
.template-infosivu #infosivu-tarkeaa .infosivu-ingressi h3 {
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 120%;
    font-size: 24px;
    color: #022860;
    border-bottom: none;
    display: block;
    padding-bottom: 0;
}

/* Tärkeää tietää -ingressi */
#infosivu-tarkeaa .infosivu-ingressi-texts {
    margin-top: 43px;
}
.link-style-pdf-button, .link-style-pdf-button::after {
    transition: all 0.5s ease;
}
a.link-style-pdf-button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    position: relative;
    background: transparent url('../img/pdf.png') no-repeat left center;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    height: 50px;
    text-transform: uppercase;
    padding-left: 65px;
    font-weight: bold;
    font-size: 16px;
    color: #022860;
    letter-spacing: 1px;
    margin: 20px 0 20px;
    width: 100%;
    cursor: pointer;
    opacity: 1;
}
a.link-style-pdf-button:hover {
    opacity: 0.7;
}
.infosivu-ingressi-texts div:last-child a.link-style-pdf-button {
    margin-bottom: 0px;
}
a.link-style-pdf-button::after {
    width: 18px;
    height: 30px;
    content: '';
    background: transparent url('../img/infosivu-linkarrow.png') no-repeat right center;
}
a.link-style-pdf-button:hover::after {
    background: transparent url('../img/infosivu-linkarrow-hover.png') no-repeat right center;
    transition: all 0.5s ease;
}
#infosivu-tarkeaa .infosivu-ingressi .rightside-kuva-container:last-child {
    margin-bottom: -12px;
}

/* Poikkeustiedotteet */
.infosivu-poikkeustiedotteet.content-row {
    padding-bottom: 15px;
}
.infosivu-poikkeustiedotteet h4 {
    margin-top: 0px;
}

/* TABLETTIKOOT */
@media all and (max-width: 1200px) {

    /* RAKENNE */
    .content-row.top-header {
    	padding-right: 35px;
    	padding-left: 35px;
    }
    .rightside-kuva-container, .rightside-kuva-container img {
	width: 100%;
    }
    .rightside-kuva-container img {
	height: auto;
    }

    /* OTSAKE JA TEKSTI -TYYLIT */
    .template-infosivu h2 {
        font-size: 22px;
    }
    .template-infosivu h2.top-header {
        font-size: 26px;
    }
    h4 {
    	font-size: 16px;
    }
    .infosivu-matkapaivat h3, .infosivu-matkapaivat h3.matkapaiva-otsikko, .infosivu-matkapaivat h3.matkapaiva-otsikko:last-child {
    	font-size: 22px;
    }
    .ingressi-hintanosto h3 {
    	font-size: 15px;
    }
    .hintanosto-large-text {
    	font-size: 30px;
    }

    /* ESITTELY-VÄLILEHTI */

    .ingressi-hintanosto-otsake {
        height: 56px;
    }

    /*  Hintaan sisältyy */
    .esittely-hintaan-sisaltyy-item {
    	width: 47%;
    	margin-left: 22px;
    }
    .infosivu-hintaansisaltyy .content-full {
    	padding: 44px 35px;
    }

    /* Lisämaksulliset palvelut */
    .infosivu-lisamaksulliset {
    	padding: 44px 35px 30px;
    }

    /* Lisämaksulliset retket */
    .infosivu-retket {
    	padding: 40px 35px 20px;
    }

    /* Muita kiertomatkoja */
    .kiertomatka-item {
    	width: 24.8%;
    }

    /* MATKAOHJELMA-VÄLILEHTI */

    .infosivu-matkapaivat-content {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;  
    	box-sizing: border-box;
	margin-left: 35px;
	margin-right: 35px;
	width: auto;
    }
    .matkaohjelma-lahtopaivat-title {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;  
    	box-sizing: border-box;
    	padding: 46px 35px 0;
    }
    .matkaohjelma-lahtopaivat-listitem {
	padding-left: 35px;
	padding-right: 35px;
    }
    .matkaohjelma-lahtopaivat-listitem,
    .matkaohjelma-lahtopaivat-listitem:hover,
    .matkaohjelma-lahtopaivat-listitem h4:hover,
    .matkaohjelma-lahtopaivat-listitem.open,
    .matkaohjelma-lahtopaivat-listitem.open:hover,
    .matkaohjelma-lahtopaivat-listitem.open h4,
    .matkaohjelma-lahtopaivat-listitem.open h4:hover {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;  
    	box-sizing: border-box;
    	width: 100%;
    }

    /* HOTELLIT-VÄLILEHTI */

    /* Rakenne */
    .infosivu-hotellit-vasen-palsta {
        width: 29%;
    }
    .infosivu-hotellit-oikea-palsta {
        width: 62%;
    }

    /* Hotellit */
    .infosivu-hotellit-kehys {
    	margin-left: 35px;
    	margin-right: 35px;
    }
    .infosivu-hotellit-kuva {
    	width: 100%;
    	height: auto;
    }
    .infosivu-hotellit-pikkukuvat {
        width: 48%;
    }
    .infosivu-hotellit-pikkukuvat:nth-child(even) {
    	margin-right: 4%;
    }
    .infosivu-hotellit-pikkukuvat img {
        width: 100%;
	height: auto;
    }
    .infosivu-hotel-service-block img {
	width: 47%;
	height: auto;
    }
    .infosivu-hotel-service-block img:nth-child(odd) {
    	margin-right: 2.5%;
    }
    .infosivu-hotel-service-block .infosivu-hotellit-vasen-palsta {
       width: 29%;
    }
    .infosivu-hotel-service-block .infosivu-hotellit-oikea-palsta {
       width: 62%;
       padding-left: 22px;
    }

    /* Taulukko */
    palvelu {
    	width: 100%;
    }
    palvelu:nth-last-child(2):nth-child(2n+1) {
    	border-bottom: 1px solid #3ebfed;
    }

    /* KUVAGALLERIA */
    .mp-hotel-gallery-popup .mfp-content {
    	padding-bottom: 110px;
    }
    .mp-hotel-gallery-popup .mfp-bottom-bar {
   	padding-left: 0;
    	padding-right: 0;
    }
    .mp-hotel-gallery-popup .mfp-description {
    	height: 89px;
	width: 557px;
	margin: 0 auto;
    }
    .mp-hotel-gallery-popup .popup-nav-button:nth-child(4) {
    	margin-right: 0px;
    }
    .mp-hotel-gallery-popup .popup-nav-button {
    	width: 128px;
    	height: 89px;
    	margin-right: 15px;
    }
    .mp-hotel-gallery-popup .img-count {
   	right: -60px;
    }

    /* LAIVA-VÄLILEHTI */

    /* Videot */
    .videoframe {
    	position: relative;
    	padding-bottom: 25%;
    	padding-top: 35px;
    	height: 0;
    }
    .videoframe iframe {
    	position: absolute;
    	top: 0;
    	left: 0;
   	width: 100%;
    	height: 100%;
    }

    /* Hytit */
    .infosivu-laiva-hytit .content-one-of-four:nth-child(2n) {
       margin-right: 3%;
    }
    .infosivu-laiva-hytit .content-one-of-four.cabin2n,
    .infosivu-laiva-hytit .content-one-of-four.cabin4n {
       margin-right: 0px;
    }

    /* KARTTA-VÄLILEHTI */

    /* Rakenne */
    #infosivu-kartta.on-kartta .content-row.top-header {
    	height: auto;
    	padding-bottom: 19%;
    }

    /* Kartta */
    #infosivu-kartta .infosivu-kartta {
    	margin-top: -19%;
    }

    /* TEKEMISTÄ */

    .infosivu-infobox .kuva {
    	width: 33%;
    	height: auto;
	overflow:hidden;
    }
    .infosivu-infobox .kuva img {
    	width: 100%;
    	height: auto;
    }
    .infosivu-infobox .text {
        width: 62%;
    }
}
@media all and (max-width: 1000px) {

     /* Lisämaksulliset retket */
    .infosivu-infobox {
	padding-top: 35px;
    }
    .infosivu-infobox .hinta {
	position: absolute;
	padding-left: 95px;
	bottom: 45px;
	left: 22px;
    }
    .infosivu-infobox .text {
	padding-bottom: 60px;
    }
    .infosivu-infobox .text h4:first-child {
	max-width: 100%;
    }

}

/* MUUT KUIN MOBIILI */
@media all and (min-width: 800px) {
    .infosivu-hotellit-kehys.hotel-extra-closed .hotelli-sijainti-text{
	min-height: 90px;
    }
}

/* VAIN MOBIILI */
@media all and (max-width: 799px) {

    /* RAKENNE */
    section {
	padding-top: 35px; 
    }
    .content-row.infosivu-matkapaivat {
    	width: 100%;
    }
    infosivu-nav-container, header-main-logo-container, .full-width-container, header-content, 
    nav, .content-full, .matkaohjelma-lahtopaivat-listitem h4, .matkaohjelma-lahtopaivat-listitem h4:hover, .matkaohjelma-lahtopaivat-listitem.open h4,.matkaohjelma-lahtopaivat-listitem.open h4, .matkaohjelma-lahtopaivat-listitem.open h4:hover { 
    	width: 590px;
    }
    infosivu-nav-container, .header-small-title, #header-small-title, .header-large-title, #header-large-title, .infosivu-hotellit-kehys, .matkaohjelma-lahtopaivat-listitem h4, .matkaohjelma-lahtopaivat-listitem h4:hover, .matkaohjelma-lahtopaivat-listitem.open h4,.matkaohjelma-lahtopaivat-listitem.open h4, .matkaohjelma-lahtopaivat-listitem.open h4:hover, .infosivu-matkapaivat-content {
    	margin-left: auto;
    	margin-right: auto;
    }
    infosivu-nav-container {
    	font-size: 14px;
    }
    .infosivu-nav-button:hover, .infosivu-nav-button:last-child:hover, infosivu-nav-container .infosivu-nav-button.is-current-tab {
    	padding: 10px 20px !important;
    }
    .infosivu-nav-button {
    	padding: 10px 20px !important;
    }
    .matkaohjelma-lahtopaivat-title {
    	padding-left: 0;
    	padding-right: 0;
    }

    /* Vaalean harmaa tausta */
    .gray-bg {
    	background-color: #f7f4f4;
    }

    /* YLEISET */
    a.varaa {
    	font-size: 13px;
    }

    /* OTSAKE JA TEKSTI -TYYLIT */
    .template-infosivu h2,
    .template-tarjoussivu h2,
    .template-kampanjasivu h2 {
    	display: block;
    	font-size: 19px;
	font-weight: 600;
        border-bottom: 2px solid #3ebfed;
	margin: -7px 0 20px;
	padding-bottom: 6px;
    }
    .template-infosivu h2.top-header,
    .template-tarjoussivu h2.top-header,
    .template-kampanjasivu h2.top-header {
    	font-size: 19px;
	font-weight: 600;
	border-bottom: 2px solid #3ebfed;
	padding-bottom: 6px;
    }
    .content-row.top-header {
    	padding-right: 23px;
    	padding-left: 23px;
    }
    .template-infosivu h2.with_underline {
    	border-bottom: 2px solid #3ebfed;
    	display: block;
	padding-bottom: 6px;
    }
    h3, .infosivu-retket .infosivu-infobox h3 {
    	font-size: 16px;
    }
    h4, .infosivu-esittely-ingressi-texts h3, .infosivu-retket h3 {
    	font-size: 14px;
 	line-height: 160%;
    }
    .infosivu-retket.no-bottom-margin {
    	margin-bottom: 0px;
    }

    /* ESITTELY-VÄLILEHTI */
    .infosivu-ingressi.content-row {
	padding-top: 25px;
    }
    .infosivu-esittely-ingressi-texts {
    	margin-top: 20px;
    }
    .ingressi-hintanosto-otsake {
        height: auto;
    }

    /* Hintanosto */
    .ingressi-hintanosto-hintarivi {
        padding: 20px 5px 26px;
    }
    .ingressi-hintanosto {
    	padding-bottom: 28px;
    }
    .ingressi-hintanosto h3 {
         font-size: 14px;
    }

    /* Matkan esittely */
    .infosivu-matkan_esittely.content-row {
	padding-bottom: 40px;
	padding-top: 40px;
    }
    .rightside-kuva-container {
    	margin-bottom: 0px;
    }

    /* Hintaan sisältyy */
    .infosivu-hintaansisaltyy .content-full {
    	padding: 26px 22px;
    }
    .esittely-hintaan-sisaltyy-footer {
	display: none;
    }

    /* Aikataulu */
    .infosivu-aikataulu.content-row {
	padding-top: 46px;
    }
    .infosivu-aikataulu-otsake {
 	padding-left: 64px;
	min-height: 50px;
    }
    .infosivu-aikataulu-otsake.lento {
    	background: rgba(255, 255, 255, 1) url('../img/lento.png') no-repeat left center / 50px 50px;
  	background-size: 50px 50px;
    }
    .infosivu-aikataulu-otsake.laiva {
    	background: rgba(255, 255, 255, 1) url('../img/laiva.png') no-repeat left center / 50px 50px;
  	background-size: 50px 50px;
    }
    .infosivu-taulukko-kehys {
    	padding: 15px;
    }
    #infosivu-tekemista .infosivu-taulukko-kehys.no-bottom-margin {
        margin-bottom: 0px;
    }
    .infosivu-taulukko-kehys table {
	font-size: 13px;
    }
    .infosivu-taulukko-kehys td.reitit {
    	width: 53%;
    }
    .infosivu-taulukko-kehys td.lahto {
    	width: 24%;
    }
    .infosivu-taulukko-kehys td.saapuminen {
        word-wrap: break-word;
    	width: 24%;
    }
    .infosivu-taulukko-kehys td.saapuminen-lahto {
        word-wrap: break-word;
    	width: 24%;
    }
    .infosivu-taulukko-kehys td.ship {
    	width: 24%;
    }
    .laiva td.ajat.tulo .aikataulu-haka {
    	margin-left: -5px;
    }
    .laiva td.ajat .aikataulu-haka {
    	padding: 0px 5px 0 0;
	margin-left: 5px;
    }	
    .laiva td.ajat {
    	padding: 8px 0;
    }
    .infosivu-taulukko-kehys.laiva {
    	padding: 10px 20px 10px 20px;
    }
    .infosivu-taulukko-kehys.lento {
    	background: none;
    }
    .infosivu-taulukko-kehys.laiva {
    	background: none;
    }

    /* Lisämaksulliset palvelut */
    .infosivu-lisamaksulliset {
    	width: 100%;
    	background-color: #022860;
    	padding: 44px 22px 30px;
    }
    .palvelut-item {
    	width: 100%;
	margin: 8px 0 8px;
	padding: 0 0 0 65px;
    }

    /* Lisämaksulliset retket */
    .infosivu-retket .infosivu-infobox {
    	padding: 0px;
    	margin-bottom: 25px;
    }
    .infosivu-retket {
    	padding: 25px 22px 20px;
    } 
    .infosivu-retket .text h4 {
   	margin-bottom: 0px;
    }

    /* Asiakkaat suosittelevat */
    .infosivu-asiakkaat-suosittelevat {
    	text-align: left;
    }
    .infosivu-asiakkaat-suosittelevat {
        text-align: center;
	margin-bottom: 25px;
    }
    .template-infosivu .infosivu-asiakkaat-suosittelevat h2 {
        text-align: left;
    }
    .infosivu-asiakkaat-suosittelevat-text h3 {
    	font: 16px/200% "Raleway","Arial",sans-serif;
    	font-weight: regular;
    	font-style: italic;
    }
    .infosivu-asiakkaat-suosittelevat-text {
    	background: transparent url('../img/heitto.png') no-repeat left top / 44px 48px;
    	margin-top: 0px;
    	padding: 0 0 0 52px;
    	text-align: left;
    }
    .asiakkaat-suosittelevat-pallukat .pallo {
    	background: transparent url('../img/asiakkaat-suosittelevat-mobpallo.png') no-repeat center bottom / 21px 21px;
    	display: inline-block; 
    	margin: 0 3px;
    	height: 28px;
    	width: 28px;
    }
    .asiakkaat-suosittelevat-pallukat .valittu {
    	background: transparent url('../img/asiakkaat-suosittelevat-mobpallo-valittu.png') no-repeat center bottom / 28px 27px;
    }
    .asiakkaat-suosittelevat-pallukat {
        margin: 5px auto 20px;
    }
    .infosivu-asiakkaat-suosittelevat carousel-items {
	display: block;
    	height: 220px !important;
    }
    .esittely-hintaan-sisaltyy-item {
        width: 100%;
        margin-left: 22px;
    }

    /* Muita kiertomatkoja */
    .muita-kiertomatkoja-frame a {
	display: inline-block;
    }
    .kiertomatka-item {
    	width: 100%;
        height: 350px;
        margin-bottom: 10px;
    }
    .kiertomatka-item .hover-slideanim-element {
	max-height: 350px;
    }
    .kiertomatka-item img {
    	width: 100%;
	height: auto;
    }

    /* MATKAOHJELMA-VÄLILEHTI */
    #infosivu-matkaohjelma .content-row.top-header {
    	padding: 4px 23px 0;
    }
    .content-row.infosivu-matkapaivat.gray-bg {
    	padding-bottom: 20px;
    }
    .infosivu-matkapaivat-content,
    .matkaohjelma-hidden-container .infosivu-matkapaivat-content {
        padding: 20px 0 25px;
    }
    .infosivu-matkapaivat-content:last-child {
	border-bottom: 1px solid #3ebfed;
    }
    .matkaohjelma-lahtopaivat-title {
    	padding: 20px 0 0;
    }
    .matkaohjelma-lahtopaivat-listitem {
	padding-left: 0;
	padding-right: 0;
    }
    .infosivu-matkapaivat h3, .infosivu-matkapaivat h3.matkapaiva-otsikko, .infosivu-matkapaivat h3.matkapaiva-otsikko:last-child {
    	font-size: 16px;
	margin-bottom: 12px;
    }
    .infosivu-matkapaivat .content-left {
    	margin-bottom: 20px;
    }
    .content-row.infosivu-matkapaivat {
    	margin-bottom: 20px;
    }
    .matkaohjelma-lahtopaivat-listitem h4 {
    	background: transparent url('../img/infosivu-matkaohj-list-plus.png') no-repeat left top 10px / 21px 21px;
    	padding: 10px 12px 10px 30px;
	font-size: 12px;
    }
    .infosivu-matkapaivat .matkaohjelma-lahtopaivat-listitem:nth-last-child(2) h4 {
	border-bottom: 1px solid #faf8f8;
    }
    .matkaohjelma-lahtopaivat-listitem h4:hover,
    .matkaohjelma-lahtopaivat-listitem.open h4 {
        background: #022860 url('../img/infosivu-matkaohj-list-minus.png') no-repeat left top 10px / 21px 21px;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;  
    	box-sizing: border-box;
	border: none !important;
    }
    .infosivu-matkapaivat .matkaohjelma-lahtopaivat-title h3 {
    	margin-bottom: 0;
    }
    .matkaohjelma-hidden-container {
	padding-top: 30px;
    }
    .matkaohjelma-hidden-container.open {
    	margin-bottom: 20px;
    }
    .matkaohjelma-hidden-container .infosivu-matkapaivat-content:last-child {
	border-bottom: none;
    }

    /* HOTELLIT-VÄLILEHTI */

    /* Rakenne */
    .infosivu-hotellit-vasen-palsta,
    .infosivu-hotellit-oikea-palsta,
    .infosivu-hotellit-vasen-palsta .infosivu-hotellit-kuva,
    .infosivu-hotellit-vasen-palsta .infosivu-hotellit-kuva img,
    .infosivu-hotellit-vasen-palsta .infosivu-hotellit-pikkukuvat img {
	width: 100%;
	height: auto;
    }
   .hotel-extra-closed {
    	height: auto;
    }
    .hotel-extra-closed hotel-extra-textcontent {
   	height: auto !important;
    	max-height: 214px;
    	overflow: hidden;
    }
    .hotel-negative-margin {
    	margin-bottom: -20px;
    }

    /* Otsake ja tekstityylit */
    .infosivu-hotellit h3, .infosivu-laiva-hytit h3, .infosivu-kohteet h3 {
    	font-size: 16px;
    }
    .template-infosivu hotel-extra-textcontent h2, 
    .template-infosivu hotel-extra-textcontent h3, 
    .template-infosivu hotel-extra-textcontent h4 {
    	font-size: 13px;
    }
    #infosivu-hotellit h3.with_underline {
    	border-bottom: 2px solid #3ebfed;
    	padding-bottom: 6px;
    	display: block;
    }
    .infosivu-kohteet h3 {
        margin-top: 0;
    }
    .infosivu-kohteet h4 {
    	font-size: 12px;
    	margin-top: 0px;
    }

    /* Yleiset */
    .infosivu-hotellit .luelisaa, .infosivu-hotellit .sulje {
    	margin: 20px auto 0;
    }

    /* Hotellit */
    #infosivu-hotellit .content-row.top-header {
   	padding-top: 4px;
    }
    .infosivu-hotellit {
    	padding: 0;
    }
    .infosivu-hotellit-kehys {
	padding: 0;
    }
    .infosivu-hotellit-oikea-palsta  {
	padding: 23px;
    }
    hotel-extra-textcontent {
    	margin-top: 10px;
    }
    .infosivu-hotel-service-block {
        margin: 20px 23px 35px;
    }  
    .infosivu-hotel-service-block img {
	width: 48%;
	height: auto;
    }
    .infosivu-hotel-service-block img:nth-child(odd) {
    	margin-right: 2.9%;
    }

    /* Kuvat */
    .hotel-extra-opened .infosivu-hotellit-kuva .camera-icon.infosivu-lisatietoa {
    	display: block;
    }
    .hotel-extra-closed .infosivu-hotellit-pikkukuvat {
	display: none;
    }
    .infosivu-hotellit-pikkukuvat {
	margin-top: 5px;
	width: 48%;
	height: auto;
    }
    .infosivu-hotellit-pikkukuvat:nth-child(2n) {
    	margin-right: 4%;
    }
    .infosivu-hotellit-kuvagalleria {
	display: none;
    }

    /* Luokitus */
    .infosivu-hotellit-luokitus .tahti {
    	background: transparent url('../img/hotellit-tahti.png') no-repeat center top / 17px 17px;
    	display: inline-block; 
    	margin-right: 5px;
    	height: 17px;
    	width: 17px;
    }
    .infosivu-hotellit-luokitus .plussa {
    	background: transparent url('../img/hotellit-plussa.png') no-repeat center bottom / 17px 17px;
    	display: inline-block; 
    	margin-right: 5px;
    	height: 17px;
    	width: 17px;
    }
	
    /* Taulukko */ 
    .infosivu-hotellit-taulukko {
    	margin: 20px 0 0;
	padding: 12px 8px;
    }
    palvelu {
    	padding: 3px 3px;
    	width: 100%;
    }

    /* Huoneet */
    .huoneet-otsake.infosivu-hotellit-oikea-palsta {
    	padding: 10px 23px 0px; 
    }
    .infosivu-hotellit-kehys .huoneinfo {
    	border-bottom: 1px solid #3ebfed;
    	padding-top: 25px;
    	padding-bottom: 25px;
    }
    .huoneinfo {
   	margin-right: 23px;
   	margin-left: 23px;
    }
    .infosivu-hotellit-kehys .infosivu-hotellit-vasen-palsta.huoneinfo {
	border-bottom: none;
	padding-bottom: 0px;
    }
    .infosivu-hotellit-kehys .infosivu-hotellit-oikea-palsta.huoneinfo {
    	padding: 15px 0px 20px;
    }
    .infosivu-hotel-service-block .infosivu-hotellit-vasen-palsta,
    .infosivu-hotel-service-block .infosivu-hotellit-oikea-palsta {
       width: 100%;
       padding-left: 0px;
    }
    .infosivu-hotel-service-block .infosivu-hotellit-oikea-palsta {
       padding-top: 30px;
       padding-bottom: 0px;
    }
    .infosivu-hotel-service-block {
       padding: 25px 18px;
    }
    .template-infosivu .infosivu-hotel-service-block h2 {
    	margin-bottom: 22px;
    }

    /* KUVAGALLERIA POP UP */
    .mp-hotel-gallery-popup section.mfp-content-container {
	padding-top: 0px; 
    }
    .mp-hotel-gallery-popup  .mfp-container {
    	padding-left: 12px;
    	padding-right: 12px;
    }
    .mp-hotel-gallery-popup  .mfp-content,
    .mp-hotel-gallery-popup  .mfp-bottom-bar {
    	padding-left: 60px;
    	padding-right: 60px;
    }
    .mp-hotel-gallery-popup .img-count {
    	right: -40px;
    	bottom: 20px;
    	font-size: 12px;
    }
    .mp-hotel-gallery-popup .mfp-content {
    	padding-bottom: 90px;
    }
    .mp-hotel-gallery-popup .mfp-bottom-bar {
   	padding-left: 0;
    	padding-right: 0;
    }
    .mp-hotel-gallery-popup .mfp-description {
    	height: 67px;
	width: 560px;
    }
    .mp-hotel-gallery-popup .popup-nav-button:nth-child(4) {
    	margin-right: 15px;
    }
    .mp-hotel-gallery-popup .popup-nav-button {
    	width: 100px;
    	height: 67px;
    }

    /* LAIVA-VÄLILEHTI */

    /* Otsake ja tekstityylit */
    .infosivu-laiva-hytit .content-one-of-four:nth-child(4n+4) {
       margin-right: 30px;
    }
    .infosivu-laiva-hytit .content-one-of-four.cabin4n {
       margin-right: 0px;
    }
    .infosivu-laiva-hytit h3 {
        margin-top: 22px;
        margin-bottom: 3px;
    }
    .infosivu-laiva-hytit h4 {
    	font-size: 12px;
    	margin-top: 0px;
    }

    /* Rakenne */
    .infosivu-laivan-esittely.content-row {
    	margin-bottom: 0px;
    }
    .infosivu-laivan-esittely.content-row.laiva-negative-bottom {
    	margin-bottom: -46px !important;
    }
    .infosivu-laivan-esittely:not(.laiva-negative-bottom) .rightside-kuva-container {
    	margin-top: 0px !important;
    }
    .infosivu-laiva-hytit.content-row {
    	padding-top: 20px;
    }
    .infosivu-laiva-hytit .content-one-of-four {
        margin-bottom: 20px;
    }
    .infosivu-laiva-hytit.content-row {
    	padding-bottom: 5px;
    }
    .infosivu-laiva-huomio.content-row {
    	display:none;
    }
    .infosivu-laivan-esittely .content-right {
    	overflow: hidden;
    }
    .ship-extra-margin {
    	height: 10px;
    }

    /* Videot */
    .videoframe {
	margin: 0 auto;
    	float: none;
    	clear: both;
    	width: 100%;
    	position: relative;
    	padding-bottom: 47%;
    	padding-top: 35px;
    	height: 0;
    }
    .videoframe iframe {
    	position: absolute;
    	top: 0;
    	left: 0;
   	width: 100%;
    	height: 100%;
    }

    /* Hytit */
    .infosivu-laiva-hytit .content-one-of-four.cabin1n,
    .infosivu-laiva-hytit .content-one-of-four.cabin2n,
    .infosivu-laiva-hytit .content-one-of-four.cabin3n,
    .infosivu-laiva-hytit .content-one-of-four.cabin4n {
       margin-right: 0px;
    }

    /* KARTTA-VÄLILEHTI */

    /* Rakenne */
    #infosivu-kartta .content-row.gray-bg {
	background-color: #ffffff;
    }
    #infosivu-kartta .content-row.top-header {
        padding-top: 4px;
    }
    .infosivu-kartta.content-row {
    	padding: 0px;
    }
    .template-infosivu #infosivu-kartta:not(.on-kartta) h2.top-header {
        margin-bottom: 0px;
    }

    /* Kohteet */ 
    #infosivu-kartta .infosivu-kohteet .content-one-of-four {
   	margin-bottom: 22px;
    }
    .content-one-of-four .kuva, .content-one-of-four img {
    	margin-bottom: 5px;
    }
    .infosivu-kohteet.content-row {
    	padding-top: 22px;
    	padding-bottom: 30px;
    }

    /* TEKEMISTÄ-VÄLILEHTI */

    /* Otsake ja tekstityylit */
    .infosivu-tapahtuma-esittely .infosivu-infobox h4:first-child {
    	text-transform: uppercase;
    }
    #infosivu-tekemista .template-infosivu h2.with_underline {
    	margin-bottom: 25px;
    }

    /* Tapahtumat esittely */
    .infosivu-tapahtuma-esittely .infosivu-infobox {
    	padding: 0px;
	margin-bottom: 25px;
    }
    .infosivu-infobox {
        margin-top: 20px;
    }
    .infosivu-infobox .kuva {
	position: relative;
        width: 100%;
        height: auto;
        float: none;
        margin: 0px;
    }
    .infosivu-infobox .kuva img {
        width: 100%;
    }
    .infosivu-infobox .text {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
        margin: 0px;
        padding: 15px 22px 90px;
        float: none;
    }
    .tapahtuma-icon {
        position: absolute;
        width: 50px;
        height: 50px;
        top: auto;
        right: auto;
        left: 20px;
        bottom: 20px;
    }
    .infosivu-tapahtumat.content-row {
    	padding-top: 10px;
    	padding-bottom: 15px;
    }

    /* Tapahtuma taulukko */
    #infosivu-tekemista .infosivu-taulukko-kehys {
    	margin: 0px 0px 35px 0px;
    	padding: 5px 10px;
    }
    .infosivu-taulukko-kehys .kentta {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	width: 50%;
    	border-bottom: 1px solid #3ebfed;
    	padding: 3px 8px;
    	color: #022860;
    }
    .infosivu-taulukko-kehys .kentta:nth-child(2n+1) {
        padding-left:0px;
    }

    /* Paikat ja ravintolat */
    .tekemista-text {
    	margin: 3px 0px 0px;
    }
    .content-right {
	position: relative;
    }
    
    /* 
    .rightside-kuva-container {
        width: 300%;
        left: 0px;
        display: block;
        margin-bottom: 0px;
    }
    .rightside-kuva-container img {
        width: 33.333%;
        float: left;
    }
    .rightside-kuva-container .vasen-nuoli,
    .rightside-kuva-container .oikea-nuoli {
	position: absolute;
  	background-size: 28px 34px;
	width: 53px;
	height: 100%;
	top: 0;
	z-index: 5;
    }
    .rightside-kuva-container .vasen-nuoli {
	background: transparent url('../img/info-kuvakehys-vasennuoli.png') no-repeat left center;
  	background-size: 50%;
	right: auto;
	left: -17px;
    }
    .rightside-kuva-container .oikea-nuoli {
	background: transparent url('../img/info-kuvakehys-oikeanuoli.png') no-repeat right center;
  	background-size: 50%;
	left: auto;
	right: -17px;
    }
    */

    /* TÄRKEÄÄ-VÄLILEHTI */

    /* Otsake ja tekstityylit */
    .template-infosivu #infosivu-tarkeaa .infosivu-ingressi h3 {
	margin: -7px 0 14px;
    	font-weight: bold;
    	font-size: 13px;
    }

    /* Tärkeää tietää -ingressi */
    a.link-style-pdf-button {
    	font-size: 13px;
    	line-height: 150%;
	margin-bottom: 15px;
    }
    a.link-style-pdf-button::after {
    	display: none;
    }
    #infosivu-tarkeaa .infosivu-ingressi-texts {
        margin-top: 28px;
    }
    #infosivu-tarkeaa .infosivu-ingressi .content-left {
    	margin-bottom: 23px;
    }

    /* Poikkeustiedotteet */
    .infosivu-poikkeustiedotteet .content-left { 
	margin-bottom: 0px;
    }
    
    .varaamo-valinnat-lahtopaikka{
    	position: relative; 
    }
    #infosivu_busmap_container_mobile_v2_select{ 
		z-index: 2;
		position: absolute;
		width: 100%;
		border: none;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		-o-box-sizing: content-box;
		box-sizing: content-box;
		background: transparent;
		text-indent: -9999px;
		left: 0px;
		bottom: 0px;
    }
    
}
@media all and (max-width: 700px) {

    /* KUVAGALLERIA */
    .mp-hotel-gallery-popup .mfp-description {
	    width: 445px;
    }
    .mp-hotel-gallery-popup .popup-nav-button:nth-child(4) {
    	    margin-right: 0px;
    }
}
@media all and (max-width: 640px) {

        /* Rakenne */

	header-main-logo-container, .full-width-container, header-content,
	nav, .content-full, .content-row.infosivu-matkapaivat {
    	    width: 100%;
	}
        infosivu-nav-container, .matkaohjelma-lahtopaivat-listitem h4, .matkaohjelma-lahtopaivat-listitem h4:hover, .matkaohjelma-lahtopaivat-listitem.open h4,.matkaohjelma-lahtopaivat-listitem.open h4, .matkaohjelma-lahtopaivat-listitem.open h4:hover { 
    	    width: auto;
        }
	infosivu-nav-container, .header-small-title, #header-small-title, .header-large-title, #header-large-title, .infosivu-hotellit-kehys, .infosivu-matkapaivat-content, .matkaohjelma-lahtopaivat-listitem h4, .matkaohjelma-lahtopaivat-listitem h4:hover, .matkaohjelma-lahtopaivat-listitem.open h4,.matkaohjelma-lahtopaivat-listitem.open h4, .matkaohjelma-lahtopaivat-listitem.open h4:hover {
    	    margin-left: 23px;
    	    margin-right: 23px;
	}
	.infosivu-matkapaivat-content {
    	    -webkit-box-sizing: border-box;
    	    -moz-box-sizing: border-box;
    	    box-sizing: border-box;
    	    margin-left: 35px;
    	    margin-right: 35px;
    	    width: auto;
	}
	.infosivu-matkapaivat-content,
	.matkaohjelma-hidden-container .infosivu-matkapaivat-content {
    	    padding: 20px 0 25px;
    	    margin-left: 23px;
    	    margin-right: 23px;
	}
	.matkaohjelma-lahtopaivat-title {
    	    padding-left: 23px;
    	    padding-right: 23px;
	}
}

@media all and (max-width: 600px) {

    	/* Muita kiertomatkoja */
        .muita-kiertomatkoja-frame a {
	    display: inline-block;
    	}
    	.kiertomatka-item,
	.kiertomatka-item .hover-slideanim-element {
	    max-height: 290px;
        }

        /* KUVAGALLERIA */
    	.mp-hotel-gallery-popup .mfp-content {
    	    padding-bottom: 70px;
    	}
    	.mp-hotel-gallery-popup .mfp-description {
    	    height: 54px;
	    width: 380px;
    	}
    	.mp-hotel-gallery-popup .popup-nav-button {
    	    width: 80px;
    	    height: 54px;
    	}
        .mp-hotel-gallery-popup .popup-nav-button:nth-child(4) {
    	    margin-right: 0px;
        }

}
@media all and (max-width: 500px) {

    	/* Muita kiertomatkoja */
    	.kiertomatka-item,
	.kiertomatka-item .hover-slideanim-element {
	    max-height: 190px;
        }
        /* KUVAGALLERIA */
        .mp-hotel-gallery-popup .mfp-description {
	    width: 100%;
    	    height: 40px;
        }
    	.mp-hotel-gallery-popup .popup-nav-button {
    	    width: 60px;
    	    height: 40px;
    	}
    	.infosivu-hotel-service-block img:nth-child(odd) {
    	    margin-right: 2%;
    	}

}
@media all and (max-width: 385px) {

        /* Aikataulu */
	.infosivu-taulukko-kehys table {
	    font-size: 12px;
	}
        .infosivu-taulukko-kehys td.lahto,
	.infosivu-taulukko-kehys td.saapuminen,
	.infosivu-taulukko-kehys td.saapuminen-lahto,
	.infosivu-taulukko-kehys td.ship {
    	    width: auto;
        }
       /* Lisämaksulliset retket */
	.infosivu-infobox .hinta {
    	    padding-left: 60px;
	}
}
@media all and (max-width: 360px) {

        /* Aikataulu */
	.infosivu-taulukko-kehys.laiva table {
	    font-size: 10px;
	}
	/* Muita kiertomatkoja */
        .kiertomatka-item img {
    	    width: 100%;
	    height: 100%;
        }

}
@media all and (max-width: 330px) {

        /* Aikataulu */
	.infosivu-taulukko-kehys.laiva table {
	    font-size: 9px;
	}
        .infosivu-aikataulu {
	    display: none;
	}

        /* Lisämaksulliset retket */
	.infosivu-infobox .text {
    	    overflow: hidden;
	}
	.infosivu-infobox .hinta {
    	    -webkit-box-sizing: border-box;
    	    -moz-box-sizing: border-box;
    	    box-sizing: border-box;
    	    width: 80%;
	}
	.infosivu-infobox .hinta p {
    	    padding-left: 0px;
	}
        .hintanosto-large-text {
    	    font-size: 22px;
        }
        .footer-puh, .footer-mail {
    	    font-size: 12px;
	    padding-left: 28px;
        }
        footer .content-one-of-three img {
	    width: 100%;
        }
        .kiertomatka-text h3 {
	    font-size: 14px;
        }
        .header-large-title h1, #header-large-title h1 {
            font-size: 18px;
	    line-height: 100%;
        }
        .infosivu-taulukko-kehys .kentta {
	    font-size: 12px;
        }
	.varaamo-hinta {
	    padding: 18px 0 25px;
	}
}




.infosivu-googlemap-kartta{
	width: 100%;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	height: 455px;
}
@media all and (max-width: 1000px) {
	.infosivu-googlemap-kartta {
	    height: 325px;
	}
}
/* VAIN MOBIILI */
@media all and (max-width: 799px) {
	.infosivu-googlemap-kartta{
		height: 285px;  
	}
}

@media all and (max-width: 599px) {

    /* Asiakkaat suosittelevat */
    .infosivu-asiakkaat-suosittelevat-text h3 {
    	font: 13px/200% "Raleway","Arial",sans-serif;
    	font-weight: regular;
    	font-style: italic;
    }
}
@media all and (max-width: 499px) {
	.infosivu-googlemap-kartta{
		height: 205px;  
	}
}




.infosivu-esittely-mobile-carousel{
	/* height: 200px; */
}
.infosivu-esittely-mobile-carousel .slick-slide{
	/* width: 285px;
	height: 200px; */
	/* position: relative;  */
}

.mobile-only-carousel .rightside-kuva-container img{
	width: 100%; 
}

 
.mobile-only-carousel .slick-prev, .mobile-only-carousel .slick-next {
 	border-radius: 50px;
}

.use-carousel-arrows.mobile-only-carousel .slick-next {
    right: -13px;
}
.use-carousel-arrows.mobile-only-carousel .slick-prev {
    left: -13px;
}

/* RAKENNE */
.template-etusivu visual-header {
    margin-bottom: 22px;
    height: 706px;
}
.template-etusivu .content-row {
    padding-top: 25px;
    padding-bottom: 25px;
    overflow: hidden;
    text-align: center;
}

/* OTSIKKO JA TEKSTITYYLIT */
.template-etusivu h2 {
    letter-spacing: 1px;
    margin: 0px 0 30px;
    font-weight: normal;
    line-height: 120%;
    color: #022860;
    font-size: 28px;
    border-bottom: 3px solid #3ebfed;
    padding-bottom: 7px;
    display: inline-block;
}

/* ETUSIVUN PÄÄKARUSELLI */

/* Nuolet */
.use-carousel-arrows .slick-prev,
.use-carousel-arrows .slick-next {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0px, -50%);
    z-index: 2;
	
    font-size: 0;
    line-height: 0;

    width: 27px;
    height: 47px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
main-carousel-container {
    max-height: 706px;
    overflow: hidden;
}
main-carousel-container carousel-item {
    background-position: center center;
}
main-carousel-container .slick-prev::before {
    background: transparent url('/templates/matkapojat2018/img/nuoli-left.png') center center / cover;
}
main-carousel-container .slick-next::before {
    background: transparent url('/templates/matkapojat2018/img/nuoli-right.png') center center / cover;
}
main-carousel-container .slick-prev::before,
main-carousel-container .slick-next::before {
   content: "" !important;
   background-size: 100% 100% !important;
   display: inline-block !important;

   /*size of your image*/
   width: 15px !important;
   height: 30px !important;
}
main-carousel-container .slick-prev {
    left: 25px !important;
}
main-carousel-container .slick-next {
    right: 25px !important;
}

/* Karusellin tekstit */
.template-etusivu .header-small-title {
    margin-top: 158px;
    margin-bottom: 6px;
}
.template-etusivu .header-small-title h2,
.header-small-title-h2{
    margin-bottom: 0px;
    border-bottom: none;
    color: #ffffff;
    font-weight: 600; /* Semi-bold */
}
.header-subtext {
    display: inline-block;
    background: rgba(62, 191, 237, 0.70);
    min-height: 33px;
    margin-top: 6px;
    color: #ffffff;
}
.header-subtext h3 ,
.header-subtext .header-subtext-p{
    font-size: 17px; 
    font-weight: normal;
    color: #ffffff;
    padding: 6px 16px 6px;
    font-weight: 600; /* Semi-bold */
    margin: 0;
}
.header-large-title h1,
.header-large-title h2.large-header-style {
    margin: 0;
    padding: 2px 16px 6px;
    font-weight: 900;
    font-size: 46px;
    border: none;
    line-height: 120%;
    color: #ffffff;
}

/* ETUSIVUN KARUSELLIT YLEISESTI */

/* Rakenne */
.carousel-3-2-1-responsive{
    width: 1170px;
    margin-left: auto; 
    margin-right: auto;
}
.carousel-3-2-1-responsive carousel-item{
    padding-left: 15px; 
    padding-right: 15px;
}
.etusivu-huippukampanjat, .etusivu-akkilahdot, .etusivu-suosittelemme, .etusivu-lomateemat {
   transition: all 0.5s ease;
   opacity: 0;
}

/* Nuolet */
.use-carousel-arrows .slick-prev {
    background: #ffffff url('../img/etusivu-vasennuoli.png') no-repeat left center;
    right: auto;
    left: -24px;
}
.use-carousel-arrows .slick-next {
    background: #ffffff url('../img/etusivu-oikeanuoli.png') no-repeat right center;
    left: auto;
    right: -24px;
}
.use-carousel-arrows .slick-prev, .use-carousel-arrows .slick-next {
    background-size: 12px 24px;
}

/* HUIPPUKAMPANJAT */
huippukampanjat-carousel-container,
huippukampanjat-carousel-container.use-carousel-arrows .slick-prev,
huippukampanjat-carousel-container.use-carousel-arrows .slick-next {
    height: 245px;	
}
huippukampanjat-carousel-container img {
    max-width: 100%;  
}
.huippukampanjat-carousel-image-size {
    width: 360px;
    position: relative;
}
huippukampanjat-carousel-container a:hover {
    opacity: 0.7;
}

/* ÄKKILÄHDÖT */

/* Rakenne */
akkilahdot-carousel-container,
akkilahdot-carousel-container.use-carousel-arrows .slick-prev,
akkilahdot-carousel-container.use-carousel-arrows .slick-next {
    height: 260px;
}
akkilahdot-carousel-container .slick-slide, 
akkilahdot-carousel-container img,
.tarjoussivu-parhaat-item,
.tarjoussivu-parhaat-item-container img {
    max-width: 100%;
    text-align: left; 
}
.akkilahdot-carousel-item-size,
.tarjoussivu-parhaat-item {
    width: 360px;
    position: relative;
}
.akkilahdot-bottom {
    padding-bottom: 40px;
    border-bottom: #dededf 2px solid;
}

/* Tekstit */
.akkilahto-carousel-item h4,
.akkilahto-carousel-item h5,
.tarjoussivu-parhaat-item h3,
.tarjoussivu-parhaat-item h4 { 
    position: absolute;
    left: 0px;
    color: #ffffff;
    padding: 2px 10px;
    font-size: 15px;
}
.akkilahto-carousel-item h4,
.tarjoussivu-parhaat-item h3 { 
    top: 0px;
    background: #3ebfed;
}
.akkilahto-carousel-item h5,
.tarjoussivu-parhaat-item h4 {
    top: 22px;
    background-color: #022860;
    font-weight: 600; /* Semi-bold */
}
.akkilahto-carousel-item p,
.akkilahto-hinta,
.template-tarjoussivu .tarjous-text,
.template-tarjoussivu .tarjous-price,
.template-kampanjasivu .tarjous-text,
.template-kampanjasivu .tarjous-price {
    margin: 5px 0px;
    color: #022860;
}
.akkilahto-hinta, 
.template-tarjoussivu .tarjous-price,
.template-kampanjasivu .tarjous-price {
    font-weight: bold;
    font-size: 32px;
}

/* Varaa-nappi */
.akkilahto-varaa-button,
.template-tarjoussivu .tarjous-link,
.template-kampanjasivu .tarjous-link,
.template-lomakesivu lomakesivu-send-button {
    display: block;
    position: absolute;
    
    right: 0px;
    bottom: 0px;
    
    text-transform: uppercase;
    text-decoration: none;
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
    background: #3ebfed url('../img/hakanen.png') no-repeat right center;
    padding: 4px 30px 4px 20px;
    border-radius: 16px;
}
a.akkilahto-varaa-button:hover, a.akkilahto-varaa-button:active,
.template-tarjoussivu a.tarjous-link:hover, .template-tarjoussivu a.tarjous-link:active,
.template-kampanjasivu a.tarjous-link:hover, .template-kampanjasivu a.tarjous-link:active,
.template-lomakesivu lomakesivu-send-button:hover, .template-lomakesivu lomakesivu-send-button:active {
    /*
    -webkit-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    -moz-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    */
    opacity: 0.7;
    color: #ffffff !important;
}

/* PARHAAT TARJOUKSET */

/* Rakenne */
.tarjoukset-ja-suosikkikohteet {
    margin-bottom: 5px;
}
parhaat-tarjoukset.content-one-of-three {
    background: #fff url('../img/etusivu_parhaat_tarjoukset2.jpg') no-repeat right center / cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    margin-right: 0;
    padding: 30px 25px 20px; 
}
.parhaat-tarjoukset-half {
    float: left;
    width: 44%;
    margin-right: 12%;
}
.parhaat-tarjoukset-half:nth-child(3n) {
    margin-right: 0;
}
.parhaat-tarjoukset-item {
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    width: 100%;
    margin: 10px 0 28px;
}

/* Tekstit */
parhaat-tarjoukset h3 {
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 20px;
}
.parhaat-tarjoukset-item a {
    text-decoration: none;
} 
.parhaat-tarjoukset-item a:hover,
.parhaat-tarjoukset-item a:active {
    opacity: 0.8;
}
.parhaat-tarjoukset-item .row {
    line-height: 150%;
    font-size: 17px;
    color: #ffffff;
    height: 25px;
} 
.parhaat-tarjoukset-item .hinta {
    color: #3ebfed;
    font-size: 28px;
    margin: 10px 0;
} 

/* SUOSIKKIKOHTEET */

/* Rakenne */
suosikkikohteet { 
  /* Kaks palstaa */
    width: 65.75%;
    float: right;
}
suosikkikohteet .content-one-of-three {
  /* 1 / 2 palsta */
    height: auto;
    width: 48%;
    margin-right: 0;
    margin-bottom: 25px;
}
suosikkikohteet .content-one-of-three:nth-child(even) {
    float: right;
}
suosikkikohteet .content-one-of-three img {
  /* Ylimääräinen marginaali pois */
    margin-bottom: -5px;
}
.suosikkikohde-item {
    overflow: hidden;
  /* Laatikon taustaväri */
    background: #003057;
}
.suosikkikohde-item a:hover img {
    opacity: 0.6;
}

/* Nimikenttä ja tekstit */
.suosikkikohde-item .name {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    height: 66px;
    margin-top: -66px;
    background: rgba(62, 191, 237, 0.80);
    position: relative;
    z-index: 50;
    padding: 18px;    
    font-size: 20px;
    line-height: 150%;
    color: #ffffff;
    font-weight: bold;
}
.suosikkikohde-item:hover .name {
    background: rgba(37, 134, 177, 0.8);
}
.suosikkikohde-item a {
    text-decoration: none;
}

/* REKISTERÖINTI NOSTO */

/* Rakenne */ 
.etusivu-vaakanosto {
    background: #022860;
}
.etusivu-vaakanosto-text {
    margin: 20px 0 25px;
}

/* Tekstit */
.etusivu-vaakanosto h3 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 35px;
}

/* Nappi */
.etusivu-vaakanosto-linkbutton {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    color: #ffffff;
    cursor: pointer;
    background: #3ebfed;
    padding: 9px 27px 9px 27px;
    border-radius: 18px;
}
.etusivu-vaakanosto-linkbutton:hover, .etusivu-vaakanosto-linkbutton:active {
    /*-webkit-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    -moz-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    */
    opacity: 0.7;
    color: #ffffff !important;
}

/* SUOSITTELEMME */

/* Rakenne */
.etusivu-suosittelemme.content-row {
    padding-top: 50px;
    padding-bottom: 50px;
}
suosittelemme-carousel-container,
suosittelemme-carousel-container.use-carousel-arrows .slick-prev,
suosittelemme-carousel-container.use-carousel-arrows .slick-next {
    height: 465px;
}
suosittelemme-carousel-container.use-carousel-arrows .slick-prev,
suosittelemme-carousel-container.use-carousel-arrows .slick-next {
    margin-top: -1px; /* Tällä on merkitystä, jos raahaa slidea hiirellä */
}
suosittelemme-carousel-container img {
    width: 100%;
    outline: 1px solid #bcbcbc4d;
    outline-offset: -1px;
}
.suosittelu-carousel-item-size {
    width: 360px;
    position: relative;
}

/* Sininen alue */
.suosittelu-carousel-item .blue-bg-area {
    position: absolute;
    background: rgba(24, 54, 99, 0.85);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    padding: 16px 22px;
    top: 150px;
    left: 0px;
    width: 100%;
    height: 75px;
    text-align: left;
    color: #ffffff;
    display: none; 
}
.suosittelu-carousel-item .blue-bg-area-text {
    overflow: hidden;
    width: 100%;
    height: 50px;
}
.blue-bg-area-text div {
    width: auto;
    display: inline-block;
}
.suosittelu-carousel-item .blue-bg-area-text div:last-child {
    width: 100%;
    display: block;
}
.suosittelu-carousel-item:hover .blue-bg-area {
    display: block;
}

/* Karuselli napit */
suosittelemme-carousel-container.use-carousel-arrows .slick-prev, 
suosittelemme-carousel-container.use-carousel-arrows .slick-next {
    background-image:none;
    pointer-events: none;
    cursor: default;
}
.slick-dots {
    display: flex;
    flex-direction: row;
	
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    margin: 0;
    padding: 0;
}
.slick-dots li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
suosittelemme-carousel-container .slick-dots li:nth-last-child(1), suosittelemme-carousel-container .slick-dots li:nth-last-child(2) {
    display: none; /* Piiloitetaan sliderin kaksi viimeistä dottia */
}
.slick-dots button {
    background-color: #ffffff;
    border: none;
    color: transparent;
    background: transparent url('../img/asiakkaat-suosittelevat-pallo.png') no-repeat center center;
    display: inline-block;
    margin: 0 3px;
    height: 14px;
    width: 14px;
}
.slick-dots .slick-active button {
    background: transparent url('../img/asiakkaat-suosittelevat-pallo-valittu.png') no-repeat center center;
}

/* Tekstit */
.template-etusivu .etusivu-suosittelemme h2 {
    margin: 0px 0 35px;
}
.suosittelu-carousel-item .blue-bg-area h4 {
    color: #ffffff;
    font-size: 19px;
    display: inline;
    margin-right: 8px;
}
.suosittelu-carousel-item .detail-light-blue {
    color: #3ebfed;
    font-style: italic;
    letter-spacing: 1px;
}
.suosittelemme-text {
    height: 180px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    padding: 30px 22px 35px;
    background: rgba(255, 255, 255, 0.85);
    border-color: #cacacc;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    box-shadow: 0 3px 0 #022860;
    text-align: left;
    font-size: 13px;
    line-height: 140%;
}
.suosittelemme-text h3 {
    font-size: 20px;
    margin-bottom: 5px;
}
.suosittelemme-text .detail {
    margin-bottom: 18px;
    min-height: 36px;
}
.suosittelemme-text .price {
    display: inline-block;
    color: #022860;
    font-size: 28px;
    text-align: left;
    font-weight: bold;
    margin-top: 5px;
}
.suosittelemme-text .read-more-button {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    color: #ffffff;
    cursor: pointer;
    background: #3ebfed;
    padding: 8px 15px 8px 15px;
    border-radius: 16px;
    display: inline-block;
    float: right;
}
.suosittelemme-text .read-more-button:hover, .suosittelemme-text .read-more-button:active {
    /*-webkit-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    -moz-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    */
    opacity: 0.7;
    color: #ffffff !important;
}

/* LOMATEEMAT */

/* Rakenne */
.template-etusivu .etusivu-lomateemat {
    padding-top: 45px;
    padding-bottom: 60px;
}
.lomateemat-carousel-item {
    position:relative;
}
.lomateemat-carousel-item-size{
    width: 360px;
    position: relative;
}
lomateemat-carousel-container,
lomateemat-carousel-container.use-carousel-arrows .slick-prev,
lomateemat-carousel-container.use-carousel-arrows .slick-next {
    height: 515px;
}
lomateemat-carousel-container .slick-slide, 
lomateemat-carousel-container img.bg-image {
    width: 100%;
}
.lomateemat-carousel-item .title-area {
    display: block;
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%,0);
    min-width: 240px;
}
.lomateemat-carousel-item .read-more-area {
    display: block;
    position: absolute;
    top: 107px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%,0);
}
.lomateemat-carousel-item .footer-area {
    display: block;
    position: absolute;
    top: 66%;
    width: 85%;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%,0);
}
.lomateemat-carousel-item .footer-area .lomateema-icon,
.lomateemat-carousel-item .footer-area .lomateema-name,
.lomateemat-carousel-item .footer-area .left-text-area,
.lomateemat-carousel-item .footer-area .right-text-area {
    display: block;
    position: absolute;
    z-index: 2;
}
.lomateemat-carousel-item .footer-area .lomateema-icon {
    top: 4%;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%,0);
}
.lomateemat-carousel-item .footer-area .lomateema-name {
    top: 17%;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%,0);
    color: white;
}
.lomateemat-carousel-item .footer-area .left-text-area {
    left: 12px;
    right: auto;
}
.lomateemat-carousel-item .footer-area .right-text-area {
    left: 164px;
    right: auto;
}
.lomateemat-carousel-item .footer-area .left-text-area,
.lomateemat-carousel-item .footer-area .right-text-area {
    bottom: 2%;
    width: 43%;
    height: 62px;
    display: table;
}
.lomateemat-carousel-item .footer-area .left-text-area p,
.lomateemat-carousel-item .footer-area .right-text-area p {
    font-weight: bold;
    color: #022860;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

/* Tekstit */ 
.etusivu-lomateemat h3, .etusivu-lomateemat h4 {
    color: #ffffff;
    font-weight: bold;
}
.etusivu-lomateemat h4 {
    font-size: 19px;
    text-shadow: 0px 4px 6px rgba(150, 150, 150, 1);
}
.etusivu-lomateemat h3 {
    font-size: 18px;
}
.etusivu-lomateemat .read-more-area a {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    cursor: pointer;
    background: #3ebfed;
    padding: 10px 15px 10px 15px;
    border-radius: 20px;
    display: inline-block;
    float: right;
}
.etusivu-lomateemat .read-more-area a:hover, .etusivu-lomateemat .read-more-area a:active {
    /*
    -webkit-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    -moz-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    */
    opacity: 0.7;
    color: #ffffff !important;
}

/* Nuolet */
.etusivu-lomateemat .use-carousel-arrows .slick-prev {
    background: transparent url('../img/lomateemat-vasennuoli.png') no-repeat center center;
    width: 69px;
    height: 516px;
}
.etusivu-lomateemat .use-carousel-arrows .slick-next {
    background: transparent url('../img/lomateemat-oikeanuoli.png') no-repeat center center;
    width: 69px;
    height: 516px;
}

/* SOMERUUDUT */

/* Rakenne */
.template-etusivu .etusivu-someruudut.content-row {
    padding-top: 60px;
    padding-bottom: 45px;
}
.etusivu-someruudut .content-one-of-three {
    border-color: #dededf;
    border-style: solid;
    border-width: 1px;
    margin-top: 20px;
    margin-bottom: 0px;
    overflow: visible;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    background-color: #ffffff;
    padding: 0 20px 15px;
}
.etusivu-someruudut .some-icon {
    margin: -20px auto 0;
    width: 50px;
    height: 50px;
}
.etusivu-someruudut .some-facebook .some-icon {
    background: transparent url('../img/some-fb-icon.png') no-repeat center center;
}
.etusivu-someruudut .some-insta .some-icon {
    background: transparent url('../img/some-insta-icon.png') no-repeat center center;
}
.etusivu-someruudut .some-twitter .some-icon {
    background: transparent url('../img/some-twitter-icon.png') no-repeat center center;
}
.insta-ruutu {
    width: 49%;
    height: auto;
    float: left;
}
.insta-ruutu:nth-child(odd) {
    float: right;
}
.insta-ruutu img {
    width: 100%;
    height: auto;
}
.insta-ruutu img:hover {
    opacity: 0.6;
}
.some-frame {
    overflow: hidden;
    margin-bottom: 6px;
    height: 0px;
    padding-bottom: 123%;
}

/* Tekstit */
.etusivu-someruudut h3 {
    font-size: 20px;
    margin-top: 12px;
    margin-bottom: 15px;
    color: #464646;
    font-weight: 600; /* Semi-bold */
}

main-carousel-container carousel-item header-content a:hover div{
	background: rgb(62, 191, 237);
}

/* TARJOUKSET JA SUOSIKKIKOHTEET */
@media all and (max-width: 1250px) {

    /* ETUSIVUN PÄÄKARUSELLI */

    /* Nuolet */
    main-carousel-container .slick-prev {
    	left: 5px !important;
    }
    main-carousel-container .slick-next {
    	right: 5px !important;
    }
    .use-carousel-arrows .slick-prev {
    	left: -23px;
    }
    .use-carousel-arrows .slick-next {
    	right: -23px;
    }
    huippukampanjat-carousel-container.use-carousel-arrows .slick-prev,
    akkilahdot-carousel-container.use-carousel-arrows .slick-prev,
    suosittelemme-carousel-container.use-carousel-arrows .slick-prev {
    	background-position: right 0px center;
    }
    huippukampanjat-carousel-container.use-carousel-arrows .slick-next,
    akkilahdot-carousel-container.use-carousel-arrows .slick-next,
    suosittelemme-carousel-container.use-carousel-arrows .slick-next {
    	background-position: left 0px center;
    }
}

/* TABLETTIKOOT */
@media all and (max-width: 1200px) {

    /* RAKENNE */
    .template-etusivu visual-header {
    	margin-bottom: 20px;
    }

    /* ETUSIVUN PÄÄKARUSELLI */

    /* Karusellin tekstit */
    .header-subtext {
    	margin-left: 35px;
    	margin-right: 35px;
    }
    .template-etusivu visual-header {
	border-bottom: 3px solid #3ebfed;
    }

    /* ETUSIVUN KARUSELLIT YLEISESTI */
    .carousel-3-2-1-responsive{
    	width: 780px; 
    }

    /* PARHAAT TARJOUKSET */
    .parhaat-tarjoukset-item .row {
    	line-height: 120%;
    	height: 20px;
    }
    parhaat-tarjoukset h3 {
    	font-size: 20px;
	margin-bottom: 15px;
   }

    /* LOMATEEMAT */

    /* Rakenne */
    .lomateemat-carousel-item .footer-area {
    	top: 66%;
    	width: 85%;
    }
    img.lomateema-footer {
    	width: 100%;
    	height: auto;
    }
    .lomateemat-carousel-item .footer-area .lomateema-icon {
    	top: 4%;
	width: 30px;
  	height: auto;
    }
    .lomateemat-carousel-item .footer-area .lomateema-name {
    	top: 17%;
    }

    /* Tekstit */
    .etusivu-lomateemat h4 {
    	font-size: 18px;
    }
    .etusivu-lomateemat .read-more-area a {
    	font-size: 14px;
    }
    .etusivu-lomateemat h3 {
    	font-size: 16px;
    }
    .lomateemat-carousel-item .footer-area .left-text-area,
    .lomateemat-carousel-item .footer-area .right-text-area {
    	bottom: 2%;
    	width: 43%;
    	height: 60px;
    }
    .lomateemat-carousel-item .footer-area .left-text-area p,
    .lomateemat-carousel-item .footer-area .right-text-area p {
    	line-height: 120% !important;
    	font-size: 14px;
	margin: auto;
    }
}
@media all and (max-width: 1100px) {

    	/* PARHAAT TARJOUKSET */
	parhaat-tarjoukset.content-one-of-three {
    	    padding: 30px 25px 10px;
	}
	.parhaat-tarjoukset-item {
	    margin: 10px 0 24px;
	}
    	.parhaat-tarjoukset-item .row {
    	    line-height: 100%;
	    height: 18px;
	    font-size: 16px;
    	}
}

@media all and (max-width: 1000px) {

    	/* PARHAAT TARJOUKSET */
        .parhaat-tarjoukset-item .row {
    	    font-size: 15px;
        }
    	.parhaat-tarjoukset-item .hinta {
    	    font-size: 20px;
    	    margin: 0px;
    	}

    	/* SUOSIKKIKOHTEET */
    	.suosikkikohde-item .name {
    	    padding: 20px;
    	    font-size: 16px;
    	}

}
@media all and (max-width: 900px) {

        /* ETUSIVUN KARUSELLIT YLEISESTI */
	.carousel-3-2-1-responsive{
	    width: 630px; 
	    margin-left: auto; 
	    margin-right: auto;
	}
	
   	/* HUIPPUKAMPANJAT */	
	huippukampanjat-carousel-container{
	    height: 194px;
	}
	.huippukampanjat-carousel-image-size{
	    width: 285px; 
	}
	
   	/* ÄKKILÄHDÖT */	
	akkilahdot-carousel-container {
	    height: 200px;
	}
	.akkilahdot-carousel-item-size,
	.tarjoussivu-parhaat-item {
	    width: 285px;  
	}
	
    	/* PARHAAT TARJOUKSET */
    	parhaat-tarjoukset.content-one-of-three {
    	    padding: 15px 15px 0px;
    	}
        .parhaat-tarjoukset-item .row {
    	    line-height: 100%;
    	    font-size: 13px;
    	    height: 18px;
        }
    	parhaat-tarjoukset h3 {
    	    font-size: 16px;
	    margin-bottom: 10px;
    	}

	/* SUOSITTELEMME */
	suosittelemme-carousel-container{
	    height: 414px;
	}
	.suosittelu-carousel-item-size{
	    width: 285px;
	}
    	.suosittelu-carousel-item .blue-bg-area {
    	    top: 103px;
    	}
		
	/* LOMATEEMAT */
	lomateemat-carousel-container{
	    height: 405px;
	}
	.lomateemat-carousel-item-size{
	    width: 285px;
	}
        .lomateemat-carousel-item .footer-area .lomateema-name {
    	     top: 12%;
        }
	.etusivu-lomateemat h3 {
    	     font-size: 15px;
	}
        .lomateemat-carousel-item .footer-area .left-text-area,
        .lomateemat-carousel-item .footer-area .right-text-area {
    	     width: 100px;
    	     height: 50px;
        }
	.lomateemat-carousel-item .footer-area .right-text-area {
	    left: 130px;
	}
}

/* VAIN MOBIILI */
@media all and (max-width: 799px) {

    /* RAKENNE */
    .template-etusivu .content-row {
    	padding-top: 20px;
    	padding-bottom: 20px;
    }
    .etusivu-huippukampanjat.content-row,
    .etusivu-akkilahdot.content-row,
    .etusivu-suosittelemme.content-row {
	padding-left: 0px;
	padding-right: 0px;
    }

    /* TEKSTIT */
    .template-etusivu h2 {
    	font-size: 19px;
	font-weight: 600;
    	border-bottom: 2px solid #3ebfed;
    	padding-bottom: 4px;
	margin-bottom: 24px;
    }

    /* ETUSIVUN PÄÄKARUSELLI */
    main-carousel-container {
    	height: 173px !important;
    }
    main-carousel-container carousel-item header-content {
    	padding-top: 15px !important;
    } 
    main-carousel-container carousel-item,
   .template-etusivu visual-header {
        height: 173px !important;  
    }

    /* Tekstit */
    .header-subtext {
    	display: none;
    } 
    .header-large-title h1, .header-large-title h2.large-header-style {
    	padding: 0px 5px 0px;
    	font-size: 22px;
	text-align: center;
	height: auto;
	width: 100%;
    }
    


    /* Nuolet */
    main-carousel-container .slick-prev::before,
    main-carousel-container .slick-next::before {
    	width: 12px !important;
    	height: 24px !important;
    }
    main-carousel-container .slick-prev {
    	left: 0px !important;
    }
    main-carousel-container .slick-next {
    	right: 0px !important;
    }

    /* ETUSIVUN KARUSELLIT YLEISESTI */

    /* Nuolet */
    .use-carousel-arrows .slick-prev {
        background: transparent url('../img/etusivu-mob-vasennuoli.png') no-repeat left center;
	background-position: right 0px center !important;
    	left: -2px;
    }
    .use-carousel-arrows .slick-next {
    	background: transparent url('../img/etusivu-mob-oikeanuoli.png') no-repeat right center;
	background-position: left 0px center !important;
    	right: -2px;
    }
    .use-carousel-arrows .slick-prev, .use-carousel-arrows .slick-next {
    	background-size: 27px 34px;
    }

    /* ÄKKILÄHDÖT */

    /* Rakenne */
    akkilahdot-carousel-container.use-carousel-arrows .slick-prev, akkilahdot-carousel-container.use-carousel-arrows .slick-next {
    	top: 40%;
    }
    .akkilahdot-bottom {
    	width: 590px;
    }

    /* Tekstit */
    .akkilahto-carousel-item h4,
    .akkilahto-carousel-item h5 {
	font-size: 14px;
    }
    .akkilahto-carousel-item h4 {
	margin: 15px 0 0;
    }
    .akkilahto-carousel-item h5 {
    	top: 16px;
    }
    .akkilahto-hinta {
    	font-size: 24px;
    }

    /* Nappi */
    .akkilahto-varaa-button {
        font-size: 13px;
	padding: 4px 25px 4px 15px;
    }

    /* PARHAAT TARJOUKSET */

    /* Rakenne */
    .tarjoukset-ja-suosikkikohteet {
    	margin-bottom: 5px;
    }
    parhaat-tarjoukset.content-one-of-three {
	padding: 25px 25px 25px;
    	width: 100%;
    }
    .parhaat-tarjoukset-item {
	margin: 10px 0 20px;
    }

    /* Tekstit */
    .parhaat-tarjoukset-item .row {
	line-height: 150%;
	height: 25px;
    	font-size: 16px;
    }
    .parhaat-tarjoukset-item .hinta {
    	font-size: 24px;
    	margin: 10px 0;
    }
    parhaat-tarjoukset h3 {
	font-size: 16px;
	margin-bottom: 20px;
    }

    /* SUOSIKKIKOHTEET */

    /* Rakenne */
    suosikkikohteet {
    	width: 100%;
    	float: none;
    }
    suosikkikohteet .content-one-of-three {
	margin-bottom: 15px;
    	width: 100%;
    }
    .suosikkikohde-item .name {
    	padding: 18px;
    	font-size: 18px;
    	height: 65px;
    	margin-top: -68px;
    }

    /* REKISTERÖINTI NOSTO */

    /* Rakenne */
    .etusivu-vaakanosto-text {
   	 margin: 10px 0 25px;
    }

    /* Tekstit */
    .etusivu-vaakanosto h3 {
    	font-size: 16px;
        line-height: 150%;
        margin-bottom: 30px;
    }

    /* Nappi */
    .etusivu-vaakanosto-linkbutton {
    	padding: 7px 32px 7px 32px;
    }

    /* SUOSITTELEMME */

    /* Rakenne */
    suosittelemme-carousel-container .slick-arrow,
    .suosittelu-carousel-item .blue-bg-area {
    	display: block !important;
    }
    suosittelemme-carousel-container{
	height: 336px; 
    }
    .etusivu-suosittelemme.content-row {
	padding-top: 40px;
	padding-bottom: 45px;
    }
    .suosittelu-carousel-item .blue-bg-area {
    	top: 118px;
    	height: 60px;
 	padding: 13px 20px;
    }
    .suosittelu-carousel-item .blue-bg-area-text {
    	height: 40px;
    }
    .suosittelemme-text {
    	padding: 22px 22px 35px;
    	font-size: 14px;
    	height: 155px;
    }
    .suosittelemme-text .detail {
    	margin-bottom: 15px;
    	max-height: 40px;
    	overflow: hidden;
    }
    .suosittelemme-text .price {
    	font-size: 24px;
    }
    .suosittelemme-text .read-more-button {
    	padding: 6px 15px 6px 15px;
    }

    /* Tekstit */
    .template-etusivu .etusivu-suosittelemme h2 {
   	 margin: 0px 0 25px;
    }
    .suosittelemme-text h3 {
   	font-size: 16px;
    }
    .suosittelu-carousel-item .blue-bg-area h4 {
    	font-size: 14px;
    	line-height: 100%;
	margin-right: 3px;
    }
    .detail-light-blue {
    	font-size: 14px;
    }
    .detail-small {
    	font-size: 14px;
    	line-height: 100%;
    }
    suosittelemme-carousel-container .slick-dots{ 
	display: none !important; 
    }

    /* Nuolet */
    .etusivu-suosittelemme .use-carousel-arrows .slick-prev, 
    .etusivu-suosittelemme .use-carousel-arrows .slick-next {
    	top: 27%;
    	pointer-events: auto;
    	cursor: pointer;
    }
    suosittelemme-carousel-container.use-carousel-arrows .slick-next {
    	background: transparent url('../img/etusivu-mob-oikeanuoli.png') no-repeat right center;
	background-size: 27px 34px;
    }
    suosittelemme-carousel-container.use-carousel-arrows .slick-prev {
    	background: transparent url('../img/etusivu-mob-vasennuoli.png') no-repeat left center;
	background-size: 27px 34px;
    }
    /* LOMATEEMAT */

    /* Rakenne */
    .template-etusivu .etusivu-lomateemat.content-row {
    	padding: 25px 0 35px 0;
    }
    .lomateemat-carousel-item .title-area {
    	top: 25px;
    }
    .lomateemat-carousel-item .read-more-area {
    	top: 84px;
    }
    .lomateemat-carousel-item .footer-area {
    	top: 263px;
    }

    /* Tekstit */
    .etusivu-lomateemat h4 {
    	font-size: 16px;
    }
    .etusivu-lomateemat .read-more-area a {
    	font-size: 13px;
    	padding: 6px 18px 6px 18px;
    }
    .lomateemat-carousel-item .footer-area .left-text-area p,
    .lomateemat-carousel-item .footer-area .right-text-area p {
    	line-height: 100%;
    	font-size: 14px;
    }

    /* Nuolet */
    .etusivu-lomateemat .use-carousel-arrows .slick-prev {
    	background: transparent url('../img/etusivu-mob-vasennuoli.png') no-repeat left center;
    	background-position: right 0px center !important;
    	left: -2px;
    	width: 27px;
    	background-size: 27px 34px;
    }
    .etusivu-lomateemat .use-carousel-arrows .slick-next {
    	background: transparent url('../img/etusivu-mob-oikeanuoli.png') no-repeat right center;
    	background-position: right 0px center !important;
    	right: -2px;
    	width: 27px;
    	background-size: 27px 34px;
    }

    /* SOMERUUDUT */

    /* Rakenne */
    .template-etusivu .etusivu-someruudut.content-row {
    	padding-top: 20px;
	padding-bottom: 30px;
    }
    .etusivu-someruudut .content-one-of-three {
	width: 100%;
    	margin-top: 43px;
	padding: 0 15px 15px;
    }
    .some-frame {
    	overflow: hidden;
    	margin-bottom: 6px;
    	height: 0px;
    	padding-bottom: 123%;
    }
    .fb-page a {
	color: #3ebfed;
    }
    /* Tekstit */
    .etusivu-someruudut h3 {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 8px;
    }
}

@media all and (max-width: 750px) {

        /* ETUSIVUN KARUSELLIT YLEISESTI */
	.carousel-3-2-1-responsive{ 
	    width: 315px; 
	    margin-left: auto;
	    margin-right: auto;
	}
}
@media all and (max-width: 700px) {

     	/* ÄKKILÄHDÖT */
    	.akkilahdot-bottom {
    	     width: auto;
  	     margin-right: 24px;
	     margin-left: 24px;
    	}

}
@media all and (max-width: 550px) {

    	/* PARHAAT TARJOUKSET */

        parhaat-tarjoukset.content-one-of-three {
	   padding: 25px 25px 25px;
    	}

    	/* Tekstit */
    	.parhaat-tarjoukset-item .row {
	   line-height: 120%;
	   height: 20px;
    	   font-size: 15px;
        }
    	.parhaat-tarjoukset-item .hinta {
    	   font-size: 22px;
    	   margin: 5px 0;
    	}
    	parhaat-tarjoukset h3 {
	   font-size: 15px;
	   margin-bottom: 15px;
        }

}
@media all and (max-width: 399px) {

    	/* PARHAAT TARJOUKSET */
	parhaat-tarjoukset.content-one-of-three {
    	    padding: 15px;
	}
	.parhaat-tarjoukset-item .row {
    	    font-size: 13px;
	}
}
@media all and (max-width: 380px) {
    suosikkikohteet .content-one-of-three:nth-child(even) {
    	float: none;
    }
}
@media all and (max-width: 330px) {

    .suosikkikohde-item .name {
    	padding: 15px;
    
    }
}
@media all and (max-width: 320px) {

    body.template-etusivu {
	min-width: 320px;
    }

}
/* TEKSTISIVU */

/* Otsikot */
.template-tekstisivu h2.top-header {
    margin: -5px 0 30px;
    font-size: 28px;
    width: 100%;
    border-bottom: 3px solid #3ebfed;
    padding-bottom: 8px;
    display: block;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 120%;
    color: #022860;
}
div.top-header .template-tekstisivu  h2.top-header {
    margin-bottom: 0px;
}
.tekstisivu-content-area h4 {
    font-size: 17px;
    color: #022860;
    margin: 0px 0 2px;
    letter-spacing: 1px;
    font-weight: bold;
}
.template-tekstisivu footer {
    margin-top: 0px;
}

/* TABLETTIKOOT */
@media all and (max-width: 1200px) {
    .template-tekstisivu h2.top-header {
    	font-size: 26px;
    }
    .template-tekstisivu h4 {
    	font-size: 16px;
    }
}

/* VAIN MOBIILI */
@media all and (max-width: 799px) {
    .template-tekstisivu h2.top-header {
    	font-size: 18px;
	border-bottom: 2px solid #3ebfed;
	padding-bottom: 6px;
    }
    .template-tekstisivu h4 {
    	font-size: 13px;
    }
}
}
/* TARJOUSSIVU YLÄKUVA */
.template-tarjoussivu .header-small-title,
.template-kampanjasivu .header-small-title {
    margin-top: 130px;
    margin-bottom: 6px;
}

/* Ale-pallo */
header-content details-ball {
    display: block;
    position: absolute;
    top: 100px;
    right: 20px;
    width: 228px;
    height: 228px;
    max-width: 228px;
    max-height: 228px;
    border-radius: 0; 
    background-color: transparent;
    background: transparent url('../img/tarjous-pallo.png') no-repeat center center;
    overflow: visible;
    color: white;
    text-align: center;
}
details-ball ball-label {
    display: block;
    position: relative;
    padding: 30px 0 22px;
    font-size: 27px;
    line-height: 110%;
}
details-ball ball-value {
    display: block;
    position: relative;
    font-size: 60px;
    font-weight: bold;
}

/* OTSIKKO JA TEKSTITYYLIT */
.template-tarjoussivu h2.top-header,
.template-kampanjasivu h2.top-header {
    margin: -5px 0 34px;
}
.template-tarjoussivu h2,
.template-kampanjasivu h2 {
    margin: -7px 0 33px;
    display: block;
}

/* TARJOUSSIVU-INTRO */
.tarjoussivu-intro.content-row {
    padding-top: 60px;
    padding-bottom: 40px;
    text-align: center;
}
.tarjoussivu-intro p {
    width: 715px;
    margin: 0 auto;
}

/* KESÄN PARHAAT TARJOUKSET */

/* Rakenne */
.tarjoussivu-parhaat-block.content-row {
    padding-top: 60px;
    padding-bottom: 0px;
}
.tarjoussivu-parhaat-item-container{
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;  
    flex-wrap: wrap; 
    display: flex;
    flex-direction: row;
}
.tarjoussivu-parhaat-item{
    display: block;
    position: relative;
    width: 262px;
    height: 200px;
    margin-right: 30px;
}
.tarjoussivu-parhaat-item:last-child {
    margin-right: 0px;
}
.tarjoussivu-parhaat-item img {
    width: 100%;
    height: auto;
}

/* Tekstit */
.tarjoussivu-parhaat-item h3 {
    position: absolute;
    left: 0px;
    padding: 6px 10px;
    font-size: 14px;
}
.tarjoussivu-parhaat-item h4 {
    position: absolute;
    left: 0px;
    top: 28px;
    padding: 3px 10px;
    font-size: 13px;
}
.tarjoussivu-parhaat-item .tarjous-text,
.tarjoussivu-parhaat-item .tarjous-price {
    margin: 0;
}
.template-tarjoussivu .tarjous-price,
.template-kampanjasivu .tarjous-price {
    line-height: 100%;
}

/* Ale-pallo */
.content-row details-ball {
   position: absolute;
   top: 64px;
   right: 10px;
   height: 66px;
   width: 66px;
   border-radius: 66px;
   background: #f9034e;
}

.content-row details-ball ball-label,
.content-row details-ball ball-value {
   padding: 0;
   font-weight: 600;
   line-height: 100%;
   color: #ffffff;
   text-align: center; 
}
.content-row details-ball ball-label {
   margin: 20px auto 0px;
   font-size: 12px;
}
.content-row details-ball ball-value {
   margin-left: auto;
   margin-right: auto;
   font-size: 18px;
}

/* Varaa-nappi */
.template-tarjoussivu .tarjous-link,
.template-kampanjasivu .tarjous-link {
   bottom: 10px;
}
.template-tarjoussivu .tarjous-link.mobile-only,
.template-kampanjasivu .tarjous-link.mobile-only {
    display: none;
}

/* KAUPUNKILOMA & RISTEILYTARJOUKSET */

/* Rakenne */
.content-row.tarjoussivu-tarjousryhmat {
   padding-bottom: 5px;
}
.tarjous-group {
   margin-bottom: -25px;
}
.tarjous-group-shaper {
    flex-direction: row;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;  
    flex-wrap: wrap; 
    flex-direction: flex-row;
}
.tarjoussivu-tarjous-item {
    flex-direction: row;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;  
    flex-wrap: wrap; 
    flex-direction: flex-row;
    width: 553px;
    height: 117px;
    border: 1px solid #cacacc;
    border-bottom: 3px solid #022860;
    margin-bottom: 25px;
    overflow: hidden;
    z-index: 1;
}
.tarjoussivu-tarjous-item:nth-child(odd) {
    margin-right: 30px;
}
.tarjoussivu-tarjous-item .tarjous-image-area {
    position: relative;
    width: 233px;
    height: 117px;
    z-index: 5;
}
.tarjoussivu-tarjous-item .tarjous-image-area img {
    width: 100%;
    height: auto;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Ale-pallo */
.tarjoussivu-tarjous-item details-ball {
    top: 10px;
    left: 10px;
}

/* Teksti-alue */
.tarjoussivu-tarjous-item .tarjous-text-area {
    flex-direction: row;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;  
    flex-wrap: wrap; 
    flex-direction: flex-row;
    border-bottom: 1px solid #cacacc;
}
.tarjoussivu-tarjous-item .tarjous-text-area .tarjous-text-area-first,
.tarjoussivu-tarjous-item .tarjous-text-area .tarjous-text-area-second {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 0 5px;
    overflow: hidden;
}
.tarjoussivu-tarjous-item .tarjous-text-area .tarjous-text-area-first {
    width: 194px;
    max-width: 194px; 
    border-right: 2px solid #cacacc;
}
.tarjoussivu-tarjous-item .tarjous-text-area .tarjous-text-area-second {
    width: 125px;
    max-width: 125px; 
}
.tarjous-headers {
    max-height: 60px;
    overflow: hidden;
}

/* Teksti */
.tarjoussivu-tarjous-item .tarjous-text-area-first h3,
.tarjoussivu-tarjous-item .tarjous-text-area-first h4 {
    font-weight: bold;
    font-size: 13px;
    color: #3ebfed;
    margin-top: 0;
    margin-bottom: 4px;
    line-height: 140%;
}
.tarjoussivu-tarjous-item .tarjous-text-area-first h4 {
    color: #022860;
}
.tarjoussivu-tarjous-item .tarjous-link {
    bottom: 0;
    right: 49px;
}
.tarjous-price-type {
    color: #022860;
}
.tarjous-old-price {
    color: #f9034e;
    text-decoration: line-through;
    font-size: 14px;
}
.template-tarjoussivu .tarjoussivu-tarjous-item .tarjous-price,
.template-kampanjasivu .tarjoussivu-tarjous-item .tarjous-price {
    margin: 0 0 8px;
}
.template-tarjoussivu .tarjous-time,
.template-kampanjasivu .tarjous-time {
    font-size: 13px;
}

/* HUIPPUTARJOUKSET */

/* Rakenne */
.content-row.tarjoussivu-huipputarjoukset {
    padding-top: 59px;
    padding-bottom: 30px;
}
.tarjoussivu-huipputarjoukset-shaper {
    padding-top: 5px;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}
.tarjoussivu-huipputarjoukset-item {
    width: 360px;
    margin-right: 30px;
    margin-bottom: 12px;
    overflow: hidden;
}
.tarjoussivu-huipputarjoukset-item:nth-child(3n+3) {
    margin-right: 0px;
}
.huipputarjoukset-image-area {
    position: relative;
    width: 100%;
    height: 227px;
    overflow: hidden;
}
.tarjoussivu-huipputarjoukset-item img {
    width: 100%;
    height: auto;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Otsake */
.huipputarjoukset-otsake {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    display: table;
    height: 70px;
    width: 100%;
    background: rgba(24, 54, 99, 0.85);
    text-align: center;
}
.huipputarjoukset-otsake h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
}

/* Lista */
.huipputarjoukset-list {
    border-left: 1px solid #cacacc;
    border-right: 1px solid #cacacc;
    border-bottom: 3px solid #022860;
}
.huipputarjous-link {
    display: block;
    padding: 12px 0;
}
.huipputarjous-link:hover {
    opacity: 0.7;
}
.huipputarjous-link:nth-child(even) {
    background: #f9f6f6;
}
.huipputarjous-name, .huipputarjous-old-price, .huipputarjous-price {
    display: inline-block;
    font-size: 14px;
    color: #022860;
}
.huipputarjous-name { 
    padding-left: 25px;
    width: 42%;
}
.huipputarjous-old-price { 
    padding: 0 5px;
    text-align: center;
    width: 15%;
    color: #f9034e;
    text-decoration: line-through;
 }
.huipputarjous-price {
    background: transparent url('../img/tarjoukset-list-haka.png') no-repeat right 18px center;
    padding-right: 35px; 
    width: 23%;
    text-align: right;
}

/* TABLETTIKOOT */
@media all and (max-width: 1200px) {

    /* TARJOUSSIVU-INTRO */
    .tarjoussivu-intro p {
    	width: 80%;
    }

    /* KESÄN PARHAAT TARJOUKSET */
    .tarjoussivu-parhaat-item-container {
 	width: 554px;
    	margin-right: auto;
    	margin-left: auto;
        margin-bottom: -20px;
    }
    .tarjoussivu-parhaat-item {
    	margin-bottom: 20px;
    }
    .tarjoussivu-parhaat-item:nth-child(2) {
    	margin-right: 0px;
    }

    /* KAUPUNKILOMA- JA RISTEILYTARJOUKSET */
    .tarjous-group-shaper {
    	display: block;
    }
    .tarjoussivu-tarjous-item, 
    .tarjoussivu-tarjous-item:nth-child(odd) {
    	margin-right: auto;
    	margin-left: auto;
    }

    /* HUIPPUTARJOUKSET */
    .tarjoussivu-huipputarjoukset-shaper {
	width: 750px;
    	margin-right: auto;
    	margin-left: auto;
    }
    .tarjoussivu-huipputarjoukset-item:nth-child(2n+2) {
    	margin-right: 0px;
    }
    .tarjoussivu-huipputarjoukset-item {
    	margin-bottom: 15px;
    	overflow: hidden;
    }
    .huipputarjoukset-image-area {
    	height: 200px;
    }
    .huipputarjous-name {
	padding-left: 22px;
	width: 40%;
    }
    .huipputarjous-price {
	width: 22%;
    }

}

    @media all and (max-width: 900px) {

	/* HUIPPUTARJOUKSET */
    	.tarjoussivu-huipputarjoukset-item {
    	     width: 45%;
    	}
    	.tarjoussivu-huipputarjoukset-shaper {
	     width: 100%;
    	}
    }

/* VAIN MOBIILI */
@media all and (max-width: 799px) {

    /* TARJOUSSIVU YLÄKARUSELLI */
    .template-tarjoussivu header-content,
    .template-kampanjasivu header-content {
    	text-align: left;
    }
    .template-tarjoussivu .header-small-title,
    .template-kampanjasivu .header-small-title {
    	margin-top: 90px;
	margin-bottom: 2px;
    	display: inline-block;
	min-height: auto;
    }
    .template-tarjoussivu .header-large-title h1, .template-tarjoussivu #header-large-title h1,
    .template-tarjoussivu .header-small-title h2, .template-tarjoussivu #header-small-title h2,
    .template-kampanjasivu .header-large-title h1, .template-kampanjasivu #header-large-title h1,
    .template-kampanjasivu .header-small-title h2, .template-kampanjasivu #header-small-title h2,
    .header-small-title-h2{
	padding: 3px 8px !important;
    }
    .template-tarjoussivu .header-large-title h1, .template-tarjoussivu #header-large-title h1,
    .template-kampanjasivu .header-large-title h1, .template-kampanjasivu #header-large-title h1 {
  	width: auto;
    }
    .template-tarjoussivu .header-small-title h2, .template-tarjoussivu #header-small-title h2,
    .template-kampanjasivu .header-small-title h2, .template-kampanjasivu #header-small-title h2 {
    	font-weight: 400;
    	font-size: 18px;
    }
    .template-tarjoussivu .header-large-title,
    .template-kampanjasivu .header-large-title {
    	display: inline-block;
    	margin-top: 2px;
	height: auto;
	min-height: auto;
    }

    /* Ale-pallo */
    header-content details-ball {
    	top: 15px;
    	right: 10px;
    	width: 108px;
    	height: 108px;
    	max-width: 108px;
    	max-height: 108px;
    	border-radius: 108px; 
    	background: #f9034e;
    }
    details-ball ball-label {
	padding: 15px 0 5px;
	line-height: 115%;
    	font-size: 14px;
    }
    details-ball ball-value {
    	font-size: 30px;
    }

    /* OTSIKKO JA TEKSTITYYLIT */
    .template-tarjoussivu h2.top-header,
    .template-kampanjasivu h2.top-header {
        margin-bottom: 20px;
    }	
    .template-tarjoussivu h2,
    .template-kampanjasivu h2 {
    	margin: -7px 0 25px;
    }

    /* TARJOUSSIVU-INTRO */
    .tarjoussivu-intro.content-row {
    	padding-top: 30px;
    	padding-bottom: 25px;
    	text-align: left;
    }
    .tarjoussivu-intro p {
    	width: auto;
    }

    /* KESÄN PARHAAT TARJOUKSET */
    
    .tarjoussivu-parhaat-block.content-row {
    	padding-top: 38px;
	padding-bottom: 10px;
    }
    .tarjoussivu-parhaat-item {
	height: auto;
	margin-bottom: 0;
    }
    .tarjoussivu-parhaat-item .tarjous-text {
	margin-top: 8px;
    }
    .tarjoussivu-parhaat-item h3 {
        top: 10px;
	font-size: 16px;
    }
    .tarjoussivu-parhaat-item h4 {
        top: 40px;
    	font-size: 15px;
    }

    /* Varaa-nappi */
    .template-tarjoussivu .tarjous-link.mobile-only,
    .template-kampanjasivu .tarjous-link.mobile-only {
    	display: inline-block;
    }
    .template-tarjoussivu .tarjous-link.desktop-only,
    .template-kampanjasivu .tarjous-link.desktop-only {
    	display: none;
    }

    /* Ale-pallo */
    .tarjoussivu-parhaat-block.content-row details-ball {
	top: auto;
	bottom: 105px;
	right: 20px;
    }

    /* KAUPUNKILOMA- JA RISTEILYTARJOUKSET */
    .content-row.tarjoussivu-tarjousryhmat {
    	padding-bottom: 15px;
    }
    .tarjoussivu-tarjous-item {
    	display: block;
    	width: 100%;
    	height: auto;
        margin-bottom: 15px;
    }
    .tarjoussivu-tarjous-item:nth-child(odd) {
    	margin-right: 0px;
    }
    .tarjoussivu-tarjous-item .tarjous-image-area,
    .tarjoussivu-tarjous-item .tarjous-image-area img {
        position: relative;
    	width: 100%;
    	height: auto;
    }
    .tarjoussivu-tarjous-item .tarjous-text-area .tarjous-text-area-first {
        width: 55%;
        max-width: 55%;
	display:flex;
	align-items:center;
    }
    .tarjoussivu-tarjous-item .tarjous-text-area .tarjous-text-area-second {
        width: 45%;
        max-width: 45%;
        padding-bottom: 5px;
    }
    .tarjous-headers {
    	max-height: auto;
    	overflow: visible;
	padding: 0 15px;
	width: 100%;
    }
    .tarjoussivu-tarjous-item .tarjous-text-area .tarjous-link {
        position: relative;
    	right: 0;
	margin: 10px auto 0;
    }
    .tarjous-old-price {
    	font-size: 13px;
  	line-height: 100%;
    }
    .template-tarjoussivu .tarjoussivu-tarjous-item .tarjous-price,
    .template-kampanjasivu .tarjoussivu-tarjous-item .tarjous-price {
    	margin: 5px 0 8px;
	font-size: 28px;
    }
    .tarjoussivu-tarjous-item .tarjous-text-area-first h3, .tarjoussivu-tarjous-item .tarjous-text-area-first h4 {
    	margin-bottom: 0px;
    	line-height: 150%;
    }

    /* Ale-pallo */
    .content-row details-ball {
    	height: 76px;
    	width: 76px;
    	border-radius: 76px;
    }  
    .content-row details-ball ball-label {
    	margin: 22px auto 0px;
    	font-size: 14px;
    }
    .content-row details-ball ball-value {
    	margin-top: 2px;
    	font-size: 20px;
    }

    /* HUIPPUTARJOUKSET */

    /* Rakenne */
    .content-row.tarjoussivu-huipputarjoukset {
    	padding-top: 35px;
        padding-bottom: 12px;
    }
    .tarjoussivu-huipputarjoukset-shaper {
    	padding-top: 0px;
    }
    .tarjoussivu-huipputarjoukset-item {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	width: 100%;
    	margin-right: 0;
	margin-bottom: 15px;
   }
   .huipputarjoukset-image-area {
    	height: 330px;
   }

   /* Otsake */
   .huipputarjoukset-otsake {
        height: 60px;
   	text-align: left;
    }
    .huipputarjoukset-otsake h3 {
    	font-size: 14px;
	padding: 0 22px;
    }

    /* Lista */
    .huipputarjous-name, .huipputarjous-old-price, .huipputarjous-price {
    	font-size: 13px;
        padding-left: 22px;
    }
    .huipputarjous-name {
   	padding-left: 22px;
    	width: 50%;
    }
    .huipputarjous-old-price {
    	padding: 0 5px;
    	width: 15%;
    }
    .huipputarjous-price {
        background: none;
        padding: 0;
        width: 23%;
    }

}
    @media all and (max-width: 599px) {

	/* KESÄN PARHAAT TARJOUKSET */
	
    .tarjoussivu-parhaat-item-container {
		width: 100%; 
    }
    .tarjoussivu-parhaat-item{
    	width: 100%;
		margin-right: 0px; 
		margin-bottom: 30px; 
	}
	.tarjoussivu-parhaat-item .tarjous-text {
		margin-top: -4px;
		margin-bottom: -12px;
	}
	
        .tarjoussivu-parhaat-item h3 {
            top: 0px;
    	    font-size: 14px;
        }
    	.tarjoussivu-parhaat-item h4 {
    	    top: 28px;
    	    font-size: 13px;
     	}

        /* Ale-pallo */
        .tarjoussivu-parhaat-item details-ball {
	    bottom: 85px;
	    right: 15px;
        }

        /* HUIPPUTARJOUKSET */
        .huipputarjoukset-image-area {
    	    height: 200px;
        }
     	.huipputarjous-name {
    	    width: 45%;
    	}
    	.huipputarjous-old-price {
    	    width: 15%;
    	}
    	.huipputarjous-price {
            width: 23%;
    	}
    }
    @media all and (max-width: 399px) {

	/* KAUPUNKILOMA- JA RISTEILYTARJOUKSET */
	.tarjous-headers {
    	    padding: 0 0px;
	}
	.tarjoussivu-tarjous-item .tarjous-text-area-first h3, 
	.tarjoussivu-tarjous-item .tarjous-text-area-first h4 {
    	     font-size: 12px;
	}

        /* HUIPPUTARJOUKSET */
        .huipputarjoukset-image-area {
    	    height: 150px;
    	}
    	.huipputarjous-name {
    	    width: 35%;
    	}
    	.huipputarjous-old-price {
    	    width: 19%;
    	}
    	.huipputarjous-price {
            width: 27%;
    	}

    }
@media all and (max-width: 320px) {

    body.template-tarjoussivu,
    body.template-kampanjasivu {
	min-width: 320px;
    }

}
/* KAMPANJASIVUN TYYLIT 
Vain kampanjasivun värit & iconit tulee täältä,
rakenne tulee tarjoussivun css:stä */

/* NAVIPALKKI */
.template-kampanjasivu header-top-part-container {
     background: rgba(29, 29, 27, 0.85);
}
.template-kampanjasivu account-links a:hover {
    color: #b1b0b0;
}
.template-kampanjasivu ul.menuwalker > li:hover, 
.template-kampanjasivu ul.menuwalker > li.current-hoverblock-source, 
.template-kampanjasivu ul.menuwalker > li.parent-of-current-menuitem {
    border-bottom: 5px solid #b1b0b0;
    color: #b1b0b0;
}
.template-kampanjasivu ul.menuwalker li:hover .navi-nuoli, 
.template-kampanjasivu ul.menuwalker>li.current-hoverblock-source .navi-nuoli,
.template-kampanjasivu ul.menuwalker > li.parent-of-current-menuitem .navi-nuoli {
    background: transparent url('../img/kamp-navi-auki-nuoli.png') no-repeat center bottom;
}
.template-kampanjasivu li.menu-level-2 .menuitem,
.template-kampanjasivu li.menu-level-3 a.menuitem,
.template-kampanjasivu li.menu-level-4 a.menuitem {
    border-color: #b1b0b0;
    color: #1d1d1b
}
.template-kampanjasivu li.menu-level-3 a.menuitem:hover,
.template-kampanjasivu li.menu-level-4 a.menuitem:hover {
    color: #b1b0b0;
}
.template-kampanjasivu li.menu-level-3 a.menuitem, 
.template-kampanjasivu li.menu-level-4 a.menuitem {
    background: transparent url('../img/kamp-mainnavi-haka.png') no-repeat left top;
}
.template-kampanjasivu li.menu-level-3 a.menuitem:hover, 
.template-kampanjasivu li.menu-level-4 a.menuitem:hover {
    background: transparent url('../img/kamp-mainnavi-haka-gray.png') no-repeat left top;
}

/* KAMPANJASIVU YLÄKUVA */
.template-kampanjasivu header-top-part-container {
     background: rgba(29, 29, 27, 0.85);
}
.template-kampanjasivu .header-small-title, .template-kampanjasivu .header-large-title {
     background: rgba(29, 29, 27, 0.70);
}
.template-kampanjasivu .header-small-title h2, 
.template-kampanjasivu #header-small-title h2,
.template-kampanjasivu .header-large-title h1, 
.template-kampanjasivu #header-large-title h1,
.header-small-title-h2{
    color: #f7f7f6;
}

/* Ale-pallo */
.template-kampanjasivu header-content details-ball {
    background: transparent url('../img/kampanja-pallo.png') no-repeat center center;
}

/* KAMPANJASIVU-INTRO */
.template-kampanjasivu .gray-bg {
    background: rgb(29, 29, 27);
    color: #ffffff;
}
.template-kampanjasivu h2.top-header {
    border-bottom: 3px solid #777777;
    color: #ffffff;
}
.template-kampanjasivu .gray-bg p {
    color: #ffffff;
}

/* KESÄN PARHAAT TARJOUKSET */
.template-kampanjasivu h2 {
    color: #1d1d1b;
}
.template-kampanjasivu h2 {
    border-bottom: 1px solid #777777;
}
.template-kampanjasivu .tarjoussivu-parhaat-item h4 {
    background: rgba(29, 29, 27, 0.75);
}
.template-kampanjasivu .tarjoussivu-parhaat-item h3 {
    background: rgba(119, 119, 119, 0.75);
}

/* Teksti */
.template-kampanjasivu .tarjous-text {
    color: #1d1d1b;
}
.template-kampanjasivu .tarjous-price {
    color: #1d1d1b;
}

/* Ale-pallo */
.template-kampanjasivu .content-row details-ball {
    background: #1d1d1b;
}

/* Varaa-nappi */
.template-kampanjasivu .tarjous-link {
    background: #1d1d1b url('../img/hakanen.png') no-repeat right center;
}

/* KAUPUNKILOMA & RISTEILYTARJOUKSET */
.template-kampanjasivu .tarjoussivu-tarjous-item {
    border-bottom: 3px solid #1d1d1b;
}
.template-kampanjasivu .tarjoussivu-tarjous-item .tarjous-text-area .tarjous-text-area-first {
    border-right: 2px solid #dededf;
}

/* Teksti */
.template-kampanjasivu .tarjous-text-area-first h3,
.template-kampanjasivu .tarjous-old-price {
    color: #777777;
}
.template-kampanjasivu .tarjoussivu-tarjous-item .tarjous-text-area-first h4,
.template-kampanjasivu .tarjous-price-type,
.template-kampanjasivu .tarjous-price {
    color: #1d1d1b;
}

/* HUIPPUTARJOUKSET */
.template-kampanjasivu .huipputarjous-price {
    background: transparent url('../img/kampanja-list-haka.png') no-repeat right 18px center;
}

/* Teksti */
.template-kampanjasivu .huipputarjous-name, .template-kampanjasivu .huipputarjous-price {
    color: #1d1d1b;
}
.template-kampanjasivu .huipputarjous-old-price {
    color: #777777;
}
.template-kampanjasivu .huipputarjoukset-otsake {
    background: rgba(29, 29, 27, 0.80);
}
.template-kampanjasivu .huipputarjoukset-list {
    border-bottom: 3px solid #1d1d1b;
}

/* FOOTER */
.template-kampanjasivu footer {
    background-color: #1d1d1b;
}

/* Linkit */
.template-kampanjasivu .footer-link{
    background: transparent url('../img/kamp-footer-haka.png') no-repeat right center;
    border-bottom: #363634 solid 1px;
}
.template-kampanjasivu a.footer-link {
    color: rgba(255, 255, 255, 0.50);
}
.template-kampanjasivu a.footer-link:hover {
    color: #ffffff;
}

/* Some */
.template-kampanjasivu .footer-puh, .template-kampanjasivu a.footer-puh, .template-kampanjasivu a.footer-puh:hover, .template-kampanjasivu a.footer-puh:active, 
.template-kampanjasivu .footer-mail, .template-kampanjasivu a.footer-mail, .template-kampanjasivu a.footer-mail:hover, .template-kampanjasivu a.footer-mail:active,
.template-kampanjasivu .footer-vertical a, .template-kampanjasivu .footer-vertical a:hover, .template-kampanjasivu .footer-vertical a:active {
    color: #ffffff;
}
.template-kampanjasivu .footer-vertical a {
    background: transparent url('../img/kamp-footer-haka.png') no-repeat right center;
}
.template-kampanjasivu .footer-puh {
    background: transparent url('../img/kamp-footer-luuri.png') no-repeat left center;
}
.template-kampanjasivu .footer-mail {
    background: transparent url('../img/kamp-footer-mail.png') no-repeat left center;
}
.template-kampanjasivu .footer-fb {
    background: transparent url('../img/kamp-footer-fb.png') no-repeat center center;
}
.template-kampanjasivu .footer-in {
    background: transparent url('../img/kamp-footer-in.png') no-repeat center center;
}
.template-kampanjasivu .footer-yt {
    background: transparent url('../img/kamp-footer-yt.png') no-repeat center center;
}
.template-kampanjasivu .footer-tw {
    background: transparent url('../img/kamp-footer-tw.png') no-repeat center center;
}

/* MOBILE BACK UP */
.template-kampanjasivu .mp-mobile-back-up-button{
    background: transparent url('../img/kamp_takaisin_ylos.png') no-repeat center center / contain;
}

/* VAIN MOBIILI */
@media all and (max-width: 799px) {

    /* NAVIPALKKI */
    .template-kampanjasivu .slicknav_menu, 
    .template-kampanjasivu .slicknav_menu a {
   	background: rgba(29, 29, 27, 1);
    }
    .template-kampanjasivu .slicknav_menu a.slicknav_item {
    	background: rgba(2, 40, 96, 1);
    }
    .template-kampanjasivu .slicknav_menu a.slicknav-buy-button {
    	background: #777777;
    }
    .template-kampanjasivu .slicknav_menu .slicknav_icon-bar {
    	background-color: #777777;
    }
    .template-kampanjasivu .slicknav_btn.slicknav_open {
    	background: transparent url('../img/mob-navi-sulje-valk.png') no-repeat center center;
    }

    /* KAMPANJASIVU YLÄKUVA */
    .template-kampanjasivu visual-header {
    	border-bottom: 3px solid #777777;
    }

    /* HUIPPUTARJOUKSET */
    .template-kampanjasivu .huipputarjous-price {
   	background: none;
    }

}
.tekstisivu-content-area {
    background-color: #faf8f9;
}
.template-lomakesivu h2 {
    margin-top: -3px;
}
.template-lomakesivu .mp-lomakesivu-form {
    margin-top: 20px;
    line-height: 180%;
    color: #022860;
}
.mp-lomakesivu-form .content-half {
    width: 47.5%;
    margin-bottom: 8px;
}
.mp-lomakesivu-form .viestikentta {
    width: 100%;
    margin-top: 25px;
}
.mp-lomakesivu-form .viesti,
.mp-lomakesivu-form input {
    border: 1px solid #97ddf6;
    padding: 7px 8px;
    font: 13px/130% "Raleway","Arial",sans-serif;
    color: #464646;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mp-lomakesivu-form .viesti {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    height: 115px;
}
.mp-lomakesivu-form input {
    float: right;
    width: 270px;
    height: 30px;
}
.template-lomakesivu lomakesivu-send-button {
    display: inline-block;
    position: relative;
    line-height: 140%;
    float: right;
    margin-right: -3px;
}
.template-lomakesivu footer {
    margin-top: 0px;
}

/* TABLETTIKOOT */
@media all and (max-width: 1200px) {
    .mp-lomakesivu-form input {
    	width: 200px;
    }

}

@media all and (max-width: 1000px) {
    .mp-lomakesivu-form input {
    	float: none;
    	width: 100%;
    }

}

@media all and (max-width: 799px) {

    .mp-lomakesivu-form .content-half {
    	width: 100%;
    }

}

/* TEKSTISIVU */

/* Otsikot */
.template-tekstisivu h2.top-header {
    margin: -5px 0 30px;
    font-size: 28px;
    width: 100%;
    border-bottom: 3px solid #3ebfed;
    padding-bottom: 8px;
    display: block;
    letter-spacing: 1px;
    font-weight: normal;
    line-height: 120%;
    color: #022860;
}
div.top-header .template-tekstisivu  h2.top-header {
    margin-bottom: 0px;
}
.tekstisivu-content-area h4 {
    font-size: 17px;
    color: #022860;
    margin: 0px 0 2px;
    letter-spacing: 1px;
    font-weight: bold;
}
.template-tekstisivu footer {
    margin-top: 0px;
}

/* TABLETTIKOOT */
@media all and (max-width: 1200px) {
    .template-tekstisivu h2.top-header {
    	font-size: 26px;
    }
    .template-tekstisivu h4 {
    	font-size: 16px;
    }
}

/* VAIN MOBIILI */
@media all and (max-width: 799px) {
    .template-tekstisivu h2.top-header {
    	font-size: 18px;
	border-bottom: 2px solid #3ebfed;
	padding-bottom: 6px;
    }
    .template-tekstisivu h4 {
    	font-size: 13px;
    }
}
}
/***************************************************************************
*                       	   kartta
****************************************************************************
*/

.selected-busmap-city-tooltip {}
.selected-busmap-city-tooltip:after {
    content: ' ';  
    display: block;
    position: absolute;
    width: 300px;
    height: 4px;
    background: rgb(0, 188, 226);
    top: 50%;
    transform: translate(0px,-50%);
    -webkit-transform: translate(0px,-50%);
    left: 100%; 
}
.selected-busmap-city-tooltip .qtip-content {
    overflow: visible;
}
.selected-busmap-city-tooltip .pysakit {
    display: block;
    position: absolute;
    background: yellow;
    left: 150px;
    top: -100px;
    z-index: 1200;
    width: 120px;
    height: 250px; 
}
.kartta>div {
    position:absolute;
    background-repeat: no-repeat; 
    margin:0;
    padding:0;
    z-index: 1002; 
}
.kartta>div.kaupunki:not(.suuri) {
    z-index: 1004 !important; 
}
.kartta .kaupunki.suuri .wrapper {
    position: relative;
    left: 0;
    top: -5px;
    background-image: url('/templates/matkapojat2018/img/varaamo/pointer_16x31px.png');
    z-index: 1003;
    width: 16px;
    height: 31px;
    background-size: 16px 31px;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.kartta .kaupunki .wrapper {
    position: relative; 
    left: 0;
    top: 0;
    background-image: url('/templates/matkapojat2018/img/varaamo/pallo_5x5_px.png');
    z-index: 1003;
    width: 5px;
    height: 5px;
    cursor: pointer; 
    background-size: 5px auto;
    background-repeat: no-repeat;
    background-position: center bottom;
} 
.kartta .kaupunki .pysakit,
.kartta .kaupunki .label  {
    display: none;
}
.kartta .kaupunki {
    display: block;
}

/* POP UP KARTTA */

/* Suuret nastat */
.busmap-popup .kartta #bjorneborg_pal, 
.busmap-popup .kartta #pori_pal {
    left: 32px;
    top: 225px;
}
.busmap-popup .kartta #rauma_pal{
    left: 19px;
    top: 250px;
}
.busmap-popup .kartta #sastamala_pal {
    left: 92px;
    top: 240px;
}
.busmap-popup .kartta #huittinen_pal {
    left: 71px;
    top: 250px;
}
.busmap-popup .kartta #turku_pal {
    left: 43px;
    top: 300px;
}
.busmap-popup .kartta #tampere_pal {
    left: 114px;
    top: 237px;
}
.busmap-popup .kartta #jyvaskyla_pal {
    left: 161px;
    top: 180px;
}
.busmap-popup .kartta #kuopio_pal {
    left: 234px;
    top: 120px;
}
.busmap-popup .kartta #mikkeli_pal {
    left: 224px;
    top: 203px;
}
.busmap-popup .kartta #imatra_pal {
    left: 274px;
    top: 245px;
}
.busmap-popup .kartta #lappeenranta_pal {
    left: 249px;
    top: 255px;
}
.busmap-popup .kartta #heinola_pal {
    left: 182px;
    top: 235px;
}
.busmap-popup .kartta #hameenlinna_pal {
    left: 134px;
    top: 260px;
}
.busmap-popup .kartta #lahti_pal {
    left: 164px;
    top: 260px;
}
.busmap-popup .kartta #kouvola_pal {
    left: 211px;
    top: 255px;
}
.busmap-popup .kartta #kotka_pal {
    left: 217px;
    top: 298px;
}
.busmap-popup .kartta #espoo_pal {
    left: 129px;
    top: 320px;
}
.busmap-popup .kartta #salo_pal {
    left: 79px;
    top: 305px;
}
.busmap-popup .kartta #lohja_pal {
    left: 109px;
    top: 315px;
}
.busmap-popup .kartta #vasa_pal,
.busmap-popup .kartta #vaasa_pal{
    left: 29px;
    top: 102px;
}
.busmap-popup .kartta #savonlinna_pal {
    left: 292px;
    top: 188px;
}
.busmap-popup .kartta #helsinki_pal {
    left: 149px;
    top: 320px;
}

/* Pikkunastat */
.busmap-popup .kartta #valkeakoski_pal {
    left: 125px;
    top: 266px;
}
.busmap-popup .kartta #saarijarvi_pal {
    left: 150px;
    top: 170px;
}
.busmap-popup .kartta #vaajakoski_pal {
    left: 174px;
    top: 192px;
}
.busmap-popup .kartta #kanavuori_pal {
    left: 175px;
    top: 200px;
}
.busmap-popup .kartta #leivonmaki_pal {
    left: 190px;
    top: 210px;
}
.busmap-popup .kartta #joutsa_pal {
    left: 190px;
    top: 218px;
}
.busmap-popup .kartta #hartola_pal {
    left: 190px;
    top: 225px;
}
.busmap-popup .kartta #vierumaki_pal {
    left: 180px;
    top: 270px;
}
.busmap-popup .kartta #orimattila_pal {
    left: 170px;
    top: 290px;
}
.busmap-popup .kartta #mantsala_pal {
    left: 165px;
    top: 305px;
}
.busmap-popup .kartta #eurajoki_pal {
    left: 32px;
    top: 260px;
}
.busmap-popup .kartta #laitila_pal {
    left: 30px;
    top: 285px;
}
.busmap-popup .kartta #mynamaki_pal {
    left: 38px;
    top: 304px;
}
.busmap-popup .kartta #paimio_pal {
    left: 56px;
    top: 317px;
}
.busmap-popup .kartta #suomusjarvi_pal {
    left: 94px;
    top: 325px;
}
.busmap-popup .kartta #harjavalta_pal {
    left: 48px;
    top: 256px;
}
.busmap-popup .kartta #kokemaki_pal {
    left: 56px;
    top: 260px;
}
.busmap-popup .kartta #kanteenmaa_pal {
    left: 85px;
    top: 288px;
}
.busmap-popup .kartta #humppila_pal {
    left: 98px;
    top: 298px;
}
.busmap-popup .kartta #forssa_pal {
    left: 101px;
    top: 305px;
}
.busmap-popup .kartta #karkkila_pal {
    left: 107px;
    top: 323px;
}
.busmap-popup .kartta #nummela_pal {
    left: 121px;
    top: 330px;
}
.busmap-popup .kartta #sarkola_pal {
    left: 106px;
    top: 257px;
}
.busmap-popup .kartta #nokia_pal {
    left: 113px;
    top: 256px;
}
.busmap-popup .kartta #toijala_pal {
    left: 120px;
    top: 272px;
}
.busmap-popup .kartta #riihimaki_pal {
    left: 146px;
    top: 295px;
}
.busmap-popup .kartta #hyvinkaa_pal {
    left: 150px;
    top: 304px;
}
.busmap-popup .kartta #joutseno_pal {
    left: 268px;
    top: 270px;
}
.busmap-popup .kartta #luumaki_pal {
    left: 235px;
    top: 280px;
}
.busmap-popup .kartta #pyhalto_pal {
    left: 233px;
    top: 295px;
}
.busmap-popup .kartta #hamina_pal {
    left: 230px;
    top: 308px;
}
.busmap-popup .kartta #pyhtaa_pal {
    left: 208px;
    top: 318px;
}
.busmap-popup .kartta #loviisa_pal {
    left: 198px;
    top: 320px;
}
.busmap-popup .kartta #porvoo_pal {
    left: 176px;
    top: 323px;
}
.busmap-popup .kartta #siilinjarvi_pal {
    left: 230px;
    top: 116px;
}
.busmap-popup .kartta #varkaus_pal {
    left: 247px;
    top: 175px;
}
.busmap-popup .kartta #juva_pal {
    left: 247px;
    top: 200px;
}
.busmap-popup .kartta #rahula_pal {
    left: 235px;
    top: 217px;
}
.busmap-popup .kartta #ristiina_pal {
    left: 228px;
    top: 233px;
}
.busmap-popup .kartta #rantinhovi_pal {
    left: 226px;
    top: 241px;
}
.busmap-popup .kartta #tuohikotti_pal {
    left: 224px;
    top: 249px;
}
.busmap-popup .kartta #kallislahti_pal{
    left:219px;
    top:258px;
}
.busmap-popup .kartta #elimaki_pal {
    left: 202px;
    top: 298px;
}
.busmap-popup .kartta #lapinjarvi_pal {
    left: 192px;
    top: 307px;
}
.busmap-popup .kartta #valkeala_pal {
    left: 223px;
    top: 265px;
}
.busmap-popup .kartta #koria_pal {
    left: 205px;
    top: 285px;
}
.busmap-popup .kartta #laihia_pal{
    left:43px;
    top:125px;
}
.busmap-popup .kartta #tervajoki_pal{
    left:52px;
    top:122px;
}
.busmap-popup .kartta #ylistaro_pal{
    left:62px;
    top:128px;
}
.busmap-popup .kartta #seinajoki_pal{
    left:72px;
    top:120px;
}
.busmap-popup .kartta #jalasjarvi_pal {
    left: 82px;
    top: 164px;
}
.busmap-popup .kartta #parkano_pal {
    left: 97px;
    top: 190px;
}
.busmap-popup .kartta #ikaalinen_pal {
    left: 100px;
    top: 220px;
}
.busmap-popup .kartta #hameenkyro_pal {
    left: 105px;
    top: 233px;
}
.busmap-popup .kartta #ylojarvi_pal {
    left: 108px;
    top: 245px;
}
.busmap-popup .kartta #vihtavuori_pal {
    left: 177px;
    top: 180px;
}
.busmap-popup .kartta #laukaa_pal {
    left: 175px;
    top: 170px;
}
.busmap-popup .kartta #suolahti_pal {
    left: 170px;
    top: 163px;
}
.busmap-popup .kartta #aanekoski_pal {
    left: 163px;
    top: 160px;
}
.busmap-popup .kartta #hirvaskangas_pal {
    left: 70px;
    top: 208px;
}
.busmap-popup .kartta #iisalmi_pal {
    left: 215px;
    top: 90px;
}
.busmap-popup #muurame_pal {
    left: 163px;
    top: 208px;
}
.busmap-popup .kartta #kangasala_pal {
    left: 124px;
    top: 260px;
}
.busmap-popup .kartta #ilmajoki_pal {
    left:68px;
    top:155px;
}
.busmap-popup .kartta #kurikka_pal {
    left: 62px;
    top: 162px;
}
.busmap-popup .kartta #kauhajoki_pal {
    left: 54px;
    top: 175px;
}
.busmap-popup .kartta #honkajoki_pal {
    left: 51px;
    top: 193px;
}
.busmap-popup .kartta #kankaanpaa_pal {
    left: 60px;
    top: 215px;
}
.busmap-popup .kartta #pomarkku_pal {
    left: 47px;
    top: 234px;
}
.busmap-popup .kartta #noormarkku_pal {
    left: 42px;
    top: 240px;
}
.busmap-popup .kartta #sakyla_pal {
    left: 58px;
    top: 275px;
}
.busmap-popup .kartta #muurame_pal {
    left: 162px;
    top: 208px;
}
.busmap-popup .kartta #korpilahti_pal {
    left: 158px;
    top: 218px;
}
.busmap-popup .kartta #jamsa_pal {
    left: 152px;
    top: 228px;
}
.busmap-popup .kartta #orivesi_pal {
    left: 135px;
    top: 242px;
}
.busmap-popup .kartta #vampula_pal {
    left: 77px;
    top: 280px;
}
.busmap-popup .kartta #renko_pal {
    left: 157px;
    top: 285px;
}
.busmap-popup .kartta #jokioinen_pal {
    left: 95px;
    top: 306px;
}
.busmap-popup .kartta #viitasaari_pal {
    left: 165px;
    top: 130px;
}
.busmap-popup .kartta #jamsankoski_pal{
    left: 150px;
    top: 220px;
}
.busmap-popup .kartta #padasjoki_pal {
    left: 155px;
    top: 262px;
}
.busmap-popup .kartta #vaaksy_pal  {
    left: 160px;
    top: 272px;
}
.busmap-popup .kartta #joensuu_pal {
    left: 308px;
    top: 132px;
}
.busmap-popup .kartta #honkavaara_pal {
    left: 322px;
    top: 178px;
}
.busmap-popup .kartta #tolosenmaki_pal {
    left: 323px;
    top: 195px;
}
.busmap-popup .kartta #parikkala_pal{
    left: 307px;
    top: 230px;
}
.busmap-popup .kartta #simpele_pal{
    left: 298px;
    top: 242px;
}
.busmap-popup .kartta #punkaharju_pal {
    left: 305px;
    top: 215px;
}
.busmap-popup .kartta #otava_pal {
    left: 222px;
    top: 228px;
}
.busmap-popup .kartta #kuortti_pal {
    left: 199px;
    top: 235px;
}
.busmap-popup .kartta #kallislahti_pal {
    left: 285px;
    top: 205px;
}
.busmap-popup .kartta #mantyharju_pal {
    left: 210px;
    top: 235px;
}
.busmap-popup .kartta #loimaa_pal {
    left: 92px;
    top: 299px;
}
.busmap-popup .kartta #oravais_pal,
.busmap-popup .kartta #oravainen_pal {
    left: 50px;
    top: 116px;
}
.busmap-popup .kartta #nykarleby_pal,
.busmap-popup .kartta #uusikaarlepyy_pal {
    left: 63px;
    top: 100px;
}
.busmap-popup .kartta #edsevo_pal {
    left: 73px;
    top: 88px;
}
.busmap-popup .kartta #jakobstad_pal,
.busmap-popup .kartta #pietarsaari_pal {
    left: 65px;
    top: 86px;
}
.busmap-popup .kartta #hanko_pal {
    left: 74px;
    top: 370px;
}
.busmap-popup .kartta #tammisaari_pal {
    left: 89px;
    top: 356px;
}
.busmap-popup .kartta #oulu_pal {
    left: 120px;
    top: -2px;
    display: none;
}
.busmap-popup .kartta #vantaa_pal  {
    left:162px;
    top:330px;
}
.busmap-popup .kartta #hervanta_pal{
    left: 118px;
    top: 263px;
}
.busmap-popup .kartta #pieksamaki_pal{
    left:220px;
    top:178px;
}
.busmap-popup .kartta #puumala_pal{
    left:270px;
    top:230px;
}
.busmap-popup .kartta #anttola_pal{
    left:305px;
    top:208px;
}
.busmap-popup .kartta #lpr_pal{
    left:255px;
    top:277px;
}
.busmap-popup .kartta #haapakallio_pal{
    left:297px;
    top:210px;
}
.busmap-popup .kartta #kerimaki_pal{
    left:312px;
    top:205px;
}
.busmap-popup .kartta #vainikkala_pal{
    left:270px;
    top:282px;
}
.busmap-popup .kartta #utti_pal{
    left: 223px;
    top: 275px;
}
.busmap-popup .kartta #ahvenkoski_pal{
    left: 202px;
    top: 314px;
}
.busmap-popup .kartta #hankasalmi_pal{
    left: 194px;
    top: 182px;
}
.busmap-popup .kartta #kangasniemi_pal{
    left: 196px;
    top: 205px;
}
.busmap-popup .kartta #vuojalahti_pal{
    left:202px;
    top:207px;
}
.busmap-popup .kartta #harjumaa_pal{
    left:207px;
    top:202px;
}
.busmap-popup .kartta #mantyharju_pal{
    left:220px;
    top:238px;
}
.busmap-popup .kartta #oravasaari_pal{
    left:172px;
    top:207px;
}
.busmap-popup .kartta #alaharma_pal{
    left:72px;
    top:108px;
}
.busmap-popup .kartta #lapua_pal{
    left:84px;
    top:130px;
}
.busmap-popup .kartta #mayry_pal{
    left:98px;
    top:140px;
}
.busmap-popup .kartta #alavus_pal{
    left:98px;
    top:164px;
}
.busmap-popup .kartta #ahtari_pal{
    left:123px;
    top:175px;
}
.busmap-popup .kartta #virrat_pal{
    left:115px;
    top:198px;
}
.busmap-popup .kartta #ruovesi_pal{
    left:124px;
    top:220px;
}
.busmap-popup .kartta #suinula_pal{
    left:128px;
    top:251px;
}
.busmap-popup .kartta #langaminne_pal{
    left:33px;
    top:139px;
}
.busmap-popup .kartta #portom_pal,
.busmap-popup .kartta #pirttikyla_pal{
    left:28px;
    top:158px;
}
.busmap-popup .kartta #overmark_pal,
.busmap-popup .kartta #ylimarkku_pal{
    left:24px;
    top:163px;
}
.busmap-popup .kartta #petalax_pal,
.busmap-popup .kartta #petolahti_pal{
    left:22px;
    top:148px;
}
.busmap-popup .kartta #korsnas_pal {
    left:16px;
    top:148px;
}
.busmap-popup .kartta #tojby_pal {
    left:16px;
    top:156px;
}
.busmap-popup .kartta #narpes_pal,
.busmap-popup .kartta #narpio_pal{
    left:17px;
    top:168px;
}
.busmap-popup .kartta #metsala_pal{
    left:24px;
    top:204px;
}
.busmap-popup .kartta #jarvenpaa_pal{
    left:166px;
    top:312px;
}
.busmap-popup .kartta #villala_pal{
    left:314px;
    top:186px;
}
.busmap-popup .kartta #keuruu_pal{
    left:145px;
    top:198px;
}
.busmap-popup .kartta #petajavesi_pal{
    left:155px;
    top:198px;
}
.busmap-popup .kartta #kuohu_pal{
    left:161px;
    top:197px;
}
.busmap-popup .kartta #haapamaki_pal{
    left:135px;
    top:198px;
}
.busmap-popup .kartta #hameenkoski_pal{
    left:154px;
    top:278px;
}
.busmap-popup .kartta #tuulos_pal{
    left:147px;
    top:274px;
}
.busmap-popup .kartta #nastola_pal{
    left:182px;
    top:280px;
}
.busmap-popup .kartta #alsiir{
    position:relative;
    border:solid 0px;
}
.busmap-popup .kartta #kirkkonummi_pal  {
    left:102px;
    top:348px;
}
.busmap-popup .kartta #evijarvi_pal  {
    left:98px;
    top:107px;
}
.busmap-popup .kartta #naantali_pal  {
    left:38px;
    top:317px;
}
.busmap-popup .kartta #kyyjarvi_pal  {
    left:128px;
    top:144px;
}
.busmap-popup .kartta #saarijarvi_pal  {
    left:146px;
    top:154px;
}
.busmap-popup .kartta #suonenjoki_pal  {
    left:220px;
    top:160px;
}
.busmap-popup .kartta #nurmes_pal  {
    left:280px;
    top:78px;
}
.busmap-popup .kartta #kerava_pal  {
    left:166px;
    top:320px;
}

/* Junat */
.busmap-popup .kartta #ylivieska_pal  {
    left:120px;
    top:53px;
}
.busmap-popup .kartta #kokkola_pal {
    left: 82px;
    top: 70px;
}

/* Lennot */
.busmap-popup .kartta #rovaniemi_pal  {
     display: none;
}
.busmap-popup .kartta #kajaani_pal  {
     left:233px;
     top:35px;
}
.busmap-popup .kartta #kuusamo_pal  {
     display: none;
}
.busmap-popup .kartta #kemi_pal  {
     display: none;
}
.busmap-popup .kartta #ivalo_pal {
     display: none;
}
.busmap-popup .kartta #pernio_pal {
     left: 77px;
     top: 338px;
}
.busmap-popup .kartta #kristiinakaupunki_pal {
     left: 23px;
     top: 185px;
}
.busmap-popup .kartta #ulvila_pal{
     left:42px;
     top:250px;
}
.busmap-popup .kartta #panelia_pal{
     left:44px;
     top:263px;
}
.busmap-popup .kartta #siikainen_pal{
     left: 40px;
     top: 208px;
}
.busmap-popup .kartta #merikarvia_pal{
     left:23px;
     top:214px;
}
.busmap-popup .kartta #sotkamo_pal {
     left:90px;
     top:183px;
}
.busmap-popup .kartta #jurva_pal {
     left:43px;
     top:152px;
}
.busmap-popup .kartta #alaharma_pal{
    left:72px;
    top:108px;
}
.busmap-popup .kartta #kortesjarvi_pal {
    left:84px;
    top:108px;
}
.busmap-popup .kartta #yliharma_pal {
    left:66px;
    top:114px;
}
.busmap-popup .kartta #lappajarvi_pal {
    left:87px;
    top:180px;
}
.busmap-popup .kartta #vimpeli_pal {
    left:110px;
    top:130px;
}
.busmap-popup .kartta #alajarvi_pal {
    left: 107px;
    top: 145px;
}
.busmap-popup .kartta #soini_pal {
    left: 115px;
    top: 160px;
}
.busmap-popup .kartta #lehtimaki_pal {
    left:109px;
    top:161px;
}
.busmap-popup .kartta #kuortane_pal {
    left:97px;
    top:165px;
}
.busmap-popup .kartta #toysa_pal {
    left:108px;
    top:170px;
} 
.busmap-popup .kartta #teuva_pal {
    left:35px;
    top:172px;
}
.busmap-popup .kartta #toivakka_pal {
    left:190px;
    top:204px;
}
.busmap-popup .kartta #uusikaupunki_pal {
    left: 19px;
    top: 300px;
}
.busmap-popup .kartta #kalanti_pal {
    left:26px;
    top:294px;
}
.busmap-popup .kartta #paltamo_pal {
    top:23px;
    left:235px;
}
.busmap-popup .kartta #vaala_pal {
    top:10px;
    left:210px;
}
.busmap-popup .kartta #utajarvi_pal {
    display: none;
}
.busmap-popup .kartta #muhos_pal {
    display: none;
}
.busmap-popup .kartta #tornio_pal {
    display: none;
}
.busmap-popup .kartta #haukipudas_pal {
    display: none;
}
.busmap-popup .kartta #kannus_pal {
    top: 68px;
    left: 107px;
}
.busmap-popup .kartta #oulainen_pal {
    top:35px;
    left:125px;
}
.busmap-popup .kartta #vihanti_pal {
    top:23px;
    left:132px;
}
.busmap-popup .kartta #haukivuori_pal {
    top:192px;
    left:231px;
}
.busmap-popup .kartta #vehmasmaki_pal {
    top:158px;
    left:235px;
}
.busmap-popup .kartta #mouhijarvi_pal{
    left:123px;
    top:226px;
}
.busmap-popup .kartta #miehikkala_pal{
    left:248px;
    top:300px;
}
.busmap-popup .kartta #virojoki_pal{
    left:248px;
    top:308px;
}

.kartta #evo_pal{
	left:153px;
	top:268px;
}
.kartta #lepaa_pal{
	left:129px;
	top:255px;
}

/* VARAAMO - 0-VAIHE */

/* Rakenne */
.rsearch-zero-desktop-container rsearch-zero {
    display: block;
    position: absolute;
    width: 1140px;
    bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px); 
    left: 50%; 
    overflow: hidden;  
}
rsearch-zero.state-closed top-header .open {
    display: none; 
}
rsearch-zero.state-open top-header .closed {
    display: none;
}
.rsearch-zero-desktop-container rsearch-zero .mobile {
    display: none;
}

/* Mobiili */
.rsearch-zero-mobile-container rsearch-zero {
    margin-left: 20px;
    margin-right: 20px;
    border-bottom: 3px solid rgb(62, 191, 237);
}
.rsearch-zero-mobile-container selected,
varaamo-valinnat-mobile selected {
    display: block;
    color: rgb(62, 191, 237);
    padding-left: 36px;
    font-size: 13px;
}
.rsearch-zero-mobile-container .selected selected,
varaamo-valinnat-mobile .selected selected  {
    margin: -12px 5px 10px;
}
.rsearch-zero-mobile-container text-prefix,
varaamo-valinnat-mobile text-prefix  {
    color: transparent;
    font-size: 1px;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-size: contain;
    vertical-align: middle;
    margin-right: 8px;
}

/* OSTA MATKA -OTSIKKO */
.rsearch-zero-desktop-container rsearch-zero top-header {
    display: block;
    height: 64px; 
    cursor: pointer;
}

/* Mobiili */
.rsearch-zero-mobile-container rsearch-zero top-header,
varaamo-valinnat-mobile top-header {
    display: block;
    height: 31px;
    overflow: visible;
    position: relative;
    z-index: 5;
}
.rsearch-zero-mobile-container rsearch-zero top-header img.mobile,
varaamo-valinnat-mobile top-header img.mobile {
    width: 188px;
}

/* YLÄNIMIKKEET */
rsearch-zero form-area slabel,
varaamo-valinnat-mobile form-area slabel  {
    display: block;
    position: relative;
    color: white;
    margin-bottom: 2px;
}
.rsearch-zero-desktop-container rsearch-zero form-area slabel {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 18px; 
    cursor: pointer; 
    margin-bottom: 2px;
}
.rsearch-zero-desktop-container rsearch-zero form-area slabel label-block {
    display: inline-block;
    padding-bottom: 7px;
    padding-right: 25px;
    border-bottom: 1px solid rgb(62, 191, 237);
    background: url('/templates/matkapojat2018/img/hakanen_blue_alas.png');
    background-position: right 9px;
    background-repeat: no-repeat; 
}

/* Mobiili */
.rsearch-zero-mobile-container text-prefix,
varaamo-valinnat-mobile text-prefix  {
    color: transparent;
    font-size: 1px;
    display: inline-block;
    width: 29px;
    height: 29px;
    background-size: contain;
    vertical-align: middle;
    margin-right: 8px;
}
.rsearch-zero-mobile-container slabel,
varaamo-valinnat-mobile slabel { 
    line-height: 44px;
    font-size: 14px;
    font-weight: bold;
    background: url('/templates/matkapojat2018/img/varaamo-mob-nuoli-alas.png');
    background-position: right 3px center;
    background-repeat: no-repeat;
    background-size: 12px 8px;
    padding-right: 4px; 
    cursor: pointer;
}
.rsearch-zero-mobile-container .opened slabel,
varaamo-valinnat-mobile .opened slabel { 
    background: url('/templates/matkapojat2018/img/varaamo-mob-nuoli-ylos.png');
    background-position: right 3px center;
    background-repeat: no-repeat;
    background-size: 12px 8px;
}

/* LOMAKE ALUE */
.rsearch-zero-desktop-container rsearch-zero form-area {
    display: block;
    position: relative;
    height: 63px;
    border-bottom: 3px solid rgb(62, 191, 237);
    display: flex;
    flex-direction: row;
    transition: all 0.5s ease; 
}
.rsearch-zero-desktop-container rsearch-zero.state-open form-area {
    height: 376px;
    overflow: hidden;
}
rsearch-zero form-area .form-block,
varaamo-valinnat-mobile form-area .form-block  {
    display: block;
    background: rgba(2, 40, 96,1);  
    height: 100%; 
    flex-grow: 1;
}

/* Mobiili */
.rsearch-zero-mobile-container form-area,
varaamo-valinnat-mobile form-area {
    display: block;
    position: relative;
    border-radius: 0px 10px 0px 0px;
    padding: 3px 8px 25px;
    margin-top: 3px;
    background: rgba(2, 40, 96,1);
    font-size: 14px;
}
.rsearch-zero-mobile-container .form-block,
.rsearch-zero-mobile-container lahto-pvm.form-block slabel,
varaamo-valinnat-mobile .form-block,
varaamo-valinnat-mobile lahto-pvm.form-block slabel {
    border-bottom: 1px solid #284878;
}
.rsearch-zero-mobile-container .form-block.opened,
.rsearch-zero-mobile-container lahto-pvm.form-block.opened slabel,
.rsearch-zero-mobile-container lahto-pvm.form-block.selected slabel,
varaamo-valinnat-mobile .form-block.opened,
varaamo-valinnat-mobile lahto-pvm.form-block.opened slabel,
varaamo-valinnat-mobile lahto-pvm.form-block.selected slabel {
    border-bottom: none;
}
.rsearch-zero-mobile-container lahto-pvm.form-block,
varaamo-valinnat-mobile lahto-pvm.form-block {
    border-bottom: none;
}

/* LINKKILISTOJEN PERUSRAKENNE */
rsearch-zero form-area items,
varaamo-valinnat-mobile form-area items {
    display: flex;
    flex-direction: column; 
}
rsearch-zero form-area items item,
varaamo-valinnat-mobile form-area items item {
    display: inline-block;
    cursor: pointer;
}
.rsearch-zero-desktop-container rsearch-zero form-area items item {
    padding: 6px;
    position: relative;
    font-size: 12px; 
    color: white; /* rgb(62, 191, 237); */ 
}
.rsearch-zero-desktop-container  rsearch-zero form-area items item img.hakanen{
    display: none; 
}
.rsearch-zero-desktop-container  rsearch-zero form-area items item:hover,
.rsearch-zero-desktop-container  rsearch-zero form-area items item.selected{
    background-color: rgb(10, 37, 77); 
    color: rgb(62, 191, 237);
    font-weight: bold;
    margin-right: 3px;
}
.rsearch-zero-desktop-container  rsearch-zero form-area items item:hover img.hakanen,
.rsearch-zero-desktop-container  rsearch-zero form-area items item.selected img.hakanen{
    display: block; 
    position: absolute;
    right: 12px; 
    top: 50%;
    transform: translate(0px,-50%);
    -webkit-transform: translate(0px,-50%); 
}

/* Mobiili */
.rsearch-zero-mobile-container rsearch-zero {
    display: none;  
}
.rsearch-zero-mobile-container expandable,
varaamo-valinnat-mobile expandable {
    width: 100%;
    display: none; 
}
.rsearch-zero-mobile-container rsearch-zero form-area items item,
varaamo-valinnat-mobile form-area items item {
    padding: 10px 0 10px 55px;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.rsearch-zero-mobile-container rsearch-zero form-area items item:hover,
varaamo-valinnat-mobile form-area items item:hover {
    color: #3ebfed;
    font-weight: 600;
    background-color: rgb(10, 37, 77);
}
.rsearch-zero-mobile-container rsearch-zero form-area items item img,
varaamo-valinnat-mobile form-area items item img {
    display: none;
}
.rsearch-zero-mobile-container item,
varaamo-valinnat-mobile item {
    background-repeat: no-repeat;
    background-position: left 32px center;
    background-size: auto 15px;
    border-bottom: 1px solid #0a355f;
    background-color: #011e48;
}
.rsearch-zero-mobile-container item:first-child,
varaamo-valinnat-mobile item:first-child {
    border-top: 1px solid #284878;
}
.rsearch-zero-mobile-container .opened item:first-child,
varaamo-valinnat-mobile .opened item:first-child {
    border-top: none;
}
.rsearch-zero-mobile-container item:last-child,
varaamo-valinnat-mobile item:last-child {
    border-bottom: none;
    margin-bottom: 5px;
}
.rsearch-zero-mobile-container matkakohde item,
varaamo-valinnat-mobile matkakohde item {
    background-image: url('/templates/matkapojat2018/img/ball_unselected.png');
    background-repeat: no-repeat;
    background-position: left 32px center;
    background-size: auto 15px;
}
.rsearch-zero-mobile-container matkakohde item.selected,
varaamo-valinnat-mobile matkakohde item.selected {
    background-image: url('/templates/matkapojat2018/img/ball_selected.png');
}

/* PUDOTUSVALIKOT */
.select2-container{
    height: 30px;
}
.select2-container--default .select2-results > ul.select2-results__options{
    max-height: 500px; 
}
.select2-container .select2-selection--single {
    height: 30px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 27px;
    line-height: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
    top: 0px;
    right: 0px;
    width: 27px;
    background-image: url('/templates/matkapojat2018/img/hakanen_bluebg_alas.png');
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none !important; 
}
adult-count .select2-container,
child-count .select2-container {
    margin-top: 7px;
    width: 65px !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #fff;
    border-radius: 0px;
}
.select2-results__option {
    padding: 0px 15px;
    font-size: 13px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3ebfed;
}
/* Mobiili */
.rsearch-zero-mobile-container rsearch-zero form-area items item.selected,
varaamo-valinnat-mobile form-area items item.selected {
    background-color: rgb(10, 37, 77); 
    color: rgb(62, 191, 237);
    font-weight: bold;
}
.rsearch-zero-mobile-container adult-count .select2-container,
.rsearch-zero-mobile-container child-count .select2-container,
varaamo-valinnat-mobile adult-count .select2-container,
varaamo-valinnat-mobile child-count .select2-container {
    margin-top: 3px;
    width: 80px !important;
}
.rsearch-zero-mobile-container .select2-container--default .select2-selection--single .select2-selection__arrow,
varaamo-valinnat-mobile .select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url('/templates/matkapojat2018/img/varaamo-mob-list-nuoli.png') no-repeat center center;
    background-size: 8px 12px;
}

/* MATKATYYPPI */
.rsearch-zero-desktop-container rsearch-zero form-area matkatyyppi {
    width: 238px;
    min-width: 238px;
    max-width: 238px;
    background-color: rgba(2, 40, 96,0.95);
    background-image: url('/templates/matkapojat2018/img/vbar_border_blue.png');
    background-position: right;
    background-repeat: repeat-y;
}
.rsearch-zero-desktop-container rsearch-zero form-area matkatyyppi items item {
    padding-left: 64px;
    background-repeat: no-repeat;
    background-position: 25px center;
}

/* Matkatyyppien kuvakkeet */
.rsearch-zero-desktop-container  item.matkatyyppi-id-2,
.rsearch-zero-mobile-container  item.matkatyyppi-id-2,
varaamo-valinnat-mobile item.matkatyyppi-id-2 {
    background-image: url('/templates/matkapojat2018/img/matkatyypit/kierto.png'); /* Kiertomatkat */
}
.rsearch-zero-desktop-container  item.matkatyyppi-id-3,
.rsearch-zero-mobile-container  item.matkatyyppi-id-3,
varaamo-valinnat-mobile item.matkatyyppi-id-3 {
    background-image: url('/templates/matkapojat2018/img/matkatyypit/laiva.png'); /* Risteilyt */
}
.rsearch-zero-desktop-container  item.matkatyyppi-id-4,
.rsearch-zero-mobile-container  item.matkatyyppi-id-4,
varaamo-valinnat-mobile item.matkatyyppi-id-4 {
    background-image: url('/templates/matkapojat2018/img/matkatyypit/kylpyla.png'); /* Kylpylälomat */
}
.rsearch-zero-desktop-container  item.matkatyyppi-id-7,
.rsearch-zero-mobile-container  item.matkatyyppi-id-7,
varaamo-valinnat-mobile item.matkatyyppi-id-7 {
    background-image: url('/templates/matkapojat2018/img/matkatyypit/kaupunki.png'); /* Kaupunkilomat */
}
.rsearch-zero-desktop-container item.matkatyyppi-id-8,
.rsearch-zero-mobile-container item.matkatyyppi-id-8,
varaamo-valinnat-mobile item.matkatyyppi-id-8 {
    background-image: url('/templates/matkapojat2018/img/matkatyypit/perhe.png'); /* Perhelomat */
}
.rsearch-zero-desktop-container item.matkatyyppi-id-30,
.rsearch-zero-mobile-container item.matkatyyppi-id-30,
varaamo-valinnat-mobile item.matkatyyppi-id-30 {
    background-image: url('/templates/matkapojat2018/img/matkatyypit/lentokone.png'); /* Kaukomatkat */
    background-size: auto 10px;
}
.rsearch-zero-desktop-container item.matkatyyppi-id-29,
.rsearch-zero-mobile-container item.matkatyyppi-id-29,
varaamo-valinnat-mobile item.matkatyyppi-id-29 {
    background-image: url('/templates/matkapojat2018/img/matkatyypit/elamys.png'); /* Erikoismatkat */
}
.rsearch-zero-desktop-container item.matkatyyppi-id-28,
.rsearch-zero-mobile-container item.matkatyyppi-id-28,
varaamo-valinnat-mobile item.matkatyyppi-id-28 {
    background-image: url('/templates/matkapojat2018/img/matkatyypit/elamys.png'); /* Elämysristeilyt */
}


.rsearch-zero-desktop-container  item.matkatyyppi-id-31,
.rsearch-zero-mobile-container  item.matkatyyppi-id-31,
varaamo-valinnat-mobile item.matkatyyppi-id-31 {
    background-image: url('/templates/matkapojat2018/img/matkatyypit/kylpyla.png'); 
}
.rsearch-zero-desktop-container  item.matkatyyppi-id-32,
.rsearch-zero-mobile-container  item.matkatyyppi-id-32,
varaamo-valinnat-mobile item.matkatyyppi-id-32 {
    background-image: url('/templates/matkapojat2018/img/matkatyypit/erikois.png'); /* Rantalomat */
}


.rsearch-zero-desktop-container  item.matkatyyppi-id-33,
.rsearch-zero-mobile-container  item.matkatyyppi-id-33,
varaamo-valinnat-mobile item.matkatyyppi-id-33 {
    background-image: url('/templates/matkapojat2018/img/matkatyypit/ok_matkat.png');
}
.rsearch-zero-desktop-container  item.matkatyyppi-id-34,
.rsearch-zero-mobile-container  item.matkatyyppi-id-34,
varaamo-valinnat-mobile item.matkatyyppi-id-34 {
    background-image: url('/templates/matkapojat2018/img/matkatyypit/matka_agentit.png');
}
.rsearch-zero-desktop-container  item.matkatyyppi-id-35,
.rsearch-zero-mobile-container  item.matkatyyppi-id-35,
varaamo-valinnat-mobile item.matkatyyppi-id-35 {
    background-image: url('/templates/matkapojat2018/img/matkatyypit/kaukomatkat.png');
}


/* Mobiili */
.rsearch-zero-mobile-container matkatyyppi text-prefix,
varaamo-valinnat-mobile matkatyyppi text-prefix {
    background-image: url('/templates/matkapojat2018/img/varaamo/varaamon_ikoneita_58x58px_passi.png'); 
}

/* MATKAKOHDE */
.rsearch-zero-desktop-container rsearch-zero form-area matkakohde{
    width: 303px;
    min-width: 303px;
    max-width: 303px;
    background-color: rgba(2, 40, 96,0.88);
    background-image: url('/templates/matkapojat2018/img/vbar_border_blue.png');
    background-position: right;
    background-repeat: repeat-y; 
}
.rsearch-zero-desktop-container rsearch-zero form-area matkakohde items item {
    padding-left: 26px;
}

/* Mobiili */
.rsearch-zero-mobile-container matkakohde text-prefix,
varaamo-valinnat-mobile matkakohde text-prefix {
    background-image: url('/templates/matkapojat2018/img/varaamo/varaamon_ikoneita_58x58px_matkakohde.png'); 
}

/* LÄHTÖPAIKKA JA MATKUSTAJAT */
.rsearch-zero-desktop-container rsearch-zero form-area lahto {
    position: relative;
    width: 304px;
    min-width: 304px;
    max-width: 304px;
    background-color: rgba(2, 40, 96,0.80); 
    background-image: url('/templates/matkapojat2018/img/vbar_border_blue.png');
    background-position: right;
    background-repeat: repeat-y; 
}
rsearch-zero form-area lahto satama, 
rsearch-zero form-area lahto bussi,
varaamo-valinnat-mobile form-area lahto satama,
varaamo-valinnat-mobile form-area lahto bussi {
    display: block;
    font-size: 12px;
    color: white; 
    padding-left: 32px;
    background-image: url('/templates/matkapojat2018/img/ball_unselected.png'); 
    background-repeat: no-repeat;
    background-position: left center;
    margin-top: 9px;
    margin-left: 27px;
    cursor: pointer;
}
varaamo-valinnat-mobile form-area lahto satama,
varaamo-valinnat-mobile form-area lahto bussi {
    font-size: 14px;
}
rsearch-zero form-area lahto bussi,
varaamo-valinnat-mobile form-area lahto bussi {
    height: 30px;
    line-height: 30px; 
}
rsearch-zero form-area lahto satama.selected, 
rsearch-zero form-area lahto bussi.selected,
varaamo-valinnat-mobile lahto satama.selected, 
varaamo-valinnat-mobile lahto bussi.selected {
    background-image: url('/templates/matkapojat2018/img/ball_selected.png'); 
}
.rsearch-zero-desktop-container form-area lahto bussi pysakki{
    display: block;
    display: none; /* initially hidden, showing done with js */
    position: absolute;
    width: 115px;
    height: 26px;
    background: white;
    color: black;
    padding-left: 4px;
    padding-top: 4px;
    padding-right: 20px;
    background-image: url('/templates/matkapojat2018/img/hakanen_bluebg_alas.png');
    background-repeat: no-repeat;
    background-position: top right;
    left: 147px;
    top: 104px;
    cursor: pointer; 
}
rsearch-zero form-area lahto satama:first-child,
varaamo-valinnat-mobile form-area lahto satama:first-child {
    margin-top: 9px;
}
.rsearch-zero-desktop-container form-area lahto bussi pysakki {
    line-height: 24px;
}
adult-count, child-count{
    display: block;
    position: absolute;
    top: 148px;
    width: 120px;
    color: white;
    font-size: 13px;
}
.rsearch-zero-desktop-container adult-count{
    left: 30px;
}
.rsearch-zero-desktop-container child-count{
    left: 127px;
}

/* Mobiili */
.rsearch-zero-mobile-container lahto expandable,
varaamo-valinnat-mobile lahto expandable {
    background-color: #011e48;
    padding-bottom: 12px;
    margin-bottom: 5px;
}
.rsearch-zero-mobile-container rsearch-zero form-area lahto satama,
.rsearch-zero-mobile-container rsearch-zero form-area lahto bussi,
varaamo-valinnat-mobile form-area lahto satama,
varaamo-valinnat-mobile form-area lahto bussi {
    background-size: auto 15px;
    margin-left: 0;
    background-position: left 32px center;
    padding-left: 55px;
}
.rsearch-zero-mobile-container rsearch-zero form-area lahto bussi,
varaamo-valinnat-mobile form-area lahto bussi {
    height: auto; 
    line-height: 30px; 
    background-position: left 32px top 6px;
    /* margin-bottom: 5px;
    border-bottom: 1px solid #0a355f;
    padding-bottom: 8px; */ 
}
.rsearch-zero-mobile-container lahto text-prefix,
varaamo-valinnat-mobile lahto text-prefix {
    background-image: url('/templates/matkapojat2018/img/varaamo/varaamon_ikoneita_58x58px_matkustajat.png'); 
}

pysakki-mobile {
	display: none;
	color: white;
    /*padding-left: 18px;
    background: url('/templates/matkapojat2018/img/varaamo-mob-list-nuoli.png') no-repeat left center;
    background-size: 8px 12px;*/  
     
    font-size: 12px;
}
rsearch-zero pysakki-mobile {
	margin-left: 55px;
}

pysakki-mobile item-title {
    padding-top: 3px;
    
    padding-left: 18px;
    background: url('/templates/matkapojat2018/img/varaamo-mob-list-nuoli.png') no-repeat left center;
    background-size: 8px 12px;

    
}
pysakki-mobile item {
    margin-left: 5px;
    color: rgb(62, 191, 237);
}
.rsearch-zero-mobile-container pysakki-mobile item:first-child,
varaamo-valinnat-mobile pysakki-mobile item:first-child {
    border-top: none;
}
.rsearch-zero-mobile-container adult-count, 
.rsearch-zero-mobile-container child-count,
varaamo-valinnat-mobile adult-count, 
varaamo-valinnat-mobile child-count {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    top: 0;
    width: auto;
    float: left;
    padding-left: 32px;
    font-size: 14px;
}

/* LÄHTÖPÄIVÄ */
.rsearch-zero-desktop-container rsearch-zero form-area lahto-pvm {
    width: 302px; 
    position: relative;
    background-color: rgba(2, 40, 96,0.70); 
}

/* Mobiili */
.rsearch-zero-mobile-container lahto-pvm expandable,
varaamo-valinnat-mobile lahto-pvm expandable {
    background: rgb(1, 30, 72); 
    padding-top: 12px;
    padding-bottom: 16px;
}
.rsearch-zero-mobile-container lahto-pvm text-prefix,
varaamo-valinnat-mobile lahto-pvm text-prefix {
    background-image: url('/templates/matkapojat2018/img/varaamo/varaamon_ikoneita_58x58px_kalenteri.png');  
}
.rsearch-zero-mobile-container lahto-pvm.selected selected,
varaamo-valinnat-mobile lahto-pvm.selected selected {
    border-bottom: 1px solid #284878;
    padding-bottom: 5px
}

/* Kalenteri */
.rsearch-zero-desktop-container calendar-container {
    display: block;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    background: white;
}
.rsearch-zero-desktop-container calendar-container div.calendar {
    position: relative;
}
calendar-container div.calendar div.calendarcontrols {
    display: flex;
    flex-direction: row;
    background: rgb(62, 191, 237);
    height: 34px;
}
calendar-container div.calendar div.calendarcontrols div.prev,
calendar-container div.calendar div.calendarcontrols div.next {
    flex-grow: 0;
    width: 34px;
    height: 34px;
    color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer; 
}
calendar-container div.calendar div.calendarcontrols div.prev:hover,
calendar-container div.calendar div.calendarcontrols div.next:hover {
    background-color: #fbfbfb66; 
}
calendar-container div.calendar div.calendarcontrols div.prev {
    background-image: url('/templates/matkapojat2018/img/hakanen_white_left.png');
}
calendar-container div.calendar div.calendarcontrols div.next {
    background-image: url('/templates/matkapojat2018/img/hakanen_white_right.png'); 
}
calendar-container div.calendar div.calendarcontrols div.date {
    flex-grow: 1;
    text-align: center;
    padding-top: 5px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
}
calendar-container div.calendar div.dateValue {
    display: none;
}
calendar-container div.calendar table {
    width: 100%;	
}
calendar-container div.calendar table tr td,
calendar-container div.calendar table tr th {
    text-align: center;
    vertical-align: middle;
    height: 25.7px;
    font-size: 12px;
}
calendar-container div.calendar table tr th {
    font-weight: normal;
    color: black;
    text-transform: capitalize;
}
calendar-container div.calendar table tr td.viikko,
calendar-container div.calendar table tr th.viikko {
    display: none;
}
calendar-container div.calendar table tr td {
    color: rgb(218, 218, 217);
    font-weight: bold; 
}
calendar-container div.calendar table tr td.active {
    color: rgb(62, 191, 237);
    cursor: pointer;
}
calendar-container div.calendar table tr td.active:hover,
calendar-container div.calendar table tr td.chosen {
    color: white;
    background: rgb(62, 191, 237); 
}
.rsearch-zero-mobile-container calendar-container,
varaamo-valinnat-mobile calendar-container,
#pvm-mobile-selector{
    display: block;
    margin-left: 33px;
    width: 230px;
    background: white;
}
.rsearch-zero-desktop-container calendar-container {
    margin-top: 4px;
}
calendar-container div.calendar div.calendarcontrols div.date {
    font-size: 13px;
    line-height: 26px;
}
calendar-container div.calendar table tr td, 
calendar-container div.calendar table tr th {
    font-size: 11px;
}

/* Alennuskoodi */
.rsearch-zero-desktop-container rsearch-zero input.alennuskoodi{
    position: absolute;
    top: 314px;
    height: 18px;
    border-radius: 0px;
    text-align: center;
    left: 22px;
}
.rsearch-zero-desktop-container rsearch-zero lahto-pvm input.alennuskoodi {
    padding: 5px 10px 7px;
    border: none;
    color: #4b5256;
}
.rsearch-zero-desktop-container rsearch-zero lahto-pvm input.alennuskoodi,
.rsearch-zero-desktop-container rsearch-zero lahto-pvm hae {
    top: 318px;
}

/* Mobiili */
.rsearch-zero-mobile-container input.alennuskoodi,
varaamo-valinnat-mobile input.alennuskoodi{
    display: block;
    margin: 20px auto 18px;
    border: 2px solid #3ebfed;
    text-align: center;
    width: 105px;
    padding: 1px 0 3px;
    color: #022860;
}

/* Hae */
rsearch-zero hae,
varaamo-valinnat-mobile hae {
    display: block;
    color: white;
    background: rgb(0, 176, 123);
    text-align: center;
    font-weight: bold;
}
.rsearch-zero-desktop-container rsearch-zero hae,
varaamo-valinnat-mobile hae {
    position: absolute;
    top: 314px;
    right: 22px;
    width: 98px;
    line-height: 32px;
    border-radius: 16px;
    background-image: url('/templates/matkapojat2018/img/hakanen_white_right.png');
    background-repeat: no-repeat;
    background-position: 78px center;
    cursor: pointer;
}
.rsearch-zero-desktop-container rsearch-zero lahto-pvm hae:hover {
    opacity: 0.7;
}
.rsearch-zero-mobile-container rsearch-zero hae{
    background: #00b07b url('/templates/matkapojat2018/img/varaamo-mob-hae-nuoli.png') no-repeat right 56px center;
    background-size: 9px 14px;
    margin: 0 auto;
    border-radius: 18px;
    font-size: 18px;
    line-height: 36px;
    height: 36px;
    width: 190px;
}





/* POP UP */
.phone-only-info-popup.mfp-bg {
    background: transparent;
}
.phone-only-info-popup .mfp-content{
    width: 294px;
    height: 290px;
    padding: 10px;
    border: 3px solid #00bce2; 
    opacity: 1;
    -webkit-box-shadow: 15px 15px 15px -10px rgba(0,0,0,0.7);
    -moz-box-shadow: 15px 15px 15px -10px rgba(0,0,0,0.7);
    box-shadow: 15px 15px 15px -10px rgba(0,0,0,0.7);
}
.phone-only-info-popup .mfp-content .mfp-iframe-scaler iframe {
    background: white; 
}
.mfp-iframe-holder .mfp-close {
    border-radius: 4px;
    height: 22px;
    width: 22px;
    background-color: #00bce2;
    top: -12px;
    opacity: 1;
    line-height: 21px;
    padding-right: 4px;
    right: -12px;
    font-size: 22px;
}
.mfp-iframe-scaler iframe {
    box-shadow: none;
}
.phone-only-info-popup h1 {
    font-size: 15px !important;
}

/* BUSSI KARTTA */
.busmap-popup .mfp-content{
    background: transparent;
    padding: initial; 
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.busmap-popup .mfp-content .kartta{
    display: inline-block;
    position: relative;
    width: 393px;
    height: 382px;
    background: url('/templates/matkapojat2018/img/busmap_map.png'); 
}
.busmap-popup .mfp-content .kartta .stops{
    position: absolute; 
    top: -20px;
    right: -100px;
    overflow-y: scroll; 
    width: 147px;
    height: 308px;
    border: 2px solid rgb(0, 187, 225);
    background: white;
    overflow-x: hidden; 
    padding-top: 6px;
}
.busmap-popup .mfp-content .kartta .stops code{
    display: none;
}
.busmap-popup .mfp-content .kartta .stops .pysakit>div{
    font-size: 12px;
    line-height: 30px;
    padding-left: 16px;
    /*max-height: 30px;*/
    text-align: left;
}
.busmap-popup .mfp-content .kartta .stops .pysakit>div:hover{
    color: rgb(2, 40, 96);
    font-weight: bold; 
}
.busmap-popup .mfp-content .mfp-close{
    background: url('/templates/matkapojat2018/img/busmap_close.png'); 
    color: transparent; 
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 58px;
    height: 21px; 
    top: initial;
    opacity: 1;
}
.busmap-popup .mfp-content .mfp-close:hover,
.busmap-popup .mfp-content .mfp-close:focus {
    opacity: 0.7;
}
.bus-city-tooltip{
    font-size: 12px;
    color: rgb(2, 40, 96);
    font-weight: bold;
    border: 2px solid rgb(62, 191, 237);
    border-radius: 4px;
    line-height: 22px;
}
.bus-city-tooltip .qtip-content{
    background-color: white;
    background-image: url('/templates/matkapojat2018/img/busmap_bussi.png'); 
    background-repeat: no-repeat;
    background-position: 5px center;
    padding: 5px;
    padding-left: 40px;
}
.bus-city-tooltip .qtip-tip{
    display: none; 
}



/* bootstrap select replacement styles */ 
/*
.bootstrap-select input{
	color: black;
}
.bootstrap-select .dropdown-toggle.btn,
.bootstrap-select .open > .dropdown-toggle.btn-default:hover{
	background: transparent;
	background-color: transparent !important;
	padding: 0px;
	margin: 0px;
	color: rgb(62, 191, 237) !important;
	border: 0px solid transparent; 
}
.bootstrap-select .caret{
	display: none;
}

.busmap_container_mobile_v2_select{
	
}
.busmap_container_mobile_v2_select button,
.busmap_container_mobile_v2_select button:focus,
.busmap_container_mobile_v2_select.bootstrap-select .dropdown-toggle:focus{
    outline: 0px solid transparent !important; 
}
*/ 

/* select background method */
.busmap_container_mobile_v2_select{
	
} 
.themed-select { 
    position: relative;
    overflow: hidden;
}
.themed-select select {
    top: 0;
    left: 0;
    z-index: 2;
    position: absolute;
    width: 100%;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
    background: transparent;
    text-indent: -9999px;
}

@media all and (min-width: 1201px) {
	pysakki-mobile.is-visible{
		display: none; 
	}
}

/* TABLETTIKOOT */
@media all and (max-width: 1200px) {

    .rsearch-zero-desktop-container rsearch-zero{
	display: none;
    }
    
	pysakki-mobile.is-visible{
		display: block;
	}

    /* Mobiili */
    .rsearch-zero-mobile-container rsearch-zero{
	display: block; 
	margin-bottom: 22px;
	margin-left: 35px;
	margin-right: 35px;
    }
    .rsearch-zero-mobile-container rsearch-zero .mobile,
    varaamo-valinnat-mobile .mobile {
	display: block;
    }
    .rsearch-zero-mobile-container rsearch-zero .desktop,
    varaamo-valinnat-mobile  rsearch-zero .desktop{
		display: none !important; 
    }
    .rsearch-zero-mobile-container rsearch-zero hae:hover, varaamo-valinnat-mobile hae:hover {
	opacity: 0.7;
	cursor: pointer;
    }
    table#matkavalinnat tbody td {
    	background-position: right 20px center;
    }
    
    hr.rsearch-separator-line{
    	width: 100%;
		border: 0px;
		height: 1px;
		background: #0a355f; 
    }
    
}

@media all and (max-width: 799px) {


    /* Mobiili */
    .rsearch-zero-mobile-container rsearch-zero {
		width: 590px;
     	margin-left: auto;
		margin-right: auto;
    }
    

    
}

@media all and (max-width: 640px) {

    /* Mobiili */
    .rsearch-zero-mobile-container {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	width: 100%;
     	padding-left: 22px;
	padding-right: 22px;
	margin-top: -5px;
    }
    .rsearch-zero-mobile-container rsearch-zero {
	width: 100%;
    }
}
@media all and (max-width: 450px) {
    pysakki-mobile item-title,
    div.busmap_container_mobile_v2_select{
    	/*display: block;
        line-height: 20px;
    	margin-left: 0;*/ 
    	/* margin-left: 55px !important; */
    }
}
@media all and (max-width: 360px) {

    /* Mobiili */
    pysakki-mobile item-title,
    pysakki-mobile item {
    	/* display: block;
        line-height: 20px;
    	margin-left: 0;*/
    }
    .rsearch-zero-mobile-container calendar-container,
    varaamo-valinnat-mobile calendar-container,
    #pvm-mobile-selector{
        margin-left: 0;
    }

    
}




/* frontpage version */
body.template-etusivu rsearch-zero muuta-button-close{
	display: none; 
} 

.busmap_container_mobile_v2_select{
	display: none; 
}
 

/* varaamo version */
body.template-varaamo rsearch-zero top-header{
	display: none;
}
body.template-varaamo rsearch-zero hae,
body.template-varaamo varaamo-valinnat-mobile hae{
	width: 110px;
	background-position: right 15px center; 
}

body.template-varaamo rsearch-zero muuta-button-close,
body.template-varaamo varaamo-valinnat-mobile muuta-button-close{ 
	display: block;
	position: absolute;
	right: 20px;
	bottom: 25px;
	color: rgb(60, 191, 235); 
	font-weight: bold; 
}



#pvm-mobile-selector .ui-datepicker-week-col{
	display: none;
}
#pvm-mobile-selector table{ 
	/* table-layout: fixed; */
}
#pvm-mobile-selector tbody{
	display: table-row-group; 
} 


#pvm-mobile-selector table tr td, 
#pvm-mobile-selector table tr th {
    text-align: center;
    vertical-align: middle; 
    height: 25.7px;
    font-size: 12px;
}


.template-varaamo-vaihe1 calendar-container{
	display: none !important; 
}

/* INFOSIVUN MUUTA HAKUA & VARAUS -MODUULI */

/* General message popup (may be used several different ways) */
.mp-general-message mp-general-message{
    display: block;
    position: relative;
    padding: 40px;
    background: white;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    text-align: center; 
    font-size: 15px;
    
}
.mp-general-message .mfp-close{
    right: 0px;
    top: 0px;
    left: initial;
    bottom: initial;
}

/* MUUTA HAKUA */
.infosivu-muuta-hakua.content-row {
    padding-top: 48px;
    padding-bottom: 5px;
}  
.muuta-hakua {
    position: relative;
    width: 270px;
    padding-top: 5px;
}
.muuta-hakua-nappi {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent url('../img/muuta-hakua-nappi.png') no-repeat right top;
    height: 71px;
    width: 69px;
}
.muuta-hakua-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    width: 230px;
    background-color: #3ebfed;
    padding: 20px 22px 0px;
    height: 55px;
}
.muuta-hakua-text h2 {
    font-size: 26px;
    color: #fff;
    margin-bottom: 0;
}

/* VARAAMOPALKKI */
.varaamo-valinnat-palkki {
    border-bottom: 3px solid #3ebfed;
    background-color: #022860;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;  
    flex-wrap: wrap; 
    width: 100%;
    margin: -3px 0 20px;
    max-height: 91px;
    overflow: visible; /* for calendar and busmap to show */  
}
.varaamo-valinnat-palkki .nimike {
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    padding-top: 5px;
    display: inline-block;
    margin-right: 30px;
}

/* Lähtöpäivä */
.varaamo-valinnat-lahtopaiva, .varaamo-valinnat-lahtopaikka, 
.varaamo-valinnat-aikuiset, .varaamo-valinnat-lapset {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 28px 30px;
    width: auto;
}
.infosivu-muuta-hakua lahtopaiva, .infosivu-muuta-hakua lahtopaikka, 
.infosivu-muuta-hakua .select2 {
    display: inline-block;
    height: 30px;
}
.infosivu-muuta-hakua lahtopaiva, .infosivu-muuta-hakua lahtopaikka, 
.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
    font-size: 13px;
    color: #4b5256;
}
varaamo-valinnat-palkki .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
}
.varaamo-valinnat-lahtopaiva, .varaamo-valinnat-lahtopaikka {
    border-right: 1px solid rgba(42,79,122,1);
}
.infosivu-muuta-hakua lahtopaiva,
.infosivu-muuta-hakua lahtopaikka {
    position: relative;
    background: white;
    padding-left: 8px;
    padding-right: 28px;
    background-image: url('/templates/matkapojat2018/img/hakanen_bluebg_alas.png');
    background-repeat: no-repeat;
    background-position: top right;
    cursor: pointer;
}
.infosivu-muuta-hakua lahtopaiva {
    width: 125px;
}

/* Lähtöpaikka */
.infosivu-muuta-hakua lahtopaikka {
    width: 142px !important;
}
.varaamo-valinnat-lahtopaikka, .varaamo-valinnat-aikuiset {
    border-left: 2px solid rgba(18,35,58,1);
}

/* Aikuiset & Lapset */
.infosivu-muuta-hakua varaamo-matkakohde-item{
    display: flex;
    flex-direction: row; 
    width: 100%;
}
.varaamo-valinnat-aikuiset .nimike,
.varaamo-valinnat-lapset .nimike {
    margin-right: 12px;
}
.infosivu-muuta-hakua .select2-container {
    vertical-align: top;
    width: 66px !important;
}
.varaamo-valinnat-lapset {
    padding-left: 0;
}

/* VARAAMO VALINTA TAULUKKO */
.varaamo-valinnat-tiedot {
    border: 1px solid #e8e8e8;
    -webkit-box-shadow: 0 1px 3px 0 #e8e8e8;
    box-shadow: 0 1px 3px 0 #d5d5d5;
    padding: 4px 22px;
    font-size: 16px;
    line-height: 100%;
    color: #022860;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;  
    flex-wrap: wrap; 
}
.varaamo-pva, .varaamo-lahto, .varaamo-paluu, 
.varaamo-matkakohde, .varaamo-matkavaline, 
.varaamo-hinta, .varaamo-varaa {
    padding: 18px 0;
}

/* Nimike rivi */
.varaamo-valinnat-tiedot .header {
    border-top: none;
    font-weight: bold;
}

/* Sarake leveydet */
.varaamo-pva { width: 4%; }
.varaamo-paivamaara { width: 20%; }
.varaamo-lahto, .varaamo-paluu { 
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    width: 49%; 
}
.varaamo-matkakohde { width: 37%; }
.varaamo-matkavaline { width: 17%; }
.varaamo-hinta { width: 13%; }
.varaamo-varaa { width: 9%; }

.infosivu-muuta-hakua varaamo-matkakohde-items-container{
    display: block;
    width: 100%;
}
.varaamo-pva, .varaamo-paivamaara, .varaamo-matkakohde, .varaamo-matkavaline, .varaamo-hinta, .varaamo-varaa {
    border-top: 1px solid #3ebfed;
}

/* KALENTERI */
.infosivu-muuta-hakua calendar-container{
    display: none;
    position: absolute;
    z-index: 100; /* not necessarily right? */ 
}
.infosivu-muuta-hakua calendar-container.calendar-state-open{
    display: block;
    width: 400px;
    height: 250px;
    background: white; 
}

/* KARTTA */
.template-infosivu .busmap-popup .satamalahto {
    display: block;
    background: white;
    position: absolute;
    bottom: 7px;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%, 0px);
    font-size: 12px;
    color: rgb(2, 40, 96);
    font-weight: bold;
    border: 2px solid rgb(62, 191, 237);
    border-radius: 4px;
    line-height: 22px;
    padding: 0px 5px;
    cursor: pointer;
}

/* MATKA EI MYYNNISSÄ */
.infosivu-muuta-hakua-disabled.content-row {
    padding-bottom: 0px;
}
.infosivu-muuta-hakua-disabled .content-full {
    -webkit-box-shadow: 0 1px 3px 0 #e8e8e8;
    box-shadow: 0 1px 3px 0 #d5d5d5;
    border: 1px solid #e8e8e8; 
    border-bottom: 3px solid #022860; 
}
.infosivu-muuta-hakua-disabled .text-area {
    margin: 44px 22px 18px;
}
.template-infosivu .infosivu-muuta-hakua-disabled h2 {
    border-bottom: none;
    margin-bottom: -8px;
}
.infosivu-muuta-hakua-disabled h4 {
    margin: 20px 0 22px;
}
.infosivu-muuta-hakua-notifymail-form {
    padding: 12px 22px 20px;
}
.infosivu-muuta-hakua-notifymail-email {
    color: #022860;
    font-size: 16px;
    padding-right: 26px;
}
.infosivu-muuta-hakua-notifymail-form-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;
    margin-right: 25px;
    border: none;
    margin-bottom: 25px;
    padding: 3px 10px;
    line-height: 100%;
    -webkit-box-shadow: 1px 1px 3px 0 #d1cfcf;
    box-shadow: 1px 1px 3px 0 #d1cfcf;
    height: 38px;
    width: 55%;
}
send-button:hover, send-button:active {
   -webkit-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    opacity: 0.7;
    color: #ffffff !important;
}
send-button {
    background: #3ebfed;
    padding: 7px 18px 7px 18px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 15px;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff !important;
    cursor: pointer;
}

/* TABLETTIKOOT */
@media all and (max-width: 1200px) {

    /* MUUTA HAKUA */
    .infosivu-muuta-hakua.content-row {
        padding-top: 40px;
    }

    /* VARAAMOPALKKI */
    .varaamo-valinnat-palkki .nimike {
    	margin-right: 12px;
    }

    /* Lähtöpäivä */
    .varaamo-valinnat-lahtopaikka, 
    .varaamo-valinnat-aikuiset, 
    .varaamo-valinnat-lapset {
	padding-left: 15px;
    }

    /* Aikuiset & Lapset */
    .varaamo-valinnat-aikuiset {
    	padding-right: 0px;
    }
    .varaamo-valinnat-lapset {
    	padding-left: 15px;
    }

    /* VARAAMO VALINTA TAULUKKO */

    /* Sarake leveydet */
    .varaamo-lahto, .varaamo-paluu { 
        width: 48%; 
    }

}
    @media all and (max-width: 1100px) {

	/* VARAAMOPALKKI */
	.varaamo-valinnat-palkki {
	    max-height: 115px;
	}
        .varaamo-valinnat-palkki .nimike {
  	    display: block;
	    width: 100%;
	    margin-bottom: 5px;
    	}
        .infosivu-muuta-hakua lahtopaiva, .infosivu-muuta-hakua lahtopaikka,
	.infosivu-muuta-hakua aikuiset, .infosivu-muuta-hakua lapset,
	.infosivu-muuta-hakua .select2-container {
	    position: relative;
    	}
        .varaamo-valinnat-lahtopaiva, .varaamo-valinnat-lahtopaikka, 
	.varaamo-valinnat-aikuiset, .varaamo-valinnat-lapset {
	    padding: 20px 30px;
	}
	.varaamo-valinnat-aikuiset {
	    padding-right: 0px;
  	}

    	/* VARAAMO VALINTA TAULUKKO */

   	/* Sarake leveydet */
        .varaamo-matkakohde { width: 36%; }
        .varaamo-varaa { width: 10%; }

    }

    @media all and (max-width: 1000px) {


    	/* VARAAMO VALINTA TAULUKKO */

   	/* Sarake leveydet */
    	.varaamo-matkakohde { width: 35%; }
    	.varaamo-varaa { width: 11%; }
    }

    @media all and (max-width: 900px) {

    	/* VARAAMO VALINTA TAULUKKO */

   	/* Sarake leveydet */
    	.varaamo-matkakohde { width: 34%; }
    	.varaamo-varaa { width: 12%; }
    }

/* VAIN MOBIILI */
@media all and (max-width: 799px) {

	/* General message popup (may be used several different ways) */
	.mp-general-message mp-general-message{
		font-size: 13px;
		padding: 15px;
		max-width: 85%; 
	}
	.mp-general-message .mfp-close{
		right: -10px;
		top: -10px;
		left: initial;
		bottom: initial;
		background: transparent url('../img/varaamo/varaamo-login-sulje.png') no-repeat right top;
		width: 24px;
		height: 24px;
		background-size: 24px 24px;
		color: transparent;
		opacity: 1; 
	}

    /* MUUTA HAKUA */
    .infosivu-muuta-hakua.content-row {
    	padding-top: 10px;
    }
    .muuta-hakua {
    	width: 167px;
    }
    .muuta-hakua-nappi {
	background-size: cover;
    	height: 38px;
    	width: 38px;
	margin-top: 3px;
    }
    .muuta-hakua-text {
    	padding: 3px 10px 0px;
	width: 140px;
	height: 28px;
    }
    .muuta-hakua-text h2 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
    	border: none;
        line-height: 33px;
 	padding-top: 2px;
    }

     /* VARAAMOPALKKI */
    .varaamo-valinnat-palkki {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	padding: 12px 10px 20px;
   	border-top-right-radius: 8px 8px;
   	max-height: 170px;
    }
    .varaamo-valinnat-palkki .nimike {
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 6px;
    }
    .varaamo-valinnat-lahtopaiva, .varaamo-valinnat-lahtopaikka, 
    .varaamo-valinnat-aikuiset, .varaamo-valinnat-lapset {
    	padding: 4px 12px;
    	width: 50%;
	webkit-box-shadow: none;
	box-shadow: none;
	border-right: none;
	border-left: none;
    }
    .infosivu-muuta-hakua lahtopaiva, .infosivu-muuta-hakua lahtopaikka, 
    .infosivu-muuta-hakua aikuiset, .infosivu-muuta-hakua lapset,
    .infosivu-muuta-hakua .select2-container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    	width: 100% !important;
    }
    .infosivu-muuta-hakua lahtopaiva, 
    .infosivu-muuta-hakua lahtopaikka, 
    .infosivu-muuta-hakua .select2-container .select2-selection--single, 
    .select2-container--default .select2-selection--single .select2-selection__arrow, 
    .select2-container .select2-selection--single .select2-selection__rendered, 
    .infosivu-muuta-hakua .select2 {
     	height: 25px !important;
	background-position: center right;
	line-height: 24px;
	overflow: visible;
    }
    varaamo #huoneitacontainer .select2-container {
    	width: 80px !important;
    }
    varaamo-valinnat-palkki .select2-container .select2-selection--single .select2-selection__rendered {
    	line-height: 20px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
    	background-image: url('/templates/matkapojat2018/img/hakanen_bluebg_alas.png');
    	background-position: center right;
    }

    /* VARAAMO VALINTA TAULUKKO */
    .varaamo-valinnat-tiedot {
    	border: none;
    	-webkit-box-shadow: none;
        box-shadow: none;
        line-height: 100%;
	padding: 0;
	font-size: 12px;
    }
    .infosivu-muuta-hakua varaamo-matkakohde-items-container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #ffffff;
  	border: 2px solid #e8e8e8;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
    }
    .infosivu-muuta-hakua varaamo-matkakohde-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    	display: block;
	min-height: 140px;
    }
    .varaamo-pva, .varaamo-paivamaara, 
    .varaamo-matkakohde, .varaamo-matkavaline, 
    .varaamo-hinta, .varaamo-varaa {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    	border:none;
   	overflow: hidden;
    }
    .varaamo-valinnat-tiedot .header, 
    .varaamo-valinnat-tiedot .varaamo-pva {
	display: none;
    }
    .varaamo-paivamaara {
	width: 100%;
	background-color: #022860;
        color: #ffffff;
  	padding: 0 20px;
	font-weight: bold;
    }
    .varaamo-lahto, .varaamo-paluu { 
  	padding: 8px 0;
        width: auto; 
    }
    .varaamo-lahto span, .varaamo-paluu span {
    	display: inline-block;
    	margin-right: 5px;
    }
    .varaamo-lahto::after {
    	content: " -";
    }
    .varaamo-matkakohde, .varaamo-matkavaline {
	width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;  
        box-sizing: border-box;
        padding: 0;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 180%;
    }
    .varaamo-matkakohde {
        padding-top: 15px;
 	height: 37px;
    }
    .varaamo-matkavaline {
 	height: 22px;
    }
    .varaamo-hinta {
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	color: #022860;
	font-weight: bold;
	font-size: 18px;
	width: 50%;
	height: 50px;
    }
    .varaamo-hinta::before {
    	content: "Hinta alk. ";
	font-size: 13px;
    }
    .varaamo-hinta::after {
    	content: " /hlö";
	font-size: 13px;
    }
    .varaamo-valinnat-tiedot .varaamo-varaa {
	position:relative;
	margin-right: 20px;
	float: right;
	margin-top: -8px;
	width: 93px;
    }

    /* MATKA EI MYYNNISSÄ */
    .infosivu-muuta-hakua-disabled.content-row {
    	padding-bottom: 20px;
    }
    .infosivu-muuta-hakua-notifymail-form {
    	padding: 12px 22px 30px;
    }
    .infosivu-muuta-hakua-notifymail-email, .infosivu-muuta-hakua-notifymail-form-input {
    	display: block;
    } 
    .infosivu-muuta-hakua-notifymail-email {
    	font-size: 14px;
 	padding-bottom: 10px;
    }
    .infosivu-muuta-hakua-notifymail-form-input {
    	width: 100%;
    } 

}
    @media all and (max-width: 400px) {

    	/* VARAAMO VALINTA TAULUKKO */
        .varaamo-hinta {
	    width: 100%;
	}
        .varaamo-valinnat-tiedot .varaamo-varaa {
	    margin-bottom: 8px;
    	}
    }
/* UPOTUS ASETUKSET */
viihdekalenteri-embed-container{
    display: block;
    min-height: 630px;
}
viihdekalenteri-embed-container viihdekalenteri .sitelogo,
viihdekalenteri-embed-container viihdekalenteri-close {
    display: none;
}
viihdekalenteri-embed-container viihdekalenteri-bg {
    padding-top: 25px;
}
viihdekalenteri-embed-container viihdekalenteri {
    padding-bottom: 45px;
    min-height: 550px;
}

/* KOKOSIVUN VIIHDEKALENTERI */
body.template-viihdekalenteri {
    min-width: 320px;
}
.template-viihdekalenteri footer {
    margin-top: 0px;
}

/* TAUSTA */
viihdekalenteri-bg{
    display: block;
    position: relative;
    background-image: url('/templates/matkapojat2018/img/viihdekalenteri/viihdekalenteri-bg.png');
    background-color: rgb(60, 143, 183);
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 12px;
}

/* PERUSRAKENNE */
viihdekalenteri{
    display: block;
    position: relative;
    width: 1140px;
    min-height: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}
viihdekalenteri-top-bar{
    display: flex;
    flex-direction: row; 
    justify-content: space-between;
    margin-top: 12px;
}
viihdekalenteri side-control-area{
    display: block;
    width: 320px;
    max-width: 290px;
    padding: 25px; 
} 
viihdekalenteri main-area {
    margin: 0px 0px 0px 15px;
    padding-bottom: 12px;
    width: 100%;
}
viihdekalenteri viihdekalenteri-main-areas{
    display: flex;
    flex-direction: row;
    background: white;
    padding-top: 13px;
    padding-right: 15px;
    border-radius: 0px 18px 18px 18px;
    z-index: 3;
    position: relative;
}
viihdekalenteri top-control-area{
    display: flex;
    flex-direction: row;
    background: rgb(60, 143, 183); 
    color: white;
    border-radius: 0px 18px 0px 0px;
}
viihdekalenteri top-control-area.desktop-only {
    display: flex;
}
viihdekalenteri bar-element{
    display: inline-block;
    padding: 15px;
}
viihdekalenteri events-area{
    width: 100%; 
}

/* YLÄOSA */
viihdekalenteri .sitelogo {
    height: 13px;
    width: auto;
}
viihdekalenteri h2 {
    display: block;
    margin-top: 0px !important;
    border: 1px solid #ffffff;
    width: 262px;
    padding-top: 8px;
    text-align: center;
    color: #ffffff !important;
    border-radius: 18px 18px 0px 0px;
    border-bottom: none !important;
    margin-bottom: 0px !important;
}
viihdekalenteri:last-child bar-element.haku {
    position: relative;
}
viihdekalenteri bar-element.haku click-box {
    display: block;
    width: 24px;
    height: 24px;
    top: 15px;
    right: 15px;
    position: absolute;
    cursor: pointer;
    background-color: transparent;
}

/* SIVUPALKKI */
viihdekalenteri side-control-area h3 {
    font-weight: 600;
    font-size: 17px;
    color: #3c8fb7;
    border-bottom: 1px solid #3c8fb7;
    padding-bottom: 7px;
    margin-bottom: 20px !important;
}
.template-varaamo viihdekalenteri .select2-container,
viihdekalenteri .select2-container {
    width: 212px !important;
}
viihdekalenteri .select2-container .select2-selection--single .select2-selection__rendered {
    border: 1px solid #3ebfed;
    height: 28px;
    line-height: 28px;
}
viihdekalenteri .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 1px;
}
viihdekalenteri side-control-area h3.tapahtumatyylit {
    margin-top: 36px;
}
viihdekalenteri side-control-area p {
    font-size: 12px;
}

/* Napit */
.viihdekalenteri-event-type-viihde{
    background-color: rgb(238, 91, 191);
}
.viihdekalenteri-event-type-perhe{
    background-color: rgb(76, 235, 233);
}
.viihdekalenteri-event-type-kulttuuri{
    background-color: rgb(26, 188, 156);  
}
.viihdekalenteri-event-type-teemat{
    background-color: rgb(179, 130, 205); 
}
viihdekalenteri select-type-button{
    display: block;
    border-radius: 20px;
    margin: 16px 0px;
    text-align: center;
    color: #ffffff;
    font-weight: 800;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 4px 0px;
    cursor: pointer;
}
.template-varaamo viihdekalenteri select-type-button {
    width: 100%;
}
viihdekalenteri select-type-button:hover {
    opacity: 0.7;
}
viihdekalenteri select-type-button.selected {
    -webkit-box-shadow: inset 0px 5px 5px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 5px 5px 2px rgba(0,0,0,0.4);
    box-shadow: inset 0px 5px 5px 2px rgba(0,0,0,0.4);
}
.viihdekalenteri-event-type {
    display: block;
    margin-top: 0px;
    margin-right: 4px;
    width: 12px;
    min-width: 12px;
    height: 12px;
    border-radius: 3px;
}
events-bottom-nav {
    position: relative;
    padding: 50px 50px 30px !important;
}
events-bottom-nav go-back:hover, events-bottom-nav go-back:active,
events-bottom-nav go-forward:hover, events-bottom-nav go-forward:active {
    -webkit-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.6);
    -moz-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.6);
    box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.6);
    opacity: 0.7;
    color: #ffffff !important;
}
events-bottom-nav go-back,
events-bottom-nav go-forward {
    letter-spacing: 1px;
    display: block;
    position: absolute;
    bottom: 20px;
    text-decoration: none;
    margin: 0;
    font-weight: bold;
    font-size: 13px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 16px;
    width: auto;
    height: auto;
}
events-bottom-nav go-back {
    background: #3ebfed url('../img/hakanen_white_left.png') no-repeat left 13px center;
    padding: 4px 20px 4px 30px;
    left: 0px;
}
events-bottom-nav go-forward {
    background: #3ebfed url('../img/hakanen.png') no-repeat right center;
    padding: 4px 30px 4px 20px;
    right: 0px;
}

/* MAIN AREAS */

/* Sulje nappi */
viihdekalenteri-close {
    margin-top: 11px;
    margin-right: 4px;
    margin-bottom: -12px !important;
}
viihdekalenteri-close a {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 130px;
    background-color: #022860;
    border-radius: 14px 14px 0px 0px;
    color: #ffffff !important;
    text-align: center;
    text-decoration: none;
    padding: 6px 0px;
    font-size: 13px;
    height: 35px;
}
viihdekalenteri-close bottom-line,
viihdekalenteri-close fake-white {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 130px;
    background-color: #022860;
    height: 12px;
    margin-top: -1px;
}
viihdekalenteri-close fake-white {
    background-color: #ffffff;
    border-radius: 0px 18px 0px 0px;
    width: 132px;
    height: 13px;
}
viihdekalenteri-close ruksi {
    padding-left: 7px;
}
viihdekalenteri-close a:hover {
    opacity: 0.7;
}
viihdekalenteri-close .desktop-only {
    display: inline-block;
}

/* Yläpalkin hallinta-alue */
viihdekalenteri top-control-area {
    font-size: 13px;
    font-weight: 600;
    height: 52px;
}
viihdekalenteri bar-element {
    border-right: 1px solid #5398b8;
    border-left: 2px solid #3d85a7;
    background-repeat: no-repeat;
    background-position: center left 16px;
}
viihdekalenteri:last-child bar-element.haku {
    border-right: none;
}
viihdekalenteri bar-element.tab-selector {
    cursor: pointer;
    padding-left: 50px;
}
viihdekalenteri .navi-nuoli {
    background: transparent url('../img/navi-auki-nuoli.png') no-repeat center bottom;
    margin-top: 16px;
    margin-bottom: -24px;
    margin-left: -17px;
    width: 100%;
    height: 9px;
    display: none;
}
viihdekalenteri bar-element.tab-selector.selected,
viihdekalenteri bar-element.tab-selector:hover {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 51px;
    margin-top: -3px;
    margin-bottom: -3px;
    background-color: #3ebfed;
    border-right: 1px solid rgba(2, 40, 96,0.1);
    border-left: 1px solid rgba(255,255,255,0.1);
}
viihdekalenteri bar-element.tab-selector.selected .navi-nuoli,
viihdekalenteri bar-element.tab-selector:hover .navi-nuoli {
    display: block;
}
viihdekalenteri bar-element.kuukausi {
    background-image: url('/templates/matkapojat2018/img/viihdekalenteri/kuukausi.png');
}
viihdekalenteri bar-element.lista {
    background-image: url('/templates/matkapojat2018/img/viihdekalenteri/lista.png');
}
viihdekalenteri bar-element.viikko {
    background-image: url('/templates/matkapojat2018/img/viihdekalenteri/viikko.png');
}
viihdekalenteri bar-element:last-child {
    /* width: 100%; */
    flex-grow: 1;
}
viihdekalenteri  bar-element input.viihdekalenteri-search {
    float: right;
    background: #ffffff url('/templates/matkapojat2018/img/viihdekalenteri/search.png') no-repeat center right;
    padding: 0px 32px 0px 5px;
    border: 0px;
    height: 24px;
}

/* KUUKAUSI-NÄKYMÄ */
.infosivu-popup viihdekalenteri tbody {
    display: table-row-group;
}
viihdekalenteri events-bottom-nav.bottombar-state-kuukausi {
    display: none !important;
} 
events-top-nav{
    display: flex;
    flex-direction: row;
    background: white; 
    color: rgb(62, 191, 237);
    justify-content: space-between;
}
events-container{
    display:none;
}
events-container.selected{
    display: block; 
}

/* Kuukauden vaihto */
events-top-nav {
    border: 1px solid #3ebfed;
}
events-time-header {
    font-size: 24px;
    line-height: 56px;
}
go-back, go-forward {
    background-repeat: no-repeat;
    background-position: center center;
    width: 60px;
    height: 56px;
    cursor: pointer;
}
go-back {
    background-image: url('/templates/matkapojat2018/img/viihdekalenteri/edellinen.png');
}
go-forward {
    background-image: url('/templates/matkapojat2018/img/viihdekalenteri/seuraava.png');
}

/* Kalenteri taulu */
.template-varaamo viihdekalenteri .ui-datepicker {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
viihdekalenteri .ui-datepicker table {
    margin-bottom: 0px;
}
viihdekalenteri .ui-widget.ui-widget-content {
    border: 0px;
}
viihdekalenteri .ui-datepicker-header{
    display: none;
} 
viihdekalenteri .ui-datepicker-inline{
    width: 100%; 
}
viihdekalenteri events-container.state-kuukausi.state-week-override .ui-datepicker-calendar tbody tr{
    display: none; 
} 
viihdekalenteri events-container.state-kuukausi.state-week-override .ui-datepicker-calendar td>div{
    min-height: 440px; 
}
viihdekalenteri events-container .ui-datepicker-calendar tbody tr.selected-week{
    display: table-row !important;  
}
viihdekalenteri events-container .ui-datepicker-calendar h4{
    margin-top: 0px;
    margin-bottom: 0px;
    background: rgb(232, 232, 232); 
}
viihdekalenteri events-container .ui-datepicker-calendar td{
    min-height: 90px;
    vertical-align: top;
    width: 14.28%;
    padding: 0px;
    border: 1px solid rgb(62, 191, 237); 
}
viihdekalenteri events-container .ui-datepicker-calendar td>div{
    min-height: 90px;
    max-height: 90px;
    overflow: hidden;
}
viihdekalenteri .ui-datepicker td.ui-datepicker-current-day, 
viihdekalenteri .ui-datepicker td:not(.ui-datepicker-unselectable):hover {
    background: transparent !important;
}
viihdekalenteri events-container .ui-datepicker-calendar ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
viihdekalenteri events-container .ui-datepicker-calendar ul li {
    list-style-type: none;
    font-size: 11px; 
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    width: 115px;
}
viihdekalenteri events-container .ui-datepicker-calendar .viihdekalenteri-calendar-item-row {
    display: flex;
    flex-direction: row;
    padding: 4px 4px 4px 6px; 
    line-height: 120%;
    cursor: pointer;
    width: 90%;
}
viihdekalenteri events-container .ui-datepicker-calendar .viihdekalenteri-calendar-item-row:hover {
    opacity: 0.7;
}
viihdekalenteri .ui-datepicker th {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    background-color: #3ebfed;
    font-size: .8em;
    font-weight: normal;
    color: #ffffff;
    padding: 0px;
}
viihdekalenteri .ui-datepicker th:first-child {
    border-left: 1px solid #3ebfed !important;
}
viihdekalenteri .ui-datepicker th:last-child {
    border-right: 1px solid #3ebfed !important;
}
viihdekalenteri .ui-datepicker {
    padding: 0;
}
viihdekalenteri .ui-datepicker h4 {
    font-size: 10px;
    font-weight: normal;
    text-align: center;
}
viihdekalenteri x.weekday, viihdekalenteri x.month {
    display: none;
}

/* LISTA-NÄKYMÄ */
viihdekalenteri day-header-bar{ 
    display: block;
    text-align: center; 
    background: rgb(62, 191, 237);
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    font-weight: bold;
}
viihdekalenteri-list-item{
    display: block;
    position: relative;
    border-left: 1px solid rgb(62, 191, 237); 
    border-right: 1px solid rgb(62, 191, 237); 
}
viihdekalenteri-list-item:last-child {
    border-bottom: 1px solid rgb(62, 191, 237);
}
viihdekalenteri  viihdekalenteri-list-item .time {
    display: none;
}
viihdekalenteri-list-item responsive-container-helper{
    display: block;
    position: relative; 
    min-height: 137px; 
    padding: 25px 15px 50px 310px; 
} 
viihdekalenteri-list-item img{
    max-width: 235px;
    position: absolute;
    left: 25px;
    top: 25px; 
}
viihdekalenteri type-color-element{
    display: block;
    margin-top: 0px;
    margin-right: 4px;
    width: 12px;
    height: 12px;
    border-radius: 3px; 
}
viihdekalenteri .state-lista type-color-element {
    margin-bottom: -12px;
    margin-left: -18px;
}
viihdekalenteri .state-lista h3 {
    font-size: 12px;
    margin: 0px 0px 2px;
    font-weight: 600;
}
viihdekalenteri .state-lista responsive-container-helper,
viihdekalenteri .state-lista responsive-container-helper p {
    font-size: 12px;
    line-height: 140%;
}
viihdekalenteri .state-lista responsive-container-helper p {
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
}
viihdekalenteri laiva-lahto, viihdekalenteri laiva-paluu,
viihdekalenteri laiva-nimi, viihdekalenteri laiva-reitti {
   display: inline-block;
   width: 35%;
   max-width: 45%;
   margin-right: 5%;
}
viihdekalenteri laiva-nimi, viihdekalenteri laiva-reitti {
   margin-bottom: 13px;
}
viihdekalenteri .state-lista .varaa {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
viihdekalenteri .state-lista bottom-line {
    height: 1px;
    background-color: #3ebfed;
    display: block;
    margin: 0px 20px -1px 25px;
    width: auto;
}

/* VIIKKO NÄKYMÄ */
viihdekalenteri events-container.state-week-override .ui-datepicker-calendar .viihdekalenteri-calendar-item-row {
    height: 38px;
    width: 120px;
    border-bottom: 1px solid #dcf3fc;
    display: table-cell; 
    vertical-align: middle; 
    overflow: hidden;
}
viihdekalenteri events-container.state-week-override .ui-datepicker-calendar .viihdekalenteri-calendar-item-row .viihdekalenteri-event-type {
    display: none;
}
viihdekalenteri events-container.state-week-override .ui-datepicker-calendar .viihdekalenteri-calendar-item-row div {
    padding: 0px 0px 0px 19px;
}
viihdekalenteri events-container.state-week-override .ui-datepicker-calendar .type-perhe .viihdekalenteri-calendar-item-row div {
    background: url('/templates/matkapojat2018/img/viihdekalenteri/perhe.png') no-repeat left top 1px;
}
viihdekalenteri events-container.state-week-override .ui-datepicker-calendar .type-viihde .viihdekalenteri-calendar-item-row div {
    background: url('/templates/matkapojat2018/img/viihdekalenteri/viihde.png') no-repeat left top 1px;
}
viihdekalenteri events-container.state-week-override .ui-datepicker-calendar .type-kulttuuri .viihdekalenteri-calendar-item-row div {
    background: url('/templates/matkapojat2018/img/viihdekalenteri/kulttuuri.png') no-repeat left top 1px;
}
viihdekalenteri events-container.state-week-override .ui-datepicker-calendar .type-teemat .viihdekalenteri-calendar-item-row div {
    background: url('/templates/matkapojat2018/img/viihdekalenteri/teemat.png') no-repeat left top 1px;
}

/* POP UP */
.template-infosivu .mfp-bg.mp-viihdekalenteri-popup {
    opacity: 0.7;
}
viihdekalenteri-popup{
    display: block;
    position: relative; 
    width: 560px;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
    background: white;
    border-radius: 25px; 
}
.mp-viihdekalenteri-popup .mfp-close {
    background: url('/templates/matkapojat2018/img/viihdekalenteri/viihdekal-close.png') no-repeat center center;
    width: 24px;
    height: 24px;
    color: transparent;
    margin: -8px -8px 0px 0px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
    border-radius: 4px;
    opacity: 1 !important;
}
.mp-viihdekalenteri-popup .mfp-close:hover {
    opacity: 0.7 !important;
}
.mp-viihdekalenteri-popup h3 {
    border-radius: 25px 25px 0px 0px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    padding: 10px;
    margin-bottom: 18px;
}
.mp-viihdekalenteri-popup h3.type-color-kulttuuri {
    background-color: #1abc9c;
}
.mp-viihdekalenteri-popup h3.type-color-viihde {
    background-color: #ee5bbf;
}
.mp-viihdekalenteri-popup h3.type-color-perhe {
    background-color: #4cebe9;
}
.mp-viihdekalenteri-popup h3.type-color-teemat {
    background-color: #b382cd;
}
viihdekalenteri-popup text-area {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 18px 0px 25px;
    display: block;
    max-height: 320px;
    overflow: hidden;
}
viihdekalenteri-popup img {
    float: right;
    max-width: 245px; 
    margin: 0px 0px 13px 18px;
}
viihdekalenteri-popup laiva-lahto, viihdekalenteri-popup laiva-paluu, 
viihdekalenteri-popup laiva-nimi, viihdekalenteri-popup laiva-reitti, 
viihdekalenteri-popup p, viihdekalenteri-popup a {
    display: block;
}
viihdekalenteri-popup laiva-lahto, viihdekalenteri-popup laiva-paluu, 
viihdekalenteri-popup laiva-nimi, viihdekalenteri-popup laiva-reitti {
    color: #3c8fb7;
    font-weight: 600;
    width: 260px;
}
viihdekalenteri-popup laiva-reitti {
    margin-bottom: 22px;
}
viihdekalenteri-popup a.varaa {
    background: rgba(0, 176, 123, 1) url('../img/hakanen.png') no-repeat right center;
    padding: 4px 30px 4px 20px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 15px;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff !important;
    display: inline-block;
    position: absolute;
    bottom: 25px;
    right: 25px;
}
viihdekalenteri-popup .label {
    width: 66px;
    display: inline-block;
}
viihdekalenteri-popup .time {
    display: none;
}


infosivu-override-popup{
    display: block;
    z-index: 2000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);	
    -webkit-transform: translate(-50%, -50%);
}
infosivu-override-popup-close{
    position: absolute;
    z-index: 2001; 
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    background: red; 
}
infosivu-override-popup viihdekalenteri-popup{
    border: 4px solid rgb(62, 191, 237); 
}
alareuna-text {
    position: absolute;
    left: 24px;
    bottom: 6px;
    font-size: 12px;
}

/* TABLETTIKOOT */
@media all and (max-width: 1200px) {

    /* RAKENNE */
    viihdekalenteri {
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;  
        box-sizing: border-box;
        padding-left: 35px;
        padding-right: 35px;
    	width: 100%;
    }
    viihdekalenteri side-control-area {
    	width: 25%;
    	padding: 0px 10px 22px;
    }
    .template-varaamo viihdekalenteri .select2-container,
    viihdekalenteri .select2-container {
    	width: 100% !important;
    }
    viihdekalenteri main-area {
    	margin: 0px 0px 0px 5px;
    }
    viihdekalenteri-close a {
    	height: 33px;
    }
    viihdekalenteri select-type-button {
    	font-size: 13px;
    }
    viihdekalenteri events-container .ui-datepicker-calendar ul li {
    	width: 100px;
    }

    /* LISTA NÄKYMÄ */
    viihdekalenteri-list-item img {
    	max-width: 185px;
    	left: 20px;
    	top: 20px;
    }
    viihdekalenteri-list-item responsive-container-helper {
    	padding: 20px 15px 50px 240px;
    }

}
@media all and (max-width: 1000px) {

    /* RAKENNE */
    viihdekalenteri bar-element {
    	padding: 15px 12px;
    }
    viihdekalenteri side-control-area h3 {
    	font-size: 14px;
    }
    
    /* HAKU-KENTTÄ */
    viihdekalenteri bar-element input.viihdekalenteri-search {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	width: 90%;
    }

    /* KUUKAUSI NÄKYMÄ */
    viihdekalenteri events-container .ui-datepicker-calendar ul li {
    	width: 80px;
    }

    /* VIIKKO NÄKYMÄ */

    /* Taulukon solujen sisältö */
    viihdekalenteri events-container.state-week-override .ui-datepicker-calendar .viihdekalenteri-calendar-item-row div {
    	background-image: none !important;
    }
    viihdekalenteri events-container.state-week-override .ui-datepicker-calendar .viihdekalenteri-calendar-item-row div {
    	padding: 0px 0px 0px 0px;
    }
    viihdekalenteri events-container.state-week-override .ui-datepicker-calendar .viihdekalenteri-calendar-item-row .viihdekalenteri-event-type {
    	display: block;
	width: 44px;
	height: 6px;
    }

    /* Väri tyypit */
    .state-week-override .viihdekalenteri-event-type-viihde{
    	background-color: rgb(238, 91, 191) !important;
    }
    .state-week-override .viihdekalenteri-event-type-perhe{
    	background-color: rgb(76, 235, 233) !important;
    }
    .state-week-override .viihdekalenteri-event-type-kulttuuri{
    	background-color: rgb(26, 188, 156) !important;  
    }
    .state-week-override .viihdekalenteri-event-type-teemat{
    	background-color: rgb(179, 130, 205) !important; 
    }

}
@media all and (max-width: 900px) {

    /* RAKENNE */
    viihdekalenteri side-control-area h3 {
    	font-size: 13px;
    }
    viihdekalenteri select-type-button {
    	font-size: 11px;
    }

    /* HAKU-KENTTÄ */
    viihdekalenteri bar-element input.viihdekalenteri-search {
    	width: 100%;
    }

}

/* VAIN MOBIILI */
@media all and (max-width: 799px) {
    
    /* TAUSTA JA KEHYS */
    viihdekalenteri {
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;  
        box-sizing: border-box;
        padding-left: 23px;
        padding-right: 23px;
    	width: 100%;
    }
    viihdekalenteri-bg {
        padding-top: 9px;
    }
 
    /* YLÄ OSA */
    viihdekalenteri .sitelogo {
    	height: 11px;
    }
    viihdekalenteri-top-bar {
    	margin-top: 7px;
	height: 32px;
    }
    viihdekalenteri h2 {
	padding: 3px;
        font-weight: 400 !important;
	height: 25px;
	border-radius: 8px 8px 0px 0px;
	width: 70%;
	max-width: 200px;
    }

    /* SULJE RUKSI */
    viihdekalenteri-close {
   	margin-right: 2px;
    }
    viihdekalenteri-close a {
    	height: 22px;
   	padding: 0px;
	border-radius: 8px 8px 0px 0px;
    }
    viihdekalenteri-close ruksi {
    	padding-left: 0px;
    }
    viihdekalenteri-close .desktop-only {
    	display: none;
    }
    viihdekalenteri-close a,
    viihdekalenteri-close bottom-line, viihdekalenteri-close fake-white {
	width: 60px;
    }
    viihdekalenteri-close fake-white {
    	border-radius: 0px 8px 0px 0px;
	width: 62px;
    }

    /* VALKOINEN POHJA */
    viihdekalenteri viihdekalenteri-main-areas {
	padding: 13px 8px 30px;
    	display: block;
	border-radius: 0px 8px 8px 8px;
    }
    viihdekalenteri side-control-area,
    viihdekalenteri main-area {
    	width: 100%;
        max-width: 100%;
    	padding: 0px;
    }
   
    /* SIVUPALKKI-ALUE */
    viihdekalenteri side-control-area {
	padding-top: 8px;
    }

    /* Pudotusvalikko */
    viihdekalenteri .select2-container .select2-selection--single .select2-selection__rendered {
    	font-size: 15px;
 	color: #3c8fb7;
    	height: 30px !important;
	line-height: 30px;
    }
    viihdekalenteri .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 32px !important;
    }
    .template-varaamo viihdekalenteri .select2-container,
    viihdekalenteri .select2-container {
    	width: 198px !important;
	margin-bottom: 20px;
    }
    .template-varaamo viihdekalenteri select-type-button,
    viihdekalenteri select-type-button {
	width: 48% !important;
    }

    /* Teksti- ja otsikko osa */
    viihdekalenteri side-control-area h3 {
	display: none;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0px !important;
    }
    viihdekalenteri side-control-area h3.mobile-only {
	display: block;
	border-bottom: 0px;
	margin: 3px 0px 0px;
    }

    /* Nappi */
    viihdekalenteri select-type-button {
    	margin: 6px 0px;
    	padding: 4px 0px;
	font-weight: 600;
	font-size: 12px;
        letter-spacing: 0px;
    }
    viihdekalenteri select-type-button:nth-child(even) {
	float: right;
    }
    viihdekalenteri select-type-button:nth-child(odd) {
	float: left;
    }

    /* MAIN AREA */
    viihdekalenteri side-control-area {
	margin-bottom: 18px;
    }
    viihdekalenteri main-area {
    	margin: 0px; 
	padding: 0px;
    }
    
    /* Kalenteri header */
    viihdekalenteri events-top-nav {
	height: 32px;
	border-bottom: 0px;
    }
    events-time-header {
    	font-size: 18px;
    	line-height: 40px;
    	font-weight: 700;
    }
    go-back, go-forward {
    	height: 34px;
	background-size: auto 12px;
	background-position: center top 15px;
    }
  
    /* Hallinta-alue */
    viihdekalenteri top-control-area.desktop-only {
    	display: none;
    }
    viihdekalenteri top-control-area.mobile-only {
    	display: flex;
    }
    viihdekalenteri top-control-area {
    	font-size: 13px;
    	font-weight: 400;
    	height: 28px;
	background: #ffffff;
	color: rgb(62, 191, 237);
	text-align: center;
	border-right: 1px solid #3ebfed;
	border-left: 1px solid #3ebfed;
	border-bottom: 1px solid #3ebfed;
	border-radius: 0px;
    }
    viihdekalenteri link-frame {
    	display: block;
	width: 100%;
    }
    viihdekalenteri bar-element {
    	border-right: 0px;
    	border-left: 0px;
	line-height: 27px;
    }
    viihdekalenteri bar-element:last-child {
    	width: auto;
    }
    viihdekalenteri bar-element.kuukausi, viihdekalenteri bar-element.lista, viihdekalenteri bar-element.viikko {
    	background-image: none;
    }
    viihdekalenteri bar-element.tab-selector {
    	padding: 0px 12px;
    }
    viihdekalenteri bar-element.selected {
    	font-weight: 700;
    }
    viihdekalenteri bar-element.tab-selector.selected, viihdekalenteri bar-element.tab-selector:hover {
    	padding: 0px 12px;
	margin: 0px;
    	background-color: transparent;
    	border-right: 0px;
    	border-left: 0px;
    	opacity: 0.7;
    }
    viihdekalenteri events-container .ui-datepicker-calendar .viihdekalenteri-calendar-item-row {
    	display: block;
    }

    /* Taulukko */
    viihdekalenteri events-container {
    	overflow: hidden;
    }
    viihdekalenteri events-container .ui-datepicker-calendar .viihdekalenteri-calendar-item-row {
    	padding: 4px 6px 0px 6px; 
    }
    .viihdekalenteri-event-type {
    	display: block;
    	width: 100%;
	height: 6px;
    }
    viihdekalenteri .ui-datepicker th,
    viihdekalenteri .ui-datepicker td {
    	max-width: 14.3% !important;
    }
    viihdekalenteri events-container .ui-datepicker-calendar td {
	overflow: hidden;
    }
    viihdekalenteri events-container .ui-datepicker-calendar ul li {
    	white-space: nowrap;
	width: 90px;
    }

    /* LISTA NAKYMÄ */

    /* Rakennus */
    viihdekalenteri-list-item responsive-container-helper {
    	padding: 13px 6px 40px 6px;
    }
    viihdekalenteri .state-lista bottom-line {
    	margin: 0px;
    	display: none;
	height: auto;
    }
    viihdekalenteri-list-item + viihdekalenteri-list-item {
    	margin-top: -12px !important;
    }

    /* Väripalkki */
    viihdekalenteri .state-lista type-color-element {
    	margin-bottom: 4px;
    	margin-left: 0px;
    }
    viihdekalenteri .state-lista type-color-element {
        margin-right: 4px;
        width: 100%;
        height: 6px;
    }

    /* Kuva */
    .state-lista viihdekalenteri-list-item img {
    	max-width: 155px;
    	position: relative;
    	left: 0px;
    	top: 0px;
    	float: right;
    	margin-top: 12px !important;
    	margin-left: 10px;
    	margin-bottom: 10px;
    }

    /* Nimikkeet */
    viihdekalenteri laiva-lahto, viihdekalenteri laiva-paluu, 
    viihdekalenteri laiva-nimi, viihdekalenteri laiva-reitti {
    	width: 65%;
    	max-width: 65%;
    	margin-right: 0px;
    }
    viihdekalenteri laiva-nimi {
    	margin-bottom: 0px;
    }
    viihdekalenteri laiva-reitti {
    	margin-bottom: 20px;
    }
    viihdekalenteri  viihdekalenteri-list-item .time {
    	display: none;
    }

    /* Teksti */
    viihdekalenteri .state-lista responsive-container-helper p {
    	max-height: 280px;
    	margin-bottom: 8px;
	height: auto;
    }

    /* Nappi */
    events-bottom-nav {
    	padding: 52px 0px 8px !important;
    }
    viihdekalenteri .state-lista .varaa {
    	right: 6px;
    }
    events-bottom-nav go-back, events-bottom-nav go-forward {
    	margin: 24px auto 0px;
    	position: relative;
	width: 164px;
    }

    /* VIIKKO NÄKYMÄ */

    /* Taulukon kääntö */
    .state-week-override tr { display: block; } /* Rivi pystysuuntaan */
    .state-week-override th { display: none; } /* Header rivin piiloitus */
    .state-week-override td { display: block; float: left; } /* Muut rivit */

    /* Solujen venytys */
    viihdekalenteri events-container.state-week-override .ui-datepicker-calendar td,
    viihdekalenteri .state-week-override .ui-datepicker th, viihdekalenteri .ui-datepicker td {
    	width: 100%;
    	max-width: 100% !important;
    }
    viihdekalenteri .state-week-override .ui-datepicker table {
	border-right: 1px solid #3ebfed;
    }
    viihdekalenteri events-container.state-week-override .ui-datepicker-calendar ul li {
	max-width: 100%;
   	width: 100%;
    }

    /* Taulukon solujen sisältö */
    viihdekalenteri events-container.state-kuukausi.state-week-override .ui-datepicker-calendar td > div {
    	max-height: auto !important;
    	overflow: visible;
	min-height: 0px;
    }
    viihdekalenteri events-container.state-week-override .ui-datepicker-calendar td > div {
    	max-height: 900px;
    	padding-bottom: 10px;
    }

    /* Solu otsake */
    viihdekalenteri events-container.state-week-override .ui-datepicker-calendar h4 {
    	background: #3ebfed;
    	font-size: 11px;
    	color: #ffffff;
	padding: 3px;
    }
    viihdekalenteri events-container.state-week-override .ui-datepicker-calendar .viihdekalenteri-calendar-item-row {
    	width: 100% !important;
    	display: block;
    	border-bottom: 0px;
	padding: 10px 4px 0px 4px;
	height: 28px;
    }
    viihdekalenteri events-container.state-week-override .ui-datepicker-calendar .viihdekalenteri-calendar-item-row .viihdekalenteri-event-type {
    	margin-bottom: 3px;
    }

    /* POP UP */
    viihdekalenteri-popup {
    	width: auto;
    	margin-left: 12%;
    	margin-right: 12%;
    	border-radius: 10px;
	height: 295px;
    }
    .mp-viihdekalenteri-popup .mfp-close {
    	background: url('/templates/matkapojat2018/img/viihdekalenteri/viihdekal-mobile-close.png') no-repeat center center;
	background-size: 25px;
    }
    viihdekalenteri-popup text-area {
    	padding: 0px 10px 0px 15px;
	max-height: 194px;
    }
    viihdekalenteri-popup img {
    	max-width: 155px;
    	margin: 0px 0px 8px 10px;
    }
    .mp-viihdekalenteri-popup h3 {
    	border-radius: 10px 10px 0px 0px;
    	font-size: 18px;
    	padding: 3px 10px;
    	margin-bottom: 8px;
    }
    .mp-viihdekalenteri-popup p {
    	font-size: 13px;
    }
    viihdekalenteri-popup a.varaa {
    	bottom: 15px;
    	right: 15px;
    }
    alareuna-text {
    	left: 9px;
    }

}
@media all and (max-width: 700px) {

    viihdekalenteri events-container .ui-datepicker-calendar ul li {
	width: 75px;
    }

}
@media all and (max-width: 600px) {

    .state-lista viihdekalenteri-list-item img {
    	max-width: 95px;
    }
    viihdekalenteri events-container .ui-datepicker-calendar ul li {
    	width: 60px;
    }

    /* POP UP */
    viihdekalenteri-popup {
    	margin-left: 30px;
    	margin-right: 30px;
    }
    viihdekalenteri-popup img {
    	max-width: 78px;
    	margin: 0px 0px 8px 10px;
    }

}
@media all and (max-width: 500px) {

    viihdekalenteri events-container .ui-datepicker-calendar ul li {
	width: 50px;
    }
}
@media all and (max-width: 450px) {

    viihdekalenteri events-container .ui-datepicker-calendar ul li {
	width: 40px;
    }
}
@media all and (max-width: 400px) {

    /* YLÄ OSA */
    viihdekalenteri h2,
    .infosivu-popup viihdekalenteri h2 {
    	font-size: 17px;
    	width: 150px;
    	line-height: 24px;
    }

    /* MAIN AREA */

    /* Kalenteri header */
    events-time-header {
    	font-size: 14px;
    }

    /* Napit */
    viihdekalenteri select-type-button {
    	font-size: 11px;
    }

    /* LISTA NAKYMÄ */
    .viihdekalenteri-event-type {
    	margin-bottom: 1px;
    }

    /* Nimikkeet */
    viihdekalenteri laiva-lahto, viihdekalenteri laiva-paluu, 
    viihdekalenteri laiva-nimi, viihdekalenteri laiva-reitti {
    	width: 50%;
    	max-width: 50%;
    	margin-right: 0px;
    }
    viihdekalenteri events-container .ui-datepicker-calendar ul li {
	width: 35px;
    }

    /* VIIKKO-NÄKYMÄ */
    go-back, go-forward {
    	width: 40px;
    }

    /* POP UP */
    viihdekalenteri-popup .label {
    	width: auto;
    }
    viihdekalenteri-popup laiva-lahto, viihdekalenteri-popup laiva-paluu, viihdekalenteri-popup laiva-nimi, viihdekalenteri-popup laiva-reitti {
    	font-size: 12px;
    }

}
@media all and (max-width: 300px) {

    viihdekalenteri events-container .ui-datepicker-calendar ul li {
	max-width: 38px;
    }
    .template-varaamo viihdekalenteri .select2-container,
    viihdekalenteri .select2-container {
    	width: 100% !important;
    }

}


/* RAKENNE */

body.template-omaloma {
    min-width: 320px;
}

/* YLÄPALKKI */
.template-omaloma header-top-part-container {
    background: #022860;
}
.template-omaloma top-row-buttons,
.template-omaloma header-menu-container,
.template-omaloma header-content {
    display: none; 
}
.template-omaloma header-top-row {
    height: 44px;
}
.template-omaloma omaloma-header {
    display: block;
    width: 1140px;
    text-align: right;
    color: #ffffff;
    font-size: 16px;
    margin: -2px auto 0px;
}
.template-omaloma omaloma-header div,
.template-omaloma omaloma-header div.kirjautuminen,
.template-omaloma omaloma-header div.rekisterointi,
.template-omaloma omaloma-header div.omaloma {
    display: none;
}
.template-omaloma.kirjautuminen omaloma-header div.kirjautuminen,
.template-omaloma.reset omaloma-header div.kirjautuminen,
.template-omaloma.rekisterointi omaloma-header div.rekisterointi,
.template-omaloma.omaloma omaloma-header div.omaloma {
    display: block;
}
.template-omaloma omaloma-icon {
    background: transparent url('../img/omaloma/omaloma-icon.png') no-repeat center bottom;
    display: inline-block;
    margin-bottom: -18px;
    margin-right: 8px;
    margin-top: -12px;
    height: 50px;
    width: 51px;
}
.template-omaloma omaloma-header span,
.template-omaloma .nosto-text span {
    color: #3ebfed;
    font-weight: bold;
}
.template-omaloma visual-header {
    height: auto;
}
.template-omaloma omaloma-header a {
    text-decoration: none;
    color: #ffffff;
}
.template-omaloma omaloma-header a:hover {
    color: #3ebfed;
}

/* SIVUN TAUSTA JA RAKENNE */
.template-omaloma.complete,
.template-omaloma.kirjautuminen,
.template-omaloma.reset {
    background-color: #022860;
}
.template-omaloma outer-container {
    background-color: #faf8f9;
}
.template-omaloma .content-row {
    padding-top: 18px;
}
.template-omaloma  #omaloma.flex {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px;
}

/* SIVUPALKKI */
.template-omaloma sivupalkki {
    -webkit-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
    box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.3);
    border-right: 2px solid #3ebfed;
    width: 246px;
    max-width: 246px;
}
.template-omaloma sivupalkki ul {
    list-style: none;
    padding: 0px;
}
.template-omaloma sivupalkki li {
    letter-spacing: 1px;
    cursor: pointer;
    position: relative;
}
.template-omaloma sivupalkki li.selected {
    cursor: auto;
}
.template-omaloma .content-row sivupalkki a {
    padding: 14px 20px 13px;
    color: #022860;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    display: block;
}
.template-omaloma .content-row sivupalkki a.desktop-only {
    display: block;
}
.template-omaloma .content-row sivupalkki a.mobile-only {
    display: none;
}
.template-omaloma sivupalkki li.normal:hover {
    opacity: 0.7;
}
.template-omaloma sivupalkki li.normal:hover,
.template-omaloma sivupalkki li.selected {
    background-color: #3ebfed;
}
.template-omaloma sivupalkki li:hover a,
.template-omaloma sivupalkki li.selected a {
    color: #ffffff;
    font-weight: bold;
    opacity: 1;
}
.template-omaloma sivupalkki .takaisin a {
    letter-spacing: 1px !important;
    margin: 24px 0px 10px;
    font-size: 15px;
}
.template-omaloma li.selected selected-nuoli {
    background: transparent url('../img/omaloma/omaloma-navi-nuoli.png') no-repeat center right;
    position: absolute;
    display: block;
    width: 14px;
    height: 24px;
    top: 13px;
    right: -13px;
}
.template-omaloma #omaloma-oikeapuoli {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 880px;
    width: 876px;
    padding: 30px;
}

/* OMA LOMA -OTSIKKO */
.template-omaloma #omaloma-otsikko {
    background: #022860;
    padding: 18px 20px;
    position: relative;
    border-bottom: none;
    letter-spacing: 1px;
    z-index: 2;
}
.template-omaloma #omaloma-otsikko img {
    display: none;
}
.template-omaloma #omaloma-otsikko span {
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
}
.template-omaloma ala-nuoli {
    background: transparent url('../img/omaloma/omaloma-otsikko-nuoli.png') no-repeat center bottom;
    width: 24px;
    height: 15px;
    position: relative;
    display: block;
    margin-top: -3px;
    margin-left: 16px;
    margin-bottom: -14px;
    z-index: 2;
}

/* OMA LOMA -SIVUN KEHYS */
.template-omaloma #omaloma,
.template-omaloma.reset .reset,
.template-omaloma.reset .reset-complete {
    padding: 32px;
    background: #ffffff;
    border: 1px solid #99ddf5;
}
.template-omaloma h2 {
    font-size: 20px;
    margin: -7px 0 20px;
    display: block;
}
.template-omaloma h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 2px;
}
.template-omaloma .content-row .siirtyminen a,
.template-omaloma .content-row a.siirtyminen {
    color: #3ebfed;
    font-weight: 600;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 1px;
}
.template-omaloma .content-row .siirtyminen a:hover,
.template-omaloma .content-row .siirtyminen a.siirtyminen:hover {
    opacity: 0.7;
}

/* OMA LOMA LAATIKOT */
.template-omaloma h3.boxheader {
    background: #3ebfed;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    padding: 5px 12px;
    margin-bottom: 0px;
}
.template-omaloma h3.boxheader span {
    float: right;
    letter-spacing: 0px;
    font-size: 13px;
    padding-right: 10px;
}
.template-omaloma #omaloma ala-nuoli {
    background: transparent url('../img/omaloma/omaloma-box-nuoli.png') no-repeat center top;
    width: 24px;
    height: 14px;
    position: relative;
    display: block;
    margin: -2px 16px -12px;
    z-index: 2;
}
.template-omaloma box-content {
    border: 1px solid #99ddf5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 32px 14px 22px;
    position: relative;
    display: block;
    color: #464646;
}
.template-omaloma.omaloma box-content {
    line-height: 150%;
    min-height: 210px;
    font-size: 14px;
}
.template-omaloma box-content .content-one-of-three {
    width: 34.5%;
    margin-right: 4%;
}
.template-omaloma box-content .content-one-of-three:nth-child(3) {
    width: 22%;
    margin-right: 0px;
}
.template-omaloma box-content h2 {
    font-size: 15px;
    margin: 0px 0 16px;
    font-weight: bold;
    padding-bottom: 4px;
}
.template-omaloma .content-row a.siirtyminen {
    font-size: 13px;
    display: block;
    margin-top: 3px;
}
.template-omaloma .content-row a {
    color: #022860;
    font-weight: normal;
    text-decoration: underline;
}
.template-omaloma .content-row a:hover {
    opacity: 0.7;
}

/* LOMAKE */
.template-omaloma box-content input[type="text"],
.template-omaloma box-content input[type="password"],
.template-omaloma input.unohdus {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #99ddf5;
    width: 184px;
    height: 30px;
    padding: 5px;
    margin: 6px 0px 16px;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #ffffff !important;
    color: #464646 !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.template-omaloma.omaloma box-content td {
    padding-right: 30px;
}
.template-omaloma.omaloma input.email {
    width: 345px;
}
.template-omaloma.omaloma a#change {
    background-image: url(../img/varaamo_ruutu.png) !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.template-omaloma.omaloma a#change.checked {
    background-image: url(../img/varaamo_ruutu_checked.png) !important;
}

/* PALUU-LINKKI */
.template-omaloma  .content-row .paluu {
    margin-top: 32px;
    padding-left: 10px;
}
.template-omaloma .content-row .paluu a,
.template-omaloma .content-row .siirtyminen a {
    color: #3ebfed;
    font-weight: bold;
    text-decoration: none;
}
.template-omaloma .content-row .paluu a:hover,
.template-omaloma .content-row .siirtyminen a:hover {
    opacity: 0.7;
}

/* FOOTER */
.template-omaloma footer {
    margin-top: 0px;
}

/* POP UPS */
.mp-system-message #system-message-container {
    display: block;
    position: relative;
    padding: 40px;
    background: white;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    text-align: center;
    font-size: 15px;
}
.mp-system-message h4 {
    margin-top: 0px;
}
.mp-system-message .mfp-close {
    right: 0px;
    top: 0px;
    left: initial;
    bottom: initial;
}
.template-omaloma .mp-system-message a.close {
    display: none;
}

/* KIRJAUTUMINEN */
.template-omaloma box-content .kentat {
    margin-top: 18px;
}
.template-omaloma box-content .kentta {
    width: 218px;
    display: block;
    position: relative;
    float: left;
    min-height: auto;
    margin-bottom: -5px;
}
.template-omaloma box-content .submits {
    left: 0px;
    padding-top: 22px;
}
#unohdus-link {
    font-size: 12px;
}

/* Napit */
.template-omaloma box-content .submits .button,
.template-omaloma box-content .submits #omaloma-register {
    font-family: "Raleway","Arial",sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0px auto 15px;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
    background: rgb(62, 191, 237) url('../img/hakanen_white_right.png') no-repeat right 15px center !important;
    padding: 5px 32px 5px 52px;
    border-radius: 18px;
    width: 210px;
    height: 33px;
    border: none;
    line-height: 140%;
}
.template-omaloma box-content .submits #omaloma-register {
    padding-top: 7px;
}
.template-omaloma box-content .submits .button {
    background: rgb(0, 176, 123) url('../img/hakanen_white_right.png') no-repeat right 15px center !important;
    padding-left: 20px;
}
.template-omaloma box-content .submits .button:hover, .template-omaloma box-content .submits .button:active,
.template-omaloma box-content .submits #omaloma-register:hover, .template-omaloma box-content .submits #omaloma-register:active {
    opacity: 0.7;
    color: #ffffff;
}

/* REKISTERÖINTI */

/* Oma loma laatikot */
.template-omaloma #member-registration h3.boxheader {
    margin-top: 34px;
}
.template-omaloma #member-registration p {
    margin-bottom: 10px;
}

/* Lomake */
#member-registration .personal-info,
#member-registration .login-info {
    margin-bottom: -15px;
}
.template-omaloma #member-registration td {
    padding-right: 30px;
}
.template-omaloma #member-registration td.uutiskirje {
    margin-bottom: 0px;
    padding: 11px 0px 0px 5px;
    font-size: 14px;
}
.template-omaloma .uutiskirje label {
    padding: 4px 0px;
    display: inline-block;
}
.template-omaloma #member-registration input {
    color: #022860;
}

/* Uutiskirje-valinta */
.template-omaloma .uutiskirje a {
    background-image: url(../img/omaloma/varaamo_ruutu_isompi.png) !important;
    width: 30px;
    height: 30px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.template-omaloma .uutiskirje a.checked {
    background-image: url(../img/omaloma/varaamo_ruutu_isompi_checked.png) !important;
}

/* Napit */
.template-omaloma .luotili,
.template-omaloma .tallenna {	
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    right: 30px;
    border: none;
    color: #ffffff !important;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    background: #00b07b url('../img/hakanen_white_right.png') no-repeat right 15px center !important;
    padding: 5px 20px 5px 20px;
    border-radius: 18px;
    width: 210px;
    height: 33px;
    bottom: 28px;
    text-transform: uppercase;
    font-family: "Raleway","Arial",sans-serif;
}
.template-omaloma .luotili:hover, .template-omaloma .luotili:active,
.template-omaloma .tallenna:hover, .template-omaloma .tallenna:active {
    opacity: 0.7;
    color: #ffffff;
}
.template-omaloma .luotili.desktop-only {
    display: block;
}
.template-omaloma .luotili.mobile-only {
    display: none;
}

/* TILIN TIEDOT */
.template-omaloma.omaloma #pienempimuokkaus {
    margin-bottom: 18px;
}
.template-omaloma.omaloma #isompimuokkaus {
    margin-top: 10px;
    margin-bottom: -10px;
}

/* Napit */
.template-omaloma .tallenna {
    position: relative;
    right: 0px;
    font-size: 14px;
    background: #00b07b !important;
    background-image: none !important;
    padding: 3px 10px 3px 10px;
    width: auto;
    height: 28px;
    bottom: 0px;
    text-transform: uppercase;
    font-family: "Raleway","Arial",sans-serif;
    margin-top: 10px;
}

/* OSOITETIEDOT */
.template-omaloma.omaloma table.osoite {
    margin-bottom: 13px;
}
.template-omaloma box-content h2.vanhat {
    margin-top: 42px !important;
}

/* OMAT MATKAT */
.template-omaloma.omaloma .omat-matkat table {
    width: 100%;
}
.template-omaloma.omaloma .omat-matkat th {
    text-align: left;
}
.template-omaloma.omaloma .omat-matkat td {
    padding: 0px;
}
.template-omaloma.omaloma .omat-matkat th:nth-child(1),
.template-omaloma.omaloma .omat-matkat td:nth-child(1) {
    width: 5%;
}
.template-omaloma.omaloma .omat-matkat th:nth-child(2),
.template-omaloma.omaloma .omat-matkat td:nth-child(2) {
    width: 11%;
}
.template-omaloma.omaloma .omat-matkat th:nth-child(3),
.template-omaloma.omaloma .omat-matkat td:nth-child(3) {
    width: 12%;
}
.template-omaloma.omaloma .omat-matkat th:nth-child(4),
.template-omaloma.omaloma .omat-matkat td:nth-child(4) {
    width: 32%;
}
.template-omaloma.omaloma .omat-matkat th:nth-child(6),
.template-omaloma.omaloma .omat-matkat td:nth-child(6) {
    text-align: right;
}
.template-omaloma.omaloma .omat-matkat a {
    font-size: 14px;
    color: #3ebfed;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0px;
}
.template-omaloma .omat-matkat .notice {
    display: none;
}

/* UUTISKIRJEEN TILAUS */
.template-omaloma.omaloma .uutiskirje box-content {
    min-height: 130px;
}
.template-omaloma.omaloma .uutiskirje span {
    padding-top: 3px;
    display: block;
    position: relative;
    width: 80%;
}
.template-omaloma.omaloma .uutiskirje .tallenna {
    position: absolute;
    top: 60px;
    right: 16px;
}

/* PALAUTE */
.template-omaloma.omaloma .palaute box-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 140%;
    min-height: auto;
    padding: 0px;
}
.template-omaloma.omaloma .palaute textarea {
    font-family: "Raleway","Arial",sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 26px 16px 10px;
    line-height: 160% !important;
    font-size: 14px;
    width: 100%;
    border: 0px;
}
.template-omaloma .palaute .tallenna,
.template-omaloma .jaa .tallenna {
    background: #00b07b url('../img/hakanen_white_right.png') no-repeat right 10px center !important;
    padding: 4px 25px 4px 15px;
    height: 30px;
    margin-top: 20px;
    float: right;
}

/* JAA */
.template-omaloma .jaa .content-half {
    margin-bottom: 17px;
}
.template-omaloma .jaa box-content {
    padding: 22px 14px;
}
.template-omaloma .jaa box-content span {
    margin-bottom: 5px;
    display: block;
}
.template-omaloma .jaa textarea {
    font-family: "Raleway","Arial",sans-serif;
    border: 1px solid #99ddf5 !important;
    line-height: 160% !important;
    font-size: 14px;
    padding: 6px;
    width: 100%;
    max-width: 356px;
}
.template-omaloma .jaa #matkavalinnat_holder {
    margin-bottom: 40px;
}
.template-omaloma .jaa .tallenna {
    margin-top: -26px;
    float: right;
    margin-right: 14px;
}
.template-omaloma .content-row .jaa box-content a {
    color: #022860;
    font-weight: normal;
    text-decoration: none;
    margin-right: 10px;
}

/* Valinta */
.template-omaloma.omaloma #liita-tiedot {
    display: block;
    width: 100%;
    height: auto;
}
.template-omaloma.omaloma #liita-tiedot:blank {
    display: none;
}
.template-omaloma.omaloma #liita-tiedot a {
    background-image: url(../img/varaamo_ruutu.png) !important;
    width: 100%;
    height: 20px;
    display: inline-block;
    float: left;
    padding-left: 30px;
    background-repeat: no-repeat;
    text-decoration: none;
}
.template-omaloma.omaloma #liita-tiedot a.checked {
    background-image: url(../img/varaamo_ruutu_checked.png) !important;
}

/* Taulukko */
.template-omaloma.omaloma .jaa table {
    width: 100%;
    margin: 20px 0px;
}
.template-omaloma.omaloma .jaa th {
    text-align: left;
}
.template-omaloma.omaloma .jaa td {
    vertical-align: top;
    padding-right: 0px;
}
.template-omaloma.omaloma .jaa th:nth-child(1),
.template-omaloma.omaloma .jaa td:nth-child(1) {
    width: 5%;
}
.template-omaloma.omaloma .jaa th:nth-child(2),
.template-omaloma.omaloma .jaa td:nth-child(2) {
    width: 11%;
}
.template-omaloma.omaloma .jaa th:nth-child(3),
.template-omaloma.omaloma .jaa td:nth-child(3) {
    width: 12%;
}
.template-omaloma.omaloma .jaa th:nth-child(4),
.template-omaloma.omaloma .jaa td:nth-child(4) {
    width: 32%;
}
.template-omaloma.omaloma .jaa th:nth-child(6),
.template-omaloma.omaloma .jaa td:nth-child(6) {
    text-align: right;
}
.template-omaloma.omaloma .jaa td a {
    font-size: 14px;
    color: #3ebfed;
    font-weight: 600;
    text-decoration: none;
}

/* OMA MATKA */

.template-omaloma #omaloma-oikeapuoli otsake-nuoli {
    background: transparent url('../img/omaloma/omaloma-box-nuoli.png') no-repeat left 16px bottom;
    width: 100%;
    height: 40px;
    margin: 20px 0px -40px;
    position: relative;
    display: block;
    z-index: 2;
}
.template-omaloma .matkustaja {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #99ddf5;
    margin-top: 0px;
    padding: 15px;
    width: 100%;
    color: #464646;
}
.template-omaloma .matkustaja h2 {
    background: #3ebfed;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    padding: 5px 12px;
    letter-spacing: 1px;
    line-height: 120%;
    border-bottom: none;
    display: block;
    margin: -15px -15px 30px;
}
.template-omaloma .matkustaja table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
}
.template-omaloma table.summary {
    width: 100%;
    margin: 15px 0px;
}
.template-omaloma .summary th {
    color: #022860;
    font-weight: bold;
    text-align: left;
}
.template-omaloma .summary td.otsikko {
    color: #022860;
}
.template-omaloma .summary td {
    vertical-align: top;
}
.template-omaloma div.viiva {
    width: auto;
    height: 1px;
    line-height: 1px;
    background-color: #cecece;
    margin: 10px 0px;
}
.template-omaloma .tulostin {
    text-align: right;
    display: block;
    clear: both;
    height: 28px;
    text-decoration: none;
}
.template-omaloma .summary a,
.template-omaloma a.tulostin {
    text-decoration: none;
    color: #022860;
}
.template-omaloma .tulostin span {
    position: relative;
    top: -8px;
    right: 10px;
}
.template-omaloma .notice {
    font-size: 80%;
    margin: 10px 12px;
    color: #464646;
    text-align: right;
}

/* Infokortti */
.template-omaloma .infokortti {
    margin: 12px 0px 10px;
    display: none;
}
.template-omaloma .matkakorttiholder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #99ddf5;
    margin-top: 0px;
    padding: 15px;
    width: 100%;
    color: #464646;
}
.template-omaloma .infokortti .toggle {
    color: #022860;
    cursor: pointer;
    margin-bottom: 10px;
}
.template-omaloma .infokortti h1 {
    font-size: 15px;
    margin: 4px 0px 16px;
    font-weight: bold;
    padding-bottom: 4px;
    display: block;
    letter-spacing: 1px;
    line-height: 120%;
    color: #022860;
    border-bottom: 1px solid #3ebfed;
}
.template-omaloma .infokortti a {
    text-decoration: none;
    text-align: right;
    float: right;
    font-size: 14px;
    color: #3ebfed;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0px;
}
.template-omaloma .infokortti a:hover {
    opacity: 0.7;
}

/* UNOHDUS */
.template-omaloma .control-group:nth-child(2),
.template-omaloma.reset .kentat {
    margin-top: 16px;
}
.template-omaloma.reset label {
    color: #022860;
}
.template-omaloma.reset input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #99ddf5;
    width: 184px;
    height: 30px;
    padding: 5px;
    margin: 6px 0px 16px;
}
.template-omaloma .control-group .tallenna {
    display: inline-block;
    background: #00b07b url('../img/hakanen.png') no-repeat right center !important;
    padding: 3px 30px 3px 20px;
}

/* TABLETTIKOOT */
@media all and (max-width: 1200px) {

    /* YLÄPALKKI */
    .template-omaloma omaloma-header {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	padding-left: 35px;
    	padding-right: 35px;
    	width: 100%;
    }
    .template-omaloma header-top-row {
    	margin-bottom: 8px;
    }

    /* NAVIGAATIO */
    .template-omaloma .content-row sivupalkki a,
    .template-omaloma .content-row sivupalkki a.takaisin {
    	font-size: 13px;
    	letter-spacing: 1px;
    }

    /* REKISTERÖINTI */

    #member-registration .login-info {
    	margin-bottom: 10px;
    }

    /* Taulukon kääntö */
    .template-omaloma #member-registration tr { display: block; } /* Rivi pystysuuntaan */
    .template-omaloma #member-registration th { display: none; } /* Header rivin piiloitus */
    .template-omaloma #member-registration td { display: block; float: left; } /* Muut rivit */

    /* Lomake */
    .template-omaloma #member-registration td {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	width: 275px;
    }
    .template-omaloma #member-registration box-content input[type="text"], 
    .template-omaloma #member-registration box-content input[type="password"] {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	width: 100%;
    	max-width: 275px;
	margin: 6px 0px 10px;
    }
    .template-omaloma .uutiskirje label {
    	width: 80%;
    }   

    /* Uutiskirje-valinta */
    .template-omaloma #member-registration td.uutiskirje {
    	padding: 28px 0px 0px 5px;
    }
 
    /* Napit */
    .template-omaloma .luotili {
    	display: block;
    	position: relative;
    	right: 0px;
    	bottom: 0px;
    }

    /* OMALOMA - HALLINTA */
    .template-omaloma.omaloma box-content,
    .template-omaloma.omaloma box-content p {
    	font-size: 13px;
    }

    /* TILIN TIEDOT */
    .template-omaloma.omaloma #isompimuokkaus td.vanha,
    .template-omaloma.omaloma #isompimuokkaus td.tallennus {
    	width: 100%;
    }

    /* Taulukon kääntö */
    .template-omaloma.omaloma .tilin-tiedot tr { display: block; } /* Rivi pystysuuntaan */
    .template-omaloma.omaloma .tilin-tiedot th { display: none; } /* Header rivin piiloitus */
    .template-omaloma.omaloma .tilin-tiedot td { display: block; float: left; } /* Muut rivit */

    /* OSOITETIEDOT */
    .template-omaloma .postinumero .tallenna {
    	margin-top: 24px;
    }
    /* Taulukon kääntö */
    .template-omaloma.omaloma .osoitetiedot tr { display: block; } /* Rivi pystysuuntaan */
    .template-omaloma.omaloma .osoitetiedot th { display: none; } /* Header rivin piiloitus */
    .template-omaloma.omaloma .osoitetiedot td { display: block; float: left; } /* Muut rivit */

    /* OMAT MATKAT */
    .template-omaloma.omaloma .omat-matkat td {
	vertical-align: top;
    }
    .template-omaloma.omaloma .omat-matkat th:nth-child(1),
    .template-omaloma.omaloma .omat-matkat td:nth-child(1) {
    	width: 3%;
    }
    .template-omaloma.omaloma .omat-matkat th:nth-child(2),
    .template-omaloma.omaloma .omat-matkat td:nth-child(2) {
    	width: 11.5%;
    }
    .template-omaloma.omaloma .omat-matkat th:nth-child(3),
    .template-omaloma.omaloma .omat-matkat td:nth-child(3) {
    	width: 12.5%;
    }
    .template-omaloma.omaloma .omat-matkat a {
    	font-size: 12px;
    }

    /* JAA */
    .template-omaloma .jaa textarea {
    	max-width: 95%;
    }
    .template-omaloma.omaloma .jaa td {
	vertical-align: top;
    }
    .template-omaloma.omaloma .jaa th:nth-child(1),
    .template-omaloma.omaloma .jaa td:nth-child(1) {
    	width: 3%;
    }
    .template-omaloma.omaloma .jaa th:nth-child(2),
    .template-omaloma.omaloma .jaa td:nth-child(2) {
    	width: 11.5%;
    }
    .template-omaloma.omaloma .jaa th:nth-child(3),
    .template-omaloma.omaloma .jaa td:nth-child(3) {
    	width: 12.5%;
    }
    .template-omaloma.omaloma .jaa a {
    	font-size: 12px;
    }
}
@media all and (max-width: 1100px) {

    /* OMALOMA - HALLINTA */
    .template-omaloma.omaloma box-content,
    .template-omaloma.omaloma box-content p {
    	font-size: 12px;
    }

}
@media all and (max-width: 1000px) {

    /* YLÄPALKKI */
    .template-omaloma omaloma-header {
    	font-size: 13px;
    }
    .template-omaloma omaloma-icon {
    	margin-bottom: -15px;
        height: 40px;
    	width: 40px;
    	background-size: 40px;
    }

    /* OMA MATKA */
    .template-omaloma table.summary {
    	font-size: 12px;
    }
}
@media all and (max-width: 900px) {

    /* NAVIGAATIO */
    .template-omaloma .content-row sivupalkki a,
    .template-omaloma .content-row sivupalkki a.takaisin {
    	font-size: 12px;
    }

    /* OMALOMA - KIRJAUTUMINEN */
    .template-omaloma box-content .submits {
    	padding-top: 10px;
    }
    .template-omaloma box-content input#password, .template-omaloma input.unohdus {
        margin-bottom: 6px;
    }

    /* OMALOMA - HALLINTA */
    .template-omaloma box-content h2 {
    	font-size: 13px;
    }
}

/* VAIN MOBIILI */
@media all and (max-width: 799px) {

    /* YLÄPALKKI */
    .template-omaloma .slicknav-main-logo {
    	height: 60px;
    }
    .template-omaloma visual-header,
    .template-omaloma .slicknav_btn,
    .template-omaloma .slicknav_menu a.slicknav-buy-button {
    	display: none;
    }
    .template-omaloma omaloma-header {
	padding: 13px 16px 14px;
	line-height: 145% !important;
    }
    .template-omaloma .slicknav_menu omaloma-header a {
    	font-size: 12px;
	font-weight: normal;
	line-height: 100%;
    }
    .template-omaloma .slicknav_menu omaloma-header a.selected {
    	font-weight: bold;
    }
    .template-omaloma .slicknav_menu omaloma-header a:hover {
    	color: #3ebfed;	
    }

    /* RAKENNE */
    .template-omaloma #omaloma.flex {
    	display: block;
    }
    .template-omaloma #omaloma-oikeapuoli {
    	padding: 28px 16px;
    	max-width: 100%;
    	width: 100%;
	padding-top: 72px
    }
    .template-omaloma .content-row {
    	padding: 0px;
    }
    .template-omaloma .content-full {
    	width: 100%;
    }
    .template-omaloma .nosto-text {    
	background-color: #ffffff;
	font-size: 12px;
	padding: 16px;
	text-align: center;
	line-height: 140% !important;
    }
    .template-omaloma.omaloma .nosto-text {
    	padding: 10px 16px;
        text-align: left;
	min-height: 48px;
    }
    .template-omaloma.omaloma .nosto-text a {
    	text-decoration: none;
    }
    .template-omaloma omaloma-icon {
    	height: 50px;
    	width: 44px;
    	background-size: 44px;
    	display: block;
    	float: left;
   	margin: 0px 15px 15px 0px;
    	background-position: left center;
    }

    /* NAVIGAATIO */
    .template-omaloma sivupalkki {
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
    	border-right: none;
    	width: 100%;
    	max-width: 100%;
	position: absolute;
	z-index: 5;
	background-color: #ffffff
    }
    .template-omaloma .content-row sivupalkki a,
    .template-omaloma .content-row sivupalkki a.takaisin {
    	font-size: 14px;
    }

    /* Valittu aina ylimpänä */
    .template-omaloma sivupalkki #omaloma-navi {
    	display: -webkit-box;
    	display: -moz-box; 
    	display: -ms-flexbox;
    	display: -webkit-flex; 
    	display: flex;
    	-webkit-flex-direction: column;
    	-webkit-box-orient: vertical;
    	flex-direction: column !important;
    }
    .template-omaloma li.selected {
  	cursor: pointer !important;
    	order: -1;
    }
    .template-omaloma li.selected a {
  	pointer-events: none;
    }
    .template-omaloma .open li.selected {
  	cursor: auto !important;
    }
    .template-omaloma li.normal,
    .template-omaloma li.takaisin {
    	display: none;
    }
    .template-omaloma .open li.normal,
    .template-omaloma .open li.takaisin {
    	display: block;
    }
    .template-omaloma sivupalkki li {
    	background-color: #3ebfed;
    	border-bottom: 1px solid #9fdff6;
    }
    .template-omaloma .content-row sivupalkki a,
    .template-omaloma sivupalkki .takaisin a {
    	padding: 8px 18px;
    	margin: 0px;
 	color: #ffffff;
	font-weight: 400;
	letter-spacing: 1px !important;
    }
    .template-omaloma .content-row sivupalkki .normal a {
	background: #3ebfed url('../img/omaloma/omaloma-arrow.png') no-repeat right 18px top 10px;
	background-size: 12px 8px;
    }
    .template-omaloma .content-row sivupalkki .selected a {
	background: #3ebfed url('../img/omaloma/omaloma-selected-arrow.png') no-repeat right center;
	background-size: 46px 43px;
    	padding: 10px 18px;
    }
    .template-omaloma .content-row sivupalkki a.desktop-only {
    	display: none;
    }
    .template-omaloma .content-row sivupalkki a.mobile-only {
    	display: block;
    }
    .template-omaloma sivupalkki .takaisin a {
    	padding: 10px 18px 13px;
    }
    .template-omaloma .content-row .siirtyminen.takaisin a {
 	color: #ffffff;
	font-weight: 400;
	font-size: 15px;
    }

    /* OMA LOMA - OTSIKKO */
    .template-omaloma #omaloma-otsikko {
    	padding: 10px 20px;
    	border: none;
	text-align: center;
    }
    .template-omaloma #omaloma-otsikko span {
    	font-size: 17px;
    }
    #omaloma-otsikko ala-nuoli,
    .template-omaloma ala-nuoli {
    	display: none;
    }

    /* OMA LOMA - SIVU KEHYS */
    .template-omaloma #omaloma,
    .template-omaloma.reset .reset,
    .template-omaloma.reset .reset-complete {
    	padding: 28px 16px;
    	border: none;
    }
    .template-omaloma h2 {
    	display: block;
    	padding-bottom: 5px;
	margin: -7px 0 20px;
	font-size: 19px;
    }
    .template-omaloma.omaloma h2 {
	margin-bottom: 22px;
    }
    .template-omaloma box-content a {
    	font-size: 12px;
    }

    /* OMA LOMA LAATIKOT */
    .template-omaloma h3.boxheader {
	font-size: 15px;
	text-align: center;
	padding: 5px 12px;
	margin-top: 15px;
    }
    .template-omaloma.omaloma h3.boxheader span {
	display: none;
    }
    .template-omaloma #omaloma ala-nuoli {
    	margin: -6px 10px -8px;
    }
    .template-omaloma box-content {
    	padding: 24px 10px 20px;
    }
    .template-omaloma.omaloma box-content {
    	line-height: 180%;
    	font-size: 12px;
	padding-bottom: 5px;
    }
    .template-omaloma box-content .content-one-of-three,
    .template-omaloma box-content .content-one-of-three:nth-child(3) {
    	width: 100%;
    	margin-right: 0px;
    }
    .template-omaloma box-content .content-one-of-three {
    	margin-bottom: 20px;
    }
    .template-omaloma box-content h2 {
    	border-bottom: 1px solid #3ebfed;
	margin: 0px 0 10px;
	padding-bottom: 6px;
    	font-size: 14px;
    }
    .template-omaloma.omaloma box-content h2 {
        margin-bottom: 10px;
    }
    .template-omaloma box-content p {
    	line-height: 140% !important;
    }
    .template-omaloma.omaloma box-content p {
    	line-height: 180% !important;
    	font-size: 12px;
    }

    /* Taulukot */
    .template-omaloma.omaloma box-content form h2 {
    	margin: 0px 0 16px;
    }
    .template-omaloma.omaloma table {
	width: 100%;
    }
    .template-omaloma.omaloma box-content td {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	padding-right: 0px;
	letter-spacing: 1px;
    	width: 100%;
	font-weight: bold;
	color: #022860;
    }
    .template-omaloma.omaloma box-content input[type="text"], 
    .template-omaloma.omaloma box-content input[type="password"] {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	max-width: 100%;
    	width: 100%;
	font-weight: normal;
	color: #464646;
	margin: 4px 0px 10px;
    }

    /* Taulukon kääntö */
    .template-omaloma.omaloma tr { display: block; } /* Rivi pystysuuntaan */
    .template-omaloma.omaloma th { display: none; } /* Header rivin piiloitus */
    .template-omaloma.omaloma td { display: block; float: left; } /* Muut rivit */

    /* Napit */
    .template-omaloma.omaloma .tallenna {
    	padding: 4px 22px;
    	height: 30px;
    	margin: 22px auto 30px;
    }

    /* Paluu-linkki */
    .template-omaloma .content-row .siirtyminen a,
    .template-omaloma .content-row a.siirtyminen {
    	font-size: 12px;
    }
    .template-omaloma .content-row .paluu {
	margin-top: 20px;
    }
    .template-omaloma .content-row .paluu a {
	color: #3ebfed;
    }

    /* KIRJAUTUMINEN */
    .template-omaloma box-content .kentta {
    	min-height: auto;
	width: 100%;
	float: none;
    }
    .template-omaloma .kentat label {
	font-weight: bold;
	font-size: 13px;
    }
    .template-omaloma box-content input[type="text"], .template-omaloma box-content input[type="password"], .template-omaloma input.unohdus {
    	height: 28px;
    	margin: 4px 0px 14px;
    	width: 100%;
    	max-width: 100%;
    }
    .template-omaloma box-content .submits {
    	padding-top: 28px;
	margin-bottom: 20px;
    }

    /* Napit */
    .template-omaloma box-content .submits .button, .template-omaloma box-content .submits #omaloma-register {
	font-size: 13px;
	height: 28px;
	width: 160px;
	padding: 2px 20px 2px 6px;
    }
    .template-omaloma box-content .submits #omaloma-register {
	padding: 5px 20px 2px 28px;
    }
    .template-omaloma box-content .submits .button {
    	margin-bottom: 22px;
    }

    /* REKISTERÖINTI */
    #member-registration .personal-info, #member-registration .login-info {
    	margin-bottom: -5px;
    }

    /* Oma loma laatikot */
    .template-omaloma #member-registration h3.boxheader {
    	margin-top: 22px;
        font-size: 15px;
    }
    .template-omaloma #member-registration box-content {
    	padding-top: 22px;
    }
    .template-omaloma #member-registration h3.boxheader span {
    	display: block;
        float: none;
    	font-size: 15px;
	letter-spacing: 1px;
    }

    /* Taulukko */
    #member-registration table {
    	width: 100%;
    }

    /* Lomake */
    .template-omaloma #member-registration td {
    	padding-right: 0px;
	width: 100%;
	font-size: 13px;
    }
    .template-omaloma #member-registration td:not(.uutiskirje) {
    	font-weight: bold;
    }
    .template-omaloma #member-registration td.uutiskirje {
    	padding: 6px 0px 0px 0px;
    }
    .template-omaloma .uutiskirje label {
    	padding: 6px 0px;
    	font-size: 12px;
    }
    .template-omaloma #member-registration box-content input[type="text"], .template-omaloma #member-registration box-content input[type="password"] {
    	margin-bottom: 10px;
    	max-width: 100%;
    }

    /* Uutiskirje valinta */
    .template-omaloma .uutiskirje a {
    	background-image: url('/templates/matkapojat2018/img/omaloma/ball_unselected.png') !important;
    	background-repeat: no-repeat;
    	background-position: left center;
    	background-size: auto 20px !important;
	margin-right: 0px;
    }
    .template-omaloma .uutiskirje a.checked {
    	background-image: url('/templates/matkapojat2018/img/omaloma/ball_selected.png') !important;
    	color: white;
    }

    /* Napit */
    .template-omaloma .luotili.desktop-only {
    	display: none;
    }
    .template-omaloma .luotili.mobile-only {
    	display: block;
	position: relative;
    	right: 0px;
    	bottom: 0px;
	font-size: 13px;
	padding: 2px 25px 2px 10px;
	margin: 30px auto 5px;
	width: 184px;
	height: 28px;
    }

    /* TILIN TIEDOT */
    .template-omaloma.omaloma box-content p#salasanaohje {
    	line-height: 140% !important;
	font-size: 14px;
	color: #464646;
 	padding: 4px 0px 2px;
    }
    .template-omaloma.omaloma box-content #isompimuokkaus p.pakolliset {
    	line-height: 130% !important;
    }

    /* OSOITETIEDOT */
    .template-omaloma.omaloma table.osoite {
    	margin-bottom: 18px;
    }
    .template-omaloma.omaloma table.osoite:last-child {
    	margin-bottom: 0px;
    }

    /* OMAT MATKAT */
    .template-omaloma h3.boxheader {
	margin-top: 28px;
    }
    .template-omaloma box-content h2.vanhat {
    	margin-top: 16px !important;
    }
    .template-omaloma.omaloma .omat-matkat box-content {
    	min-height: auto;
    	padding-bottom: 20px;
    }

    /* Taulukko */
    .template-omaloma.omaloma .omat-matkat td:nth-child(1),
    .template-omaloma.omaloma .omat-matkat td:nth-child(2),
    .template-omaloma.omaloma .omat-matkat td:nth-child(3),
    .template-omaloma.omaloma .omat-matkat td:nth-child(4),
    .template-omaloma.omaloma .omat-matkat td:nth-child(5),
    .template-omaloma.omaloma .omat-matkat td:nth-child(6) {
	width: 100%;
    }
    .template-omaloma.omaloma .omat-matkat td {
	font-weight: 400;
	display: table;
	line-height: 140%;
	color: #464646;
    }
    .template-omaloma.omaloma .omat-matkat td::before {
	display: block;
	font-weight: 600;
	width: 33%;
	display: table-cell;
    }
    .template-omaloma.omaloma .omat-matkat td:nth-child(1)::before {
	content: "Pv";
    }
    .template-omaloma.omaloma .omat-matkat td:nth-child(2)::before {
	content: "Lähtö";
    }
    .template-omaloma.omaloma .omat-matkat td:nth-child(3)::before {
	content: "Paluu";
    }
    .template-omaloma.omaloma .omat-matkat td:nth-child(4)::before {
	content: "Matkakohde";
    }
    .template-omaloma.omaloma .omat-matkat td:nth-child(5)::before {
	content: "Hinta";
    }
    .template-omaloma.omaloma .omat-matkat td:nth-child(6) {
	border-bottom: 1px solid #cecece;
	padding: 3px 0px 10px;	
	margin-bottom: 13px;
	text-align: left;
    }
    .template-omaloma.omaloma .omat-matkat tr:last-child td:nth-child(6) {
	border-bottom: none;
	padding-bottom: 0px;	
	margin-bottom: 0px;
    }
    .template-omaloma.omaloma .omat-matkat td a {
	font-size: 12px;
    }

    /* UUTISKIRJEET */
    .template-omaloma.omaloma .uutiskirje span {
    	padding-top: 0px;
        margin-top: -3px;
	width: 100%;
    }
   
    /* Valinta */
    .template-omaloma.omaloma a#change {
    	background-image: url('/templates/matkapojat2018/img/omaloma/ball_unselected.png') !important;
    	background-repeat: no-repeat;
    	background-position: left center;
    	background-size: auto 20px !important;
	margin: 0px 10px 30px 0px;
	height: 28px;
    }
    .template-omaloma.omaloma a#change.checked {
    	background-image: url('/templates/matkapojat2018/img/omaloma/ball_selected.png') !important;
    	color: white;
    }

    /* Nappi */
    .template-omaloma.omaloma .uutiskirje .tallenna {
    	position: relative;
    	top: 0px;
    	right: 0px;
    	margin: 18px auto 22px;
    }

    /* PALAUTE */
    .template-omaloma.omaloma .palaute textarea {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	width: 100%;
    	min-height: 195px;
    	font-size: 12px;
    }
    .template-omaloma.omaloma .palaute .tallenna {
        padding: 4px 32px;
	margin-top: 28px;
	margin-bottom: 6px;
    	float: none;
    }

    /* JAA - KERRO */
    .template-omaloma .jaa .content-half,
    .template-omaloma .jaa textarea {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	width: 100%;
    	max-width: 100%;
    }
    .template-omaloma .jaa .content-half {
    	margin-bottom: 16px;
    }
    .template-omaloma .jaa .content-half:nth-child(2) {
    	margin-bottom: 12px;
    }
    .template-omaloma .jaa box-content span {
    	margin-bottom: 2px;
    }
    .template-omaloma .jaa textarea {
	height: 100px;
    	font-size: 12px;
    }
    .template-omaloma .jaa #matkavalinnat_holder {
     	margin-bottom: 0px;
    }

    /* Valinnat */
    .template-omaloma.omaloma #liita-tiedot a {
    	background-image: url('/templates/matkapojat2018/img/omaloma/ball_unselected.png') !important;
    	background-repeat: no-repeat;
    	background-position: left center;
    	background-size: auto 20px !important;
	margin: 0px 10px 0px 0px;
	height: 20px;
    }
    .template-omaloma.omaloma #liita-tiedot a.checked {
    	background-image: url('/templates/matkapojat2018/img/omaloma/ball_selected.png') !important;
    }

    /* Napit */
    .template-omaloma.omaloma .jaa .tallenna {
        padding: 4px 32px;
	margin-top: 22px;
	margin-bottom: 20px;
    	float: none;
    }

    /* Taulukko */
    .template-omaloma.omaloma .jaa td:nth-child(1),
    .template-omaloma.omaloma .jaa td:nth-child(2),
    .template-omaloma.omaloma .jaa td:nth-child(3),
    .template-omaloma.omaloma .jaa td:nth-child(4),
    .template-omaloma.omaloma .jaa td:nth-child(5),
    .template-omaloma.omaloma .jaa td:nth-child(6) {
	width: 100%;
    }
    .template-omaloma.omaloma .jaa td {
	font-weight: 400;
	display: table;
	line-height: 140%;
	color: #464646;
    }
    .template-omaloma.omaloma .jaa td::before {
	display: block;
	font-weight: 600;
	width: 33%;
	display: table-cell;
    }
    .template-omaloma.omaloma .jaa td:nth-child(1)::before {
	content: "Pv";
    }
    .template-omaloma.omaloma .jaa td:nth-child(2)::before {
	content: "Lähtö";
    }
    .template-omaloma.omaloma .jaa td:nth-child(3)::before {
	content: "Paluu";
    }
    .template-omaloma.omaloma .jaa td:nth-child(4)::before {
	content: "Matkakohde";
    }
    .template-omaloma.omaloma .jaa td:nth-child(5)::before {
	content: "Hinta";
    }
    .template-omaloma.omaloma .jaa td:nth-child(6) {
	border-bottom: 1px solid #cecece;
	padding: 3px 0px 10px;	
	margin-bottom: 13px;
	text-align: left;
    }
    .template-omaloma.omaloma .jaa tr:last-child td:nth-child(6) {
	border-bottom: none;
	padding-bottom: 0px;	
	margin-bottom: 0px;
    }
    .template-omaloma.omaloma .jaa td a {
	font-size: 12px;
    }

    /* OMA MATKA */

    /* Taulukko */
    .template-omaloma.omaloma .summary tr { display: table-row; } /* Rivi pystysuuntaan */
    .template-omaloma.omaloma .summary th { display: table-cell; } /* Header rivin piiloitus */
    .template-omaloma.omaloma .summary td { display: table-cell; float: none; } /* Muut rivit */
}

@media all and (max-width: 580px) {

    /* OMA MATKA */

    .template-omaloma.omaloma .summary.hlo-tiedot th:last-child,
    .template-omaloma.omaloma .summary.hlo-tiedot td:nth-last-child(3),
    .template-omaloma.omaloma .summary.hlo-tiedot td:nth-last-child(4) {
	display: none;
    }
    .template-omaloma.omaloma .viiva {
	display: block !important;
    }
    .template-omaloma.omaloma .summary {
	display: table !important;
    }
    .template-omaloma.omaloma .summary.lisapalvelu tr :nth-last-child(2) {
	min-width: 42px;
    }

}
@media all and (max-width: 400px) {
    .template-omaloma.omaloma .summary.lisapalvelu {
	table-layout: fixed;
    }
    .template-omaloma.omaloma .summary.lisapalvelu td:nth-child(2) {
	white-space: nowrap;
    	word-break: break-all;
	overflow: hidden;
    }
    .template-omaloma.omaloma .summary.lisapalvelu tr :nth-last-child(1) {
	width: 40px;
    }
    .template-omaloma.omaloma .summary.lisapalvelu tr :nth-last-child(2) {
	display:none;
    }
    .template-omaloma.omaloma .summary.lisapalvelu tr :nth-last-child(3) {
	width: 40px;
	padding: 0px 4px;
    }

}
@media all and (max-width: 0px) {

    /* OMA MATKA */
    .template-omaloma .oma-matka #omaloma-oikeapuoli {
	padding-bottom: 0px;
    }
    .template-omaloma .oma-matka .matkustaja {
    	min-width: 400px;
    }
    .template-omaloma .oma-matka kehys {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: scroll;
	display: block;
	padding-bottom: 20px;
	width: 100%;
    }
}
multipopup-base,
multipopup-base multipopup-overlay{
	display: block; 
	position: fixed;  
	width: 100%;
	height: 100%;
	
	z-index: 1010;  
}

multipopup-base multipopup-overlay.base{
	background: rgba(0,0,0,0.6);
}  

multipopup-container{
	display: block;
	position: absolute;
	top: 50%;
	transform: translate(0px,-50%);
	-webkit-transform: translate(0px, -50%); 
	width: 100%; 
} 


/* VAIN MOBIILI */
@media all and (max-width: 799px) {
	
	multipopup-base multipopup-overlay{
		
		width: 100%;
		height: 100%;
		overflow-y: scroll; 
		
	}
}
/* RAKENNE */
body.template-ryhmamatkaehdotukset {
    min-width: 320px;
}

/* RYHMÄMATKA NAV */
.template-ryhmamatkaehdotukset infosivu-nav-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    width: 100%;
}
.template-ryhmamatkaehdotukset .infosivu-nav-button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33%;
    text-align: center;
    padding-bottom: 13px;
}
.template-ryhmamatkaehdotukset .infosivu-nav-button:hover .navi-nuoli, 
.template-ryhmamatkaehdotukset infosivu-nav-container .infosivu-nav-button.is-current-tab .navi-nuoli {
    margin-top: 16px !important;
}

/* RAKENNE */
.template-ryhmamatkaehdotukset text-area {
    position: relative;
    display: block; 
    width: 100%;
}

/* OTSIKOT */
.template-ryhmamatkaehdotukset h2.top-header {
    letter-spacing: 1px;
    margin: 0px 0 30px;
    font-weight: normal;
    line-height: 120%;
    color: #022860;
    font-size: 28px;
    border-bottom: 3px solid #3ebfed;
    padding-bottom: 4px;
    display: block;
    text-transform: uppercase;
    text-align: center;
}
.template-ryhmamatkaehdotukset h2 {
    letter-spacing: 1px;
    margin: 0px 0 25px;
    font-weight: normal;
    line-height: 120%;
    color: #022860;
    text-transform: none;
    font-size: 24px;
    border-bottom: 1px solid #3ebfed;
    text-align: left;
    display: inline-block;
    padding-bottom: 7px;
    margin-bottom: 25px;
}

/* TERVETULOA -MODUULI */
.template-ryhmamatkaehdotukset .content-row.ryhmamatka-tervetuloa {
    padding: 50px 0px 48px;
}
.template-ryhmamatkaehdotukset .ryhmamatka-tervetuloa text-area {
    margin: 52px auto 46px;
    text-align: center;
}
.template-ryhmamatkaehdotukset .ryhmamatka-tervetuloa p {
    font-size: 22px;
}

/* NAPIT */
.template-ryhmamatkaehdotukset .ryhmamatka-large {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border-radius: 44px;
    margin: 16px 0px;
    text-align: left;
    color: #ffffff !important;
    font-weight: 800;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 14px 0px;
    cursor: pointer;
    border: 0px;
    float: left;
    width: 49%;
    height: 88px;
    padding-left: 178px;
    font-family: "Raleway","Arial",sans-serif;
    position: relative;
    line-height: 160%;
    text-decoration: none !important;
}
.template-ryhmamatkaehdotukset .ryhmamatka-large:hover {
    opacity: 0.7;
}
.template-ryhmamatkaehdotukset .ryhmamatka-large:nth-child(2) {
    float: right;
}
.template-ryhmamatkaehdotukset .ryhmamatka-large.soitto {
    background: #3ebfed url('../img/ryhmamatkat/ryhmamatka-puh.png') no-repeat left 122px center;
}
.template-ryhmamatkaehdotukset .ryhmamatka-large.tarjous {
    background: #3ebfed url('../img/ryhmamatkat/ryhmamatka-tarjous.png') no-repeat left 105px center
}
.template-ryhmamatkaehdotukset .ryhmamatka-large .small {
    font-size: 15px;
    font-weight: 600;
}
.template-ryhmamatkaehdotukset .ryhmamatka-large .big,
.template-ryhmamatkaehdotukset .ryhmamatka-large .big span {
    font-size: 36px;
    font-weight: 800;
}
.template-ryhmamatkaehdotukset .ryhmamatka-large span {
    font-size: 15px;
    font-weight: 600;
}

/* ESITTELY-MODUULI */
.ryhmamatka-esittely.content-row {
    padding-bottom: 42px;
}
.ryhmamatka-esittely.content-row.no-bottom-margin {
    padding-bottom: 0px;
}
.ryhmamatka-esittely-container {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}
.ryhmamatka-esittely h2 {
    margin-bottom: 36px;
}
.ryhmamatka-esittely text-area {
    margin-bottom: 38px;
    text-align: center;
}

/* Laatikot */
.ryhmamatka-esittely-item:nth-child(2n+2) {
    margin-right: 0px;
}
.ryhmamatka-esittely-item {
    width: 555px;
    margin-right: 30px;
    margin-bottom: 12px;
    float: left;
    overflow: hidden;
    border: 1px solid #cacacc;
    border-bottom: 3px solid #022860;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

/* Kuva-alue */
.ryhmamatka-esittely-image-area {
    position: relative;
    width: 100%;
    height: 375px;
    overflow: hidden;
}
.ryhmamatka-esittely-image-area img {
    width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Otsake */
.ryhmamatka-esittely-otsake {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    display: table;
    height: 70px;
    width: 100%;
    background: rgba(24, 54, 99, 0.85);
}
.ryhmamatka-esittely-otsake h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    padding: 0 24px;
    letter-spacing: 1px;
    line-height: 120%;
    border-bottom: none;
    text-align: left;
}

/* Teksti-alue */
.ryhmamatka-esittely-text-area {
    padding: 28px 25px 55px;
}
.ryhmamatka-esittely-text-normal,
.ryhmamatka-esittely-text-bold {
    margin-bottom: 20px;
}
.ryhmamatka-esittely-text-bold {
   font-weight: bold;
   color: #022860;
}

/* Napit */
.ryhmamatka-esittely-buttons {
   width: 91%;
   bottom: 28px;
   position: absolute;
}
.ryhmamatka-esittely-buttons a:hover, .ryhmamatka-esittely-buttons a:active {
    -webkit-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    opacity: 0.7;
    color: #ffffff !important;
}
.ryhmamatka-esittely-buttons a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff !important;
    cursor: pointer;
    background: #3ebfed url('../img/hakanen.png') no-repeat right center;
    padding: 4px 30px 4px 20px;
    border-radius: 16px;
    width: 46.75%;
    float: left;
    text-align: center;
}
.ryhmamatka-esittely-buttons a.tarjouspyynto {
    float: right;
}

/* REFERENSSIT */
.ryhmamatka-referenssit.content-row {
    padding-top: 0px;
    padding-bottom: 0px;
}
.ryhmamatka-referenssit.content-row.extra-top-margin {
    padding-top: 48px;
}
.ryhmamatka-referenssit-frame {
    margin-top: 18px;
    width: 100%;
    height: auto;
}
.ryhmamatka-referenssit-item.hover-slideanim {
    position: relative;
}
.ryhmamatka-referenssit-item {
    display: inline-block;
    width: 284px;
    height: 193px;
    margin: 0;
    margin-right: -2px;
}
.ryhmamatka-referenssit-item.hover-slideanim:hover .hover-slideanim-element {
    height: 192px;
}
.ryhmamatka-referenssit-kuva {
    width: 100%;
    height: 193px;
    margin-bottom: -193px;
}
.ryhmamatka-referenssit-kuva img {
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
}
.ryhmamatka-referenssit .hover-slideanim-element {
    height: 65px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    max-height: 192px;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.ryhmamatka-referenssit-text {
    background: rgba(62, 191, 237, 0.90);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    color: #ffffff;
    text-align: center;
    width: 100%;
    height: 193px;
    overflow: hidden;
}
.ryhmamatka-referenssit-text h3 {
    font-size: 18px;
    line-height: 120%;
    height: 45px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 0 15px;
    font-weight: bold;
}
.ryhmamatka-referenssit-text h3, .ryhmamatka-referenssit-text p, .ryhmamatka-referenssit-text a {
    text-decoration: none;
    color: #ffffff;
}
.template-ryhmamatkaehdotukset .ryhmamatka-referenssit-text text-area {
    height: 65px;
    overflow: hidden;
}

/* RYHMÄMATKAPALVELU */

/* Rakenne */
.ryhmamatka-ryhmamatkapalvelut.content-row {
    padding: 0px;
    background-color: #faf8f8;
    margin-top: 56px;
}
.ryhmamatka-ryhmamatkapalvelut .content-full {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 38px 25% 30px 0px;
    background: #faf8f8 url('../img/ryhmamatkat/ryhmamatkat-nainen.jpg') no-repeat right 28px top 20px;
}

/* Otsikot */
.ryhmamatka-ryhmamatkapalvelut h2 {
    margin-bottom: 44px;
}

/* Napit */
.ryhmamatka-ryhmamatkapalvelut .ryhmamatka-large {
    display: block;
    border-radius: 44px;
    margin-top: 40px;
    width: 74%;
    padding-left: 170px;
}
.template-ryhmamatkaehdotukset .ryhmamatka-large.yhteys {
    background: #3ebfed url('../img/ryhmamatkat/ryhmamatka-puh.png') no-repeat left 115px center;
}

/* RYHMÄNKERÄÄJÄ */
.ryhmamatka-ryhmankeraaja.content-row {
    padding-top: 48px;
    padding-bottom: 34px;
}
.ryhmamatka-ryhmankeraaja h2.top-header {
    margin-bottom: 56px;
}
.template-ryhmamatkaehdotukset h2 {
    margin-bottom: 20px;
}
.edut-item {
    width: 385px;
    margin: 7px 0;
}
.edut-item:nth-child(3n){
    padding-right: 0px;
    width: 360px;
}
.edut-item p {
    color: #022860;
}

/* SININEN ESITTELY */
.ryhmamatka-esittely-blue {
    width: 100%;
    background-color: #022860;
    padding: 46px 0 30px;
    color: #ffffff;
}
.ryhmamatka-esittely-blue p {
    color: #ffffff;
}
.ryhmamatka-esittely-blue h2 {
    color: #3ebfed;
    margin-bottom: 30px;
}
.ryhmamatka-esittely-blue h4 {
    letter-spacing: 0px;
    color: #ffffff;
}

/* MIKSI MATKAPOJAT - TEKSTIKENTTÄ */
.template-ryhmamatkaehdotukset .tekstisivu-content-area {
    background-color: #ffffff;
    padding-top: 58px;
}
.template-ryhmamatkaehdotukset .tekstisivu-content-area h2 {
    margin-bottom: 30px;
}
.template-ryhmamatkaehdotukset footer {
    margin-top: 0px;
}

/* YHTEYSTIEDOT */
.ryhmamatka-yhteystiedot.content-row {
    padding-top: 50px;
}
.ryhmamatka-yhteystiedot h2.top-header {
    margin-bottom: 40px;
}

/* MYYNTIPÄÄLLIKÖT */
.ryhmamatka-myyntipaallikot {
    width: 100%;
    background-color: #022860;
    padding: 50px 0 30px;
    color: #ffffff;
}
.ryhmamatka-myyntipaallikot h2.top-header {
    color: #3ebfed;
    margin-bottom: 38px;
}
.ryhmamatka-myyntipaallikot h3 {
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 120%;
    font-size: 18px;
    color: #ffffff;
    border-bottom: none;
    display: block;
    margin: 24px 0 18px;
}
.yhteystietokehys {
    padding-bottom: 22px;
}
yhteystieto-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 360px;
    margin-right: 30px;
    margin-bottom: 12px;
    float: left;
    overflow: hidden;
    background-color: #ffffff;
    height: 140px;
    border-top-right-radius: 9px 9px;
}
yhteystieto-box:nth-child(3n+3) {
    margin-right: 0px;
}
.template-ryhmamatkaehdotukset yhteystieto-box image-area,
.template-ryhmamatkaehdotukset yhteystieto-box text-area {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    overflow: hidden;
}
.template-ryhmamatkaehdotukset yhteystieto-box image-area {
    width: 118px;
    float: left;
    height: 100%;
}
.template-ryhmamatkaehdotukset yhteystieto-box image-area img {
    width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.template-ryhmamatkaehdotukset yhteystieto-box text-area {
    width: 60%;
    float: right;
    color: #022860;
    padding: 3px 10px 0px 0px;
}
.template-ryhmamatkaehdotukset yhteystieto-box h3 {
    color: #022860;
    margin: 0px;
}
.template-ryhmamatkaehdotukset yhteystieto-box h3.name {
    margin: 24px 0px 0px;
}
.template-ryhmamatkaehdotukset yhteystieto-box .phone {
    display: block;
    background: transparent url('../img/ryhmamatkat/puh-icon.png') no-repeat left center;
    padding: 28px 0px 28px 62px;
}
.ryhmamatka-uutiskirje.content-row {
    background-color: #022860;
    margin: 44px 0px;
    padding-top: 40px;
    padding-bottom: 44px;
}
.ryhmamatka-uutiskirje h3 {
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 160%;
    font-size: 18px;
    color: #ffffff;
    border-bottom: none;
    display: block;
    margin: 0px 100px 28px;
    text-align: center;
}
.ryhmamatka-uutiskirje a {
    color: #ffffff !important;
    margin: 0px auto;
    text-align: center;
    display: block;
    width: 92px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 27px 5px 27px;
}

/* POP UP */
.template-ryhmamatkaehdotukset .mp-general-message mp-general-message {
    border-radius: 25px;
    width: 560px;
    padding: 0px 0px 25px;
}
.template-ryhmamatkaehdotukset .mp-general-message h4 {
    border-radius: 25px 25px 0px 0px;
    background-color: #3fbfee;
    padding: 12px 8px;
    color: #fff;
    font-size: 24px;
}
.template-ryhmamatkaehdotukset .mp-general-message text-area {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    margin: 18px 25px;
    width: auto;
}
.template-ryhmamatkaehdotukset .mp-general-message img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 91%;
    max-height: 91%;
}
.template-ryhmamatkaehdotukset .mp-general-message div.bold {
    margin-top: 20px;
    font-weight: bold;
}

/* TABLETTIKOOT */
@media all and (max-width: 1200px) {

    /* RYHMÄMATKA NAV */
    .template-ryhmamatkaehdotukset infosivu-nav-container {
	font-size: 18px;
    	width: 93%;
    }

    /* RAKENNE */
    .template-ryhmamatkaehdotukset .content-row {
   	padding-right: 35px !important;
   	padding-left: 35px !important;
    }

    /* TERVETULOA -MODUULI */
    .template-ryhmamatkaehdotukset .ryhmamatka-large {
    	padding-left: 138px;
	background-position-x: 70px !important;
    }
    .template-ryhmamatkaehdotukset .ryhmamatka-large .big, .template-ryhmamatkaehdotukset .ryhmamatka-large .big span {
    	font-size: 32px;
    }

    /* ESITTELY -MODUULI */
    .ryhmamatka-esittely-item,
    .ryhmamatka-esittely-item:nth-child(2n+2) {
        float: none;
    	margin: 0px auto 12px;
    }

    /* REFERENSSIT */
    .ryhmamatka-referenssit-item {
    	width: 24.8%;
    }

    /* RYHMÄMATKAPALVELU */
    .ryhmamatka-ryhmamatkapalvelut .content-full {
    	padding: 38px 35% 30px 0px;
    }
    .ryhmamatka-ryhmamatkapalvelut .ryhmamatka-large {
    	width: 75%;
    }

    /* EDUT */
    .edut-item,
    .edut-item:nth-child(3n) {
    	padding-right: 25px;
    	width: 360px;
    }

    /* MYYNTIPÄÄLLIKÖT */
    .yhteystietokehys {
	width: 750px;
	/* margin: 0px auto; */
    }
    yhteystieto-box {
	max-width: 45.5%;
    }
    yhteystieto-box,
    yhteystieto-box:nth-child(3n+3) {
    	margin-right: 30px;
    }
    yhteystieto-box:nth-child(2n+2) {
    	margin-right: 0px;
    }

}
@media all and (max-width: 1000px) {

    /* RYHMÄMATKAPALVELU */
    .ryhmamatka-ryhmamatkapalvelut .content-full {
    	padding: 38px 45% 30px 0px;
    }
    .ryhmamatka-ryhmamatkapalvelut .ryhmamatka-large {
    	width: 90%;
    }
}
@media all and (max-width: 900px) {

    /* TERVETULOA -MODUULI */
    .template-ryhmamatkaehdotukset .ryhmamatka-large {
    	padding-left: 88px;
	background-position-x: 30px !important;
	background-size: auto 40px !important;
    }
}

/* VAIN MOBIILI */
@media all and (max-width: 799px) {

    /* RYHMÄMATKA NAV */
    .template-ryhmamatkaehdotukset infosivu-nav-container {
    	margin-left: 23px;
    	margin-right: 23px;
    	font-size: 14px;
    	width: auto;
    }
    .template-ryhmamatkaehdotukset .infosivu-nav-button {
    	text-align: left;
    	width: auto;
    }
    .template-ryhmamatkaehdotukset .infosivu-nav-button:hover, 
    .template-ryhmamatkaehdotukset .infosivu-nav-button:last-child:hover,
    .template-ryhmamatkaehdotukset infosivu-nav-container .infosivu-nav-button.is-current-tab,
    .template-ryhmamatkaehdotukset .infosivu-nav-button {
    	padding: 10px 20px !important;
    }

    /* RAKENNE */
    .template-ryhmamatkaehdotukset .content-row {
   	padding-right: 23px !important;
   	padding-left: 23px !important;
    }

    /* OTSIKOT */
    .template-ryhmamatkaehdotukset h2.top-header,
    .template-ryhmamatkaehdotukset h2 {
        font-size: 19px;
    	display: block;
	text-transform: none;
	text-align: left;
	margin: 0px 0 22px;
	font-weight: 600;
	border-bottom: 2px solid #3ebfed;
	padding-bottom: 6px;
    }

    /* TERVETULOA -MODUULI */
    .template-ryhmamatkaehdotukset .content-row.ryhmamatka-tervetuloa {
        padding: 24px 23px 20px;
	margin-bottom: 34px;
    }
    .template-ryhmamatkaehdotukset .ryhmamatka-tervetuloa text-area {
    	margin: 0px auto;
    	text-align: left;
    }
    .template-ryhmamatkaehdotukset .ryhmamatka-tervetuloa p {
    	font-size: 14px;
    }

    /* NAPIT */
    .template-ryhmamatkaehdotukset .ryhmamatka-large {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	width: 100%;
    	height: 46px;
    	padding: 4px 0px;
	padding-left: 88px;
	line-height: 100%;
	margin: 20px auto 5px;
	max-width: 285px;
        float: none;
	-webkit-appearance: none;
    }
    .template-ryhmamatkaehdotukset .ryhmamatka-large:nth-child(2) {
        float: none;
    }
    .template-ryhmamatkaehdotukset .ryhmamatka-large.soitto,
    .template-ryhmamatkaehdotukset .ryhmamatka-large.yhteys {
	background-position-x: 60px !important;
    	background-size: 18px auto !important;
    }
    .template-ryhmamatkaehdotukset .ryhmamatka-large.tarjous {
	background-position-x: 55px !important;
    	background-size: 24px auto !important;
    }
    .template-ryhmamatkaehdotukset .ryhmamatka-large .small {
    	font-size: 14px;
    }
    .template-ryhmamatkaehdotukset .ryhmamatka-large .big {
    	font-size: 17px !important;
    }
    .template-ryhmamatkaehdotukset .ryhmamatka-large .big span {
    	display: none;
    }

    /* ESITTELY-MODUULI */
    .ryhmamatka-esittely.content-row {
    	padding-top: 6px;
	padding-bottom: 0px;
    }
    .ryhmamatka-esittely text-area {
    	text-align: left;
	margin-bottom: 20px;
    }
    .ryhmamatka-esittely text-area p {
    	font-size: 14px;
    }
 
    /* Laatikot */
    .ryhmamatka-esittely-item {
    	width: 100%;
    	margin-right: 0px;
    	float: none;
	border-bottom: 2px solid #022860;
    	margin-bottom: 34px;
    }
    .ryhmamatka-esittely-item, .ryhmamatka-esittely-item:nth-child(2n+2) {
    	margin-bottom: 34px;
     }
    .ryhmamatka-esittely-image-area {
    	height: 300px;
    }
    .ryhmamatka-esittely-otsake {
    	height: 66px;
    }
    .ryhmamatka-esittely-otsake h3 {
    	font-size: 17px;
    	letter-spacing: 0px;
	padding: 0 14px;
    }
    .ryhmamatka-esittely-text-area {
	font-size: 14px;
	padding: 20px 20px 110px;
	line-height: 150%;
    }

    /* Napit */
    .ryhmamatka-esittely-buttons {
    	bottom: 26px;
	width: 85%;
	max-width: 246px;
    	left: 50%;
    	transform: translate(-50%, 0);
    }
    .ryhmamatka-esittely-buttons a {
    	width: 100%;
    	float: none;
	padding: 6px 30px 6px 20px;
    }
    .ryhmamatka-esittely-buttons a.tarjouspyynto {
    	float: none;
    	margin-top: 24px;
    }

    /* REFERENSSIT */
    .ryhmamatka-referenssit.content-row {
    	padding-bottom: 0px;
    }
    .ryhmamatka-referenssit.content-row.extra-top-margin {
    	padding-top: 24px;
    }
    .ryhmamatka-referenssit-item {
    	width: 100%;
	height: 350px;
    	margin-bottom: 10px;
    }

    /* RYHMÄMATKAPALVELU */
    .ryhmamatka-ryhmamatkapalvelut.content-row {
    	margin-top: 30px;
    }
    .ryhmamatka-ryhmamatkapalvelut .content-full {
    	padding: 22px 0px 22px;
	background-image: none;
    }
    .ryhmamatka-ryhmamatkapalvelut p {
	font-size: 14px;
    }
  
    /* RYHMÄNKERÄÄJÄ */
    .ryhmamatka-ryhmankeraaja.content-row {
    	padding-top: 22px;
    	padding-bottom: 20px;
    }
    .edut-item {
    	margin: 8px 0;
	max-width: 100%;
    }
    .edut-item p {
    	font-size: 14px;
    	line-height: 150% !important;
    }

    /* SININEN ESITTELY */
    .ryhmamatka-esittely-blue {
    	padding: 22px 23px 2px;
	font-size: 14px;
	line-height: 150%;
    }
    .template-ryhmamatkaehdotukset .content-half {
    	width: 100%;
   	margin-bottom: 20px;
	float: none !important;
    }
    .ryhmamatka-esittely-blue h4 {
	font-size: 14px;
    }

    /* TEKSTI-ALUE */
    .template-ryhmamatkaehdotukset .tekstisivu-content-area {
	padding-top: 42px;
    }
    .template-ryhmamatkaehdotukset .tekstisivu-content-area h2 {
    	margin-bottom: 20px;
    }
    .tekstisivu-content-area,
    .tekstisivu-content-area h4 {
   	font-size: 14px;
	line-height: 150%;
    }
    .tekstisivu-content-area .content-left {
    	margin-bottom: 20px;
    }

    /* YHTEYSTIEDOT */
    .ryhmamatka-yhteystiedot.content-row {
	padding-top: 0px;
	padding-bottom: 38px;
    }

    /* MYYNTIPÄÄLLIKÖT */
    .ryhmamatka-myyntipaallikot {
    	padding: 24px 23px 30px;
    }
    .ryhmamatka-myyntipaallikot h3 {
    	font-size: 14px;
    }
    .yhteystietokehys {
    	padding-bottom: 0px;
	width: 290px;
	/* margin: 0px auto; */
    }
    yhteystieto-box {
    	width: 100%;
	height: 112px;
	margin-bottom: 16px;
	max-width: 290px;
    }
    yhteystieto-box:nth-last-child(2) {
    	margin-bottom: 0px;
    }
    yhteystieto-box, yhteystieto-box:nth-child(3n+3) {
    	margin-right: 0px;
    }
    .template-ryhmamatkaehdotukset yhteystieto-box image-area {
    	width: 94px;
    }
    .template-ryhmamatkaehdotukset yhteystieto-box h3 {
        font-size: 13px;
    }
    .template-ryhmamatkaehdotukset yhteystieto-box h3.name {
    	margin: 18px 0px 0px;
    }
    .template-ryhmamatkaehdotukset yhteystieto-box .phone {
    	background-size: 38px;
	padding: 24px 0px 24px 46px;
    }

    /* UUTISKIRJEET */
    .ryhmamatka-uutiskirje.content-row {
    	margin: 44px 0px;
    	padding-top: 30px;
    	padding-bottom: 34px;
    }
    .ryhmamatka-uutiskirje h3 {
    	font-weight: 400;
    	font-size: 15px;
	margin: 0px 0px 18px;
	text-align: center;
    }

    /* POP UP */
    .template-ryhmamatkaehdotukset .mp-general-message mp-general-message {
    	width: auto;
    	margin-left: 12%;
    	margin-right: 12%;
    	border-radius: 10px;
    }
    .template-ryhmamatkaehdotukset .mp-general-message h4 {
    	border-radius: 10px 10px 0px 0px;
    	font-size: 17px;
    }

}
@media all and (max-width: 600px) {

    /* ESITTELY */
    .ryhmamatka-esittely-image-area {
    	height: 250px;
    }

    /* REFERENSSIT */
    .ryhmamatka-referenssit-item, .ryhmamatka-referenssit-item .hover-slideanim-element {
    	max-height: 290px;
    }

    /* POP UP */
    .template-ryhmamatkaehdotukset .mp-general-message mp-general-message {
    	margin-left: 30px;
    	margin-right: 30px;
    }

}
@media all and (max-width: 500px) {

    /* ESITTELY */
    .ryhmamatka-esittely-image-area {
    	height: 192px;
    }

    /* REFERENSSIT */
    .ryhmamatka-referenssit-item, .ryhmamatka-referenssit-item .hover-slideanim-element {
    	max-height: 190px;
    }
}
@media all and (max-width: 400px) {

    /* POP UP */
    .template-ryhmamatkaehdotukset .mp-general-message h4 {
    	font-size: 14px;
    }
}
body.template-com-forms-lomake {
    background-color: #022860;
    min-width: 320px;
}
.template-com-forms-lomake visual-header {
    height: auto;
}
.template-com-forms-lomake header-content {
    display: none !important;
}
.template-com-forms-lomake sections-container .content-row {
    background-color: #faf8f9;
    padding-bottom: 90px;
}
.template-com-forms-lomake h2.top-header,
.template-com-forms-lomake #infosivu_leipateksti h1  {
    letter-spacing: 1px; 
    margin: -3px 0 26px;
    font-weight: normal;
    line-height: 120%;
    font-size: 24px;
    color: #022860;
    border-bottom: 1px solid #3ebfed;
    display: inline-block;
    padding-bottom: 8px;
}
.template-com-forms-lomake #infosivu_leipateksti h1  {
    display: block;

}


/* LOMAKKEEN RAKENNE */
.template-com-forms-lomake .fieldset-tiedot {
    margin-top: 24px;
    background-color: white;
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 17px;
    padding-bottom: 12px;
}
.template-com-forms-lomake fieldset {
    border: 0;
}
.template-com-forms-lomake legend,
.template-com-forms-lomake form h2 {
    font-size: 17px;
    color: #022860;
    margin: 0px 0 2px;
    letter-spacing: 1px;
    font-weight: bold;
}
.template-com-forms-lomake form div {
    vertical-align: middle;
}
.template-com-forms-lomake .customform label {
    margin-top: 20px;
    display: block;
}
.template-com-forms-lomake div input[type="radio"],
.template-com-forms-lomake div input[type="checkbox"]{
    position: relative;
    float: left;
    margin: 0px;
    margin-right: 10px;
    width: 14px;
    height: 13px;
    text-align: center;
    display: inline-block;
    background: none;
    padding: 0;
    margin-top: 4px;
}
.template-com-forms-lomake div input[type="checkbox"]{
    width: 18px;
    height: 17px;
    margin-bottom: 25px;
}
.customform fieldset.radio label, 
.customform fieldset.checkboxes label {
    margin-top: 0px;
    display: inline;
}

/* PALAUTE */
.customform-palaute .fieldset-tiedot div.field {
    overflow: hidden;
    margin-bottom: 7px;
}
.customform-palaute .fieldset-tiedot div.field label {
    color: #231f20;
    margin-right: 9px;
    float: left;
    margin-top: 0 !important;
    line-height: 22px;
}
.customform-palaute input {
    background: #fff;
    border: 1px solid #b1c3d3;
}
.template-com-forms-lomake .field-Puhelin, 
.template-com-forms-lomake .field-Etunimi {
    clear: both;
    float: left;
    margin-right: 16px;
}
.customform-palaute .spacer {
    margin-top: 22px;
    margin-bottom: 18px;
    display: block;
}
.customform-palaute hr {

    border-top: 1px solid #cdd7e6;
    border-bottom: 0px none;
    border-left: 0px none;
    border-right: 0px none;

}
.template-com-forms-lomake .field-cal1, .template-com-forms-lomake .field-cal2, .template-com-forms-lomake .field-Vaihtoehto, .template-com-forms-lomake .field-Lahtopvm {

    float: left;

}
.template-com-forms-lomake .field-Aikuisia, .template-com-forms-lomake .field-Lapsia12-17, .template-com-forms-lomake .field-Lapsia6-11, .template-com-forms-lomake .field-Lapsia3-5, .template-com-forms-lomake .field-Lapsia0-2 {

    float: left;
    width: 105px;
    overflow: visible !important;

}
.template-com-forms-lomake .field-Aikuisia {

    clear: both;

}
.template-com-forms-lomake .field-Bussikuljetus {

    clear: both;

}
.template-com-forms-lomake .field-Matkakohde {

    clear: both;

}
.template-com-forms-lomake .field-Kesto {

    overflow: visible !important;

}
.customform-palaute .fieldset-tiedot div.field {

    overflow: hidden;
    margin-bottom: 12px;

}
.customform-palaute textarea {

    background: #fff;
    border: 1px solid #b1c3d3;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    height: 67px;
    width: 540px;

}
#com_forms_Yhteydenotto label {

    display: block;

}
.customform-palaute .fieldset-tiedot div.field label {

    color: #231f20;
    margin-right: 9px;
    float: left;
    margin-top: 5px !important;
    line-height: 22px;

}
.template-com-forms-lomake .field-Uutiskirje {

    margin-top: 15px;
    margin-bottom: 24px;

}
.customform-palaute p {

    margin-top: 20px;
    margin-bottom: 20px;

}
.customform-palaute h2.kiitos {

    font-size: 14px;

}

/* RYHMÄTARJOUS */
.customform-ryhmatarjous div label {
    width: 250px;
    float: left;
    clear: left;
    margin-top: 0px !important;
    margin-bottom: 20px;
}
.customform-ryhmatarjous .selector, 
.customform-ryhmatarjous div textarea, 
.customform-ryhmatarjous div fieldset, 
.customform-ryhmatarjous div input {
    float: left;
}
.customform-ryhmatarjous div.selector, 
.customform-ryhmatarjous div select, 
.customform-ryhmatarjous input[type="text"], 
.customform-ryhmatarjous textarea {
    width: 250px;
}
.customform-ryhmatarjous .fieldtype-radio fieldset div.radio {
    float: left;
    clear: left;
}
.customform-ryhmatarjous fieldset.radio,
.customform-ryhmatarjous fieldset.checkboxes {
    float: left;
    width: 250px;
    padding: 0;
    margin: 0;
}
.customform-ryhmatarjous fieldset.checkboxes {
    margin-bottom: 15px;
}
.customform-ryhmatarjous fieldset.radio label, 
.customform-ryhmatarjous fieldset.checkbox label {
    float: left;
    clear: none;
    width: 210px;
    margin-top: 0px;
    display: inline;
}

/* UUTTA */
.template-com-forms-lomake label {
    color: #022860 !important;
}
.template-com-forms-lomake input[type="text"],
.template-com-forms-lomake select,
.template-com-forms-lomake textarea {
    border: 1px solid #97ddf6;
    padding: 7px 8px;
    font: 13px/130% "Raleway","Arial",sans-serif;
    color: #464646;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.template-com-forms-lomake textarea {
    margin-bottom: 10px;
}
.template-com-forms-lomake legend {
    margin: 16px 0 22px;
}
.template-com-forms-lomake fieldset {
    margin: 0;
    padding: 0;
}
.template-com-forms-lomake form,
.template-com-forms-lomake .fieldset-tiedot {
    background-color: transparent;
    padding: 0px;
}
.template-com-forms-lomake .destination h2.top-header,
.template-com-forms-lomake .tiedot h2.top-header {
    display:none;
}
.template-com-forms-lomake .destination h2.ryhmatarjous {
    display:inline-block !important;
}
.template-com-forms-lomake .type legend {
    display:none;
}
.template-com-forms-lomake input[type="submit"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0;
    font-size: 14px;
    color: #ffffff !important;
    cursor: pointer;
    padding: 5px 20px 5px 20px;
    border-radius: 16px;
    float: left;
    text-align: center;
    border:none;
    margin-left: 503px;
    -webkit-appearance: none;
    background: #00b07b;
    font: 14px/150% "Raleway","Arial",sans-serif;
    font-weight: bold;
}
.template-com-forms-lomake input[type="submit"]:hover, 
.template-com-forms-lomake input[type="submit"]:active {
    -webkit-box-shadow: inset 3px 3px 5px -2px rgba(0,0,0,0.60);
    opacity: 0.7;
    color: #ffffff !important;
}
.customform-ryhmatarjous div.selector, 
.customform-ryhmatarjous div select, 
.customform-ryhmatarjous input[type="text"], 
.customform-ryhmatarjous textarea,
.customform-ryhmatarjous fieldset.radio, 
.customform-ryhmatarjous fieldset.checkboxes,
.customform fieldset.radio label, 
.customform fieldset.checkboxes label {
    width: 350px;
}
.customform-ryhmatarjous fieldset.radio label, 
.customform-ryhmatarjous fieldset.checkbox label {
    width: 310px;
}
.template-com-forms-lomake footer {
    margin-top: 0px;
}
.template-com-forms-lomake .customform .adminform label {
    margin-top: 0px;
}
.template-com-forms-lomake #vaihe1-submit {
    display:none;
}
.template-com-forms-lomake legend {
    display: none;
}

/* SELECT - KENTÄT */
.template-com-forms-lomake .select2-container--default .select2-selection--single {
    border: 1px solid #97ddf6;
    border-radius: 1px;
}
.template-com-forms-lomake .select2-container .select2-selection--single {
    height: 33px;
}
.template-com-forms-lomake .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 33px;
    background-position-y: 2px;
}
.template-com-forms-lomake .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
}
.template-com-forms-lomake .destination .field {
    min-height: 45px;
}
.template-com-forms-lomake .destination .field-Lisätietoa {
    min-height: 80px;
}
.customform-palaute .field {
    padding-right: 10px;
}

.customform-palaute .field-Puhelin label, .customform-palaute .field-Etunimi label,
.customform-palaute .field-Sukunimi label, .customform-palaute .field-fish label {
    width: 90px;
}



.customform-palaute .select2-container {

    width: 84px !important;

}

.customform-palaute .fieldset-tiedot div.field-Aikuisia {
    margin-bottom: 22px;
}

.customform-palaute .fieldset-tiedot div.field-Muuta label {
    display: block;
    width: 100%;
    margin-bottom: 5px;

}
.customform-palaute .fieldset-tiedot div.field-Yhteydenotto label {
    padding: 0;
    margin: 0;
}

.customform-palaute .fieldset-tiedot div.field-Uutiskirje {
    width: 100%;
    padding-left: 27px;
    position: relative;
}
.template-com-forms-lomake div.field-Uutiskirje input[type="checkbox"] {
    position: absolute;
    left: 0px;
}
#com_forms_Yhteydenotto label {
    width: 100%;

}
.customform-palaute p {

    margin-top: 10px;

}
.customform-palaute h2.kiitos {
    margin-bottom: 40px;

}

.customform-palaute a.submit-form,
.customform-palaute a.back-button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0;
    font-size: 14px;
    color: #ffffff !important;
    cursor: pointer;
    padding: 5px 20px 5px 20px;
    border-radius: 16px;
    float: left;
    text-align: center;
    border:none;
    -webkit-appearance: none;
    background: #022860;
    font: 14px/150% "Raleway","Arial",sans-serif;
    font-weight: bold;
    
    
}
.customform-palaute a.back-button{
	display: none !important;
}
.customform-palaute a.submit-form {
    float: right;
    background: #00b07b;
}
.customform-palaute .field-type .select2-container {

    width: 230px !important;

}
.template-com-forms-lomake .mp-system-message #system-message-container a.close {

    display: none;
}

/* TABLETTIKOOT */
@media all and (max-width: 1200px) {

    .template-com-forms-lomake .select2-container .select2-selection--single .select2-selection__rendered {
    	height: 32px !important;
    	line-height: 32px !important;
    }
    .template-com-forms-lomake .select2-container--default .select2-selection--single .select2-selection__arrow, 
    .template-com-forms-lomake .select2-container .select2-selection--single .select2-selection__rendered, 
    .template-com-forms-lomake .infosivu-muuta-hakua .select2 {
    	height: 32px !important;
    }

}
/* VAIN MOBIILI */
@media all and (max-width: 799px) {

    .customform-palaute .fieldset-tiedot div.field {
    	width: 100%;

    }
    .customform-palaute textarea {

    	width: 90%;

    }
    .customform-palaute .fieldset-tiedot div.field label {
    	min-width: 120px;

    }
    .customform-palaute .fieldset-tiedot div.field label {

	/* width: 100%; */

    }
    #com_forms_Yhteydenotto-lbl {
	display: none;
    }
    .customform-ryhmatarjous div label {
    	margin-bottom: 0px;
    }
    .customform-ryhmatarjous .select2-container, 
    .customform-ryhmatarjous div textarea, 
    .customform-ryhmatarjous div.selector, 
    .customform-ryhmatarjous div select, 
    .customform-ryhmatarjous input[type="text"], 
    .customform-ryhmatarjous textarea, 
    .customform-ryhmatarjous fieldset.radio, 
    .customform-ryhmatarjous fieldset.checkboxes, 
    .customform fieldset.radio label, 
    .customform fieldset.checkboxes label {
    	margin-bottom: 20px;

    }
    .customform-ryhmatarjous fieldset.radio,
    .customform-ryhmatarjous fieldset.checkboxes {
    	margin-top: 20px;
    	margin-bottom: 0px;
    }
    .customform-ryhmatarjous fieldset.checkboxes label {
    	margin-bottom: 10px;
    }
    .template-com-forms-lomake input[type="submit"] {
    	float: left;
    	margin-left: 0px;

    }
}
@media all and (max-width: 449px) {

    .template-com-forms-lomake input[type="text"], 
    .template-com-forms-lomake select, 
     .template-com-forms-lomake textarea {
    	width: 100%;
    }
}


.template-etusivu.template-koontisivu .content-row.koontisivu-tarjoukset-content-row-adjustments{
	padding-bottom: 8px;
}



.template-etusivu.template-koontisivu .content-row.koontisivu-osio-row-not-first{
	padding-top: 0px;
	margin-top: -5px;
}


.koontisivu-vaakanosto-linkki{
	text-align: center;
	padding-top: 34px;
	padding-bottom: 60px;
}

koontisivu-no-vaakanosto-link-placeholder{
	display: block;
	height: 26px;
}

.template-etusivu.template-koontisivu .koontisivu-text-content-row,
.template-etusivu.template-koontisivu .koontisivu-muita-kohteita-content-row{
	text-align: left;  
	
}
.template-etusivu.template-koontisivu .koontisivu-muita-kohteita-content-row{
	padding-bottom: 56px;
}


.template-etusivu.template-koontisivu h2.full-width-element{ 
	width: 100%;  
}


.template-etusivu.template-koontisivu koontisivu-osio-kuvaruudut{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.template-etusivu.template-koontisivu koontisivu-osio-kuvaruudut .suosikkikohde-item,
.template-etusivu.template-koontisivu koontisivu-osio-kuvaruudut .suosikkikohde-item-placeholder{
	width: 360px;
	position: relative;
	
}
.template-etusivu.template-koontisivu koontisivu-osio-kuvaruudut .suosikkikohde-item{
	margin-bottom: 26px;
}
.template-etusivu.template-koontisivu koontisivu-osio-kuvaruudut .suosikkikohde-item img{
	max-width: 360px;
	min-width: 100%;  
}

.template-etusivu.template-koontisivu koontisivu-osio-kuvaruudut .suosikkikohde-item a{
	display: block;
	line-height: 10px;
}
.template-etusivu.template-koontisivu koontisivu-osio-kuvaruudut .suosikkikohde-item .name{
	position: absolute;
	width: 100%;
	bottom: 0px;
}

.template-etusivu.template-koontisivu .content-row.koontisivu-osio-kuvaruudut-content-row{
	padding-top: 8px;
	padding-bottom: 0px;
}


.koontisivu-bottom-text-h2-adjustments{
	margin-top: -7px !important;
}

.template-etusivu.template-koontisivu .content-row.koontisivu-text-content-row{
	padding-top: 56px; 
}


.template-koontisivu p a,
.template-koontisivu .textcontent a,
.template-koontisivu .koontisivu-osio-text a{
	color: #022860 !important;
	text-decoration: none;
}
.template-koontisivu p a:hover,
.template-koontisivu .textcontent a:hover,
.template-koontisivu .koontisivu-osio-text a:hover{
	color: #3ebfed !important;
}
 
.template-koontisivu .content-row .koontisivu-osio-text{
	font: 15px/150% "Raleway","Arial",sans-serif !important;
}


.template-koontisivu akkilahdot-carousel-container.disable-carousel{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
	height: auto !important;
}
.template-koontisivu akkilahdot-carousel-container.disable-carousel carousel-item{
	display: block;
	margin-bottom: 26px;
}

.text-align-left{
	text-align: left;
}

.template-etusivu.template-koontisivu h2{
	border-bottom: 1px solid #3ebfed;
}
.template-etusivu.template-koontisivu h2.heavy-underline{
	border-bottom: 3px solid #3ebfed;
}

@media all and (max-width: 1200px) {
	koontisivu-osio-kuvaruudut{
		max-width: 750px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media all and (max-width: 850px) {
	koontisivu-osio-kuvaruudut{
		max-width: 100%;
		
	}
	.template-etusivu.template-koontisivu koontisivu-osio-kuvaruudut .suosikkikohde-item{
		width: 100%;
	}
	.template-etusivu.template-koontisivu koontisivu-osio-kuvaruudut .suosikkikohde-item img{
		width: 100%;
	}
	.template-etusivu.template-koontisivu koontisivu-osio-kuvaruudut .suosikkikohde-item-placeholder{
		display: none;
	}
	
	.template-etusivu.template-koontisivu h2{
		border-bottom: 2px solid #3ebfed;
	}
	.template-etusivu.template-koontisivu h2.heavy-underline{
		border-bottom: 2px solid #3ebfed;
	}
	
}




  

@media (min-width: 0px) {

	#campaign_banner {
	  position: relative;
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  width: 285px;
	  height: 360px;	
	  background: url(/modules/mod_campaignbanner/images/ruutuplus_toukokuu_570x720.jpg) no-repeat; 
	  background-color: #fff6;
	  background-size: contain; 
	  z-index: 9001;
	}
	
	#campaign_banner .mfp-close{
		color: transparent !important;
		opacity: 0.1;
		width: 100px;
		height: 50px;
	}
	
	#campaign_banner .osallistu{
		position: absolute;
		top: 80px;
		width: 250px;
		height: 300px;
		right: 0px;
	}
	#campaign_banner .osallistu:hover {	
	}
	
	#campaign_banner .osallistu-middle{
		position: absolute;
		top: 50px; 
		bottom: 50px;
		right: 50px; 
		left: 50px;
	}
	
}
@media (min-width: 992px) {

	#campaign_banner {
	  width: 785px;
	  height: 540px;
	  background: url(/modules/mod_campaignbanner/images/ruutuplus_toukokuu_785x540.jpg) no-repeat; 
	  z-index: 9001;
	}
	
	
	#campaign_banner .osallistu{
		top: 80px;
		width: 500px;
		height: 450px;
		right: 0px;
	}
	
	#campaign_banner .osallistu-middle{
		top: 50px;
		bottom: 50px;
		right: 50px;
		left: 50px;
	}

}




arvonta .arvonta-form-select-container{
	margin-top: 30px;
}

.arvonta-valinta-icon,
.arvonta-valinta-icon-check{
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 70px !important;
	min-width: 70px !important;
	max-width: 70px !important;
}
.arvonta-valinta-icon{
	
}
.arvonta-valinta-icon-check{
	display: none;
}

arvonta .suosikkikohde-item a:hover img {
    opacity: 1;
}
 
arvonta.is-animated-pre .content-row{
	background: rgba(2, 40, 96, 1);
}
arvonta.is-animated-start .content-row{
	background: rgba(2, 40, 96, 1);
	-webkit-transition:background 2s; 
	-moz-transition:background 2s;
	-o-transition:background 2s;
	transition:background 2s
}
arvonta.is-animated-end .content-row{
	background: white;
}

arvonta .arvonta-etunimi,
arvonta .arvonta-email{
	width: 150px;
}

arvonta arvonta-button{
	display: block;
	min-width: 30%;
	max-width: 50%; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 5px 40px 5px 40px;
	background-color: #39bded;
	color: white;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

.arvonta-ehdot-container{
	display: block;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	max-width: 80%;
	padding: 20px;
	max-height: 400px;
	overflow-y: scroll;
	position: relative;
	white-space: pre-line; 
}

.arvonta-fb-share-link-button{
	background: #4267b2;
	border: 1px solid #4267b2;
	color: #fff;
	cursor: pointer;
	border-radius: 4px;
	padding: 6px 66px 6px 66px; 
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	margin-top: 20px;
	display: inline-block;
	font-size: 13px;
}
.arvonta-fb-share-link-button img{
	margin-bottom: -3px; 
}

a.arvonta-ehdot{
	text-decoration: none;
	color: #2582b0;
}

 
a.link-style-wide-noticebar{
	display: flex;
	align-items: center;
	justify-content: center;  
	
	background: url('/templates/matkapojat2018/img/arvonta_palkki_oikeanuoli.png');
	background-repeat: no-repeat;
	background-position: center right;
	height: 90px; /* IE centering needs this */
	min-height: 90px;
	max-height: 90px;
	font-weight: bold;
	font-size: 26px;
	font-family: Raleway;
	text-decoration: none;
	color: white;
	text-align: center;
	
	padding-right: 80px;
	padding-left: 20px; 
	
}
.template-koontisivu p a.link-style-wide-noticebar{
	color: white !important; 
}
.template-koontisivu p a.link-style-wide-noticebar:hover{
	color: white !important;
}

.arvonta-ehdot-input{
	-moz-appearance: checkbox;
	-webkit-appearance: checkbox;
}

@media all and (max-width: 799px) {
	
	a.link-style-wide-noticebar{
		/* background-size: 50%;
		min-height: 45px;
		max-height: 45px;
		line-height: 45px; */
		font-size: 18px;    
	}
	
	.arvonta-mobile-block{
		display: block;  
		margin: 8px;
	}
	.arvonta-mobile-block span{
		min-width: 60px;
		display: inline-block;
	}
	
}

.open-search-overlay-toggle{
color: rgb(7, 60, 119);
margin-left: 10px;
border-radius: 12px;
text-align: center;
width: 108px;
padding: 3px 8px;
background-color: white;
text-decoration: none;
font-weight: bold;
font-size: 15px;
display: inline-block;
cursor: pointer;
} 
.open-search-overlay-toggle img{
height: 22px;
margin-right: 12px;
margin-bottom: -6px;
}

#mp-search-overlay-container{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 2000;
}
mp-search-overlay{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #0000004d;	
}

mp-search-element{
	display: block;
	width: 1140px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

mp-search-bar,
mp-search-results-element{
	display: block;
	width: 525px;
	background: white;
	border-radius: 12px; 
	margin-bottom: 5px;
	min-height: 32px;
	margin-left: auto;
	position: relative;
}
mp-search-bar{
	margin-top: 15px !important; /* global first-child styling too dominating, refactoring suggested */ 
	display: flex;
	flex-direction: row;
	align-items: center;
	
	
}
mp-search-bar input{
flex-grow: 1;
margin-left: 30px;
border: none;
color: #5c5c5c;
font-size: 16px;
}
mp-search-bar img{
height: 22px;
margin-right: 8px;
}
mp-search-bar label{
font-weight: bold;
color: rgb(7, 60, 119);
margin-right: 38px;
/* font-size: 12px; */
}

mp-search-results-element{
	
}

mp-search-results-element mp-search-close{
	color: black;
	opacity: 0.5;
	border: 1px solid black;
	font-size: 12px;
	border-radius: 20px;
	display: block;
	position: absolute;
	top: 7px;
	right: 10px;
	width: 16px;
	height: 16px;
	line-height: 15px;
	text-align: center;
	cursor: pointer;
	transform: scale(0.75);
}

mp-search-results{
	display: flex;
	flex-direction: column;
	max-height: 500px; /* percent of screen height? */
max-height: 900px;
overflow-y: hidden;
	
	padding-left: 30px;
	padding-right: 30px;
}

mp-search-results .infosivu-search-result{
	padding-bottom: 12px;
	border-bottom: 1px solid #bcbcbc;
	margin-bottom: 13px;
}

mp-search-results .infosivu-search-result:first-child{
	padding-top: 40px;
}
mp-search-results .infosivu-search-result:last-child{
	border-bottom: 0px solid transparent;
}

mp-search-results .infosivu-search-result mini-esittely-search-result{
	display: flex;
	flex-direction: row;
}

mp-search-results .infosivu-search-result mini-esittely-search-result img{
	height: 130px;
	width: 200px;
	margin-right: 25px;
}

.infosivu-esittely-search-results-texts{
	height: 132px;
	overflow: hidden;
}
.infosivu-esittely-search-results-texts h4{
	line-height: 14px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; 
	margin: 0px 0px 0px 0px;
}
.infosivu-esittely-search-results-texts p{
	line-height: 14px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    margin-bottom: 4px;
    margin-top: 1px;
}
.infosivu-esittely-search-results-texts .infosivu-search-result-title{
	text-decoration: underline;
	font-size: 17px;
}

/* mobile */
search-icon-placeholder-mobile{
	/* background: #3ebfed; */
	width: 70px;
	height: 55px;
	position: absolute;
	top: 0;
	right: 118px;
	float: right;
	line-height: 120%;
	text-align: center;
	padding-top: 7px;
	margin: 0 auto;
	background-image: url('/templates/matkapojat2018/img/etsi_suurennuslasi_50x50.png');
	background-repeat: no-repeat;
	background-position: center center;
	
	display: none;
}

@media all and (max-width: 850px) {
	.open-search-overlay-toggle ttt{
		display: none;
	}
	.open-search-overlay-toggle{
		width: 24px;
	}
}



.infosivu-esittely-ingressi-texts.has-increased-visibility-ball{
	position: relative;	
	min-height: 140px;
}
.infosivu-esittely-ingressi-texts.has-increased-visibility-ball p{
	max-width: 50%;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
increased-visibility-ball{
	position: absolute; 
	right: 10%;
	top: 3%;
	
	display: flex;
	flex-direction: column;
	
	align-items: center;
	justify-content: center;
	text-align: center;
	
	border-radius: 200px;
	background-color: rgb(214, 55, 87);
	width: 118px;
	height: 118px; 
	
	animation: fadein 2s;
}

increased-visibility-ball ballrow{
	display: inline-block;
	color: white;
	font-size: 24px;
	margin: 3px; 
}
/*
.increased-menu-visibility a:after{
	content: 'Uutuus!';
	float: right;
	color: red;
	text-decoration: underline; 
}
*/ 

.increased-menu-visibility a:after{
	display: table;
	clear: both;
	content: "";
}
.increased-menu-visibility a span.increased-visibility{
	display: inline-block;
	float: right;
	color: rgb(214, 55, 87);
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 12px; 
	margin-right: 20px; 
	margin-left: 5px;
	font-weight: bold;
}


@media all and (max-width: 799px) {
	
	li.increased-menu-visibility a span.increased-visibility{
		display: none;
	}
	
	/*
	li.increased-menu-visibility{
		background-image: url('/templates/matkapojat2018/img/uutuus_huomio_mobiili.png') !important;
		background-repeat: no-repeat !important;
		background-position: 5px center !important;
		background-size: 32px 32px !important;
	}
	*/
}




#footer-logo-container{
/*
    display: flex;
    justify-content: center;
    border-top: 1px solid #09396f;
    margin-top: 20px;
    padding-top: 20px;
    align-items: center;	
    */
    
    display: flex;
    justify-content: center;
    border-top: 1px solid #09396f;
    margin-top: 20px;
    padding-top: 20px;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 20px;
    background-color: #022860;
    background-color: white;
}

#footer-logo-container img{
	width: 200px;
	margin: 0px 10px;
}

@media all and (max-width: 799px) {
.footer-vertical-links {
    /* position: absolute; */
    /* bottom: 330px; */
    /* max-width: 300px; */
}
}


.kampanja-popup img{
	max-width: 100%; 
}

@media (min-width: 0px) {

	.kampanja-popup {
	  position: relative;
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  width: 285px;
	  height: 360px;	
	  
	  background-color: #fff6;
	  background-size: contain; 
	  z-index: 9001;
	}
	
	.kampanja-popup .mfp-close{
		color: transparent !important;
		opacity: 0.1;
		width: 100px;
		height: 50px;
	}
	
	.kampanja-popup .osallistu{
		position: absolute;
		top: 80px;
		width: 250px;
		height: 300px;
		right: 0px;
	}
	.kampanja-popup .osallistu:hover {	
	}
	
	.kampanja-popup .osallistu-middle{
		position: absolute;
		top: 50px; 
		bottom: 50px;
		right: 50px; 
		left: 50px;
	}
	
	.kampanja-popup-img-desktop{
		display: none;
	}
	
}
@media (min-width: 992px) {

	.kampanja-popup {
	  width: 785px;
	  height: 540px;
	   
	  z-index: 9001;
	}
	
	
	.kampanja-popup .osallistu{
		top: 80px;
		width: 500px;
		height: 450px;
		right: 0px;
	}
	
	.kampanja-popup .osallistu-middle{
		top: 50px;
		bottom: 50px;
		right: 50px;
		left: 50px;
	}
	
	.kampanja-popup-img-mobile{
		display: none;  
	}
	.kampanja-popup-img-desktop{
		display: block; 
	}

}


.mp-cookie-manager{
	background: white;
	opacity: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.mp-cookie-manager .mp-cookie-manager-details, 
.mp-cookie-manager .mp-cookie-manager-basic
{
	margin: 25px;
	overflow-y: auto;
}

.mp-cookie-manager p{
	margin-bottom: 20px;
}

.mp-cookie-manager .mp-cookie-manager-details{
	display: none;
}
.mp-cookie-manager .mp-cookie-manager-button-limit{
	display: none;
}

.mp-cookie-manager .mp-cookie-manager-buttons{
	/* 
	border-top: 2px solid blue;
	border-color: #022860;
	*/
	padding: 20px;
	display: flex;
    	justify-content: flex-end;

   	background: #022860;
}

.mp-cookie-manager .mp-cookie-manager-buttons button,
.mp-cookie-manager .mp-cookie-manager-single-button{
	font-size: 14px;
	font-weight: bold;
	color: white;
	margin-left:25px;
	padding: 20px;
	min-width: 150px;

	border-radius: 30px;
    	border: none;

    	white-space: nowrap;
	text-transform: uppercase;
}
.mp-cookie-manager .mp-cookie-manager-single-button{
	background: #6b6b6b;
	display: flex;
    	align-items: center;
}
.mp-cookie-manager .mp-cookie-manager-single-button:hover{
	opacity: 0.8;
}

.mp-cookie-manager .mp-cookie-manager-buttons button.mp-cookie-manager-button-ok,
.mp-cookie-manager .mp-cookie-manager-allow-consent{
	background: rgba(62, 191, 237, 1);
	background: #00b07b;
}
.mp-cookie-manager .mp-cookie-manager-buttons button.mp-cookie-manager-button-ok:hover{
	/* background: rgba(42, 210, 201, 1); */
	background: #05d194;
}


.mp-cookie-manager .mp-cookie-manager-buttons button.mp-cookie-manager-button-details,
.mp-cookie-manager .mp-cookie-manager-buttons button.mp-cookie-manager-button-limit{
	color: black;
   	color: #022860;
}
.mp-cookie-manager .mp-cookie-manager-buttons button.mp-cookie-manager-button-limit{
	min-width: 320px;
}

.mp-cookie-manager .mp-cookie-manager-single-button-area{
	display: flex;
	border-bottom: 1px solid gray;
	padding: 15px;
	justify-content: right;
}
.mp-cookie-manager .mp-cookie-manager-single-button-necessary{
	background: rgba(62, 191, 237, 1);
	background: #00b07b;
}

.mp-cookie-manager .mp-cookie-manager-valinta-icon{
	padding-left: 7px;
	width: 32px;
	margin-top: -10px;
	margin-bottom: -10px;
}
.mp-cookie-manager .mp-cookie-manager-valinta-icon-check{
	width: 32px;
	margin-left: -32px;
	display: none;
	margin-top: -10px;
	margin-bottom: -10px;
}
.mp-cookie-manager .mp-cookie-manager-single-button-necessary .mp-cookie-manager-valinta-icon-check,
.mp-cookie-manager .mp-cookie-manager-allow-consent .mp-cookie-manager-valinta-icon-check{
	display: block;
}

.mp-cookie-manager .mfp-close{
	color: #464646 !important;
    opacity: 0.7;
    opacity: 1;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

/* centering test */
/*
.mp-cookie-manager{
	text-align: center;
}
.mp-cookie-manager .mp-cookie-manager-buttons{
	justify-content: center;
}
*/


@media (min-width: 992px){
	.mp-cookie-manager {
    		height: 455px;
	}

	.mp-cookie-manager .mp-cookie-manager-desktop-only{
		
	}
	.mp-cookie-manager .mp-cookie-manager-mobile-only{
		display: none;
	}
}


@media (max-width: 991px){

	.mp-cookie-manager .mp-cookie-manager-desktop-only{
		display: none;
	}
	.mp-cookie-manager .mp-cookie-manager-mobile-only{
		
	}

	.mp-cookie-manager .mp-cookie-manager-buttons{
		flex-direction: column-reverse;
	}
	.mp-cookie-manager .mp-cookie-manager-buttons button, .mp-cookie-manager .mp-cookie-manager-single-button {
		margin-left: 0px;
		margin: 0px -3px;
	}
	.mp-cookie-manager h2{
        font-size: 19px;
        font-weight: 600;
        border-bottom: 2px solid #3ebfed;
        padding-bottom: 4px;
        margin-bottom: 24px;
	}
	.mp-cookie-manager .mp-cookie-manager-buttons button.mp-cookie-manager-button-ok{
		margin-bottom: 10px;
	}
	.mp-cookie-manager .mp-cookie-manager-single-button-necessary,
	.mp-cookie-manager .mp-cookie-manager-single-button-functional,
	.mp-cookie-manager .mp-cookie-manager-single-button-statistical,
	.mp-cookie-manager .mp-cookie-manager-single-button-marketing
	{
		white-space: normal;
		min-width: 194px;
	}
	.mp-cookie-manager .mp-cookie-manager-buttons button.mp-cookie-manager-button-limit{
		min-width: 0px;
	}
	.mp-cookie-manager .mp-cookie-manager-single-button-necessary{
    		height: 56px;
    		font-size: 12.5px;
	}
	.mp-cookie-manager .mp-cookie-manager-single-button span{
		width: 118px;
	}
}


.etusivu-someruudut .some-yt .some-icon {
    background: transparent url(../img/footer-yt.png) no-repeat center center;
}


.some-frame.yt-feed iframe{
	width: 100%;
}

@media all and (min-width: 800px) {
	.some-frame.yt-feed iframe{
		height: 230px;	
	}
}
@media all and (min-width: 900px) {
	.some-frame.yt-feed iframe{
		height: 290px;	
	}
}
@media all and (min-width: 1000px) {
	.some-frame.yt-feed iframe{
		height: 340px;	
	}
}
@media all and (min-width: 1100px) {
	.some-frame.yt-feed iframe{
		height: 360px;	
	}
}
@media all and (min-width: 1200px) {
	.some-frame.yt-feed iframe{
		height: 390px;	
	}
}


@media all and (max-width: 799px) {
	.some-frame.yt-feed iframe{
		/* height: 686px; */	
	}
/*}
@media all and (max-width: 640px) {
*/
	.some-frame.yt-feed iframe{
		height: auto;	
	}
	.some-frame.yt-feed{
		height: 100%;
		padding-bottom: 0px;
	}
}


.hoverblock-show-more {
    display: block;
    position: absolute;
    bottom: 0;
    
    cursor: pointer;

    color: #022860;
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: 5px;
    /* background: rgb(137 224 255); */
    /* border-bottom: 1px dashed gray; */

    /*
    color: white;
    background: #022860;
    */

    transition: background 0.3s;

}
.hoverblock-show-more:hover {
    background: rgb(177, 234, 255);
    background-color: #bdeeffba;
    border-radius: 8px;
}

hoverblock li.menu-level-2 ul.menu-level-3{
    display:none;  /* for demo disable */
}
hoverblock li.menu-level-2 li.menu-level-3.expanded ul.menu-level-3,
hoverblock li.menu-level-2 li.menu-level-3.menu-child-count-0 ul.menu-level-3
/* hoverblock li.menu-level-2 li.menu-level-3.menu-child-count-1 ul.menu-level-3 */  /* for demo, muista pilkku */
/* hoverblock li.menu-level-2 li.menu-level-3.menu-child-count-2 ul.menu-level-3 */ /* for demo */
{
    display:block;
}

/*
background: transparent url(../img/mob-navi-plussa.png) no-repeat right 10px center;
background: transparent url(../img/mob-navi-minus.png) no-repeat right 10px center;
*/
hoverblock li.menu-level-2 h.valitaso-3,
hoverblock li.menu-level-2 a.valitaso-3{ 
    background: transparent url(../img/mob-navi-plussa.png) no-repeat right 10px center !important;
}
hoverblock li.menu-level-2 .expanded h.valitaso-3,
hoverblock li.menu-level-2 .expanded a.valitaso-3{ 
    background: transparent url(../img/mob-navi-minus.png) no-repeat right 10px center !important;
}


hoverblock li.menu-level-2 h.valitaso-3:hover,
hoverblock li.menu-level-2 a.valitaso-3:hover{
    
    font-weight:bold;

    /* background-color: #ffffffc7 !important; */
    background: #ffffffc7 url(../img/mob-navi-plussa.png) no-repeat right 10px center !important;
    /* border-radius: 8px; */
    cursor: pointer;
}
hoverblock li.menu-level-2 .expanded h.valitaso-3:hover,
hoverblock li.menu-level-2 .expanded a.valitaso-3:hover{
    background: #ffffffc7 url(../img/mob-navi-minus.png) no-repeat right 10px center !important;
}


li.menu-level-3>a.menuitem:hover, li.menu-level-3.is-current-menuitem>a.menuitem, li.menu-level-4 a.menuitem:hover, li.menu-level-4.is-current-menuitem a.menuitem {
    background: transparent url(../img/mainnavi-haka-sin.png) no-repeat left top;
    font-weight: normal;
    background-color: #bdeeffba;
    background-color: #ffffffc7;
    /* border-radius: 8px; */
    color: #022860;
}.its-test .its-test { display: none; }

/* TABLETTIKOOT */
@media all and (max-width: 1200px) {
}
@media all and (max-width: 1000px) {
}
@media all and (max-width: 900px) {
}

/* VAIN MOBIILI */
@media all and (max-width: 799px) {

	.navi-nuoli{
		display: none !important;
	}
	
	.slicknav_menu .slicknav_nav a.valitaso{
		background-image: none !important;
		border-bottom: none !important;
		
	}
	.slicknav_nav>.slicknav_nav>.slicknav_parent>.slicknav_item>a.valitaso{
		
	}
	.slicknav_menu .slicknav_nav .slicknav_parent a.valitaso{
		
	}
	.slicknav_menu .slicknav_nav .slicknav_parent .slicknav_parent .slicknav_parent a.valitaso{
		font-weight: normal; 
		text-transform: none;
	}
	.slicknav_menu a.valitaso.valitaso-2{
		font-weight: normal; 
	}
	.slicknav_menu .slicknav_nav .slicknav_parent .slicknav_parent a.valitaso:hover{
		color: #3ebfed;
		font-weight: normal;
	}

}



.menu-level-1>a{
	color: white;
	text-decoration: none; 
}

.menu-level-2 a.valitaso-2{
	text-decoration: none;
}
.menu-level-2 a.valitaso-2:hover{
	color: #3ebfed; 
}




.slicknav_nav a.mobile-inject-top-link{
	/* background-image: none !important; */
	background: #247daf url('../img/mob-navi-nuoli.png') no-repeat right 10px center;
	border-bottom: 1px solid rgba(255,255,255,0.15);  
	padding: 10px 40px 10px 10px;
	font-weight: normal; 
}



















.infosivu-loading-slow-message{
	margin: 0px auto;
	display: block;
	width: 380px;
	max-width: 65%;
	background: white;
	padding: 40px;
}
.infosivu-loading-slow-message h3{
	text-align: center;
	
}



.infosivu-loading-slow-message .loader {
	margin: 0px auto;
	margin-top: 30px;
	border: 14px solid #f3f3f3;
	border-radius: 50%;
	border-top: 14px solid #0e3178;
	width: 60px;
	height: 60px;
  -webkit-animation: infosivuprebookingspin 2s linear infinite; /* Safari */
  animation: infosivuprebookingspin 2s linear infinite;
}
 
/* Safari */
@-webkit-keyframes infosivuprebookingspin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes infosivuprebookingspin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } 
}


@media (max-width: 799px){
.esittely-hintaan-sisaltyy-footer {
    display: block;
	margin-bottom: -2px;
}
.esittely-hintaan-sisaltyy-footer p{
	color: #464646;
}
.esittely-hintaan-sisaltyy-footer p a{
	color: #022860;
}
}


vaihe2-hotel-type.vastuullinen{
   display: inline-block;
   background-image: url(/templates/matkapojat2018/img/vastuullisuus_ikoni_100x100.png);
   background-size: contain;
   height: 20px;
   width: 20px;
   margin-left: 3px;
   margin-bottom: -5px;
   margin-top: -3px;
}


.infosivu-hotellit-oikea-palsta infosivu-hotelli-type.vastuullinen{
   display: inline-block;
   background-image: url(/templates/matkapojat2018/img/vastuullisuus_ikoni_100x100.png);
   background-size: contain;
	width: 34px;
    height: 34px;
    background-repeat: no-repeat;
    margin-bottom: -10px;
    margin-top: -10px;
    margin-left: 7px;
}

.rightside-kuva-container-margin-fix{
	margin-top: 15px;
}

@media all and (min-width: 1200px) {
	header-menu-container{
		display: block;
		line-height: 48px;
	}
	ul.menuwalker li:hover .navi-nuoli, ul.menuwalker>li.current-hoverblock-source .navi-nuoli, ul.menuwalker>li.parent-of-current-menuitem .navi-nuoli {
		margin: 0px;
	}
}

@media all and (min-width: 1200px) {

	matkatyyppi expandable,
	matkakohde expandable{
	display: block;
    	overflow-y: auto;
    	max-height: 310px;
    	scrollbar-color: #00b8ff #005180;
	}

}