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