/* -----------------------------------------------------------------------------------------------
Theme Name: Falabella Arquitetura - Projetos
Theme URL: http://www.falabella.com.br

------Table of Contents-------

- Defaults
- Fonts
- General


----------------------------------------------------------------------------------------------- */


/* ==========================================================================
   Fonts
   ========================================================================== */

@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot');
    src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.woff') format('woff'),
        url('../fonts/icomoon.ttf') format('truetype'),
        url('../fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face { 
    font-family: 'IconicFill'; 
    src: url('../fonts/iconic_fill.eot?') format('eot'); 
    src: url('../fonts/iconic_fill.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/iconic_fill.woff') format('woff'),
         url('../fonts/iconic_fill.ttf') format('truetype'), 
         url('../fonts/iconic_fill.svg#iconic') format('svg'); 
    font-weight: normal; font-style: normal; 
}


@font-face {
    font-family: 'socicon';
    src: url('../fonts/socicon-webfont.eot');
    src: url('../fonts/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/socicon-webfont.woff') format('woff'),
         url('../fonts/socicon-webfont.ttf') format('truetype'),
         url('../fonts/socicon-webfont.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* -----------------------------------------------------------------------------------------------
General
----------------------------------------------------------------------------------------------- */



#form1_submit{
  background-color: #a27eaf;
  padding: 15px 15px 15px 15px;
  text-align: center;
  outline: none;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border: none !important;
  font-family: 'quicksandregular', arial, sans-serif;
    font-size: 16px !important;
}

#form1_submit:hover {
  color: white;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

input[type="email"]{
   font-size: 16px; 
font-family: 'quicksandregular';
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

input[type="text"]{
   font-size: 16px; 
   font-family: 'quicksandregular';
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}



.test-message {
   font-size: 16px; 
   font-family: 'quicksandregular';
   background: rgba(254, 255, 255, 0.7);
   line-height: 1.5em;
   -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.telefone {
    margin-top: -6px;
    margin-left: 15px;
}

.texto-email {
    margin-left: 55px;
    font-size: 15px;
    margin-bottom: 37px;
}

.texto-telefone {
    font-size: 18px;
    margin-top: -43px;
    margin-left: 55px;
}

.texto-endereco {
    margin-top: -35px;
    margin-left: 55px;
    padding-bottom: 20px;
    font-size: 15px;
    width: 310px;
}

.texto-endereco-ultimo {
    margin-top: -35px;
    margin-left: 55px;
    padding-bottom: 8px;
    font-size: 15px;
    width: 300px;
}

.text-space-ultimo {
     padding-right: 0px;
}

.text-space {
    margin-right: 70px;
}

.titulo-creditos {
    padding-top: 10px;
    margin-left: 15px;
    margin-bottom: 5px;
}

.texto-creditos {
    font-size: 14px;
    margin-left: 15px;
     width: 345px;
     line-height: 25px;
}

#map-canvas {
        width: 100%;
        height: 470px;
        margin: 0 auto;
      }





/* -------------------------------------------------------------------
First Break: max-width: 579px - Mobile Portrait to Mobile Landscape
------------------------------------------------------------------ */

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

.container-form {
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
}

#complete-form {
       float: left;
    position: relative;
    z-index: 0;
    margin-left: 10px;
    width: 90%;
}

#titles-form {
    margin-top: 20px;
}

.mensagem {
    font-family: 'quicksandregular';
    font-size: 18px;
    margin-left: 10px;
    margin-bottom: 0px;
}

#form {
     font-family: 'quicksandregular';
    font-size: 15px;
    float: left;    
    margin-top: 15px;
    margin-left: 10px;
     width: 100%;
}


#form label {
    float: left;
    margin: 0 0 0 0;
    text-align: left;
     width: 95%;
}

#form1_submit{
    margin-left: 248px;
    margin-top: 0px;
    margin-top: 10px;
    margin-left: 0px; 
    font-size: 15px;
}

#form1_email {
    width: 95%;
    margin-bottom: 10px;
    margin-left: 0px;       
}

#form1_name {
    width: 95%;
    margin-bottom: 10px;
    margin-left: 0px;
}

#form1_message{
    width: 97%;
    height: 200px;
  margin-left: 0px;
}

@-moz-document url-prefix() { 
  #form1_message{
    width: 96%;
}
}

#maps {
  display: none;
}

#maps2 {
   display: none;
}

#maps3 {
   margin-bottom: -15px;
    width: 100%;
    margin-top: -4px;
    margin-left: 0px;
}

.container-creditos {
    float: left;
    margin-top: 40px;
    width: 90%;
    height: auto;
    margin-left: 10px;
    margin-bottom: 30px;
}

#map-canvas {
    width: 100%;
    height: 300px;
    margin: 0 auto;
}

.texto-endereco {
    margin-top: -55px;
    margin-left: 55px;
    letter-spacing: 1px;
    padding-bottom: 20px;
    font-size: 15px;
    width: 80%;

}

.texto-endereco-ultimo {
    margin-top: -35px;
    margin-left: 55px;
    letter-spacing: 1px;
    padding-bottom: 8px;
    font-size: 15px;
    width: 80%;

}

.text-space-ultimo {
     padding-right: 0px;
}

.text-space {
    margin-right: 0px;
}

.titulo-creditos {
    padding-top: 10px;
    letter-spacing: 0.05em;
    margin-left: 15px;
}

.texto-creditos {
    font-size: 13px;
    letter-spacing: 0.05em;
    margin-left: 15px;
     width: 90%;
     padding-right: 10px;
}

#top {
    margin-top: 30px !important;
}


}

/* ------------------------------------------------------------------------------------
Break: Between First and Second Breaks
------------------------------------------------------------------------------------ */
    
@media screen and (min-width: 772px) and (max-width: 1000px) { 
    
.container-form {
    width: 100%;
    margin: 0 auto;
}

#complete-form {
    float: left;
    position: relative;
    z-index: 0;
    margin-top: 0px;
    margin-left: 10px;
}

#titles-form {
    margin-top: 40px;
}

.mensagem {
    margin-top: 30px;
    font-family: 'quicksandregular';
    font-size: 18px;
    margin-left: 10px;
    margin-bottom: 0px;
}

#form {
     font-family: 'quicksandregular';
    font-size: 15px;
    float: left;    
    margin-top: 15px;
    margin-left: 10px;
}

.maps  {
    text-align: center;
    position: relative;
    height: 400px;
    margin-top: 500px;
    margin-bottom: 74px;
}

.maps iframe {
    top: 0px;
    left: 0;
    width: 80%;
    height: 300px;
}

.container-maps {
    width: 100%;
    height: auto;
}

.container-block-map {
    float: left;
    margin: 0 auto;
    width: 100%;
    height: 63px;
    background-color: #333132;
    text-align: center;
    margin-left: 10%;
}

#form label {
    float: left;
    margin: 0 0 0 0;
    text-align: left;
    width: 90px;
}

#form1_submit{
    margin-left: 634px;
    margin-top: 10px;
    font-size: 13px;
}

#form1_email {
    width: 636px;
    margin-bottom: 10px;
    margin-left: 0px;   
}

#form1_name {
    width: 636px;
    margin-bottom: 10px;
    margin-left: 0px; 
}

#form1_message{
    width: 636px;
    height: 200px;
  margin-left: 0px;
}

.container-creditos {
    float: left;
    margin-top: 20px;
    width: 80%;
    margin-left: 10px;
    margin-bottom: 30px;
}

@-moz-document url-prefix() { 
  #form1_message{
    width: 640px;
}
}

#map-canvas {
        width: 100%;
        height: 370px;
        margin: 0 auto;
      }



}


/* ------------------------------------------------------------------------------------
Second Break: 580px to 1024px - All Mobile Sizes + Tablet Portrait to Tablet Landscape 
------------------------------------------------------------------------------------ */
    
@media screen and (min-width: 1001px) and (max-width: 1024px) { 
    #complete-form {
   margin-top: 0px !important;
}

.container-creditos {
    margin-top: 53px !important;
}

}

/* ------------------------------------------------------------------------------------
Second Break: 580px to 1024px - All Mobile Sizes + Tablet Portrait to Tablet Landscape 
------------------------------------------------------------------------------------ */
    
@media screen and (min-width: 1025px) and (max-width: 1229px) { 
    #complete-form {
   margin-top: 100px !important;
}
}

/* ------------------------------------------------------------------------------------
Second Break: 580px to 1024px - All Mobile Sizes + Tablet Portrait to Tablet Landscape 
------------------------------------------------------------------------------------ */
    
@media screen and (min-width: 1001px) and (max-width: 1229px) { 
	
.container-form {
    width: 100%;
    margin: 0 auto;
}

#complete-form {
    float: left;
    position: relative;
    z-index: 0;
    margin-left: 10px;
}

#titles-form {
    margin-top: 40px;
}

.mensagem {
    margin-top: 30px;
    font-family: 'quicksandregular';
    font-size: 18px;
    margin-left: 10px;
    margin-bottom: 0px;
}

#form {
         font-family: 'quicksandregular';
    font-size: 15px;
    float: left;    
    margin-top: 15px;
    margin-left: 10px;
}

.maps  {
    text-align: center;
    position: relative;
    height: 400px;
    margin-top: 500px;
    margin-bottom: 74px;
}

.maps iframe {
    top: 0px;
    left: 0;
    width: 80%;
    height: 400px;
}

.container-maps {
    width: 100%;
    height: auto;
}

.container-block-map {
    float: left;
    margin: 0 auto;
    width: 100%;
    height: 63px;
    background-color: #333132;
    text-align: center;
    margin-left: 10%;
}

#form label {
    float: left;
    margin: 0 0 0 0;
    text-align: left;
    width: 90px;
}

#form1_submit{
    margin-left: 454px;
    margin-top: 10px;
    font-size: 13px;
}

#form1_email {
    width: 456px;
    margin-bottom: 10px;
    margin-left: 0px;   
}

#form1_name {
    width: 456px;
    margin-bottom: 10px;
    margin-left: 0px; 
}

#form1_message{
    width: 456px;
    height: 300px;
  margin-left: 0px;
}

.container-creditos {
    float: right;
    margin-top: 153px;
    width: 360px;
    margin-right: 20px;
    margin-bottom: 45px;
    height: 450px
}

@-moz-document url-prefix() { 
  #form1_message{
    width: 460px;
}
}

.wrapper-repertorio {
    width: 1000px;
    margin: 0 auto;
}

}


/* ----------------------------------------------
Third Break: min-width: 1025px - Standard Desktop
---------------------------------------------- */
    
@media screen and (min-width: 1230px)  { 

.container-form {
    width: 1115px;
    margin: 0 auto;
    margin-top: 80px;
}

#complete-form {
    float: left;
    position: relative;
    z-index: 0;
    margin-top: 24px;
    margin-left: 10px;

}

#titles-form {
    margin-top: 40px;
}

.mensagem {
    margin-top: 25px;
    font-family: 'quicksandregular';
    font-size: 18px;
    margin-left: 10px;
    margin-bottom: 0px;
}

#form {
	 font-family: 'quicksandregular';
	font-size: 15px;
	float: left;	
    margin-top: 15px;
    margin-left: 10px;
}

.maps  {
    text-align: center;
    position: relative;
    height: 400px;
    margin-top: 500px;
    margin-bottom: 74px;
}

.maps iframe {
    top: 0px;
    left: 0;
    width: 70%;
    height: 400px;
}

.container-maps {
    width: 100%;
    height: auto;
}

.container-block-map {
    float: left;
    margin: 0 auto;
    width: 100%;
    height: 63px;
    background-color: #333132;
    text-align: center;
    margin-top: 40px;
}

#form label {
    float: left;
    margin: 0 0 0 0;
    text-align: left;
    width: 90px;
}

.container-creditos {
    float: right;
    margin-top: 73px;
    width: 350px;
    height: 450px;
    margin-right: 20px;
    margin-bottom: 45px;
}

#form1_submit{
    margin-left: 556px;
    margin-top: 10px;
    font-size: 13px;
}

#form1_email {
    width: 556px;
    margin-bottom: 10px;
    margin-left: 0px;   
}

#form1_name {
    width: 556px;
    margin-bottom: 10px;
    margin-left: 0px; 
}

#form1_message{
    width: 556px;
    height: 300px;
  margin-left: 0px;
}

@-moz-document url-prefix() { 
  #form1_message{
    width: 560px;
}
}

.wrapper-repertorio {
    width: 1000px;
    margin: 0 auto;
}



}