/*Supplement Begin*/

.font-awesome {
	font-family: FontAwesome;
	font-size: 118%;
}

.aboutus {
    padding-top: 1em;
    padding-bottom: 8em;
    margin-bottom: -3.5em !important;
    background: #D9E9E5;
    background: -webkit-radial-gradient(center, #FFFFFF, #D9E9E5) !important;
    background: -moz-radial-gradient(center, #FFFFFF, #D9E9E5) !important;
    background: radial-gradient(ellipse at center, #FFFFFF, #D9E9E5) !important;
    margin: 0 auto;
	text-align: center;
	line-height: 1.5em;
    width: 100%;
	height: auto;
    z-index: 2 !important;
    position: relative;
}

.aboutus > .name {
    color: #ff6762;
    font-style: italic;
    position: relative;
    top: 1em;
    z-index: 2;
}

.aboutus > p {
	color: #0A7880;
    position: relative;
    top: 0.8em;
}

body.content-active .aboutus {
    -moz-filter: blur(2px);
    -webkit-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
    position: relative !important;
    top: 3.1em !important;
}

.address {
    position: relative;
    top: 5.5em;
    padding-top: 7em;
    background: #D9E9E5;
    background: -webkit-radial-gradient(center, #FFFFFF, #D9E9E5) !important;
    background: -moz-radial-gradient(center, #FFFFFF, #D9E9E5) !important;
    background: radial-gradient(ellipse at center, #FFFFFF, #D9E9E5) !important;
    font-size: 0.9em;
	margin: 0 auto;
	text-align: center;
	line-height: 1.5em;
	width: 100%;
	height: auto;
	padding-bottom: 3em;
}

body.content-active .address {
    -moz-filter: blur(2px);
    -webkit-filter: blur(2px);
    -0-filter: blur(2px);
    filter: blur(2px);
    opacity: 0.7;
}

.address > .strapline {
    background-color: rgba(243, 142, 81, 0.6);
    background-size: 100%;
    background-blend-mode: overlay;
    background-position: top center;
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 1.15em;
    font-weight: 600;
    padding-bottom: 6em;
    padding-top: 0.6em;
    margin-bottom: -3.7em;
}

.address > img {
    position: relative;
    top: 1em;
    max-width: 248px;
    border-radius: 4px;
    opacity: 0.9;
    z-index: 1 !important;
    border-bottom: 5px solid #EADCD7;
    border-radius: 5px;
}

.address > p { 
    position: relative;
    top: -3.2em;
    left: 0.1em;
	color: #0A7880;
    width: 250px;
    font-size: 1.1em;
    height: auto;
    margin: 0 auto;
	text-align: center;
}

.location {
    position: relative;
    top: 3.2em;
    left: -0.1em;
    line-height: 5em;
    width: 250px;
    height: 24px;
    white-space: nowrap;
    font-size: 1em;
    font-weight: 600;
    z-index: 2 !important;
    color: #0A7880;
}

.portrait {
	border-radius: 50%;
    border: solid 6px #ff7f62;
	max-width: 29%;
  	height: auto;
  	position: relative;
  	top: 0.7em;
    z-index: 2;
}

.scrib {
    position: relative;
    top: 72px;
    left: -1px;
    background-image: url("images/galalogo.svg");
    background-position: center;
    background-repeat: no-repeat; 
    text-align: center;
    margin: 0 auto;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    border: solid 6px #ff7b62;
    background-color: rgba(200, 94, 64, 0.3);
    background-blend-mode: color-dodge;
    box-shadow: 0 5em 7em 0em rgba(255, 255, 255, 0.15);
    z-index: 10001 !important;
    -moz-filter: blur(0.5px);
    -webkit-filter: blur(0.5px);
    -ms-filter: blur(0.5px);
    -o-filter: blur(0.5px);
    filter: blur(0.5px);
    z-index: 2 !important;
}
    
body.content-active .scrib {
        -moz-filter: blur(3px);
        -webkit-filter: blur(3px);
        -ms-filter: blur(3px);
        -o-filter: blur(3px);
        filter: blur(3px);  
}

body.content-active #gala3_hype_container {
        -moz-filter: blur(3px);
        -webkit-filter: blur(3px);
        -0-filter: blur(3px);
        filter: blur(3px);
}

.paragraph {
    font-family: Helvetica, Arial, sans-serif;
	position: relative;
    top: -1em;
	padding-bottom: 2em;
	word-spacing: -0.1em;
	font-size: 115%;
    font-weight: 400;
	line-height: 1.45em;
	z-index: 1;
}

.paraprivacy {
    font-size: 90%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	top: 1em;
	padding-bottom: 9em;
	color: #008BAA;
	padding: 10%;
	max-width: 70%;
    line-height: 1.2em;
}

.paraprivacy > h2 {
    float: none;
    width: 50%;
	margin: 0 auto;
    height: 21px;
	background-color: #10AFCD;
    border-radius: 6px;
    border-top: 2px solid #10AFCD;
}

.paraprivacy > h2 > sup {
    position: relative;
    top: -5px !important;
}

.phonenumbers {
    position: relative;
    top: -1em !important;
}

.butbox {
    background-color: #FADCD7;
	width: 263px;
	height: 40px;
	font-size: 0.95em;
    border-radius: 6px;
}

.bbox2 {
    margin-top: -2em !important;
}

.butbox:hover {
	background-color: #FDECE7;
}

.butbox:active {
            background-color: #E7CBC1;
}

.butbox > .icon {
    color: #E3ABA1 !important;
	margin-left: 0.3em;
}

.butbox > a {    
	font-family: "Helvetica", Helvetica, sans-serif;
	border: none !important;
	position: relative;
	top: -0.2em;
	left: 0.5em !important;
}

.butbox > .fa-mobile {
	font-size: 144%;
	position: relative;
	top: 0.2em !important;
	left: 0.25em !important;
}

.butbox > .fa-phone-square {
	font-size: 98%;
	position: relative;
	top: 0.75em !important;
	left: 0.1em !important;
}



.butbox > .fa-envelope-square {
	font-size: 107%;
	position: relative;
	top: 0.63em !important;
	left: 0.2em !important;
}





#map {
    margin-bottom: -5em !important;
    margin: 0 auto;    
    height: 400px;  /* The height is 400 pixels */
    width: 100%;  /* The width is the width of the web page */
}

body.content-active #map {
    -moz-filter: blur(2px);
    -webkit-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
}

#canvas {
    opacity: 0.15;
	background-image: url("images/logoform.svg");
    width: 80%;
	height: 42em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
    position: absolute;
    top: -28%;
    left: 9.4%;
    z-index: -1;
    -moz-filter: blur(3px);
    -webkit-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
    filter: blur(3px);
}

html,body {
	padding: 0;
    background-image: url("images/carbonfiber.png");
    background-position: top center;
    background-repeat: repeat;
    border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    overflow-x: hidden;
}

body {
    background-image: url("images/logopanel.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    max-width: 940px;
	margin: 0 auto;
    overflow-y: hidden;
    z-index: 0 !important;
}

.descriptor {
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    font-size: 1em;
	max-width: 92%;
	color: #FFFFFF;
	line-height: 1.4em;
}

.lifter {
	position: relative;
	top: -0.8em;
}

.lifterline {
	position: relative;
}

.riser {
    position:relative;
    top: -1em;
}

.dropper, .bigdropper {
	position: relative;
}

.copyright {
    margin: 0 auto;
    color: #FADCD7 !important;
    padding-top: 0.8em !important;
    line-height: 1.5em;
}

.copyright a:hover {
    color: #FFFFFF !important;
}

.email {    
    position: relative;
    max-width: 360px;
    max-height: auto;
    margin: 0 auto;
}

.phonenumbers > h3 {
    font-size: 1.2em !important;
}

.email > h3 {
    font-size: 1.2em !important;
}

.headerstrap {
    display: inline-block;
    position: relative;
    font-size: 1.2em;
    font-weight: 100;
    margin-left: 1em;
    top: 0.35em;
}


/*Supplement End*/






/*Cookie Consent Begin*/
#cookieConsent {
    font-family: Helvetica, Arial, sans-serif;
    background-position: top center;
    background-repeat: repeat;
    background: #ea7b62;
    min-height: 26px;
	margin: 0 auto !important;
    float: none !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    padding: 8px 0 8px 29px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    color: #ffffff;
    z-index: 3;
}

#cookieConsent a {
    color: #E2DF21;
    border: none;
    text-decoration: none;
}

#cookieConsent a:hover {
    color: #E7CBC1 !important;
}

#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: 8px 0 0 0;
    font-weight: bold;
    font-weight: 200;
}

#cookieConsent a.cookieConsentOK {
	background-color: #FADCD7;
    color: #ea7b62;
    border: none;
    display: inline-block;
    padding: 0 5px;
    cursor: pointer;
    float: right;
    margin: 0 8px 0 10px;
    border-radius: 5px;
    transform: scaleX(0.9);
}

#cookieConsent a.cookieConsentOK:hover {
	background-color: #FDECE7;
    color: #ba5d3d !important;
}

#cookieConsent a.cookieConsentOK:active {
	background-color: #E7CBC1;
    color: #ea7b62 !important;
}

/*Cookie Consent End*/



/* Reset */

	div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}


	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	@-moz-keyframes spinner {
		0% {
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-moz-transform: rotate(359deg);
			-webkit-transform: rotate(359deg);
			-ms-transform: rotate(359deg);
			transform: rotate(359deg);
		}
	}

	@-webkit-keyframes spinner {
		0% {
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-moz-transform: rotate(359deg);
			-webkit-transform: rotate(359deg);
			-ms-transform: rotate(359deg);
			transform: rotate(359deg);
		}
	}

	@-ms-keyframes spinner {
		0% {
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-moz-transform: rotate(359deg);
			-webkit-transform: rotate(359deg);
			-ms-transform: rotate(359deg);
			transform: rotate(359deg);
		}
	}

	@keyframes spinner {
		0% {
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-moz-transform: rotate(359deg);
			-webkit-transform: rotate(359deg);
			-ms-transform: rotate(359deg);
			transform: rotate(359deg);
		}
	}





/* Basic */

	@-ms-viewport {
		width: device-width;
    }

	body {
		-ms-overflow-style: scrollbar;
	}





	@media screen and (max-width: 480px) {
	
        html, body {
			min-width: 320px;
}
}


	body {
		background-color: #edefe0;
	   }

		body.loading *, body.loading *:before, body.loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

		body.resizing *, body.resizing *:before, body.resizing *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

	body, input, select, textarea {
		color: #a0a0a1;
		font-family: "Source Sans Pro", Helvetica, sans-serif;
		font-size: 15pt;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.65;
	}



		@media screen and (max-width: 1680px) {

			body, input, select, textarea {
				font-size: 11pt;
}
}



	a {
		-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		border-bottom: dotted 1px;
		color: #ffffff;
		text-decoration: none;
	}

		a:hover {
			border-bottom-color: transparent;
			color: #ffffff !important;
		}

	strong, b {
		color: #ffffff;
		font-weight: 300;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
	}

	h1, h4, h5, h6 {
		color: #ffffff;
		font-weight: 300;
		letter-spacing: 0.1em;
		line-height: 1.5;
		margin: 0 0 1em 0;
	}

	h2 {
        font-family: Helvetica, Arial, sans-serif;
		color: #FFFFFF;
		font-weight: 600 !important;
		line-height: 1.6;
		margin: 0 0 1em 0;
	}



	h3 {
		color: #FFFFFF;
		font-weight: 300;
		letter-spacing: 0.1em;
		line-height: 1.5;
		margin: 0 0 1em 0;
		text-transform: uppercase;
	}



		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h1 {
		font-size: 2em;
	}

	h2 {
		font-size: 1.25em;
	}

	h3 {
		font-size: 1.1em;
	}

	h4 {
		font-size: 1em;
	}

	h5 {
		font-size: 0.9em;
	}

	h6 {
		font-size: 0.7em;
	}

	@media screen and (max-width: 736px) {

		h2 { 
			font-size: 1em;
		}

		h3 {
			font-size: 0.9em;
		}

		h4 {
			font-size: 0.8em;
		}

		h5 {
			font-size: 0.7em;
		}

		h6 {
			font-size: 0.7em;
		}
			
		.paraprivacy {
		max-width: 89%;
		top: 7em;
		bottom: 0 !important;
		padding: 0 !important;
}
}



	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	blockquote {
		border-left: 4px #36383c;
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	hr {
		border: 0;
		border-bottom: solid 1px #36383c;
		margin: 2em 0;
	}

    hr.major {
        margin: 3em 0;
    }

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

/* Button */

	input[type="reset"],
	input[type="button"],
	button,
	.button {
        position: relative;
        float: left !important;
        top: -0.2em;
        left: 0;
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border: 0;
		box-shadow: inset 0 0 0 2px #FADCD7;
		color: #FADCD7;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		font-weight: 400;
		width: 118px;
		height: 40px;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
        border-radius: 6px;
        }


		input[type="submit"] {
        position: relative;
            float: right;
        top: -0.2em;
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border: 0;
		color: #F06E58 !important;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		font-weight: 600;
		width: 118px;
		height: 40px;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
        border-radius: 6px;
	   }
	
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			box-shadow: inset 0 0 0 2px #FDECE7;
			color: #FDECE7 !important;
		}

        input[type="submit"]:hover:active,
        input[type="reset"]:hover:active,
        input[type="button"]:hover:active,
        button:hover:active,
        .button:hover:active {
            background-color: #E7CBC1;
            color: #df3b32 !important;
        }

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		button.icon,
		.button.icon {
			padding-left: 1.35em;
		}

        input[type="submit"].icon:before,
        input[type="reset"].icon:before,
        input[type="button"].icon:before,
        button.icon:before,
        .button.icon:before {
            margin-right: 0.5em;
        }

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.8em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		button.big,
		.button.big {
			font-size: 1.35em;
		}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		button.special,
		.button.special {
            background-color: #FADCD7;
			box-shadow: none;
		}

        input[type="submit"].special:hover,
        input[type="reset"].special:hover,
        input[type="button"].special:hover,
        button.special:hover,
        .button.special:hover {
            background-color: #FDECE7;
            color: #F06E58 !important;
        }

        input[type="submit"].special:hover:active,
        input[type="reset"].special:hover:active,
        input[type="button"].special:hover:active,
        button.special:hover:active,
        .button.special:hover:active {
            background-color: #E7CBC1;
            color: #F06E58;            
        }

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			opacity: 0.35;
		}



/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

    .icon:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-transform: none !important;
    }

		.icon > .label {
			display: none;
		}

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

    ol li {
        padding-left: 0.25em;
    }

	ul {
		list-style: disc;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

    ul li {
        padding-left: 0.5em;
    }

    ul.alt {
        list-style: none;
        padding-left: 0;
    }

    ul.alt li {
        border-top: solid 1px #36383c;
        padding: 0.5em 0;
    }

    ul.alt li:first-child {
        border-top: 0;
        padding-top: 0;
    }

    ul.icons {
        cursor: default;
        list-style: none;
        padding-left: 0;
    }

    ul.icons li {
        display: inline-block;
        padding: 0 1em 0 0;
    }

    ul.icons li:last-child {
        padding-right: 0;
    }

    ul.icons li .icon {
        color: #ffffff;
        position:relative;
        top: -2px;
    }

    ul.icons li .icon:before {
        font-size: 1.5em;
    }

    ul.actions {
        cursor: default;
        list-style: none;
        padding-left: 0;
    }

    ul.actions li {
        display: inline-block;
        padding: 0 1em 0 0;
        vertical-align: middle;
    }

    ul.actions li:last-child {
        padding-right: 0;
    }

    ul.actions.small li {
        padding: 0 0.5em 0 0;
    }

    ul.actions.vertical li {
        display: block;
        padding: 1em 0 0 0;
    }

    ul.actions.vertical li:first-child {
        padding-top: 0;
    }

    ul.actions.vertical li > * {
        margin-bottom: 0;
    }

    ul.actions.vertical.small li {
        padding: 0.5em 0 0 0;
    }

    ul.actions.vertical.small li:first-child {
        padding-top: 0;
    }

    ul.actions.fit {
        display: table;
        margin-left: -1em;
        padding: 0;
        table-layout: fixed;
        width: calc(100% + 1em);
    }

    ul.actions.fit li {
        display: table-cell;
        padding: 0 0 0 1em;
    }

    ul.actions.fit li > * {
        margin-bottom: 0;
    }

    ul.actions.fit.small {
        margin-left: -0.5em;
        width: calc(100% + 0.5em);
    }

    ul.actions.fit.small li {
        padding: 0 0 0 0.5em;
}





    @media screen and (max-width: 480px) {
        
        .paraprivacy > h2 {
            width: 70%;
        }

        ul.actions {
            margin: 0 0 2em 0;
        }

        ul.actions li {
            padding: 1em 0 0 0;
            display: block;
            text-align: center;
            width: 100%;
        }

        ul.actions li:first-child {
            padding-top: 0;
        }

        ul.actions li > * {
            width: 100%;
            margin: 0 !important;
        }

        ul.actions li > *.icon:before {
            margin-left: -2em;
        }

        ul.actions.small li {
            padding: 0.5em 0 0 0;
        }

        ul.actions.small li:first-child {
            padding-top: 0;
        }
						
        #canvas {
            background-size: 118%;
            -moz-filter: blur(1px);
			-webkit-filter: blur(1px);
			-ms-filter: blur(1px);
			filter: blur(1px);
        }
        
        .headerstrap {
            display: none;
}
}






	dl {
		margin: 0 0 2em 0;
	}

    dl dt {
        display: block;
        font-weight: 300;
        margin: 0 0 1em 0;
    }

    dl dd {
        margin-left: 2em;
    }



/* Panel */

	.panel {        
    background-color: #ea7b62;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSI1MCUiIHI9IjcwLjcxMDY3ODExODY1NDc2JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2YwNmU1OCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjZGU2ODRmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMSIvPjwvcmFkaWFsR3JhZGllbnQ+PHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    /* Android 2.3- hack (needed for the actual radial gradient) */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSI1MCUiIHI9IjcwLjcxMDY3ODExODY1NDc2JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2YwNmU1OCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjZGU2ODRmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMSIvPjwvcmFkaWFsR3JhZGllbnQ+PHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==),
        -webkit-gradient(radial, center center, 0, center center, 348,color-stop(0, rgb(266, 123, 98)),color-stop(1, rgb(222, 104, 79)));
    /* Android 2.3 */
    background-image: -webkit-radial-gradient(center center, ellipse farthest-corner,rgb(266, 123, 98) 0%,rgb(186, 93, 61) 150%);
    /* IE10+ */
    background-image: radial-gradient(ellipse farthest-corner at center center,rgb(266, 123, 98) 0%,rgb(186, 93, 61) 150%);
    background-image: -ms-radial-gradient(center center, ellipse farthest-corner,rgb(266, 123, 98) 0%,rgb(186, 93, 61) 150%);
 
/* IE8- CSS hack */

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffea7b62",endColorstr="#ffba5d3d",GradientType=0);

        top: 200%;
		padding: 4em 4em 2em 4em;
		-moz-transform: translateY(100vh);
		-webkit-transform: translateY(100vh);
		-ms-transform: translateY(100vh);
		transform: translateY(100vh);
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		-webkit-overflow-scrolling: touch;
        background-position: top center;
        background-repeat: repeat;        
        color: #ffffff;
		font-weight: 400;
		bottom: 1em;
        overflow: hidden;
		position: fixed;
		max-width: 940px;
        max-height: auto;
        width: 100%;
		margin: 0 auto;
        z-index: 3 !important;
        text-align: center;
	}

    .panel.active {
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }

    .panel > .inner {   
        margin: 0 auto;
        max-width: 100%;
    }

    .panel > .inner.split {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;	
    }

    .panel > .inner.split > div {
        margin-top: -3em !important;
        width: 100%;
    }
				


    .panel > .closer {
        -moz-transition: opacity 0.2s ease-in-out;
        -webkit-transition: opacity 0.2s ease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
        background-image: url("images/closeb.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 3em;
        cursor: pointer;
        height: 5em;
        position: absolute;
        right: 0;
        top: 0;
        width: 5em;
        z-index: 2;
    }

    .panel > .closer:hover {
        background-image: url("images/close.svg");
    }








		@media screen and (min-width: 1678px) {
            
               
        .address > img {
            max-width: 345px;
            top: 19px;
            left: 1px;
        }

        .dropper {
            margin-top: 1em !important;
        }
		   
        .bigdropper {
            top: -0.7em !important;
        }
            
        .panel {
            height: 25em;
        }  
            
        .panel > .inner.split > div {
            margin-left: -1em !important;
            width: 80% !important;
            margin-top: -1.1em !important;
        }

        .panel > .inner.split > :first-child {
            width: 100% !important;
            margin-top: -1.6em !important;
        }
            
        .descriptor {                
            font-size: 78% !important;
            top:-1em;
        }
        
        h3 {
            position: relative;
            font-size: 94%;
            top: 1em;
        }
                    
        #canvas {
            top: -45% !important;
}
}






		@media screen and (max-width: 1678px) {
            
            
        .riser {
            top: 0.4em;
        } 
            
        .dropper {
            top: 1em !important;
        }
    
        .bigdropper {
            top: 0em !important;
        }
            
        .invisible {
            display: none;
        }  
            
        #canvas {
            top: -30.5%;
            left: 7%;
            width: 98%;
        }
            
        #main {
            padding-bottom: 5em !important;
            padding-top: 2em !important;
            border-top: 0 !important;
            border-left: solid 100px #FFFFFF !important;
            border-right: solid 100px #FFFFFF !important;
            border-bottom: 0 !important;
        }
 
        #main .thumb > h2 {
            font-size: 1.4em !important;
            line-height: 1.3em !important;
            margin-top: -0.65em !important;
            width: 100% !important;
        } 
            
        .aboutus {
            padding-top: 4em !important;
            padding-bottom: 3em;
        }
             
        .descriptor {
            line-height: 1.5em !important;
            position: relative !important;
            top: 16em !important;            
            max-width: inherit;
		}
            
        .panel {
            padding: 0em 2em 1em 2em !important;
        }

        .panel > .inner.split > div {
            margin-left: 3em !important;
            padding-right: 3em !important;
            margin-top: 6em !important;
        }
            
        .panel > .inner.split > :first-child {
            margin-top: -2.9em !important;
        }

        .panel > .closer {
            background-size: 2.5em;  
        }
            
        .panel.active {
            height: 31em !important;
            top: 23%; !important;
		}
                 
        .copyright {
            top: -2em !important;
            left: -0.25em;
        }
           
        .phonenumbers {
            margin-top: -2em !important;
        }
        
        .phonenumbers > h3 {
            position: relative;
            top: 1.35em;
         }
   
        .email {
            width: 350px;
}                    
}






		@media screen and (max-width: 980px) {
            
            
        #canvas {
            top: -32% !important;
            background-size: 250%;
            top: -3%;
            left: 7%;
        }    
            
        .dropper, .bigdropper {
            top: 0 !important;
        }
                      
        .logopanel {
            background-size: 170%;
        }
   
        .invisible {
            display: none;
        }
        
        .riser {
            top: 0.5em;
        }      
         
        .panel{
            width: 100% !important;
            padding: 0em 0em 2em 0em !important;
        }

        .panel > .inner.split {
            margin-top: -4.6em;
            -moz-flex-direction: column;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .panel > .inner.split > div {
            margin-top: 0 !important;
            margin-left: 0.5em;
            width: 100%;
            padding-right: 6em !important;
        }
            
        .copyright {
            top: -2.9em !important;
        }
            
        .descriptor {
            margin-top: 5em;
            top: 16em !important;
            left: 1em;
            padding-bottom: 0;
            height: 0;
            width: 97%;
		}    
         
        #main {
            padding-bottom: 6em !important;
            border-top: solid 20px #FFFFFF !important;
            border-left: 0 !important;
            border-right: 0 !important;
        }
                 
       #main .thumb > h2 {
           margin-top: 5em !important;
           padding-top: 0 !important;
           top: 0 !important;
           font-size: 1.5em !important;
           line-height: 1em !important;
           width: 50% !important;
        }      
            
        .dropper {
            top: 1em !important;
        }
            
        .phonenumbers {
            margin-top: 4em !important;
        }

}
		


		
		

		@media screen and (max-width: 736px) {
            
            
        .aboutus > .name {
            top: 1.5em;
        }     
            
        #main .thumb > h2 {
            padding-top: -1em !important;
            top: -1.85em !important;
            font-size: 1.5em !important;
            width: 76% !important;
        } 
            
        #main {
            border: none !important;
            margin-top: 10.5em !important;
        }
             
        #main .thumb {
            position: relative;
            width: 100% !important;
        }  
            
        #main .thumb > .image {
            min-height: 13em !important;
        }
            
        #main .leftthumb {
            border: 0 !important;
            padding: 0 !important;
            left: 0.8em;
        }

        #main .rightthumb {
            border: 0 !important;
            left: -0.6em;
        }

        .paraprivacy > h2 {
            border-top: 3px solid #10AFCD;
            height: 18px;
        }       
            
        .logopanel {
            background-size: 250%;
        }
            
        .invisible {
            display: none;
        }
               
        .descriptor {
            top: 9em !important;
            left: 0.5em;
		}
            
        .panel > .inner.split {
            margin-top: 3em;
        }
            
        .portrait {
            max-width: 48%;
            top: 1em;
		}
            
        .copyright {
            top: -2.5em !important;
        }
              
        .panel > .inner.split > :first-child {
            margin-left: 0;
        }
              
        .email > h3 {
            position: relative;
            top: 0.1em;
        }    
            
        .phonenumbers {
            margin-top: -5em !important;
}
}
		
		



		
		@media screen and (max-width: 480px) {
            
            
        #canvas {
            top: -23% !important;
            left: -4% !important;
            -moz-filter: blur(3px);
            -webkit-filter: blur(3px);
            -ms-filter: blur(3px);
            -0-filter: blur(3px);
            filter: blur(3px);
		}    
          
        .riser {
            top: 0.3em;
        }  
            
        #main {
            margin-top: 10.67em !important;
        }  
            
        #main .thumb >  h2   {
            line-height: 1.2em !important;
            font-size: 1.6em !important;
            top: -0.8em !important;
            width: 76% !important;
        }
            
        #main .thumb {                  
			-moz-pointer-events: none !important;
			-webkit-pointer-events: none !important;
			-ms-pointer-events: none !important;
			pointer-events: none !important;
        }
            
        #main .thumb > .image {                  
            max-height: 15.5em !important;
        }
            
        .panel > .inner.split {
            margin-top: -2em;
            margin-left: -1em;
        }

        .panel > .inner.split > div {
            margin-left: 1em !important;
            padding-right: 0em !important;
        }
                     
        .logopanel {
            background-size: 376%;
        }
            
        .aboutus {
            padding-bottom: 4em;
        }
            
        .hidden {
            display: none;
        }
            
        .dropper {
            top: 0.8em !important;
        }
		   
        .bigdropper {
            top: -0.4em !important;
        }   
                
        .descriptor {
            top: 29em !important;
            margin-top: -10em !important;

		}

        .panel > .closer {
            top: -1em;
            right: -0.8em;  
        }

        .panel.active {
            top: 9% !important;
		}
            
        .copyright {
            top: -2.3em !important;
        }
            
        .email {
            max-width: 260px;
            position: relative !important;
            top: 2em !important;
        }
                        
        .email > h3 {
            font-size: 1em !important;
            line-height: 1.4em;
            margin-top: 0.6em !important;
            margin-bottom: 1.4em !important;
        }
            
        .phonenumbers {
            margin-top: 17em !important;
        }   
            
        .phonenumbers > h3 {
            font-size: 1em !important;
}
}
		


		
		

		@media screen and (max-width: 320px) {
            
            
        .aboutus {
            padding-bottom: 4em;
        }     
            
        #main {
            margin-top: 10.6em !important;
        }
            
        #main .thumb > h2 {
            line-height: 1.1em !important;
            font-size: 1.6em !important;
            padding-top: -1em !important;
        }
            
        h3 {
            padding-top: 2.6em;
        }
            
        #canvas {
            top: -27% !important;
            left: -4% !important;
            -moz-filter: blur(3px);
            -webkit-filter: blur(3px);
            -ms-filter: blur(3px);
            -o-filter: blur(3px);
            filter: blur(3px);
		}
                   
        .logopanel {
            background-size: 400%;
        }
            
        .invisible {
            display: block;
            height: 30px;
            width: auto;
        }

        .panel {
            height: 30em;
            padding: 1em 2em 1em 2em !important;
        }
            
        .panel > .closer {
            top: -1em !important;
            right: -0.6em;
		}
            
        .panel.active {
            top: 15% !important;
		}
            
        .dropper {
            top: 3em !important;
        }
		   
        .bigdropper {
            top: 1em !important;
        }
            
        .descriptor {
            margin-bottom: -4em !important;
            font-size: 0.8em !important;
            width: 310px !important;
            top: 33em !important;
            left: -2em;
        }   

        .lifterline {
            top: -1.8em;
		}
		
		.hidden {
            display: none;
		}
            
        .copyright {
            text-align: center;
            margin-top: 3.5em !important;
        }
            
        .address > img {
            top: 1em;
        }
            
        .portrait {
            max-width: 78%;           
        }
                  
        .paraprivacy {
            top: 5em;
        } 
    
        .email {
            position: relative !important;
            top: -9em !important;
        }
            
        .email > h3 {
            font-size: 0.98em !important;
            position: relative;
            top: 0.8em;
        } 
              
        .phonenumbers > h3 {
            position: relative;
            top: 2.3em !important;
            font-size: 0.98em !important;
        }
                                    
        .phonenumbers {
            margin-top: 12em !important;
        }
               
        #main .leftthumb {
            border-right: 0 !important;
            border-left: 0 !important;
        }
        
        #main .rightthumb {
            border-right: 0 !important;
            border-left: 0 !important;
} 
}
			
		

		

/* Poptrox Popup */

	.poptrox-overlay { 
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	}

	.poptrox-popup {
		background: rgba(201, 255, 255, 0.7);
		cursor: default;
        border: 6px solid #7FBFCF !important;
        border-radius: 6px;
	}

    .poptrox-popup:before {
        -moz-transition: opacity 0.1s ease-in-out;
        -webkit-transition: opacity 0.1s ease-in-out;
        -ms-transition: opacity 0.1s ease-in-out;
        transition: opacity 0.1s ease-in-out;
        content: '';
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
        opacity: 1;
    }

    .poptrox-popup .closer {
        -moz-transition: opacity 0.1s ease-in-out;
        -webkit-transition: opacity 0.1s ease-in-out;
        -ms-transition: opacity 0.1s ease-in-out;
        transition: opacity 0.1s ease-in-out;
        background-image: url("images/close.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 3em;
        height: 6em;
        opacity: 0.6;
        position: absolute;
        right: 0;
        top: 0;
        width: 6em;
        z-index: 2;
    }

    .poptrox-popup .nav-previous,
    .poptrox-popup .nav-next {
        -moz-transition: opacity 0.1s ease-in-out;
        -webkit-transition: opacity 0.1s ease-in-out;
        -ms-transition: opacity 0.1s ease-in-out;
        transition: opacity 0.1s ease-in-out;
        background-image: url("images/arrow.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 5em;
        cursor: pointer;
        height: 8em;
        margin-top: -4em;
        opacity: 0.6;
        position: absolute;
        top: 50%;
        width: 6em;
        z-index: 2;
    }

    .poptrox-popup .nav-previous {
        -moz-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
        left: 0;
    }

    .poptrox-popup .nav-next {
        right: 0;
    }

    .poptrox-popup .caption {
        padding: 2em 2em 0.1em 2em ;
        background-image: -moz-linear-gradient(to top, rgba(15,175,205,0.7) 50%, rgba(15,175,205,0.7) 100%);
        background-image: -webkit-linear-gradient(to top, rgba(15,175,205,0.7) 50%, rgba(15,175,205,0.7) 100%);
        background-image: -ms-linear-gradient(to top, rgba(15,175,205,0.7) 50%, rgba(15,175,205,0.7) 100%);
        background-image: linear-gradient(to top, rgba(15,175,205,0.7) 50%, rgba(15,175,205,0.7) 100%);
        bottom: 0;
        cursor: default;
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 2;
    }

    .poptrox-popup .caption h2, .poptrox-popup .caption h3, .poptrox-popup .caption h4, .poptrox-popup .caption h5, .poptrox-popup .caption h6 {
        margin: 0 0 0.5em 0;
    }

    .poptrox-popup .caption h2 {
        margin-top: -2em;
        position: relative;
        top: 0.7em;
        font-size: 180% !important;
        color: #F2EF31;
    }

    .poptrox-popup .caption p {
        position: relative;
        top: 0.7em;
        font-family: Helvetica, Arial, sans-serif;
        color: #FFFFFF;
    }

    .poptrox-popup .loader {
        -moz-animation: spinner 1s infinite linear !important;
        -webkit-animation: spinner 1s infinite linear !important;
        -ms-animation: spinner 1s infinite linear !important;
        animation: spinner 1s infinite linear !important;
        background-image: url("images/spinner.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        font-size: 2em;
        height: 2em;
        left: 50%;
        line-height: 2em;
        margin: -1em 0 0 -1em;
        opacity: 0.25;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 2em;
    }

    .poptrox-popup:hover .closer,
    .poptrox-popup:hover .nav-previous,
    .poptrox-popup:hover .nav-next {
        opacity: 0.9;
    }

    .poptrox-popup:hover .closer:hover,
    .poptrox-popup:hover .nav-previous:hover,
    .poptrox-popup:hover .nav-next:hover {
        opacity: 1.0;
    }

    .poptrox-popup.loading:before {
        opacity: 0;
    }

    body.touch .poptrox-popup .closer,
    body.touch .poptrox-popup .nav-previous,
    body.touch .poptrox-popup .nav-next {
        opacity: 1.0 !important;
    }






    @media screen and (max-width: 980px) {

        
    .poptrox-popup .closer {
        background-size: 3em;
    }

    .poptrox-popup .nav-previous,
    .poptrox-popup .nav-next {
        background-size: 4em;
}
}




    @media screen and (max-width: 736px) {
        
        
    .poptrox-popup:before {
        display: none;
    }

    .poptrox-popup .caption {
        display: none !important;
    }

    .poptrox-popup .closer,
    .poptrox-popup .nav-previous,
    .poptrox-popup .nav-next {
        display: none !important;
}
}





/* Wrapper */

	#wrapper {  
		-moz-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -moz-filter 0.5s ease;
		-webkit-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -webkit-filter 0.5s ease;
		-ms-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -ms-filter 0.5s ease;
		transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, filter 0.5s ease;
		position: relative;
	}

    #wrapper:after {
        -moz-pointer-events: none;
        -webkit-pointer-events: none;
        -ms-pointer-events: none;
        pointer-events: none;
        -moz-transition: opacity 0.5s ease, visibility 0.5s;
        -webkit-transition: opacity 0.5s ease, visibility 0.5s;
        -ms-transition: opacity 0.5s ease, visibility 0.5s;
        transition: opacity 0.5s ease, visibility 0.5s;
        content: '';
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        visibility: hidden;
        width: 100%;
        z-index: 1;
    }

    body.modal-active #wrapper {
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
         filter: transform: translateY(0px);


        transform: translateY(0px);
        -moz-filter: blur(2px);
        -webkit-filter: blur(2px);
        -ms-filter: blur(2px);
        -o-filter: blur(2px);
        filter: blur(2px);
    }

    body.modal-active .address {
        -moz-filter: blur(2px);
        -webkit-filter: blur(2px);
        -ms-filter: blur(2px);
        -o-filter: blur(2px);
        filter: blur(2px);
    }

    body.modal-active #map {
        -moz-filter: blur(2px);
        -webkit-filter: blur(2px);
        -ms-filter: blur(2px);
        -o-filter: blur(2px);
        filter: blur(2px);
    }

    body.modal-active #wrapper:after {
        -moz-pointer-events: auto;
        -webkit-pointer-events: auto;
        -ms-pointer-events: auto;
        pointer-events: auto;
        opacity: 1;
        visibility: visible;
        z-index: 10003;
    }

    #wrapper:before {
        -moz-animation: spinner 1s infinite linear !important;
        -webkit-animation: spinner 1s infinite linear !important;
        -ms-animation: spinner 1s infinite linear !important;
        animation: spinner 1s infinite linear !important;
        -moz-pointer-events: none;
        -webkit-pointer-events: none;
        -ms-pointer-events: none;
        pointer-events: none;
        -moz-transition: top 0.75s ease-in-out, opacity 0.35s ease-out, visibility 0.35s;
        -webkit-transition: top 0.75s ease-in-out, opacity 0.35s ease-out, visibility 0.35s;
        -ms-transition: top 0.75s ease-in-out, opacity 0.35s ease-out, visibility 0.35s;
        transition: top 0.75s ease-in-out, opacity 0.35s ease-out, visibility 0.35s;
        background-image: url("images/spinner.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: block;
        font-size: 2em;
        height: 2em;
        left: 50%;
        line-height: 2em;
        margin: -1em 0 0 -1em;
        opacity: 0;
        position: fixed;
        text-align: center;
        top: 75%;
        visibility: hidden;
        width: 2em;
    }

    body.loading #wrapper:before {
        -moz-transition: opacity 1s ease-out !important;
        -webkit-transition: opacity 1s ease-out !important;
        -ms-transition: opacity 1s ease-out !important;
        transition: opacity 1s ease-out !important;
        -moz-transition-delay: 0.5s !important;
        -webkit-transition-delay: 0.5s !important;
        -ms-transition-delay: 0.5s !important;
        transition-delay: 0.5s !important;
        opacity: 0.25;
        top: 50%;
        visibility: visible;
    }


/* Header */

	body {
		padding: 0 0 4em 0;
	}
	
	#header {
        font-family: 'Istok Regular', Helvetica, Arial, sans-serif;
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-moz-transition: -moz-transform 1s ease;
		-webkit-transition: -webkit-transform 1s ease;
		-ms-transition: -ms-transform 1s ease;
		transition: transform 1s ease;
		-moz-user-select: none;
		-ms-user-select: none;
		-webkit-user-select: none;
		height: 32px;
		line-height: 4em;
		padding: 0 1.5em;
		position: fixed;
		top: 0;
		user-select: none;
		width: 100%;
		max-width: 940px;
		margin: 0 auto !important;
		padding: 0;
		z-index: 3;
        background-color: rgba(0, 159, 189, 0.75);
    }

    #header a {
        padding-left: 1.5em;
        position: relative;
        left: 2px;
        top: -10px;
        font-size: 1em;
        font-weight: 400;
    }

    #header a:hover {
        color: #F2EF31 !important;
    }

    #header h1 {
        color: #FFFFFF;
        display: inline-block;
        font-size: 1.2em;
        line-height: 1;
        margin: 0;
        padding-left: 1.5em;
        vertical-align: top;
	}

    #header h1 a {
        border: 0;
        color: inherit;
    }

    #header h1 a:hover {
        color: inherit !important;
    }

    #header nav {
        position: absolute;
        right: -1em;
        top: 0.3em;
    }

    #header nav > ul {
        list-style: none;
        margin: 0;
        padding: 0;			
    }

    #header nav > ul > li {
        display: inline-block;
        padding: 0;	
    }

    #header nav > ul > li a {
        -moz-transition: background-color 0.5s ease;
        -webkit-transition: background-color 0.5s ease;
        -ms-transition: background-color 0.5s ease;
        transition: background-color 0.5s ease;
        border: 0;
        color: #ffffff;
        display: inline-block;
        letter-spacing: 0.1em;
        padding: 0 1.5em;
        text-transform: uppercase;
        font-size: 1.15em;
        font-weight: 400;
    }

    #header nav > ul > li a.icon:before {
        position: relative;
        right: 0.2em;
        color: #ffffff;
        float: right;
        margin-left: 0.75em;
    }

    #header nav > ul > li a:hover {
        color: #F2EF31 !important;
    }

    #header nav > ul > li a.active {
        background-color: transparent;
        color: #FFFFFF;
    }	
			
    #header > h1 {
        color: #FFFFFF;
        font-weight: 400;
    }		
					
    #header > h1:hover {
        color: #E1FB99;
}
				
		




    @media screen and (min-width: 1679px) {
        
        
    #main {
        top: -5em;
        padding-bottom: 3em !important;
        padding-top: 1em !important;
        border-top: 0 !important;
        border-left: solid 100px #FFFFFF !important;
        border-right: solid 100px #FFFFFF !important;
        border-bottom: 0 !important;
        }
           
    #main .thumb > h2 {
        width: 100% !important;
        font-size: 1em !important;
        line-height: 1.1em !important;
        margin-top: -0.3em !important;
        width: 100% !important;
    }
            
    #main .thumb {
        height: calc(30vh - 2em) !important;
        min-height: 15em !important;
    }

    #header {
        height: 46px;
        top: -0.55em;
    }
        
    .aboutus {
        padding-top: 3em !important;
        padding-bottom: 1em;
    }
			
    #canvas {
        top: -33%;
        left: 15%;
        background-size: 267%;
    }
     
    .scrib {
        top: 70px;
    }
                        
    .invisible {
        display: none;
    }
                        
    #header nav {
        top: 0.35em;
        padding-right: 17px;
    }    

    #header nav > ul > li a {
        font-size: 1em;
    }
    
    .logopanel {
        background-size: 150%;
    }
        
    .panel {
        padding: 3.5em 2em 2em 4em !important;
    }
        
    .panel > .inner.split > :first-child {
        margin-top: -0.5em !important;
    }

    .panel.active { 
        top: 20.5%;
    }
        
    #header > h1 {               
        font-size: 1.25em;
    }
        
    .dropper {
        top: 0 !important;
    }         
          
    .address > p {
        width: 400px !important;
    }
        
    .paraprivacy > h2 {
        font-size: 94%;
    }
        
    .descriptor {
        margin-top: 12em;
        top: -1.4em;
        left: 2.2em;
        line-height: 1.7em;
    }
        
    .bbox2 {
        margin-top: -2.8em !important;
    }
    
    .copyright {
        font-size: 65% !important;
        left: -0.5em;
        margin-top: -1em !important;
    }
        
    .phonenumbers {
        margin-top: -16em !important;
        top: -1.6em !important;
    }   

    .phonenumbers > h3 {
        font-size: 1em !important;
    } 
        
        
    .email {
        margin-top: -3em !important;
        top: 0.75em !important;
    }
        
    .email > h3 {
        position: relative;
        top: -0.5em;
        font-size: 1em !important;
}
}
	

		
	
	
    @media screen and (max-width: 980px) {
                  
        
    #header a {
        left: -1.32em;
    }

    #header {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        bottom: auto;
        padding: 0 0.9em;
        top: 0;
    }

    #header h1 {
        font-size: 1.15em;
    }

    #header nav > ul > li a {
        font-size: 0.9em;
        padding: 0 1.15em;
}             
}	
	





/* Main */

	#main {
        background-color: #FFFFFF !important;
        border-top: solid 20px #FFFFFF;
        border-left: solid 20px #FFFFFF;
        border-right: solid 20px #FFFFFF;
        border-bottom: solid 10px #FFFFFF;
        margin-top: 10.6em;
        position: relative;
		-moz-transition: -moz-filter 0.3s ease, -webkit-filter 0.3s ease, -ms-filter 0.3s ease, -moz-filter 0.3s ease;
		-webkit-transition: -moz-filter 0.3s ease, -webkit-filter 0.3s ease, -ms-filter 0.3s ease, -webkit-filter 0.3s ease;
		-ms-transition: -moz-filter 0.3s ease, -webkit-filter 0.3s ease, -ms-filter 0.3s ease, -ms-filter 0.3s ease;
		transition: -moz-filter 0.3s ease, -webkit-filter 0.3s ease, -ms-filter 0.3s ease, filter 0.3s ease;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        z-index: 2;
	}

    #main .thumb {
        margin: 0 auto !important; 
        -moz-pointer-events: auto;
        -webkit-pointer-events: auto;
        -ms-pointer-events: auto;
        pointer-events: auto;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        opacity: 1;
        overflow: hidden;
        position: relative;
    }


    #main .thumb:after {
        -moz-pointer-events: none;
        -webkit-pointer-events: none;
        -ms-pointer-events: none;
        pointer-events: none;
        background-size: cover;
        content: '';
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    #main .thumb > .image {
        border: 5px solid #8FBFBF !important;
        border-radius: 5px;
         -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        background-position: center center;
        background-repeat: no-repeat;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
        background-size: cover;
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 2em;
        width: 100%;
        object-fit: contain;
        z-index: 2;
    }

    #main .thumb > .image:hover {
        border: 5px solid #10AFCD !important;
    }

    #main .thumb > h2 {
        -moz-pointer-events: none;
        -webkit-pointer-events: none;
        -ms-pointer-events: none;
        pointer-events: none;
        color: #F2EF31;
        font-size: 1.3em;
        font-weight: 400;
        letter-spacing: inherit;
        line-height: 0.9em;
        margin: 0 auto;
        position: relative;
        top: 88.3%;
        width: 88%;
        background-color: rgba(16, 175, 205, 0.8);
        text-align: center;
        padding-bottom: 1em;
        z-index: 3;
    }

    #main .thumb > p {
        display: none;
    }

    #main:after {
        -moz-pointer-events: none;
        -webkit-pointer-events: none;
        -ms-pointer-events: none;
        pointer-events: none;
        -moz-transition: opacity 0.3s ease, visibility 0.3s;
        -webkit-transition: opacity 0.3s ease, visibility 0.3s;
        -ms-transition: opacity 0.3s ease, visibility 0.3s;
        transition: opacity 0.3s ease, visibility 0.3s;
        content: '';
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        visibility: hidden;
        width: 100%;
        z-index: 1;
    }

    #main .leftthumb {
        border-right: solid 20px #FFFFFF !important;
    }

    #main .rightthumb {
        border-left: solid 20px #FFFFFF !important;
    }
        
    body.content-active #main {
    -moz-filter: blur(2px);
    -webkit-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
    }

    body.content-active #main:after {
        -moz-pointer-events: auto;
        -webkit-pointer-events: auto;
        -ms-pointer-events: auto;
        pointer-events: auto;
        opacity: 1;
        visibility: visible;   
    }

    body.loading #main .thumb {
        -moz-pointer-events: none;
        -webkit-pointer-events: none;
        -ms-pointer-events: none;
        pointer-events: none;
        opacity: 0;
    }

    #main .thumb {
        height: calc(40vh - 2em);
        min-height: 18em;
        width: 50%;
    }









    @media screen and (max-width: 1680px) {
        
        
    #main {
        top: -3em; 
    }
        
    #main .thumb > h2 {
        font-size: 1.3em !important;
        line-height: 1.1em !important;
        margin-top: -0.3em !important;
        width: 100% !important;
    }
        
    .aboutus {
        padding-top: 3em;
    }
        
    #main .thumb {
        height: calc(30vh - 2em);
        min-height: 18em;
        width: 50%;
    }
        
    .descriptor {
        top: 19.35em;
    }
        
    .email {
        top: -0.23em !important;
}
}		






			
    @media screen and (min-width: 1680px) {
        

    .butbox {
        width: 360px;
        height: 58px;
}
}







    @media screen and (max-width: 1280px) {
        
        
        
    #main {
        border: 0 !important;            
    }
        
    .aboutus {
        padding-top: 3em;
    }
        
    #main .thumb > h2 {
        font-size: 1.3em !important;
        line-height: 1.1em !important;
        margin-top: -0.3em !important;
        width: 100% !important;
    }
        
    .aboutus {
        padding-top: 3em;
    }
        
    .panel.active { 
        top: 23% !important;
    }
        
    .phonenumbers {
        top: -0.1em !important;
    }
        
    .copyright {
        top: -2.4em !important;
    }
        
    .email {
        margin-top: 0.5em !important;
    }
                   
    #main .leftthumb {
       border-right: solid 25px #FFFFFF !important;
       border-left: solid 90px #FFFFFF !important;
    }
    
    #main .rightthumb {
        border-right: solid 90px #FFFFFF !important;
        border-left: solid 25px #FFFFFF !important;
}   
}










    @media screen and (max-width: 980px) {
        
         
    #main {
        border-top: 0 !important;
        border-left: solid 1px #FFFFFF !important;
        border-right: solid 1px #FFFFFF !important;
        border-bottom: 0 !important;
    }
        
    #main .thumb {
        height: calc(20vh - 1em) !important;
        min-height: 16em !important;
        min-width: 50%;
        background-position: top !important;
        margin-top: 0 !important;
    }
        
    #main .thumb > h2 {
        font-size: 1.25em !important;
        line-height: 1em !important;
        margin-top: 11em !important;
        width: 100% !important;
    }
        
    #main .leftthumb {
        border-right: solid 15px #FFFFFF !important;
        border-left: solid 80px #FFFFFF !important;
    }
        
    #main .rightthumb {
        border-right: solid 80px #FFFFFF !important;
        border-left: solid 15px #FFFFFF !important;
    }
        
    .panel.active {
        top: 19.5% !important;
}
}





    @media screen and (max-width: 736px) {
        

    #main {
        padding-top: 0 !important;
        border 0 !important;
    } 
 
    #main .thumb {
        min-height: 14em !important;
        width: 50% !important;
        margin-top: 1.7em !important;
        margin-bottom: -2.5em !important;
    }

    #main .leftthumb {
        border-right: solid 20px #FFFFFF !important;
        border-left: solid 40px #FFFFFF !important;
    }
    
    #main .rightthumb {
        border-right: solid 40px #FFFFFF !important;
        border-left: solid 20px #FFFFFF !important;
    }
        
    .panel.active {
        top: 15.7% !important;
}
}





    @media screen and (max-width: 480px) {
    
        
    .aboutus {
        padding-top: 1em;
    }
    
    #canvas { 
        width: 120%;
        left: -2%;
    }

    #main .thumb {
        border: none;
        width: 100% !important;
        height: 15em !important;
    }
             
    #main .leftthumb {
         border-right: solid 55px #FFFFFF !important;
         border-left: solid 35px #FFFFFF !important;
    }
        
    #main .rightthumb {
        border-right: solid 35px #FFFFFF !important;
        border-left: solid 55px #FFFFFF !important;
        }
        
    .panel.active {
            top: 7.5% !important;
}
}





/* Footer */


	#footer {
		background-color: #196973;
	}


	#footer .copyright {
		position: relative;
		top: -3em;
        line-height: 1.2em;
		color: #00d1d1;
		font-size: 0.9em;
		letter-spacing: -0.01em;
		margin: 0 auto;
		padding: 0;
	}

	#footer .copyright a {
		color: inherit;
		text-decoration: none;
		border: none;
    }