@import "navbar.css";
@import "tipology.css";
@import "parallax.css";
@import "buttons-links.css";
@import "animate.css";
@import "lightgallery.css";
@import "hacks.css";


/* ESTRUTURA DO PROJETO */

#wrapper{width: 100%; height: 100%; background: #FFF;}

:focus {
    outline: none;
}


/*-=-=-=-=-=-=-=-=-=-*/
/* Efeitos Wow */
/*-=-=-=-=-=-=-=-=-= */

.service-section {
    position: relative;
    overflow: hidden;
}

.wow_image {
    position: relative;
    float: left;	
}

.wow_animate{
    visibility: visible; 
    -webkit-animation-delay: 0.1s; 
    -moz-animation-delay: 0.1s; 
    animation-delay: 0.1s;
}

.efect-wow-01{
    -webkit-animation-delay: 0.1s; 
    -moz-animation-delay: 0.1s; 
    animation-delay: 0.1s;
}

.efect-wow-02{
    -webkit-animation-delay: 0.2s; 
    -moz-animation-delay: 0.2s; 
    animation-delay: 0.2s;
}

.efect-wow-03{
    -webkit-animation-delay: 0.3s; 
    -moz-animation-delay: 0.3s; 
    animation-delay: 0.3s;
}


/*---Horários----*/
.thumbnail-horarios{
    margin-top: 30px;
    border: none;
    background-color: rgba(254, 237, 241, 0.75);
    padding: 20px;
}


/*---Portifólio----*/
.thumbnails{
    margin-top: 40px;
}


.caption{
    display: inline;   
}

.panel { padding: 20px; position: relative; overflow: hidden; display: block; border-radius: 0 !important;  }
.panel-default { border: none !important; box-shadow: 0px 0px 8px 5px #CCC; }
.panel .panel-body { position: relative; padding: 0 !important; overflow: hidden; height: 238px !important; }
.panel .panel-body a { overflow: hidden; }
.panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto; 
                           transition: all 0.5s; 
                           -moz-transition: all 0.5s; 
                           -webkit-transition: all 0.5s; 
                           -o-transition: all 0.5s; 
}
.panel .panel-body a.zoom:hover img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); }
.panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0; 
                                         transition: opacity .25s ease-out;
                                         -moz-transition: opacity .25s ease-out;
                                         -webkit-transition: opacity .25s ease-out;
                                         -o-transition: opacity .25s ease-out;
}     
.panel .panel-body a.zoom:hover span.overlay { display: block; visibility: visible; opacity: 0.55; -moz-opacity: 0.55; -webkit-opacity: 0.55; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; }  
.panel .panel-body a.zoom:hover span.overlay i { position: absolute; top: 45%; left: 0%; width: 100%; font-size: 2.25em; color: #fff !important; text-align: center;
                                                 opacity: 1;
                                                 -moz-opacity: 1;
                                                 -webkit-opacity: 1;
                                                 filter: alpha(opacity=1);    
                                                 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.panel .panel-footer { 
    background-color: #FFF !important; 
    border-bottom-right-radius: 0 !important; 
    border-bottom-left-radius: 0 !important; 
}	

/*Modal lightbox - Portifólio*/
.modal-title { 
    font-size: 1.625em;
    font-weight: 400;              
}
.modal-footer {
    font-size: 1em;
    font-weight: 400;
} 

.ekko-lightbox-container{position:relative}
.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}
.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;padding-top:45%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
.ekko-lightbox-nav-overlay a:empty{width:49%}
.ekko-lightbox a:hover{text-decoration:none;opacity:1}
.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}
.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}
.ekko-lightbox .modal-footer{text-align:left}

/*----Contatos----*/
.mapa{text-align: center; margin-bottom: 30px;}

.tells div{
    margin-bottom: 10px;
}

.links-sociais{margin-bottom: 50px;}

#eventos .links-sociais{margin-bottom: 10px;}

/*Formulário Contato*/
.contact-form .input-text, .contact-form textarea {  
    background-color: #F7F7F7;
    line-height: 26px;
    font-weight: 400;
    margin-top: 20px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: 0 0 0 0;
}

.contact-form textarea{
    border: 1px solid #999;
}

.contact-form .input-text{
    display: block;
    height: 36px;
    border-width: 0px 0px 1px 0px;  
    border-bottom-color: #999;
}


.contact-form .input-text:focus, .contact-form select:focus{border-width: 0px 0px 1px 0px;}

.contact-form textarea:focus{border: 1px solid #999;}

.contact-form textarea:focus, .contact-form .input-text:focus, .contact-form select:focus {
    box-shadow: 0 0 0 0;
    outline: 0;
} 

.contact-form .submit-btn {
    margin-top: 30px;
    display: inline-block;
    background-color: #333333;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;    
    border: none;
    cursor: pointer;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}


/*---Galeria de Imagens---*/
#galerias{}

.galeria-1{
    background-color: #FFF;
    /*padding: 20px;
    box-shadow: 0px 0px 10px #888888;
    margin-bottom: 20px;
    margin-top: 15px;*/
}

.post{
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.sidebar{
    /*position: fixed;*/
}




/*---Rodapé---- #443550*/
#footer{
    background-color:#CCC;
    
	border-top: 2px solid #CCC;
    font-size: 13px;
    color:#000; 
    padding: 20px; 
}



@media (min-width: 992px) { 
    .webdesigner{text-align: right;
	color:#000;
	
	}
}

@media (max-width: 991px) { 
    
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .text-noText{display: none;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .panel .panel-body { height: 338px !important; }
}

/* Landscape phones and down */
@media (max-width: 480px) {   

}