:root {
    --darkred: #C83535;
    --darkblue: #00395D;
    --mainblack: #1D1D1B;
    --mediumGray: #9A9FA3;
}
@font-face {
    font-family: Simple-BoldObliqueTitling;
    src: url(../fonts/simplbot-webfont.woff);
}
@font-face {
    font-family: Simple-BoldTitling;
    src: url(../fonts/simplebt-webfont.woff);
}
@font-face {
    font-family: Simple-Bold;
    src: url(../fonts/simple-b-webfont.woff);
}
@font-face {
    font-family: Simple-Regular;
    src: url(../fonts/simple-r-webfont.woff);
}
body {
    font-family: 'Roboto', sans-serif !important;
}
h1,
.transportation h4,
footer .footer-phone p,
.news h2,
.history h2,
.ellamaa-sada h2,
.ellamaa-sada h3,
.ellamaa-sada h4 {
    font-family: 'Simple-BoldTitling', sans-serif;
}
.select-language a,
footer .rowTwo p,
footer .rowTwo a {
    font-size: 0.75em;
    line-height: 14px;
}
.header-description,
.covid h6,
.feedback-item p,
.document-item p,
.contact p{
    font-size: 1.125em;
    line-height: 150%;
}
a,
.hamburger-container {
    cursor: pointer;
}
.bread-crumb {
    margin: 20px 0;
    color: rgba(29, 29, 27, 0.5);
}
.bread-crumb a, .bread-crumb a:hover {
    color: rgba(29, 29, 27, 0.5);
    text-decoration: none;
}
.select-language .main-language,
.contact form .btn-arrow,
.service-item-text button,
.document-item button,
.news button {
    background: white;
    border: 1px solid rgba(200, 53, 53, 0.3) !important;
    border-radius: 50% !important;
}
.wpml-ls-item-toggle {
    background: white !important;
    border: 1px solid rgba(200, 53, 53, 0.3) !important;
    border-radius: 50% !important;
}
.news button,
.social,
.contact form .btn-arrow,
.service-item-text button,
.document-item button {
    height: 40px;
    width: 40px;
}
.ticket svg,
.service-item .svg-bg {
    filter: drop-shadow(10px 14px 50px rgb(0 0 0 / 0.08));
}
nav,
nav .language-small-menu,
nav .museum-small-menu,
.feedback-item,
.document-item {
    box-shadow: 10px 14px 50px rgba(0, 0, 0, 0.08);

}
.blue {
    color: var(--darkblue);
}
.red {
    color: #FFFFFF;
    -webkit-text-stroke: 4px var(--darkred);
}
.feedback h1, .services h1, .contact h1, .momu-garden h1, .documents h1 {
    font-size: 3.75em;
    line-height: 55px;
    color: #FFFFFF;
    -webkit-text-stroke: 3px var(--darkblue);
    margin-bottom: 76px;
}
.covid h1 {
    font-size: 3.75em;
    line-height: 55px;
    color: #FFFFFF;
    -webkit-text-stroke: 3px var(--darkred);
    margin-bottom: 30px;
}
button:focus,
button:focus-visible,
.hamburger-container:focus-visible,
.contact input:focus-visible,
.contact textarea:focus-visible,
.scroll-down-btn:focus-visible,
.scroll-down-btn:focus{
    outline: none !important;
}
.saturday-sunday p.blue,
.small-menu a,
.news span,
.news h6,
.news-story span,
.feedback-item span,
.service-item-text h6,
.document-item h6,
.contact h6,
footer li {
    font-size: 0.875em;
    line-height: 16px;
  
}
.news img,
.news-story img,
.history img,
.ellamaa-sada img,
.exhibits img,
.momu-garden .garden-gallery .col-12,
.momu-garden .garden-gallery .col-xl-6{
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.history,
.ellamaa-sada,
.exhibits,
.news,
.news-stories,
.documents,
.feedback,
.momu-garden,
.services,
.contact-container,
.covid-container
{
    top: 100px;
    position: relative;
    margin-bottom: 100px;
}
.momu-garden,
.container.documents,
.container.feedback,
.container.news-stories{
	padding-top: 60px;
}
.no-underline {
	text-decoration: none !important;
}
.small-menu {
    top: 100px;
    position: relative;
}
/**************NAVBAR**************/
nav {
    height: 100px;
    position: fixed !important;
    background: white;
    width: 100%;
    z-index: 1000;
    top: 0;
}
nav .container-fluid {
    max-width: 1440px;
    padding: 0 76px;
}
.nav-items {
    display: flex;
    flex-direction: row;
}
nav .nav-item {
    margin: auto 25px;
}
nav .nav-item:last-child {
    margin-right: 0;
}
nav a, .select-language a, .my-custom-item-class a {
    color: var(--mainblack);
}
nav svg {
    margin-left: 10px;
}
.nav-items .menu {
    display: flex;
    flex-direction: row;
    margin: auto 25px;
}
/**************Navbar language selection & about museum menu**************/
.select-language{
    width: 50px;
    height: 80px;
    position: relative;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
  color: var(--darkred) !important;
}

.wpml-ls-legacy-dropdown a {
  color: var(--mainblack);
  height: 50px;
  width: 50px;
  width: 100%;
  text-align: center;
  padding-top: 17px
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    padding: 0 !important;
}
nav a:hover, .select-language a:hover {
    color: var(--darkred) !important;
    text-decoration: none;
}
wpml-ls-legacy-dropdown a span {
  vertical-align: inherit !important;
}

nav .language-small-menu, nav .museum-small-menu {
    border-top: 1px solid var(--darkred);
    position: absolute;
    top: 89px;
    background: white;
    z-index: 10;
    padding: 50px;
    display: none;
}

nav .language-small-menu, .wpml-ls-sub-menu {
    box-shadow: 10px 14px 50px rgb(0 0 0 / 8%);
    width: 130px;
  
}
nav .museum-small-menu  {
    height: 334px;
    width: 365px;
    left: -110px;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    color: var(--darkred) !important;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#museumSmallMenu {
    justify-content: center;
}
.language-small-menu:before, .language-small-menu:after {
    bottom: 100.2%;
}
.museum-small-menu:before, .museum-small-menu:after {
    bottom: 100.1%;
}
.museum-small-menu:before, .museum-small-menu:after,
.language-small-menu:before, .language-small-menu:after {
    content: '';
    display: block;
    position: absolute;
    border: 11px solid transparent;
}
.museum-small-menu:before, .museum-small-menu:after {
    left: 183px;
}
.museum-small-menu:before, .language-small-menu:before {
    border-bottom-color: var(--darkred);
}
.museum-small-menu:after, .language-small-menu:after {
    border-bottom-color: #fff;
    top: -21.5px;
}
.language-small-menu:before, .language-small-menu:after {
    left: 55px;
}
nav .museum-small-menu a, nav .language-small-menu a {
    margin: 12px auto;
    line-height: 19px;
    font-size: 1em;
    display: block;
    text-align: center;
}

nav .museum-small-menu a {
    line-height: 30px !important;
}

nav .museum-small-menu a:first-of-type, nav .language-small-menu a:first-of-type {
    margin-top: 0;
}

nav ul {

    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menu-engmenuu {
  display: inherit;
}
.nav-item {
	position: relative;
}
.menu-item-has-children > a {
	position: relative;
	padding-right: 18px;
}
.menu-item-has-children > a:before {
	content: "";
	display: block;
	width: 10px;
	height: 6px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
	top: calc(50% - 3px);
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6L0 6.05682e-07L10 0L5 6Z' fill='%23C83535'%3E%3C/path%3E%3C/svg%3E");
	transform: rotate(0deg);
    transition: 0.2s ease 0.3s;
}
.menu-item-has-children > .sub-menu {
	border-top: 1px solid var(--darkred);
    position: absolute;
    top: 60px;
    background: white;
    z-index: 10;
    padding: 50px;
	box-shadow: 10px 14px 50px rgba(0,0,0,0.08);
	left: 50%;
    transform: translate(-50%, 0);
	text-align: center;
	width: 365px;
	max-width: 100vw;
	visibility: hidden;
	opacity: 0;
	transition: 0.4s ease 0.3s;
	flex-direction: column;
}
.menu-item-has-children:hover > .sub-menu {
	visibility: visible;
	opacity: 1;
	transition: 0.3s ease 0.3s;
}
.menu-item-has-children > .sub-menu a {
	margin: 12px auto;
    line-height: 22px;
    font-size: 16px;
    display: block;
    text-align: center;
}
.menu-item-has-children > .sub-menu li:first-child a {
	margin-top: 0;
}
.menu-item-has-children > .sub-menu:before {
	content: '';
    display: block;
    position: absolute;
    border: 11px solid transparent;
	border-bottom-color: var(--darkred);
	left: 50%;
    transform: translate(-50%, 0);
    top: -22.5px;
}
.menu-item-has-children > .sub-menu:after {
	content: '';
    display: block;
    position: absolute;
    border: 11px solid transparent;
	border-bottom-color: #fff;
    top: -21.5px;
    left: 50%;
    transform: translate(-50%, 0);
}
.menu-item-has-children.active > a:before {
	transform: rotate(180deg);
    transition: 0.2s ease 0.3s;
}
.wpml-ls-sub-menu {
    margin-top: -10px !important;
}
.wpml-ls-sub-menu::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    border: 11px solid transparent !important;
    border-bottom-color: var(--darkred) !important;
    left: 50%;
    transform: translate(-50%, 0);
    top: -22.5px;
}
.wpml-ls-sub-menu::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    border: 11px solid transparent !important;
    border-bottom-color: #fff !important;
    top: -20.5px !important;
    left: 50% !important;
    transform: translate(-50%, 0);
}

@media (max-width: 991px) {
	#languageContainer .wpml-ls-legacy-dropdown {
		display: none !important;
	}
	#languageContainer {
		background: #fff;
		border-top: 1px solid rgba(29,29,27,0.20);
	}
	.lang-switch.mobile-langs {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
	}
	.lang-switch.mobile-langs .menu-item {
		padding: 0 40px;
	}
	.lang-switch.mobile-langs .menu-item.active a {
		color: #C83535;
	}
	.menu-item-has-children > .sub-menu:after,
	.menu-item-has-children > .sub-menu:before {
		content: none;
		display: none;
	}
	.menu-item-has-children > .sub-menu a {
		font-size: 22px;
	}
	.menu-item-has-children > .sub-menu li {
		overflow: hidden;
	}
	body .nav-items .menu {
		flex-direction: column;
		text-align: center;
	}
	.menu-item-has-children:not(.active) > .sub-menu {
		display: none;
	}
	.menu-item-has-children > .sub-menu {
		margin-top: 30px;
		opacity: 1;
		visibility: visible;
	}
	
	.menu-item-has-children.active > .sub-menu {
		position: relative;
		top: 10px;
		left: 0;
		transform: none;
		padding: 0;
		border: 0;
		box-shadow: none;
	}
	.menu-item-has-children.active > .sub-menu li:last-child {
		margin-bottom: 0!important;


  .nav ul
    display: block;
	}
	
	.menu-item-has-children.active > a:before,
	.menu-item-has-children > a:before{
		transition: 0.2s ease;
	}
}
@media (min-width: 992px) {
	.lang-switch.mobile-langs {
		display: none;
	}
}
/**************Navbar mobile menu**************/
.hamburger-container {
    display: none;
}
#mobileMenu {
    display: flex;
}
.hamburger,
.hamburger::after,
.hamburger::before {
    width: 20px;
    height: 1px;
    padding: 0;
    background: var(--darkred);
}
.hamburger {
    border: none;
    position: relative;
    z-index: 5;
    display:block;
}
.hamburger::after,
.hamburger::before {
    content: '';
    position: absolute;
    left: 0;
}
.hamburger::after {
    top: 7px;
}
.hamburger::before {
    top: -7px;
}
/**************FRONTPAGE**************/
#frontPageContent {
    padding-top: 125px;
}
/**************HEADER**************/
.header, .header-car, .scroll-down-btn {
    position: relative;
}
.header {
    top: 100px;
}
.header h1 {
    font-size: 5em;
    line-height: 74px;
    margin: auto 30px 30px 0;
    letter-spacing: -4px;
}
.header-text {
    flex-direction: row;
    padding-top: 120px;
}
.header-background {
    height: 600px;
    object-fit: cover;
    z-index: -100;
}
.header-car {
    right: -52px;
    top: -20px;
    height: auto;
    max-width: 926px;
    width: 100%;
}
.description-button {
    flex-direction: row;
}
.header-description {
    font-family: 'Simple-Regular', sans-serif;
    color: var(--mainblack);
    width: 51%;
}
.scroll-down-btn {
    width: 100px;
    height: 100px;
    background: #FFFFFF;
    border-radius: 50%;
    border: none;
    right: -55px;
    top: 115px;
    z-index: 10;
}
.scroll-down-btn .svg-text {
    transform: rotate(215deg);
}
.scroll-down-btn .svg-arrow {
    position: absolute;
    right: 45%;
    top: 40%;
}
text {
    fill: var(--darkred);
    letter-spacing: 8px;
    font-size: 3.4375em;
}
/**************FRONT PAGE OPENING TIMES**************/
.opening-times {
    margin-bottom: 84px;
}
.opening-times svg {
    position: absolute;
    top: -10px;
}
.saturday-sunday h2 {
    margin: 0 10px 0 0 !important;
}
.monday-friday h2, .saturday-sunday h2 {
    font-family: 'Simple-BoldObliqueTitling', sans-serif;
    font-size: 3em;
}
.opening-times p {
    width: 55%;
}
.saturday-sunday p.blue {
    width: 120px;
    margin: 0;
}
/**************TICKET PRICES**************/
.ticket-information, .ticket p {
    position: relative;
}
.tickets {
    justify-content: space-between;
    flex-direction: row;
}
.ticket {
    margin-bottom: 40px;
    height: 252px;
}
.ticket svg {
    filter: drop-shadow(10px 14px 50px rgb(0 0 0 / 0.08));
}
.ticket-information {
    top: -100%;
    height: 100%;
}
.ticket p {
    width: 10%;
    margin: auto;
    font-size: 1.125em;
    line-height: 21px;
    color: var(--mainblack);
    min-height: 140px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.ticket hr {
    border-top: 2px dashed #E4E4E4;
    width: 178px;
}
.ticket .price, .ticket h3 {
    width: 84.7%;
}
.ticket h3 {
    color: var(--darkred);
    font-size: 2.5em;
    line-height: 37px;
    font-family: 'Simple-Bold', sans-serif;
}

/**************TRANSPORTATION**************/
.transportation {
    margin: 100px auto;
}
#googleMap {
    width: 100%;
    height: 386px;
    filter: grayscale(100%);
    border-radius: 20px;
}
.transportation h4 {
    font-size: 2em;
    line-height: 22px;
}
.transportation a {
    text-decoration: underline;
    font-weight: 600;
}
.transportation a:hover {
    color: var(--darkblue);
}
.transportation p {
    border-left: 1px solid var(--darkred);
    padding-left: 20px;
    margin: 30px auto 50px;
}
/**************PAGE SMALL MENU**************/
.small-menu {
    height: 60px;
    border-bottom: 1px solid rgba(29, 29, 27, 0.1);
    justify-content: center;
}
.small-menu a {
    color: rgba(29, 29, 27, 0.5) !important;
    padding: 0 30px;
    height: 100%;
    display: flex;
    align-items: center;
}
.small-menu a:hover {
    text-decoration: none;
}
.small-menu a.active {
    color: var(--darkblue) !important;
    border-bottom: 4px solid var(--darkblue);
    position: relative;
    top: 2px;
}

/**************NEWS**************/
.news {
    max-width: 654px !important;
}
.news img {
    height: auto;
}
.news h2 {
    font-size: 1.75em;
    line-height: 140%;
    margin: 20px auto;
}
.news span,
.news-story span {
    color: var(--mediumGray);
}
.news p.font-italic {
    color: var(--mainblack);
    overflow: hidden;
}
.news .red-arrow-btn {
    width: fit-content;
}
.news h6 {
    color: var(--darkred);
}
.news .news-item {
    margin-bottom: 80px;
}
.news .news-item a:hover {
    text-decoration: none;
    color: var(--darkblue)
}
.news .news-item .post-date {
	margin-bottom: 15px;
    display: block;
}
/**************NEWS STORY**************/
.news-stories {
    max-width: 800px !important;
}
.news-story h1 {
    font-size: 2.5em;
    line-height: 130%;
}
.news-story img {
    height: auto;
    margin: 30px auto;
}
.news-story h6, .momu-garden h6 {
    color: #303037;
    font-size: 1em;
    line-height: 24px;
}
.news-story .social:nth-of-type(1),
.momu-garden .social:nth-of-type(1){
    margin-left: 0 !important;
}
.news-story .social,
.momu-garden .social,
.contact .social {
    border: 1px solid var(--darkblue);
    background: transparent;
    border-radius: 50%;
    margin: auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.next-prev {
    font-size: 0.875em;
    line-height: 150%;
    border: none;
    background: transparent;
    margin-bottom: 100px;
}
.next-prev a, .next-prev a:hover {
    color: var(--darkred);
    text-decoration: none;
}
/**************ELLAMAA 100**************/
.ellamaa-sada {
    max-width: 1170px !important;
}
.ellamaa-sada h3 {
    font-size: 100px;
    line-height: 92px;
    -webkit-text-stroke: 3px var(--darkred);
    color: #FFFFFF;
}
.ellamaa-sada h4 {
    font-size: 2em;
    line-height: 140%;
}
.ellamaa-sada p {
    font-size: 18px;
    line-height: 150%;
}
.ellamaa-sada-items, .ellamaa-sada .opening-text {
    margin-bottom: 100px;
}
.ellamaa-sada .col-lg-7 {
    width: 100%;
    max-width: 570px !important;
}
.ellamaa-sada .col-lg-11 {
    margin-bottom: 60px;
}
.ellamaa-sada .main-image img {
    height: 100% !important;
    width: 100% !important;
    max-height: initial !important;
}
.ellamaa-sada img {
    width: 470px !important;
    height: 360px !important;
    float: right;
}
.ellamaa-sada hr {
    width: 4px;
    position: absolute;
    height: 99%;
    top: 7px;
    margin: 0;
    left: 42px;
    background: repeating-linear-gradient(180deg,#EAEAEA,#EAEAEA 30px,transparent 8px,transparent 60px);
}
/*grid*/
.ellamaa-sada .parent {
    display: grid !important;
    grid-template-columns: auto 470px;
    grid-template-rows: auto 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0;
    padding: 0 15px;
}
.div1 {
    grid-area: 1 / 1 / 2 / 2;
}
.div2 {
    position: relative;
    grid-area: 2 / 1 / 3 / 2;
}
.div3 {
    grid-area: 1 / 2 / 3 / 3;
}
.ellamaa-sada .opening-text.parent {
    grid-template-columns: auto 570px;
}
.opening-text .div1 { grid-area: 1 / 1 / 2 / 2; }
.opening-text .div2 { grid-area: 2 / 1 / 3 / 2; }
.opening-text .div3 { grid-area: 1 / 2 / 4 / 3; }
.opening-text .div4 { grid-area: 3 / 1 / 4 / 2; }
/**************HISTORY**************/
.history, .ellamaa-sada {
    margin-top: 60px;
}
.history h2, .ellamaa-sada h2 {
    font-size: 2.75em;
    line-height: 140%;
    margin-bottom: 20px;
}
.history p {
    font-size: 1.125em;
}
.history img {
    height: 100%;
}
.history .main-image img {
    max-width: 570px;
    max-height: 517px;
}

.history .history-gallery {
    width: 1340px;
    height: 355px;
    position: relative;
    left: -115px;
    display: flex;
    margin: 80px auto;
    flex-direction: row;
}
.history .history-gallery img:nth-of-type(1) {
    max-width: 455px;
    margin-right: 30px;
}
.history .history-gallery img:nth-of-type(2) {
    max-width: 270px;
    margin-right: 30px;
}
.history .history-gallery img:nth-of-type(3) {
    max-width: 370px;
    margin-right: 30px;
}
.history .history-gallery img:nth-of-type(4) {
    max-width: 155px;
}
.third-image {
    max-width: 470px;
    height: auto;
    float: right;
    margin: 80px auto 100px;
}
/**************EXHIBITS**************/
.exhibits {
    max-width: 970px;
}
.exhibits img {
    max-width: 970px;
    max-height: 517px;
    margin-bottom: 50px;
}
.exhibits img:last-of-type {
    margin-bottom: 100px;
}
/**************DOCUMENTS**************/
.documents h1 {
    text-align: center;
}
/**************MOMU GARDEN**************/
.momu-garden h1 {
    margin-bottom: 20px !important;
}
.momu-garden .text-description,
.momu-garden .garden-socials {
    max-width: 770px;
}
.momu-garden .garden-gallery .col-12,
.momu-garden .garden-gallery .col-xl-6 {
    padding: 0;
    margin-bottom: 30px;
}
.momu-garden .garden-gallery .col-12 {
    max-width: 970px;
    max-height: 505px;
}
.momu-garden .garden-gallery .col-xl-6 {
    max-width: 470px;
    max-height: 505px;
}
.momu-garden .garden-socials {
    margin-bottom: 100px;
}
.momu-garden .garden-socials button:hover {
    background: var(--darkblue);
}
.momu-garden .garden-socials button img:hover {
    fill: white;
}
/**************FEEDBACK**************/
.feedback {
    max-width: 770px !important;
}
.service-items, .document-items {
    justify-content: space-between;
}
.feedback-item, .document-item {
    height: auto;
    width: 100%;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 50px !important;
    position: relative;
    margin-bottom: 76px;
}
.document-item {
    height: 260px;
    max-width: 550px !important;
}
.feedback-item:last-of-type, .document-item:last-of-type {
    margin-bottom: 100px;
}
.feedback-item h6, .document-item h5 {
    font-size: 1.375em;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 10px;
}
.feedback-item img {
    right: 50px;
    position: absolute;
    top: -26px;
}
.document-item img {
    position: absolute;
    top: -36px;
}
.feedback-item span {
    color: rgba(29, 29, 27, 0.6);
}
.feedback-item p,
.document-item p {
    border-left: 1px solid var(--darkred);
    margin: 20px auto;
    padding-left: 20px;
}
/**************SERVICES**************/
.services {
    padding: 0 !important;
	padding-top: 60px!important;
}
.service-item {
    margin-bottom: 250px;
}
.service-item img {
    max-width: 300px;
    border-radius: 20px 20px 0 0;
    position: absolute;
}
.service-item .svg-bg {
    position: absolute;
    top: 179px;
}
.service-item-text {
    margin: 70px 50px;
    top: 179px;
}
.service-item-text h3 {
    font-size: 1.5em;
    line-height: 28px;
}
.service-item-text p {
    font-size: 0.875em;
    line-height: 150%;
    margin: 20px auto;
}
.services a:hover {
    text-decoration: none;
}
.service-item-text h6, .document-item h6  {
    color: var(--darkred);
}
/**************CONTACT**************/
.contact {
    justify-content: space-between;
    max-width: 960px;
    margin: 140px auto 100px auto !important;
}
.contact h1, .contact p:last-of-type {
    margin-bottom: 40px;
}
.contact h6 {
    color: var(--darkred);
}
.contact #googleMap {
    margin-bottom: 30px;
}
.contact p,
.contact input,
.contact textarea,
.contact input:hover::placeholder,
.contact textarea:hover::placeholder {
    color: var(--mainblack);
}
.contact input::placeholder, .contact textarea::placeholder {
    color: rgba(29, 29, 27, 0.7)
}
.contact input:hover, .contact textarea:hover {
    border-bottom: 1px solid var(--darkblue);
}
.contact input, .contact textarea {
    border: none;
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #7A878E;
    width: 635px;
}
.contact form {
    position: relative;
}
.contact form button {
    background: transparent;
    border: none;
    width: fit-content;
    position: absolute;
    right: 0;
    bottom: -40px
}
.input-wrap .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}
.input-wrap .wpcf7-form-control-wrap input:not([type="submit"]),
.input-wrap .wpcf7-form-control-wrap textarea {
	width: 100%;
}
/**************COVID**************/
.covid {
    margin: 80px auto 200px;
    justify-content: space-between;
}
.covid .bacteria {
    bottom: 0;
    right: 0;
    width: 480px !important;
}
.covid h6 {
    font-weight: 500;
    text-transform: uppercase;
    color: var(--darkred);
    margin-left: 20px;
    width: 50%;
}
.covid p {
    font-size: 18px;
    line-height: 27px;
}
/**************FOOTER**************/
footer {
  color: #FFFFFF;
  background:url(../media/footer-overlay.png) no-repeat var(--darkblue);
  width: 100%;
  margin-top: 100px;
}
footer .footer-phone p {
  font-size: 1.5em;
  line-height: 22px;
}
footer .rowOne, footer .rowTwo {
  max-width: 1070px;
}
footer .footer-logo {
  width: 150px;
  height: auto;
}
footer li {
  font-weight: 300;
  list-style: none;
  margin-bottom: 12px;
  color: inherit !important;
}
footer hr {
  background: #FFFFFF;
  opacity: 0.3;
  margin: 41px 0 0;
}
footer .social {
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin: 33px 20px;
}
footer .rowTwo p, footer .rowTwo a {
  font-weight: 300;
  margin: 0;
}
footer .footer-phone {
  padding: 0;
}
footer .footer-phone p {
  font-weight: 400;
  text-transform: uppercase;
}
footer .footer-phone svg {
  margin-right: 10px;
  margin-top: 3px;
}
footer .footer-phone li {
  margin-left: 26px;
}

@media screen and (max-width: 1439px) {
    /**************NAV**************/
    nav .container-fluid {
        padding: 0 15px;
    }
    nav .language-small-menu {
        width: 100px;
        padding: 40px 20px;
    }
    .language-small-menu:before, .language-small-menu:after {
        left: 41px;
    }
    /**************FRONTPAGE**************/
    .header-car, .scroll-down-btn {
        right: 0;
    }
    /**************HISTORY**************/
    .history .history-gallery {
        left: -41px;
        width: 1190px;
    }
    .history .history-gallery img:nth-of-type(1) {
        max-width: 350px;
        margin-right: 20px;
    }
    .history .history-gallery img:nth-of-type(2) {
        max-width: 255px;
        margin-right: 20px;
    }
    .history .history-gallery img:nth-of-type(3) {
        max-width: 370px;
        margin-right: 20px;
    }
}
@media screen and (max-width: 1251px) {
    /**************NAV**************/
    nav .nav-item {
        margin: auto 10px;
        font-size: 0.8125em;
    }
    nav .museum-small-menu {
        left: -140px;
    }
    .select-language .main-language {
        padding: 15px 12px;
    }
}
@media screen and (max-width: 1199px) {
    /**************FRONTPAGE**************/
    .header-car {
        max-width: 850px;
    }
    .scroll-down-btn {
        top: 135px;
    }
    .ticket {
        margin: 0 20px 20px;
    }
    .tickets {
        width: 90%;
        justify-content: center !important;
        margin: 0 auto !important;
    }
    /**************FOOTER**************/
    footer {
        padding: 0 60px;
    }
    footer hr {
        margin: 41px -60px 0;
    }
    /**************SERVICES**************/
    .service-item img {
        width: 80%;
    }
    .service-item .svg-bg {
        width: 95%;
        top: 140px;
    }
    .service-item-text p {
        font-size: 0.8125em;
    }
    .service-item-text {
        margin: 40px 20px;
        top: 173px;
    }
    /**************DOCUMENTS**************/
    .document-item {
        max-width: 470px !important;
        height: auto;
    }
    /**************ELLAMAA 100**************/
    .ellamaa-sada img {
        width: 100% !important;
    }
    /**************HISTORY**************/
    .history .history-gallery {
        left: 0;
        width: 100%;
        height: 300px;
    }
    .history .history-gallery img:nth-of-type(1) {
        max-width: 300px;
        margin-right: 10px;
    }
    .history .history-gallery img:nth-of-type(2) {
        max-width: 155px;
        margin-right: 10px;
    }
    .history .history-gallery img:nth-of-type(3) {
        max-width: 290px;
        margin-right: 10px;
    }
    .history .history-gallery img:nth-of-type(4) {
        max-width: 155px;
    }
    /**************COVID**************/
    .covid .bacteria {
        width: 380px !important;
    }

}
@media screen and (max-width: 991px) {
    .red {
        -webkit-text-stroke: 3px var(--darkred);
    }
    /***********NAV**********/


    .nav-logo {
        z-index: 101;
    }
    .nav-items {
        flex-direction: column !important;
        align-items: center;
    }
    nav .museum-small-menu {
        position: relative;
        left: 0;
        top: 0;
        background: transparent;
        box-shadow: none;
        border-top: none;
        padding: 10px;
        height: auto;
        z-index: 0;
    }
    .museum-small-menu:before, .museum-small-menu:after, .language-small-menu:before, .language-small-menu:after {
        display: none;
    }
    .nav-items {
        margin-bottom: 200px;
    }
    nav .nav-item {
        font-size: 1.375em;
        justify-content: center;
    }
    .nav-item {
        margin: 25px 0 !important;
    }
    #languageSmallMenu {
        height: 100%;
        display: flex;
        box-shadow: none;
        border-top: 1px solid rgba(29, 29, 27, 0.2);
        width: 100%;
        top: 0;
        flex-direction: row !important;
        padding: 0;
        position: sticky;
    }
    .select-language {
        width: 100%;
        height: 64px;
        margin: 0 !important;
        bottom: 0;
        position: fixed !important;
    }
    nav .language-small-menu a:first-of-type {
        margin: 12px auto;
    }
    .main-language {
        display: none;
    }
    /***********MOBILE NAV**********/
    #mobileMenu {
        width: 100%;
        min-height: 100vh;
        left: 0;
        background: white;
        display: none;
        overflow: scroll;
        position: absolute;
        height: 100%;
        top: 80px;
        z-index: 100;
        padding-top: 54px;
    }
    .hamburger {
        display:block;
    }
    .hamburger-container {
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 15px;
        margin: 0 auto;
        position: absolute;
        z-index: 101;
        border: 1px solid rgba(200, 53, 53, 0.2);
        border-radius: 50%;
    }
    .hamburger.close-hamburger::before {
        display: none;
    }
    .hamburger.close-hamburger {
        background: var(--darkred);
        transform: rotate(45deg);
    }
    .hamburger.close-hamburger::after {
        background: var(--darkred);
        top: 0;
        transform: rotate(90deg);
    }
    /***********FRONTPAGE**********/
    .header h1 {
        font-size: 4em;
    }
    .header-description {
        width: 90%;
    }
    .scroll-down-btn {
        top: 135px;
    }
    .header-car {
        top: 20px;
    }
    .opening-times {
        flex-direction: column;
        align-items: center;
        margin-bottom: 50px;
    }
    .opening-times .saturday-sunday {
        margin-top: 30px;
    }
    .opening-times .monday-friday {
        margin: 41px auto 32px;
    }
    .opening-times svg {
        display: none;
    }
    .transportation .col-xl-5 {
        margin: 30px auto 50px;
        padding: 0;
    }
    .transportation .col-xl-5 .col-12 {
        padding: 0;
    }
    .transportation p {
        padding-left: 0;
        border: none;
        margin: 20px auto 30px;
    }
    /***********FOOTER**********/
    footer .rowOne, footer .rowTwo {
        flex-direction: column;
        align-items: center !important;
        justify-content: center !important;
    }
    footer .rowTwo {
        margin: 30px auto;
    }
    .footer-logo {
        margin-bottom: 30px;
    }
    .footer-links {
        flex-direction: column;
        text-align: center;
    }
    .footer-links ul {
        flex-direction: column;
        margin: 0;
        padding: 0;
    }
    
    footer hr {
        margin: 10px -60px 0;
    }
    .footer-phone div {
        justify-content: center;
        margin-left: -25px;
    }
    .footer-links li, .footer-links p {
        margin-left: 0 !important;
        margin-bottom: 20px;
    }
    footer .social {
        margin: 20px;
    }

    .footer-menu {
      column-count: 1 !important;
    }


    /***********EXHIBITS**********/
    .exhibits img {
        height: 400px;
    }
    /***********MOMU GARDEN**********/
    .small-pics img, .large-pic {
        max-height: 350px !important;
    }
    .small-pics img {
        max-width: 346px !important;
    }
    .small-pics {
        margin-bottom: 0 !important;
    }
    /***********SERVICES**********/
    .service-item .svg-bg {
        top: 50px;
    }
    .service-item-text {
        top: 123px;
        margin: 30px 15px;
    }
    .service-item-text h3 {
        font-size: 1.375em;
    }
    .service-item-text h6 {
        font-size: 0.625em;
    }
    .service-item-text p {
        margin: 10px auto;
        font-size: 0.6875em;
    }
    .service-item-text button {
        width: 25px;
        height: 25px;
    }
    /***********ELLAMAA 100**********/
    .ellamaa-sada .main-image img {
        height: 500px !important;
        object-position: top;
    }
    .ellamaa-sada img {
        margin: 10px auto;
    }
    .ellamaa-sada .col-lg-7 {
        max-width: 100% !important;
    }
    /*grid*/
    .ellamaa-sada .parent {
        grid-template-columns: auto !important;
    }
    .div1 { grid-area: 1 / 1 / 2 / 2; }
    .div2 { grid-area: 3 / 1 / 4 / 2; }
    .div3 { grid-area: 2 / 1 / 3 / 2; }
    .opening-text .div3 { grid-area: 3 / 1 / 4 / 2; }
    .opening-text .div4 { grid-area: 4 / 1 / 5 / 2; }
    /***********HISTORY**********/
    .history-gallery {
        flex-wrap: wrap;
        height: auto !important;
        margin: 30px auto 0 !important;
        justify-content: space-between;
    }
    .history-gallery img {
        max-width: 330px !important;
        width: 100%;
        height: 320px;
        margin: 0 0 30px 0 !important;
    }
    .history .row {
        flex-direction: column !important;
    }
    .history .main-image img {
        max-width: initial;
        height: 350px;
    }
    .history .small-reversed {
        flex-direction: column-reverse !important;
        margin-bottom: 40px;
    }
    .history .second-image img {
        height: 350px;
        margin-bottom: 30px;
    }
    .history .third-image img {
        height: 350px;
        margin: 30px 0;
    }
    .history .small-reversed p {
        margin-bottom: 40px;
    }
    .history .third-image {
        margin: auto;
    }
    /***********COVID**********/
    .covid .bacteria {
        max-width: 345px;
        position: relative !important;
        height: 100%;
        width: 100% !important;
    }
    .covid .position-relative {
        display: flex;
        justify-content: end;
    }
    /***********DOCUMENTS**********/
    .document-items {
        justify-content: center !important;
        padding: inherit;
    }
    .document-item {
        padding: 40px 30px !important;
    }
    /***********DOCUMENTS**********/
    .contact > .col-sm-12 {
        padding: 0 !important;
    }
    .contact .col-xl-5 {
        padding-right: 30px !important;
    }
}
@media screen and (max-width: 767px) {
    /***********NAV**********/
    .nav-logo {
        width: 182px;
    }
    /***********FRONTPAGE**********/
    .header h1 {
        margin-bottom: 0;
    }
    .header-text {
        flex-direction: column !important;
        padding-top: 50px;
    }
    .description-button {
        flex-direction: column !important;
    }
    .header-description {
        margin: 10px 0;
        width: 90%;
        font-size: 1em;
    }
    .scroll-down-btn {
        width: 60px;
        height: 60px;
        top: 30px;
        left: 89%;
    }
    .scroll-down-btn .svg-arrow {
        width: 7px;
        height: 14px;
    }
    .header-car {
        top: 0;
        max-width: 600px;
    }
    .tickets {
        width: 100%;
    }
    .ticket {
        margin-bottom: 20px;
    }
    .opening-times .saturday-sunday {
        margin-top: 0;
    }
    .opening-times .monday-friday {
        margin-bottom: 0;
    }
    .saturday-sunday h2, .monday-friday h2 {
        font-size: 2.5em;
        line-height: 36px;
    }
    .transportation {
        margin-bottom: 20px;
    }
    .transportation h4 {
        font-size: 1.5em;
        line-height: 22px;
    }
    #googleMap {
        height: 410px;
    }
    .transportation .col-md-12 {
        margin-bottom: 30px;
    }
    /***********ELLAMAA 100**********/
    .ellamaa-sada {
        margin-top: 0;
    }
    .ellamaa-sada h3 {
        font-size: 4.375em;
        top: -22px;
    }
    .ellamaa-sada hr {
        left: 32px;
    }
    /***********HISTORY**********/
    .history {
        margin-top: 20px;
    }
    .history-gallery {
        flex-direction: column !important;
        left: 0 !important;
        align-items: center;
        margin-top: 50px !important;
    }
    .history-gallery img {
        margin: 0 0 30px 0 !important;
        width: 100%;
        max-width: 100% !important;
        height: 345px;
    }
    .second-image {
        margin: 20px auto 0;
    }
    .third-image {
        margin: 50px auto 30px;
    }
    .small-reversed {
        flex-direction: column-reverse;
        margin-bottom: 50px;
    }
    .history .main-image img {
        height: 254px;
    }
    /***********EXHIBITS**********/
    .exhibits img {
        height: 300px;
        margin-bottom: 30px;
    }
    /***********NEWS**********/
    .news img {
        height: 300px;
    }
    /***********MOMU GARDEN**********/
    .small-pics {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        max-height: 100% !important;
    }
    .small-pics img {
        max-width: initial !important;
    }
    /***********SERVICES**********/
    .service-items {
        justify-content: center;
    }
    .service-item .svg-bg {
        top: 150px;
    }
    .service-item-text {
        top: 200px
    }
    .service-item-text h3 {
        font-size: 1.5em;
    }
    .service-item-text p {
        margin: 20px auto;
    }
    .service-item-text h6,  .service-item-text p {
        font-size: 0.875em;
    }
    .service-item-text button {
        width: 40px;
        height: 40px;
    }
    .service-item {
        margin-bottom: 300px;
    }
    /***********CONTACT**********/

    .contact form {
        margin-top: 50px;
    }
    .contact .col-xl-5 {
        padding-right: 0 !important;
    }
}
@media screen and (max-width: 575px) {
    .contact h1,
    .covid h1,
    .services h1,
    .momu-garden h1,
    .feedback h1,
    .documents h1 {
        font-size: 3em;
    }
    .bread-crumb, .covid h6, .feedback-item p {
        font-size: 0.875em;
    }
    .covid h6, .service-items, .header-description, .tickets {
        width: 100%;
    }
    /***********NAV**********/
    .navbar {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /***********FRONTPAGE**********/
    .ticket {
        height: 200px;
        margin: 0 6px 20px;
    }
    .ticket-information {
        top: -130%;
    }
    .ticket svg {
        width: 160px;
    }
    .ticket p {
        min-height: 120px;
        top: 30px;
    }
    .ticket hr {
        width: 135px;
    }
    .ticket .price img {
        width: 20px;
    }

    .header-description {
        font-size: 1em;
        line-height: 150%;
    }
    .scroll-down-btn {
        width: 48px;
        height: 48px;
        top: 25px;
    }
    .scroll-down-btn .svg-text {
        width: 35px;
        position: relative;
    }
    text {
        font-size: 4.4375em;
    }
    .scroll-down-btn .svg-arrow {
        width: 5px;
        height: 9px;
    }

    .header-car {
        right: -10px;
        top: 0;
    }
    .transportation {
        padding: 0 15px;
    }
    /***********EXHIBITS**********/
    .exhibits img {
        height: 250px;
    }
    .s-m-exhibits {
        overflow: scroll;
        justify-content: flex-start !important;
    }
    /***********SMALL MENU**********/
    .small-menu a {
        padding: 0 15px;
    }
    .small-menu::-webkit-scrollbar {
        display: none;
    }
    .small-menu {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    /***********NEWS**********/
    .news .news-item {
        margin-bottom: 50px;
    }
    .news img {
        height: 208px;
    }
    .news h2 {
        font-size: 1.5em;
        margin: 10px auto;
    }
    .news p.font-italic {
        height: auto;
        max-height: 192px;
        margin: 10px auto;
    }
    .news-story h1 {
        font-size: 1.75em;
        line-height: 130%;
    }
    .news-story img {
        height: 200px;
        margin: 30px auto 10px;
    }
    .news-story .font-italic.mt-4 {
        margin-top: 10px !important;
        margin-bottom: 30px !important;
    }
    .like-share {
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }
    /***********DOCUMENTS**********/
    .documents h1 {
        text-align: left;
        text-transform: capitalize !important;
    }
    /***********FEEDBACK**********/
    .feedback-item p {
        line-height:21px;
        padding-left: 10px;
    }
    .feedback-item {
        padding: 20px 30px 30px;
        margin-bottom: 46px;
    }
    .feedback-item img {
        width: 60px;
        height: auto;
        right: 25px;
    }
    .feedback-item:last-of-type {
        margin-bottom: 50px;
    }
    /***********MOMU GARDEN**********/
    .garden-gallery {
        padding: 12px;
    }
    .small-pics img, .large-pic {
        max-height: 200px !important;
    }
    .momu-garden .garden-socials {
        margin-bottom: 50px;
    }
    .garden-socials h6 {
        text-align: center;
    }
    .garden-socials div {
        justify-content: center;
    }
    /***********ELLAMAA 100**********/
    .ellamaa-sada h2 {
        font-size: 1.75em;
        line-height: 130%;
    }
    .ellamaa-sada h3 {
        font-size: 50px;
        line-height: 46px;
        width: 12%;
        height: fit-content;
        top: 0;
        -webkit-text-stroke: 2px var(--darkred);
    }
    .ellamaa-sada h4 {
        font-size: 1.75em;
        line-height: 140%;
    }
    .ellamaa-sada p {
        font-size: 1em;
        line-height: 24px;
    }
    .ellamaa-sada .col-lg-11 {
        width: 88%;
        margin-bottom: 30px;
    }
    .ellamaa-sada .main-image img {
        height: 400px;
        margin: 0 auto 20px;
    }
    .ellamaa-sada hr {
        left: 27px;
    }
    .ellamaa-sada-items, .ellamaa-sada .opening-text {
        margin-bottom: 50px;
    }
    /***********HISTORY**********/
    .history h2 {
        font-size: 2em;
    }
    /***********SERVICES**********/
    .services {
        padding: 0 15px !important;
    }
    .service-items {
        margin: 0 !important;
    }
    .service-item {
        margin-bottom: 350px;
    }
    .service-item-text {
        width: 270px;
    }
    .service-item .svg-bg {
        top: 170px;
    }
    .services h1 {
        margin-bottom: 30px;
    }
    /***********COVID**********/
    .covid {
        margin: 20px auto 50px;
    }
    .covid p {
        margin-bottom: 30px !important;
        font-size: 1em;
        line-height: 24px;
    }
    .covid .col-lg-8 {
        margin: 0 auto;
        padding: 0;
    }
    .covid .col-lg-4 {
        margin-top: 50px;
    }
    .mask {
        width: 80px;
    }
}
@media screen and (max-width: 375px) {
    #frontPageContent {
        padding-top: 155px;
    }
    .header h1 {
        font-size: 3em;
        margin-bottom: 0;
        margin-top: -10px;
    }
    .header-car {
        max-width: 385px;
    }
    .exhibits img {
        height: 190px;
    }
    .service-item {
        margin-bottom: 300px;
    }
    .service-item img, .service-item .svg-bg {
        width: 100%;
    }
    .service-item .svg-bg {
        top: 150px;
    }
    .service-item-text {
        top: 220px;
    }
    .history .second-image img {
        height: 227px
    }
    .history .third-image img {
        height: 273px
    }
    .ellamaa-sada img {
        height: 200px;
    }
}