/* RESETS */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:300,400,900&display=swap');

.container { width: 1170px; margin: 0 auto; display: block; }
.pulse { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
.pulse:hover, .pulse:focus, .pulse:active { -webkit-transform: scale(1.1); transform: scale(1.1); }

@media only screen and (max-width:899px) {
    .container { width: 100%; display: block; margin: 0 auto; }
}

body { font-family: 'Playfair Display', serif; }
.top { display: none; position: fixed; top: 0; width: 100%; background-color: #fff; box-shadow: 0 1px 20px rgba(25,25,25,0.2); z-index: 10; }
.top ul { text-align: center; }
.top ul a { color: #000; }
.top ul li { cursor:pointer; display: inline-block; padding: 35px 50px 38px 50px; text-transform: uppercase; }
.top ul li:hover { -moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s; color: #a2238d; }
.top .logobar img { width: 190px; vertical-align: middle; margin-left: -40px;}

@media only screen and (max-width:899px) {
    .top { display: none !important; }
}

.min-head { background: url(../images/head.jpg); height: 300px; margin-bottom: 70px; }
.min-head p { color:#fff; font-size: 30px; text-align: center; display: block; padding-top: 8.5%;}
.min-head p span { display: block; font-size: 50px; }

@media only screen and (max-width:899px) {
    .min-head { height: 150px; margin-bottom: 40px; }
    .min-head p { font-size: 20px; padding-top: 12%;}
    .min-head p span { font-size: 25px; }
}

header { position: relative; }
header video { width: 100%; width: auto; height: auto; z-index: -100; }
header .mobile { display: none; }
header .logo img { width: 300px; margin: 0 auto; display: block; padding-top: 15%; position: absolute; z-index: 5; left:0; right: 0;}
header .logo img:hover { opacity: 0.9; -moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s; }
header .logo span { color: #fff; display: block; margin: 0 auto; text-align: center; font-weight: bold; margin-top: 10px; font-size: 20px; text-shadow: 2px 2px 10px rgba(0,0,0,0.5); }

@media only screen and (max-width:899px) {
    header { background: url(../images/head.jpg) no-repeat; background-position: top center; background-size: cover; height: 400px; }
    header .logo img { width: 150px; padding-top: 20%; position: relative; }
    header video { width: 100%; height: auto; display: none; }
    header .mobile { display: block; }
    header .mobile span { display: block; text-align: center; font-size: 25px; line-height: 30px; padding: 0px 70px; margin-top: 5%; color:#fff; text-shadow: 2px 2px 10px rgba(0,0,0,0.2);}
}

.content { margin: 5% 0px; }
.content .col { cursor:pointer; width: 33%; display: inline-block; vertical-align: middle; border-right: 1px solid #f1f1f1; height: 200px; }
.content .col:last-child { border:none; }
.content .col span { font-size: 20px; display: block; text-align: center; margin-top: 16%; opacity: 0.4; }
.content .col p { text-align: center; font-size: 35px; margin-top: 10px; }
.content .col .over { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; }
.content .col .text-info { width:90%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
.content .col .text-info img { width: 100px; margin-top: 30px;}
.content .col .text-info img.block1 { width: 200px; margin-top: -15px;}
.content .col .text-info img.block2 { width: 250px; margin-top: -15px;}
.content .col:hover .over { opacity: 1; }

@media only screen and (max-width:899px) {
    .content { margin: 0; display: none;}
    .content .col { width: 100%; height: 100px; }
}

.cover-highlight { background: url(../images/cover/cover1.jpg); background-position: top center; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; height: 650px; position: relative; }
.cover-highlight.bg1 { background: url(../images/cover/cover2.jpg); background-position: top center; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; height: 650px; }
.cover-highlight.bg2 { background: url(../images/cover/cover3.jpg); background-position: top center; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; height: 650px; }

.cover-highlight a { color:#fff; text-decoration: none; }
.cover-highlight p { color:#fff; font-size: 40px; text-align: center; padding-top: 25%; text-shadow: 2px 2px 10px rgba(0,0,0,0.2); }
.cover-highlight hr { border-top: 5px solid #fff; width: 30px; margin-top: 20px; }
.cover-highlight p span { display: block; font-size: 50px; margin-top: -8px; text-align: center;}

@media only screen and (max-width:899px) {
    .cover-highlight { height: 300px; background-position: -990px 0px; }
    .cover-highlight.bg1 { height: 300px; background-position: -910px 0px; } 
    .cover-highlight.bg2 { height: 300px; background-position: -810px 0px; } 
}

.instagram { margin: 90px 0px; }
.instagram h3 { text-align: center; display: block; font-size: 25px; opacity: 0.4; }
.instagram p { text-align: center; margin-top: 30px; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; }
.instagram span { font-size: 25px; text-align: center; display: block; margin-top: 15px; }
.instagram .col { width: 19.7%; display: inline-block; background: #f1f1f1; height: 230px; margin-top: 40px; position: relative; }
.instagram .col img { width: 100%; object-fit: cover; height: 230px; }
.instagram .col p { color:#fff; margin: 0; letter-spacing: 0; text-transform: inherit; font-size: 18px; padding: 0px 10px; line-height: 25px;}
.instagram .col span { font-size: 12px; padding: 0; color:#fff; line-height: 18px; opacity: 0.7; }
.instagram .col .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: rgba(0,0,0,0.7); }
.instagram .col .text { width:90%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
.instagram .col:hover .overlay { opacity: 1; }

@media only screen and (max-width:899px) {
    .instagram { margin: 50px 10px; }
    .instagram h3 { padding: 0px 30px; line-height: 30px; }
    .instagram span { margin-bottom: 50px; }
    .instagram p { font-size: 15px; line-height: 25px; }
    .instagram .col { width: 49.4%; margin-top:5px; height: 160px; }
    .instagram .col img { height: 160px;  }
    .instagram .col:nth-child(5) { display: none; }
}

/* BACK TO TOP*/
#back-to-top { position: fixed; bottom: 40px; right: 40px; z-index: 9999; width: 32px; height: 32px; text-align: center; line-height: 30px; background: #f5f5f5; color: #444; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; }
#back-to-top img { width: 15px; margin-top: 8px; }
#back-to-top:hover { background: #e9ebec; }
#back-to-top.show { opacity: 1; }

/* MODAL */
.modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; }
.modalDialog:target { opacity:1; pointer-events: auto; }
.modalDialog .content { width: 400px; position: relative; margin: 5% auto; padding: 5px 20px 13px 20px; background: #fff; }
.modalDialog .content span { font-size: 20px; display: block; text-align: center; opacity: 0.4; margin-top: 5%; }
.modalDialog .content p { text-align: center; font-size: 35px; }
.modalDialog .content .closebtn { position: absolute; top: 0; right: 0; background: #a2238d; padding: 10px 15px; color: #fff; text-decoration: none; }
.modalDialog .content .closebtn:hover { background: #811c70; -moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s; }
.modalDialog .content hr { margin: 5%; opacity: 0.3; }
.modalDialog .content label { display: block; margin-top: 10px;}
.modalDialog .content input { outline:none; width: 95%; padding: 10px; margin: 0 auto; display: block; margin-top: 10px; }
.modalDialog .content textarea { border:1px solid #ccc; resize:none; height:100px; outline:none; width: 95%; padding: 10px; margin: 0 auto; display: block; margin-top: 10px; }
.modalDialog .content button { cursor:pointer; background: #a2238d; color:#fff; border:none; padding: 10px; margin-top: 10px; margin-bottom:5px; width: 130px; font-size: 18px; font-family: 'Playfair Display', serif; }
.modalDialog .content button:hover { background:#811c70; color:#fff; opacity: 0.8; -moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s; }


/* FILMES */
.content-filmes .col { width: 49.7%; display: inline-block; vertical-align: top; }
.content-filmes .col iframe { width: 85%; height: 270px; display: block; margin: 0 auto; border-radius: 10px;}
.content-filmes .col p { text-align: center; font-size: 30px; margin-top: 20px; }
.content-filmes .col span { text-align: center; display: block; margin-top:10px; margin-bottom: 30px; opacity: 0.6; }

@media only screen and (max-width:899px) {
    .content-filmes .col { width: 95%; margin: 0 auto; display: block; }
    .content-filmes .col iframe { width: 90%; height: 175px; }
}