@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);
        body {
            padding: 0;
            margin: 0;
        }

        html,
        body,
        #map {
            height: 100%;
            font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
        }

        p {
            font-size: 1.1em;
			line-height: 1.6;
            text-indent: 20px;
        }

        .underline--magical {
            background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
            background-repeat: no-repeat;
            background-size: 100% 0.2em;
            background-position: 0 88%;
            transition: background-size 0.25s ease-in;

            &:hover {
                background-size: 100% 88%;
            }
        }

        .opacity_slider_control {
            margin-right: 20px !important;
        }

        .leaflet-view-meta {
            display: none !important;
        }
		
        blockquote {
            font-size: 1.2em;
            width: 60%;
            margin: 20px auto;
            font-family: Open Sans;
            font-style: italic;
            color: #555555;
            padding: 1.2em 30px 1.2em 75px;
            border-left: 8px solid #0074d9;
            line-height: 1.6;
            position: relative;
            background: #EDEDED;
        }

        blockquote::before {
            font-family: Arial;
            content: "\201C";
            color: #0074d9;
            font-size: 4em;
            position: absolute;
            left: 10px;
            top: -10px;
        }

        blockquote::after {
            content: '';
        }

        blockquote span {
            display: block;
            color: #333333;
            font-style: normal;
            font-weight: bold;
            margin-top: 1em;
        }


        .bg-blue {
			-webkit-box-shadow: inset 0 0 15px rgba(123,195,222,.3);
            box-shadow: inset 0 0 15px rgba(123,195,222,.3);
			padding: 3px;
            font-weight: bold;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
        }
		
		.logo-geologis {
			cursor: pointer;
			display: inline-block;
		}
		.titlu-cu-logo {
			margin-left: 10px;
			display: inline-block;
		}