@import url('default.css');

/* ESSENCIAIS */
/*_____________________________________________________________________________________________________________________________________________________________*/

/* cores do ecrã de loading */
.loader { background: #2A2A2A; }	/* loader background color */
.loader i.fa-cog { color: #ffffff; } /* loader spinner color */

/* cor do botão scroll top */
div.boxForScrollUp { position: relative; border: 1px solid #6E6E6E; width: 45px; height: 45px; border-radius: 5px; }
div.boxForScrollUp i { top: 18px; }
.scrollup { color: auto; opacity: 1!important; } /* go top button color */
.scrollup:hover div.boxForScrollUp { background: #333333;  }

/* hightlight colors */
::selection, ::-moz-selection { background: auto; color: auto; }

/* placeholder dos formularios */
::-webkit-input-placeholder { color: #000000; }
:-moz-placeholder { color: #000000; }
::-moz-placeholder { color: #000000; }
:-ms-input-placeholder { color: #000000; }

/* locker on or off */
#locked { display: none; } 



/* ADICIONAR CÓDIGO ABAIXO*/
/*_____________________________________________________________________________________________________________________________________________________________*/


.transition {
    -webkit-transition: all 2500ms;
    -moz-transition: all 2500ms;
    -o-transition: all 2500ms;
    transition: all 2500ms;
 }

 .transition2 {
    -webkit-transition: all 1000ms;
    -moz-transition: all 1000ms;
    -o-transition: all 1000ms;
    transition: all 1000ms;
 }
 .transition3 {
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
 }

div.menupopupTexto1, div.menupopupTexto2, div.menupopupTexto3 { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 21; background-color: rgba(0,0,0,0.7); visibility: hidden; }
div.menupopupTexto ul li { color: #ffffff; }
div.areaTexto { background-image: url('../imgs/latelier_fundo_2.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 900px; max-width: 100%; max-height: 600px; padding: 3% 0%; border-radius: 30px; }
div.areaTexto p {color: #ffffff; font-family: 'Ubuntu', sans-serif; font-size: 15px; text-align: center;}
div.areaTexto h2 { text-align: center; color: #ffffff; margin-bottom: 30px; font-size: 30px; font-family: 'Poiret One', cursive;}
div.areaTexto h2 img {width: 50%;}  
div.texto0, div.texto1, div.texto2, div.texto3 { overflow-y: auto; padding-left: 15%; padding-right: 15%;max-height: 100%; max-height: 500px; }
div.closePopups { position: absolute; top: 10px; right: 30px; cursor: pointer;}
div.closePopups i { color: #ffffff; font-size: 25px;}

#languageChanger {position: fixed; top: 20px; right: 40px; z-index: 22;}
#languageChanger li { color: #ffffff; font-family: 'Poiret One', cursive; font-size: 25px;}

div.first { width: 100; position: relative;}
div.first div.filtro { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);}
div.first div.container {text-align: center;}
div.first img#logo { width: 800px; max-width: 70%; opacity: 0; margin: 0 auto; }
div.first div.absolute-center {width: 100%;}


#formContactoSite { bottom: 0; width: 100%; padding-top: 75px; padding-bottom: 100px; background-image: url('../imgs/latelier_fundo_2.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover;} 
#formContactoSite h3 {font-size: 30px; font-family: 'Poiret One', cursive; color: #ffffff; text-align: center; margin: 0px; margin-bottom: 25px; }
#formContactoSite form#form select { border: 1px solid #7f7f7f; border-radius: 0px; font-family: 'Ubuntu', sans-serif; font-size: 15px; max-width: 100%; min-width: 100%; max-height: 250px; min-height: 34px; color: #141414; background-color: rgba(0,0,0,0.8); color: #ffffff; }
#formContactoSite form#form input, form#form textarea { border: 1px solid #7f7f7f; border-radius: 0px; font-family: 'Ubuntu', sans-serif; font-size: 15px; max-width: 100%; min-width: 100%; max-height: 250px; min-height: 34px; color: #141414; background-color: rgba(0,0,0,0.8); color: #ffffff; }
#formContactoSite form#form button { border: 1px solid #7f7f7f; width: 100%; border-radius: 0px; background-color: rgba(127,127,127,0.8); font-family: 'Ubuntu', sans-serif; font-size: 15px; text-transform: capitalize; }
#formContactoSite .col-md-2 { margin-bottom: 5px;}

div.second { background-image: url('../imgs/latelier_fundo_1.jpg'); padding-top: 100px; padding-bottom: 100px; }
div.second div.row div.col-md-3 { margin-top: 50px; margin-bottom: 50px;}
div.second div.row div.col-md-3 img {margin: 0 auto;}
div.second div.row div.col-md-3 h1 p {margin-bottom: 30px; font-family: 'Poiret One', cursive; font-size: 40px; }
div.second div.row div.col-md-3 p { font-family: 'Ubuntu', sans-serif; font-size: 15px; }
div.second div.marcas { margin-top: 100px;}
div.second div.marcas h1 {margin-bottom: 30px; font-family: 'Poiret One', cursive; font-size: 40px; text-align: center;}
div.second div.marcas img { max-width: 50%; margin: 0 auto;}
div.second div.marcas div.col-md-2 {margin-top: 25px; margin-bottom: 25px;}

div.third { position: relative; }
div.third div.filtro { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); z-index: 1;}
div.third div.absolute-center {z-index: 1; width: 100%;}
div.third div.absolute-center div.container div.row div.col-md-8 p { color: #ffffff; font-family: 'Poiret One', cursive; font-size: 30px; text-align: center; }
div.third #master-slider-1 img { background-attachment: fixed;}

div.fourth { border: 2px solid #ffffff; background-color: #ffffff;}
div.fourth div.row div.col-md-4 { position: relative; padding: 0px; border: 4px solid #ffffff; cursor: pointer; overflow: hidden;}
div.fourth div.row div.col-md-4 div.fundo:hover { -moz-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }
div.fourth div.row div.col-md-4 div.fundo {width: 100%; background-size: cover; background-position: center center;
    -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);
}


div.fourth div.row div.col-md-4 div.aulas div.filtro {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.3); opacity: 0; pointer-events: none;}
div.fourth div.row div.col-md-4 div.aulas div.centraConteudo { width: 100%; max-width: 370px;pointer-events: none; }
div.fourth div.row div.col-md-4 div.aulas div.imgRetanguloBranco {width: 100%; float: left; max-width: 370px; }
div.fourth div.row div.col-md-4 div.aulas div.imgRetanguloBranco img { width: 100%;}
div.fourth div.row div.col-md-4 div.aulas div.retanguloBranco { background-color: #ffffff; display: inline-block; width: 100%; position: relative; }
div.fourth div.row div.col-md-4 div.aulas div.imgRetanguloBranco h1 { width: 100%; padding-left: 50px; padding-right: 50px; margin:0 auto; color: #ffffff; text-align: center; font-family: 'Poiret One', cursive; font-size: 30px; }
div.fourth div.row div.col-md-4 div.aulas div.imgRetanguloBranco h1.info { font-size: 0; }

div.fifth { position: relative; }
div.fifth div.filtro { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); z-index: 1; width: 100%;}
div.fifth div.absolute-center {z-index: 1; width: 100%;}
div.fifth div.absolute-center div.container div.row div.col-md-8 p { color: #ffffff; font-family: 'Poiret One', cursive; font-size: 30px; text-align: center; }
div.fifth #master-slider-2 img { background-attachment: fixed;}

div.sixth {background-image: url('../imgs/latelier_fundo_2.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 100px;}
div.sixth p { color: #ffffff; margin-bottom: 0px; text-align: left; }
div.sixth hr { width: 250px; max-width: 100%; background-color: #7F7F7F!important; border: 0px solid #7F7F7F; }


div.sixth form.newsletter .form-control { background-color: rgba(0,0,0,0.8); border-radius: 0px!important; border: 1px solid #7F7F7F; }
div.sixth form.newsletter .form-group:first-child { float: none; width: 100%!important; margin-right: 0; }
div.sixth form.newsletter .form-group:nth-child(3) { width: 100%!important; border-radius: 0px!important; margin-top: 2px; margin-left: 0;}
div.sixth form.newsletter .form-group input { color: #ffffff; border: 1px solid #7F7F7F; }
div.sixth form.newsletter .btn-default { border-radius: 0px;  background-color: rgba(127,127,127,0.8); color: #ffffff; font-family: 'Ubuntu', sans-serif; font-size: 15px; }
div.sixth h3 {font-size: 30px; font-family: 'Poiret One', cursive;}

div.sixth div.formNewsLetterSite { padding-bottom: 75px; text-align: center;}
div.sixth div.formNewsLetterSite h3 { font-family: 'amaranthregular'; color: #ffffff; text-align: center; margin-bottom: 25px;  }
div.sixth div.formNewsLetterSite i { color: #ffffff; font-size: 20px; margin-top: 15px; }
div.sixth div.formNewsLetterSite p { font-family: 'Ubuntu', sans-serif; font-size: 15px; text-align: center; }
div.sixth div.formNewsLetterSite a { text-decoration: none;}
div.sixth div.formNewsLetterSite a:hover { text-decoration: none;} 

div.sixth div.rodape { text-align: center; margin-top: 10px; margin-bottom: 10px;}
/*div.sixth div.rodape div.row div.elementos { margin-top: 15px; margin-bottom: 15px; }*/
div.sixth div.rodape div.row div.col-md-6 i {font-size: 30px; color: #ffffff; padding-left: 10px; padding-right: 10px; opacity: 0.7;}
div.sixth div.rodape div.row div.col-md-6 i:hover { opacity: 1; }
div.sixth div.rodape div.row div.col-md-2 img.logoRodape { max-width: 200px; }
div.sixth div.rodape div.row div.col-md-1 img.utd { max-width: 40px; }










/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    div.jarallax {display: none;}
    div.first{ background-image: url('../imgs/preview_youtube.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; }
	div.third #master-slider-1 img { background-attachment: inherit;}
	div.fifth #master-slider-2 img { background-attachment: inherit;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    div.sixth div.rodape div.row div.col-md-2 img.logoRodape { margin: 0 auto; margin-bottom: 25px; }
    div.sixth div.rodape div.row div.col-md-1 img.utd { margin: 0 auto; margin-top: 25px; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    #languageChanger { top: 10px; right: 15px;}
    div.areaTexto h2 { font-size: 20px;}
    div.third div.absolute-center div.container div.row div.col-md-8 p { font-size: 20px; }
    div.fourth div.row div.col-md-4 div.aulas div.imgRetanguloBranco h1 { padding-left: 20px; padding-right: 20px; font-size: 20px; }
    div.fifth div.absolute-center div.container div.row div.col-md-8 p { font-size: 20px; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
        
}