/* Layout */

html, body {min-width: 360px;}
    #wrapper {
        min-height: 100vh;
        background-size: cover;
        margin: 0 auto;
        max-width: 1280px;
        background: #fff;
        box-shadow: 0 5px 15px rgba(50, 50, 50, 0.75);
    }
    
    #page-header {}
        /* General */
        #page-header #desktop-header {}
            #page-header #desktop-header .top {padding: 1.5rem 2rem; display: flex; align-items: center; justify-content: space-between;}
                #desktop-header .language-section {flex: 0 0 25px; margin-right: 0.25rem;}
                    #desktop-header .language-section ul {margin: 0; font-size: 0.75rem;}

                #desktop-header .logo-section {flex: 0 0 105px; margin-right: 0.25rem;}

                #desktop-header .info-section {
                    flex: 1 1 auto; margin: 0 1rem; max-width: 850px;
                    display: flex; align-items: flex-start; justify-content: space-around;
                }
                #desktop-header .info-section .section {font-size: 0.8125rem; margin: 0 0.25rem;}
                #desktop-header .info-section .section dl {margin-bottom: 0;}
                    #desktop-header .info-section .section dl dt {font-size: 1rem; line-height: 1.4;}
                    #desktop-header .info-section .section dl dd {line-height: 1.4;}

                    #desktop-header .info-section .section.social dd {line-height: 1.6;}
                    #desktop-header .info-section .section.social img {margin-right: 3px;}

                #desktop-header .nau-logo-section {flex: 0 0 120px;}

            #page-header #desktop-header .bottom {background: #eaeaea;}
                #page-header #desktop-header .bottom ul.services-menu {
                    max-width: 1200px; padding: 0.625rem 2rem; margin: 0 auto;
                    display: flex; align-items: center; justify-content: space-between;
                    font-size: 1rem; text-transform: uppercase; font-weight: bold;
                }
                    #page-header #desktop-header .bottom ul.services-menu li {}
                        #page-header #desktop-header .bottom ul.services-menu li a {text-decoration: none;}
                        #page-header #desktop-header .bottom ul.services-menu li a:hover {text-decoration: underline;}

                    @media print, screen and (min-width: 67.5rem) {
                        #page-header #desktop-header .bottom ul.services-menu li#menu-for-tablets {display: none;}
                    }
                    
            @media print, screen and (max-width: 67.4375rem) {
                #desktop-header .info-section .section.info {display: none;}
            }
            
            @media print, screen and (max-width: 56.1875rem) {
                #desktop-header .info-section .section.social {display: none;}
            }
            
            @media print, screen and (max-width: 48.6875rem) {
                #desktop-header {display: none;}
            }
        
        #page-header #mobile-header {height: 70px; padding: 0 0.25rem; display: flex; align-items: center; justify-content: space-between; background: #ffffff; box-shadow: 0 -5px 20px rgba(50, 50, 50, 0.75);}
            #mobile-header.scrollhide-nav {position: fixed; right: 0; top: 0; left: 0; z-index:10;}
            @media print, screen and (min-width: 48.75rem) {
                #mobile-header {display: none !important;}
            }
            
            @media print, screen and (max-width: 48.6875rem) {
                #off-canvas-content {margin-top: 70px !important;}
                #mobile-header.scrollhide-nav {position: fixed; right: 0; top: 0; left: 0; transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1); z-index:10;}
                #mobile-header.scrollhide-nav.hidden {-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);}
            }
            
            #mobile-header .logo-section {flex: 0 1 auto; display: flex; align-items: center; justify-content: flex-start;}
                #mobile-header .logo-section .logo {width: 83px; height: 50px; display: inline-block; background-image: url(../images/logo-mobile.png); background-size: contain; background-repeat: no-repeat;}
                #mobile-header .logo-section .site-label {display: inline-block; width: 90px; line-height: 1.2;} 
                
            #mobile-header .menu-section {flex: 0 0 20px; margin-right: 8px;}
            
            #mobile-header .language-section {flex: 1 0 auto;}
                #mobile-header .language-section ul {display: flex; align-items: center; justify-content: space-between; width: 50px; margin: 0 auto;}
                    #mobile-header .language-section ul li {}
                        #mobile-header .language-section ul li a {}
            
            #mobile-header .nau-logo-section {flex: 0 1 auto; width: 65px;}
                #mobile-header .nau-logo-section a {}
                    #mobile-header .nau-logo-section a img {}

        .menu-icon::after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 2px;
            background: #0a0a0a;
            -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
            box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
            content: '';
        }
        
    /* Offcanvas section */
    #offCanvasLeftMenu {}
    #offCanvasLeftMenu.position-left {width: 300px;}
        #off-canvas-menu {padding: 0.5rem 1rem 2rem;}
        #off-canvas-menu .section.social img {display: inline-block; margin-right: 3px;}
            
    #off-canvas-content {max-width: 1640px; min-width: 320px; margin-bottom: 2rem; margin-left: auto; margin-right: auto; padding: 0 2rem;}
        @media print, screen and (max-width: 39.9375rem) {
            #off-canvas-content {padding: 0 1rem !important; margin-bottom: 1rem !important;}
        }
        
        /* Page content styles */
        .content-header {margin: 0 -2rem 2rem; position: relative; /*min-height: 200px;*/ color: #ffffff; font-size: 1.125rem; font-weight: bold;}
            .content-header > .inner {z-index: 2; display: flex; flex-direction: column; justify-content: center; text-align: center; position: absolute; height: 100%; width: 100%; padding: 2rem 4rem;}
            .content-header > .inner > * {max-width: 800px; margin-left: auto; margin-right: auto;}
            .content-header > img {height: 100%; width: 100%; max-height: 400px; object-fit: cover; filter: brightness(65%); z-index: 1;}
                .content-header > img.darken {filter: brightness(65%);}
            
            .content-header h1 {line-height: 1; margin-bottom: 1rem; font-size: 4rem;}
            
            @media print, screen and (max-width: 39.9375rem) {
                .content-header {margin: 0 -1rem 1rem !important; font-size: 1rem !important;}
                .content-header > .inner {padding: 1rem 2rem !important;}
                
                .content-header h1 {font-size: 2.75rem !important;}
            }
            
            @media print, screen and (max-width: 37.4375rem) {
                .content-header h1 {font-size: 1.75rem !important; margin-bottom: 0 !important;}
            }

        .content-inner.index {max-width: 1160px; margin: 0 auto;}
        .content-inner {max-width: 1000px; margin: 0 auto;}
        .content-inner.single-column {max-width: 900px; margin: 0 auto;}
    
        .content-gallery {}
        
    #footer {padding: 0.625rem 2rem; font-size: 0.875rem; background: none repeat scroll 0 0 #353535; color: #e9e9e9;}
        #footer #footer-copyright {display: flex; align-items: center;}
        #footer #footer-copyright span {line-height: 1.2;}
        #footer #footer-copyright .logo {width: 50px; margin-right: 0.5rem;}
      
        @media print, screen and (max-width: 39.9375rem) {
            #footer {padding: 0.5rem 1rem !important;}
            #footer #footer-copyright span {font-size: 0.6875rem !important;}
        }
        
/* Pages */

    /* Index */
    #gallery-on-main.orbit {margin-bottom: 0;}
    	#gallery-on-main.orbit .orbit-bullets.previews button {width: 120px;}
		@media print, screen and (max-width: 79.9375rem) {
            #gallery-on-main.orbit .orbit-bullets.previews {display: none;}
        }
	            
    #welcome-text {background: #f6f6f6; color: inherit; text-align: center; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 2rem; margin-bottom: 2rem;}
        #welcome-text h1 {font-size: 2.75rem; text-transform: uppercase; margin-bottom: 0.5rem; color: #bd0000;}
        #welcome-text p {color: #868686; max-width: 940px; margin: 0 auto;}
        
        @media print, screen and (max-width: 67.4375rem) {
            #welcome-text {text-align: left !important;}
            #welcome-text p {color: #868686; max-width: 100% !important; margin: 0 !important;}
        }
    
    #news-on-main {margin-bottom: 1rem;}
        #news-on-main .units-list {}
            #news-on-main .units-list .item {}
    
    #services-on-main {margin-bottom: 2rem; display: flex; justify-content: space-between; margin-bottom: 2rem;}
        #services-on-main .service {position: relative; text-align: center; margin-bottom: 1rem !important; margin: 0 0.5rem}
            #services-on-main .service:first-of-type {margin-left: 0;}
            #services-on-main .service:last-of-type {margin-right: 0;}
        #services-on-main .service .wrapper {position: absolute; left: 50%; bottom: 10px;}
        
        #services-on-main .service .wrapper h3 {position: relative; left: -50%; background: #fff; padding: 4px 10px; text-transform: uppercase; font-size: 1.25rem; font-weight: bold;}
        #services-on-main .service.pano .wrapper h3 {width: 165px;}
    
        @media print, screen and (max-width: 39.9375rem) {
            #services-on-main {flex-direction: column;}
            #services-on-main .service {margin: 0 0 1rem !important;}
        }
        
    #social-on-main {display: flex; align-items: flex-start; justify-content: space-between; margin: 0 -0.5rem;}
        #social-on-main .item {margin: 0 0.5rem;}
        
        #fb-groups {}
        #fb-groups h1 {line-height: 0.8;}
        #fb-groups .switches {margin-bottom: 0.25rem;}
            #fb-groups .switches .switch-link {text-decoration: none; border-bottom: 1px dashed; color: inherit; display: inline-block; line-height: 1.2; margin-right: 5px;}
            #fb-groups .switches .switch-link.active {font-weight: bold;}
        #fb-groups .groups {}
        
        @media print, screen and (max-width: 79.9375rem) {
            #social-on-main {flex-direction: column; align-items: center;}
            #social-on-main .item:not(:last-child) {margin-bottom: 2rem;}
        }
        
        @media print, screen and (max-width: 39.9375rem) {
            #tripadvisor {display: none;}
        }
        
    /* Contacts */
    .content-header.contacts {}
        .content-header.contacts .responsive-embed {padding-bottom: 35%;}
        @media print, screen and (max-width: 63.9375rem) {
            .content-header.contacts .responsive-embed {padding-bottom: 55% !important;}
        }
        @media print, screen and (max-width: 39.9375rem) {
            .content-header.contacts .responsive-embed {padding-bottom: 75% !important;}
        }
    
    /* Expo */
    .exposition-categories-list {text-align: center; margin-bottom: 2rem;}
        .exposition-categories-list h3 {font-size: 1.25rem; color: #000267;}
        
    .units-list.expo {margin-bottom: 1rem;}
        .units-list.expo .item {display: flex; justify-content: center; margin-bottom: 1rem;}
            .units-list.expo .item .inner {}
                .units-list.expo .item .inner a {text-decoration: none; color: inherit;}
                    .units-list.expo .item .inner h3 {font-size: 1.875rem; line-height: 1; margin: 0;}
                .units-list.expo .item .inner span {}
                
    .view.exposition {}
        .view.exposition #exposition-gallery {}

        .view.exposition .exposition-details {}
            .view.exposition .exposition-details .title {}
                .view.exposition .exposition-details .title h1 {margin: 0; line-height: 1;}
                .view.exposition .exposition-details .title span {display: inline-block; margin-bottom: 0.5rem; font-size: 1.25rem; font-weight: normal;}
        .view.exposition .exposition-details .info {}
            .view.exposition .exposition-details .info .description {}
            .view.exposition .exposition-details .info .characteristics {}
        .view.exposition .exposition-details .see-also {}
            .view.exposition .exposition-details .see-also h2 {font-size: 1.5rem; line-height: 1; margin-bottom: 1rem;}
            .view.exposition .exposition-details .see-also .units-list {display: flex; flex-wrap: wrap; width: 366px; justify-content: space-between;}
                .view.exposition .exposition-details .see-also .units-list .item {position: relative; flex: 1 1 auto; max-width: 175px; margin-bottom: 1rem;}
                    .view.exposition .exposition-details .see-also .units-list .item a {display: block; width: 100%; height: 100%; position: relative;}
                    .view.exposition .exposition-details .see-also .units-list .item h3 {position: absolute; bottom: 10px; left: 10px; font-size: 0.8125rem; font-weight: bold; color: inherit; background: #fff; padding: 2px 6px; margin-bottom: 0;}
                        .view.exposition .exposition-details .see-also .units-list .item img {}

            @media print, screen and (max-width: 63.9375rem) {
                .view.exposition .exposition-details .see-also .units-list {width: auto !important; justify-content: flex-start !important;}
                .view.exposition .exposition-details .see-also .units-list .item:not(:last-child) {/*max-width: 200px; */margin-right: 1rem;}
            }
	/* Pricelist */
	.pricelist {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -0.375rem;}
		.pricelist .price {flex: 1 0 150px; margin: 0 0.375rem 1rem;}
			.pricelist .price img {}
			.pricelist .price h3 {font-size: 1.125rem; margin-bottom: 0.25rem;}
			.pricelist .price ul {font-size: 0.875rem; margin-bottom: 0.5rem;}
				.pricelist .price ul li {font-size: inherit; line-height: inherit;}
			.pricelist .price p {font-size: 0.875rem; line-height: inherit; margin-bottom: 0.5rem;}
	
/* Fragments */

	/* Orbit */
	.orbit {}
		.orbit .orbit-wrapper {}
		.orbit .orbit-bullets.previews {position: absolute; bottom: 5%; left: 5%; display: flex;}
	        .orbit .orbit-bullets.previews button {cursor: pointer; width: 170px; height: auto; margin: 0 1rem 0 0; border-radius: 0; background-color: #ffffff; border: 3px solid #ffffff;}
	        .orbit .orbit-bullets.previews button.is-active {border-color: #33abfb;}
	            .orbit .orbit-bullets.previews button img {}
            
    /* Acknowledgements */
    .units-list.acknowledgements {}
        .units-list.acknowledgements .item {margin-bottom: 1rem; font-size: 0.875rem; line-height: 1.2;}
            .units-list.acknowledgements .item img {margin-bottom: 0.5rem;}
    
    /* Partners */
    .units-list.partners {}
    	.units-list.partners .list-unit {margin-bottom: 1rem;}
    		.units-list.partners .list-unit .partner-logo {height: 150px; display: flex; justify-content: center; margin-bottom: 0.25rem;}
    			.units-list.partners .list-unit .partner-logo img {object-fit: contain;}
    	.units-list.partners .list-unit h3 {font-size: 1.125rem; line-height: 1.2; text-align: center;}
    	
    /* News */
    .units-list.news {}
        .units-list.news .item {/*max-width: 260px; margin: 0 auto;*/ margin-bottom: 1rem;}
        .units-list.news .item .image-wrapper {position: relative; height: 170px;}
        .units-list.news.for-children .item .image-wrapper {position: relative; height: 270px;}
            .units-list.news .item .image-wrapper a {}
            .units-list.news .item .image-wrapper a img {object-fit: cover; width: 100%; height: 100%;}
            .units-list.news .item .image-wrapper .date {position: absolute; bottom: 10px; left: 0px; font-size: 0.8125rem; font-weight: bold; color: #3174c7; background: #fff; padding: 2px 6px; margin-bottom: 0;}
            .units-list.news .item h3 {color: #000; font-size: 1rem; font-weight: bold; line-height: 1.2; margin-bottom: 0;}
                .units-list.news .item h3 a {text-decoration: none;}
                
    /* Donation */           
    .donation-forms {}
        .donation-forms h2 {font-size: 1.25rem; line-height: 1;}
        .donation-forms form {margin-bottom: 2rem;}
        .donation-forms input.disabled[type=image] {filter: grayscale(1); opacity: 0.5;}
        
        @media print, screen and (max-width: 53.6875rem) {
            .donation-forms h2 {font-size: 1rem !important;}
            .donation-forms input[type=image] {max-width: 200px !important;}
        }
        
        @media print, screen and (max-width: 53.6875rem) {
            .donation-forms h2 {font-size: 0.875rem !important;}
        }
        
        @media print, screen and (max-width: 31.1875rem) {
            .donation-forms input[type=image] {max-width: 150px !important;}
        }
        
        div#confirm-confidential {padding: 0.5rem; margin-bottom: 2rem; background: #e6e6e6;}
	        div#confirm-confidential label {display: inline;}
	        div#confirm-confidential input {position: relative; top: 2px; margin: 0;}

		.donate-buttons {padding: 20px 0;}

		.donate-buttons .donate-button {
					box-shadow:inset 0px 1px 0px 0px #a4e271;
					background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
					background-color:#89c403;
					border-radius:6px;
					border:1px solid #74b807;
					display:inline-block;
					cursor:pointer;
					color:#ffffff;
					font-family:Arial;
					font-size:14px;
					font-weight:600;
					padding:6px 24px;
					margin: 10px 0;
					text-decoration:none;
					text-shadow:0px 1px 0px #528009;
				}
		.donate-buttons .donate-button:hover {
					background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
					background-color:#77a809;
					color:#fff;
				}
		.donate-buttons .donate-button:active{
					position:relative;
					top:1px;
				}
		


		
	/* Content Gallery */
	.content-gallery {}
	
		.content-gallery .cell {height: 280px; margin-bottom: 2rem;}
		
			.content-gallery .cell img {object-fit: cover; width: 100%; height: 100%;}
    
    
	.orbit-bullets {margin-bottom:0px !important;}
	.orbit .orbit-bullets.previews {bottom:0% !important;}
	.bigger {font-size:28px; line-height:42px; margin-bottom:20px;}
	
	
	
	
	
/* Zoom */	
	
	.zoom {
		display:inline-block;
		position: relative;
	}
	
	
	.zoom:after {
		content:'';
		display:block; 
		width:33px; 
		height:33px; 
		position:absolute; 
		top:0;
		right:0;
		background:url(icon.png);
	}

	.zoom img {
		display: block;
	}

	.zoom img::selection { background-color: transparent; }

	#ex2 img:hover { cursor: url(grab.cur), default; }
	#ex2 img:active { cursor: url(grabbed.cur), default; }
	
	
.scheme-header {display:flex; justify-content: space-between;align-items:center;}	
.scheme-header img {display:none;}
.scheme-header h2{font-size:1.5rem;}

@media print, screen and (min-width: 800px) {
.scheme-header img {display:inline-block;}
.scheme-header h2{}	
}

@media print, screen and (min-width: 1280px) {
.scheme-header img {padding:0 30px;}
.scheme-header h2{padding:0 50px;}	

}

.tickets-online {
    box-shadow: inset 0px 1px 0px 0px #a4e271;
    background: linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    background-color: #89c403;
    border-radius: 6px;
    border: 1px solid #74b807;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 12px;
    margin-top: 4px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #528009;
}

.tickets-online:hover {
    background: linear-gradient(to bottom, #77a809 5%, #89c403 100%);
    background-color: #77a809;
    color: #fff;
}






.tickets-online-index {
    /*border-radius: 6px;
    box-shadow: inset 0px 1px 0px 0px #a4e271;*/
    background: linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    background-color: #89c403;
    border: 1px solid #74b807;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 18px;
    margin: 4px 0 20px 18px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #528009;
}

@media screen and (min-width: 780px) {.tickets-online-index {display: none;}}

.important {
	color: #e30000;
}