/* 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%;
}