/** 
* RESET & FORM
**/

select[multiple],textarea{vertical-align:top}a,hr{padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9;color:#000}body{line-height:1}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}button,input,label,select,textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:0 0;line-height:1;font-size:19px;font-family:Arial}input:focus{outline:0}input,textarea{-webkit-box-sizing:content-box;box-sizing:content-box}button,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],select{-webkit-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{width:13px;height:13px}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}button,input[type=reset],input[type=button],input[type=submit]{overflow:visible;width:auto}::-webkit-file-upload-button{padding:0;border:0;background:0 0}textarea{overflow:auto}

/**
* GLOBAL
**/

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

body {
    font-family: 'Roboto', sans-serif;
    color: #666;
    font-weight: 400;
    /*padding: 60% 0*/
}
h1, h2 {
    font-weight: 400;
}
.wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.wrapper:after {
    content: ' ';
    display: table;
    clear: both;
}

blockquote {
    padding: 1rem;
    margin:  1rem 0;
    font-style: italic;
    background: #F2F3F3;
    border-left: 4px solid #E646A4;
}








/**
* HEADER
**/
header {
    max-height: 807px;
    overflow: hidden;
    position: relative;
    text-align: center;
    color: #FFF;
    /*position: fixed;
    top:0;
    left: 0;
    right: 0;
    z-index: -1;*/
}
    header > img {
            width: 100%;
        }
    header .wrapper {
        position: absolute;
        height: 100%;
        min-height: 100%;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
 }
        header .wrapper img {
            position: absolute;
            top: 5%;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
        }
        header .wrapper div {
            position: absolute;
            width: 99%;
            bottom: 3%;
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
        }
        header p {
            font-size: 1.875rem;
            max-width: 590px;
            margin: 0 auto;
            padding-bottom: 5%;
            line-height: 1.3;
        }
            header h1 {
                font-weight: 900;
                font-size: 5rem;
                display: block;
                padding-bottom: 2%;
                
            }
            header b {
                display: block;
                padding-bottom: 10%;
                font-size: 2.5rem;
                letter-spacing: 1.8px
            }
                header b span {
                    font-size: 1.3rem;
                    font-weight: 400;
                    display: block;
                    padding: 1rem 0;
                }
            header b + a {
                display: block;
                height: 23px;
                width: 36px;
                background: url(../img/avall.png);
                margin: 0 auto;
                position: relative;
            }
                header b + a span {
                    display: block;
                    background: #FFF;
                    position: absolute;
                    width: 150px;
                    padding: 0.5rem;
                    top: -45px;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                            transform: translateX(-50%);
                    color: #333;
                    border-radius: 100px;
                    opacity: 0;
                    -webkit-transition: 500ms all ease-in-out;
                    transition: 500ms all ease-in-out;
                }
                header b + a:hover span {opacity: 1}
/**
* MAIN
**/

main {
    background: #FFF;
}

    .intro {
        padding: 40px 0;
        position: relative;
        z-index: 2;
        color: #FFF;
        margin-bottom: 160px;
    }
        .intro::before {
        display: block;
        content: '';
        width: 100%;
        height: 120%;
        position: absolute;
        top:-20px;
        left: 0;
        -webkit-transform: skewY(-8deg);
        transform: skewY(-8deg);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(45deg, #ffc0cb, #800080); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


        z-index: -1;
        }
        .intro p {
            width: 90%;
            max-width: 560px;
            margin: 0 auto;
            text-align: justify;
            line-height: 1.3
        }
        .intro p + p {
            padding-top: 1rem;
        }
        .intro .slogan {
            padding: 2rem 0;
            color: #FFF;
        }
            .intro .slogan div {
                max-width: 560px;
                width: 90%;
                margin: 0 auto;
                line-height: 1.4;
                font-size: 1.3rem;
                font-weight: 400;
                letter-spacing: 1px;
                text-align: center;
                position: relative;
            }

    [class|="fila"] {
    }
    .fila-01 {
       text-align: center;
       padding-top: 160px;
       margin-bottom: 160px
    }
        .fila-01 p,
        .fila-01 h2 {
            margin: 0 auto;
            line-height: 1.3;
        }
        .fila-01 h2 {
            color: #E646A4;
            max-width: 660px;
            font-size: 2.563rem;
        }
        .fila-01 p {
            font-size: 1.60rem;
            max-width: 650px;
            position: relative;
            padding-bottom: 30px;
        }
            .fila-01 p::after {
                content: '';
                position: absolute;
                height: 4px;
                width: 40px;
                background: #E646A4;
                bottom: 0;
                left: 50%;
                -webkit-transform: translate(-50%);
                        transform: translate(-50%);
            }
    
    .fila-02 {padding-top: 60px;}
    .fila-03 {
        padding-top: 160px;
    }
    .fila-02 .wrapper,
    .fila-03 .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
        .fila-02 .wrapper div:first-child,
        .fila-03 .wrapper div:first-child {
            width: 55%;
            padding: 0 2rem;
        }
        .fila-02 .wrapper div:last-child,
        .fila-03 .wrapper div:last-child {
            width: 40%;
        }
            .fila-02 .wrapper div:last-child img,
            .fila-03 .wrapper div:last-child img {
                width: 100%;
                border-radius: 1rem;
            }
        .fila-02 h2,
        .fila-03 h2 {
            font-size: 2.5rem;
            color: #000;
            line-height: 1.2;
            padding-bottom: 34px;
        }
        .fila-02 p,
        .fila-03 p {
            line-height: 1.4;
        }
        .fila-02 p + p,
        .fila-03 p + p {
            padding-top: 1rem;
        }
    .fila-03 .wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
    }
    
    .fila-04 {
        color: #FFF;
        font-size: 1.563rem;
        text-align: center;
        padding: 100px;
        margin: 160px 0;
        background: #800080;  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(45deg, #ffc0cb, #800080); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
        .fila-04 p {
            max-width: 600px;
            width: 100%;
            margin: 0 auto;
            line-height: 1.4;
            letter-spacing: 1px;
        }
            .fila-04 p a {
                display: block;
                text-indent: -10000em;
                height: 23px;
                width: 26px;
                background: url(../img/avall.png) no-repeat;
                background-size: contain;
                margin: 0 auto;
                position: relative;
                bottom: -50px
            }
    
    .fila-05 {
        text-align: center;
    }
        .fila-05 form {
            max-width: 700px;
            width: 90%;
            margin: 0 auto;
        }
            .fila-05 input[type="text"],
            .fila-05 input[type="email"] {
                border-top: solid 2px #270F33;
                border-left: solid 2px #270F33;
                border-right: solid 2px #270F33;
                display: block;
                width: 100%;
                padding: 10px;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
            }
            .fila-05 input[type="email"] {
                border-bottom: solid 2px #270F33;
                margin-bottom: 50px;
            }
            .gr {
                width: 310px;
                margin: 0 auto;
            }
            .fila-05 input[type="submit"] {
                margin-top: 20px;
                display: inline-block;
                font-size: 1.375rem;
                font-family: 'roboto', sans-serif;
                font-weight: 900;
                text-transform: uppercase;
                letter-spacing: 2px;
                color: #FFF;
                background: rgba(39,15,51,1);
                padding: 12px 20px;
                cursor: pointer;
                -webkit-transition:300ms all ease-in-out;
                transition: 300ms all ease-in-out;
            }
            .fila-05 input[type="submit"]:hover {
                background: rgba(39,15,51,0.8);
            }
    .impressum {
        padding: 160px 0;
        text-align: center;
    }
        .impressum p:first-child {
            color: #E646A4;
            font-size: 1.563rem;
            padding-bottom: 50px;
        }
        .impressum ul {
            padding-bottom: 50px;
            line-height: 1.3
        }
            .impressum li:first-child {
                font-weight: 900;
                letter-spacing: 1px;
                text-transform: uppercase;
                padding-bottom: 10px
            }
        .impressum p:last-child {
            line-height: 1.3
        }
        .impressum p:last-child b {
            display: block;
            text-transform: uppercase;
            padding-bottom: 10px;
        }

/**
* FOOTER
**/

footer {
    background: #191919;
    color: #FFF;
    text-align: center;
    font-size: 0.750rem;
    padding: 20px
}
    footer a {
        color: inherit;
        text-decoration: none;
    }
    footer a:hover {
        text-decoration: underline;
    }
        
/**
* MISC
**/

.now {
    white-space: nowrap;
}
.avis {
    padding: 40px 2%;
}
	.avis a {color: inherit;}
    .avis h1 {
        font-weight: 900;
        font-size: 1.5rem;
        padding-bottom: 40px;
    }
        .avis h2 {
            font-weight: 900;
            padding: 10px 0;
        }
        .avis p {
            line-height: 1.3;
            padding-bottom: 20px;
        }
		.avis ul {
			list-style-position: inside;
			padding-bottom: 20px;
		}
			.avis ul li + li {
				margin-top: 0.5rem;
			}
		.avis .btt-01 {
			display: inline-block;
			text-decoration: underline!important;
			color: inherit;
		}
.msg {
    font-size: 2rem;
    font-size: 7vw;
    color: #270F33;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}



/**
* RWD
**/

@media only screen and (max-width: 1200px) {
    header p {
        padding-bottom: 1%;
    }
}

@media only screen and (max-width: 1000px) {
    header .wrapper img {
        background-size: contain;
        width: 100px;
        top: 2%;
    }
    header h1 {
        font-weight: 900;
        font-size: 3rem;
    }
}
@media only screen and (max-width: 700px) {
    header {
        max-height: none;
        padding: 30px 10px;
        background: #800080;  /* Chrome 10-25, Safari 5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(#ffc0cb), to(#800080));
        background: linear-gradient(180deg, #ffc0cb, #800080); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
    header > img {
            display: none;
        }
    
    header .wrapper {
        position: static;
        height: auto;
        min-height: none;
        -webkit-transform: translateX(0);
                transform: translateX(0);
     }
         header .wrapper img {
            position: static;
            margin-bottom: 20px;
            -webkit-transform: translateX(0);
                    transform: translateX(0);
        }
        header .wrapper div {
            position: static;
            -webkit-transform: translateX(0);
                    transform: translateX(0);
        }
            header p {
            font-size: 1.5rem;
            padding-bottom: 8%;
        }
        header b + a {
                display: none;
            }
    .fila-01 {
       padding: 60px 5% 0 5%;
    }
    .fila-02,
    .fila-03 {
        padding-top: 60px;
    }
    .fila-02 .wrapper,
    .fila-03 .wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
    }
        .fila-02 .wrapper div:first-child,
        .fila-03 .wrapper div:first-child {
            width: 90%;
            padding-bottom: 40px;
        }
        .fila-02 .wrapper div:last-child,
        .fila-03 .wrapper div:last-child {
            width: 90%;
        }
            .fila-02 .wrapper div:last-child img,
            .fila-03 .wrapper div:last-child img {
                width: 60%;
            }
    .fila-04 {
        font-size: 1.563rem;
        text-align: center;
        padding: 60px 0;
        margin-bottom: 60px;
    }
}