*, *:before, *:after {
	box-sizing: border-box;
}
html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	color: #525252;
	font-size: 100%;
	line-height: 1.6em;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 300;
	background: #fff;
}
img, svg {
	max-width: 100%;
}
a {
	color: #282A86;
	cursor: pointer;
	outline: none;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.error {
	color: #E90745;
}

/* !LAYOUT */
.wrap,
.wrap > .grid-x {
	height: 100%;
}
.left {
	
}
.right {
	overflow: hidden;
	min-height: 300px;
	/*
	background: #fff url('../img/04.jpg') no-repeat center center;
	background-size: cover;
	*/
}

/* Slideshow */
/* https://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/ */
.cb-slideshow {
	list-style: none;
	margin: 0;
	padding: 0;
}
.cb-slideshow,
.cb-slideshow:after {
	position: relative;
	width: 100%;
	height: 100%;
	/*height: 100vh;*/
}
.cb-slideshow li span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: transparent;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: none;
	opacity: 0;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-webkit-animation: imageAnimation 12s linear infinite 0s;
	-moz-animation: imageAnimation 12s linear infinite 0s;
	-o-animation: imageAnimation 12s linear infinite 0s;
	-ms-animation: imageAnimation 12s linear infinite 0s;
	animation: imageAnimation 12s linear infinite 0s;
}
.cb-slideshow li:nth-child(1) span {
	background-image: url('../img/04.jpg');
}
.cb-slideshow li:nth-child(2) span {
	background-image: url('../img/05.jpg');
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}
@-webkit-keyframes imageAnimation
{
	0% {opacity: 0; -webkit-animation-timing-function: ease-in;}
	25% {opacity: 1; -webkit-animation-timing-function: ease-out;}
	51% {opacity: 1;}
	76% {opacity: 0;}
	100% {opacity: 0;}
}
@-moz-keyframes imageAnimation
{
	0% {opacity: 0; -moz-animation-timing-function: ease-in;}
	25% {opacity: 1; -moz-animation-timing-function: ease-out;}
	51% {opacity: 1;}
	76% {opacity: 0;}
	100% {opacity: 0;}
}
@-o-keyframes imageAnimation
{
	0% {opacity: 0; -o-animation-timing-function: ease-in;}
	25% {opacity: 1; -o-animation-timing-function: ease-out;}
	51% {opacity: 1;}
	76% {opacity: 0;}
	100% {opacity: 0;}
}
@-ms-keyframes imageAnimation
{
	0% {opacity: 0; -ms-animation-timing-function: ease-in;}
	25% {opacity: 1; -ms-animation-timing-function: ease-out;}
	51% {opacity: 1;}
	76% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes imageAnimation
{
	0% {opacity: 0; animation-timing-function: ease-in;}
	25% {opacity: 1; animation-timing-function: ease-out;}
	51% {opacity: 1;}
	76% {opacity: 0;}
	100% {opacity: 0;}
}

/* !BUTTONS */
.btn {
    display: inline-block;
	cursor: pointer;
    color: #fff;
    border: none;
    background: #E90745;
    border-radius: 25px;
    font-size: .9rem;
	line-height: 33px;
    text-decoration: none;
	padding: .2rem 1rem;
	letter-spacing: 1px;
    transition: .25s ease-out;
}
.btn:hover {
}

/* !CONTENT */
#logo svg {
	display: block;
	width: 40%;
	margin: 1rem auto;
}
a.tel {
	display: inline-block;
	text-decoration: none;
	border-radius: 5px;
	padding: .2rem 10px .2rem 32px;
	margin-top: 5px;
	background: #EBE5F2 url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5562 12.9062L16.1007 13.359C16.1007 13.359 15.0181 14.4355 12.0631 11.4972C9.10812 8.55901 10.1907 7.48257 10.1907 7.48257L10.4775 7.19738C11.1841 6.49484 11.2507 5.36691 10.6342 4.54348L9.37326 2.85908C8.61028 1.83992 7.13596 1.70529 6.26145 2.57483L4.69185 4.13552C4.25823 4.56668 3.96765 5.12559 4.00289 5.74561C4.09304 7.33182 4.81071 10.7447 8.81536 14.7266C13.0621 18.9492 17.0468 19.117 18.6763 18.9651C19.1917 18.9171 19.6399 18.6546 20.0011 18.2954L21.4217 16.883C22.3806 15.9295 22.1102 14.2949 20.8833 13.628L18.9728 12.5894C18.1672 12.1515 17.1858 12.2801 16.5562 12.9062Z" fill="%23562082"/></svg>') no-repeat 5px center;
	color: #562082;
	font-weight: 500;
}
img.identifier {
	max-width: 40%;
}
ul.lang {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	margin-right: 1rem;
}
ul.lang li {
	display: inline-block;
}
ul.lang li::before {
	content: ' - ';
}
ul.lang li:first-child::before {
	content: '';
}
ul.lang li a {
	text-decoration: none;
}
ul.lang li a.active {
	font-weight: 500;
}

/* !FORM */
::placeholder {
	color: #666;
}
input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
	color: #666;
}
input[type="text"],
input[type="email"],
input[type="submit"],
select,
textarea {
	filter: none;
	outline: none;
	
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
form {
	margin: 2rem 0;
	padding: 1rem;
	padding-bottom: 2rem;
	background-color: #EBE5F2;
	text-align: left;
	border-radius: 10px;
}
form label {
	display: block;
	text-align: right;
	font-weight: 400;
}
form div.radios label {
	text-align: left;
	font-weight: 300;
	font-size: .9rem;
}
input[type="radio"],
input[type="checkbox"] {
	accent-color: #562082;
}
form input[type="text"],
form textarea {
	width: 90%;
	margin: .3rem 0;
	border: 1px solid #ccc;
	padding: .3rem;
	font-family: 'Roboto';
	font-size: .9rem;
}




/* !MEDIA */

/* Large and up */
@media screen and (min-width: 64em) /* >= 1024 */
{
	/*body {color: blue;}*/
}
/* Medium */
@media screen and (max-width: 63.99em) /* <= 1023 */
{
	/*body {color: red;}*/
	
	form label {
		text-align: left;
		margin-top: .5rem;
	}
	form div.radios label {
		margin: 0;
		padding: .1rem 0;
	}
	form input[type="text"],
	form textarea {
		width: 100%;
		margin: 0;
	}
	input[type="submit"] {
		margin: .5rem 0;
	}
}
/* Small */
@media screen and (max-width: 40em) /* <= 640 */
{
	/*body {color: green;}*/
	
	.cb-slideshow,
	.cb-slideshow:after {
		height: 300px;
	}
	p.intro {
		font-size: .7rem;
		line-height: 1.1rem;
	}
	
	footer span {
		display: block;
	}
}