/*

Theme Name: Build Condomínios 2016
Description: Tema desenvolvido pela Guiafixas Desenvolvimento Web.
Author: Rafael Vieweg / Guiafixas
Version: 0.1 

*/

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400');



/*= Formatções  gerais =*/
div#loader{    position: fixed;width: 100%;height: 100%;top: 0px;left:0px;z-index: 1100;background-color: #2f2f2f;}
div#loader .progress{bottom: 50%;position: absolute;left: 40%;right: 40%;}
body{    font-family: monospace;}

.alignleft{float: left;margin: 20px;display: block;}
.alignright{float: right;margin: 20px;display: block;}
.aligncenter{margin: 0 auto;display: block;}
p.wp-caption-text{text-align:center;text-align: center;font-size: 12px;margin-top: 5px;color: #c0c0c0;}
p.p-indenty{text-indent: 1.2em;}

blockquote {font-family: Georgia, serif;font-size: 18px;font-style: italic;margin: 3em 10px;padding: 0.25em 40px;line-height: 1.45;	position: relative;	color: #383838;	background:#f6f6f6;display: inline-block;border: 1px solid #f4f4f4;border-radius: 6px;	box-shadow: 1px 1px 1px #f4f4f4;}
blockquote:before {display: block;content: "\201C";font-size: 80px;position: absolute;left: -10px;top: -30px;color: #7a7a7a;}
blockquote cite {color: #999999;font-size: 14px;display: block;	margin-top: 5px;}
blockquote cite:before {content: "\2014 \2009";}
body{background: #fff;font-family: "Roboto", "verdana"}

/*== Barra HEADER (Menu Principal) ==*/
.navbar-wp {margin: 0;padding: 0;z-index: 1000;
        background: #fff;
    min-height: inherit;-webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;transition: all .25s ease-out;}

.navbar-wp .container a.navbar-brand{position:relative;float: left;margin:0;padding: 4px;display: block;height: auto;}
.navbar-wp .container img{margin:0;padding: 0;}

/*== Barra HEADER - botao navegacao mobile ==*/
.navbar-toggle {background: #6f6f6f;border-radius: 2px;float: left;}
.navbar-toggle .icon-bar {background: #333;}
.navbar-toggle:hover .icon-bar,.navbar-toggle:focus .icon-bar{background-color:#fff}

/*== Fornmatação menu superior principal ===*/
#navbar-menu{position:relative;float:left;margin:0;padding:0;text-align:left;}

/*== Barra HEADER - Menu Principal===*/
.navHeaderCollapse .navbar-nav{text-transform: uppercase;font-weight: bold;font-size:10pt;    margin-top: 67px;}
.navHeaderCollapse .navbar-nav li a{padding: 9px 20px;color:#008fa0;border-bottom: 3px solid transparent;-webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;transition: all .25s ease-out;}
.navHeaderCollapse .navbar-nav li a:hover{color: #fff !important;background: #c3c2c2;border-bottom: 3px solid #5242ab; border-radius: 0;}
.navHeaderCollapse .navbar-nav li a:focus{background: none;}
.navHeaderCollapse .navbar-nav li.active a{color: #008fa0 !important;background: #f3f3f5;border-radius: 0;}

.navHeaderCollapse .navbar-nav li ul{margin: 0;padding: 0;text-transform: none;font-weight: normal;}
.navHeaderCollapse .navbar-nav li ul li{width:100%;border-left: 3px solid #537839;}
.navHeaderCollapse .navbar-nav li ul li a{padding: 10px 10px;color:#606062;border-bottom: none;-webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;transition: all .25s ease-out;}
.navHeaderCollapse .navbar-nav li ul li a:hover{width:100%;color: #A8518A !important;background: #f7f7f8;border-bottom: none;}
.navHeaderCollapse .navbar-nav li a.active{color: #A8518A !important;background: #fff;border-radius: 0;}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .navHeaderCollapse .navbar-nav li {float:left;position: relative;font-weight: normal;font-size:8pt;clear: right;}
    .navHeaderCollapse .navbar-nav li a{padding-left: 8px;padding-right: 8px;}
}
@media screen and (min-width: 992px) and (max-width: 1050px) {
    .navHeaderCollapse .navbar-nav li {float:left;position: relative;font-weight: normal;font-size:9pt;clear: right;}
    .navHeaderCollapse .navbar-nav li a{padding-left: 12px;padding-right: 12px;}
}
@media screen and (min-width: 1051px) and (max-width: 1200px) {
    .navHeaderCollapse .navbar-nav li {float:left;position: relative;font-weight: bold;font-size:10pt;clear: right;}
    .navHeaderCollapse .navbar-nav li a{padding-left: 15px;padding-right: 15px;}
}
/*submenu*/
.sub-menu{float:right;padding:8px 0;font-family:'roboto';font-size:10pt;    margin-top: 10px;}
.sub-menu ul{list-style: none;}
.sub-menu ul li{padding: 5px 0;}
.sub-menu a{color:#e6e6e6;text-decoration: none;}
.sub-menu a:hover{color:#6e6e6e;}


@media screen and (max-width: 449px) {
    .navbar-wp .container img.img-responsive{width: 60%;margin-right: 0px;margin-left: -20px;}
    .navbar-wp .container .sub-menu{margin-top: -50px;}
}
/*== Cabeçalho ==*/
.topo{
min-height:400px;
background-position:center center;
background-size: cover;

background-repeat: no-repeat;
    margin-top: 100px;
}
header{background: #000;}
div.full {background: #000;padding-right: 0px;padding-left: 0px;}
div.full img.img-full{width: 100%;min-height: 250px;}
#logo-header {position: absolute;top: 26%;z-index: 10;width: 100%;
    background: url(../images/transp-caption.png);
    padding: 25px 0;
    text-align: center;
}
#logo-header span{
    font-family: "Dancing Script", "cursive";
    font-size: 28pt;
    font-weight: bold;
    color:#f5f5f5;
    text-shadow: 0.1em 0.1em 0.2em black
}

/*Titulo sessões*/
h1.title{margin: 60px 0;font-size: 24pt;font-weight: bold;}

/*Sobre nós*/
.contact-bar{background: #cacaca;padding:15px 0 0 0;margin-top:30px; }
.contact-bar img:hover{
-webkit-filter: brightness(75%);
   -moz-filter: brightness(75%);
    -ms-filter: brightness(75%);
     -o-filter: brightness(75%);
filter: brightness(75%);}
.contact-bar .skins{width:100%;text-align:center;font-size: 16pt;color:#606062;font-weight: bold;margin-bottom: 20px;}

/*Serviços*/
.servico {border-radius: 10px;background: #E6E7E8;padding: 5px 15px 15px 15px;min-height: 325px;margin-bottom: 30px;}
.servico h2.title{border-bottom: 2px solid rgb(185, 180, 180);padding: 0;margin-bottom: 20px;margin-top: 0;}
.servico h2.title span{font-size: 20px ; font-weight: bold; color:#606062;border-bottom: 2px solid #606062;padding: 1px 0;}
.servico ul{padding-left: 20px;}
.servico ul li{text-align: justify;}

/*contato*/
.contato{background: #4b4b4d;color: #fff;font-size: 16px;}
.contato a{color: #fff;}


/*copyright*/
#info-content{background:rgba(26, 62, 117, 0.68);padding: 10px 0;margin-top: 50px;}
#info-content span{float:left;color: #fafafa;font-size:12px ;}
#info-content span b{color:#fafafa}
#info-content .info-right{float:right;}

/*--------------------------------------------------------
Projects
--------------------------------------------------------*/
#filters{cursor: pointer;margin-bottom: 10px;background: #fff;width: 100%;}


/*--- elementos ---*/

.portfolio-images-wrapper {
    /*float: left;
    position: relative;*/
    width: 24%;
    overflow: hidden;
    padding: 2px;
}
.port-img {
    height: auto;
    width: 100%;
    min-height: 200px;
    background-size: cover;
    background-position:center center;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    transition: transform 0.5s ease;
}

.portfolio-images-wrapper:hover .port-img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.portfolio-hover {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.portfolio-images-wrapper:hover .portfolio-hover {
    opacity: 1;
    visibility: visible;
}

.port-link {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 10%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.portfolio-images-wrapper:hover .port-link {
    opacity: 1;
    visibility: visible;
    top: 30%;
}

.port-link a {
    border: 1px solid #ffffff;
    border-radius: 25px;
    color: #ffffff;
    display: inline-block;
    height: 52px;
    width: 52px;
    line-height: 52px;
    margin-left: 15px;
    text-align: center;   
}

.port-link a:first-child {
    margin-left: 0;
}

.port-link a:hover {
    background: #32c4d1 none repeat scroll 0 0;
    border-color: #32c4d1;
}

.port-title-wrapper {
    bottom: 2%;
    position: absolute;
    text-align: center;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: bottom 0.5s ease;
    -moz-transition: bottom 0.5s ease;
    -ms-transition: bottom 0.5s ease;
    -o-transition: bottom 0.5s ease;
    transition: bottom 0.5s ease;
}

.portfolio-images-wrapper:hover .port-title-wrapper {
    opacity: 1;
    visibility: visible;
    bottom: 10%;
}

.port-title-wrapper .port-title {
    font-family: 'roboto', sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px
}

.port-title-wrapper .port-title {
    color: #ffffff;
}

.port-title-wrapper .port-desc {
    color: #32c4d1;
    letter-spacing: 1px;
}
@media (max-width: 1200px) {
    .portfolio-images-wrapper {
        width: 32%;
    }
    .port-link a {
    height: 45px;
    width: 45px;
    line-height: 45px;
    }
}
@media (max-width: 769px) {
    .portfolio-images-wrapper {
        width: 47%;
    }
    .port-link a {
    height: 50px;
    width: 50px;
    line-height: 50px;
    }
}
@media (max-width: 600px) {
    .portfolio-images-wrapper {
        width: 99%;
    }
    .port-link a {
    height: 52px;
    width: 52px;
    line-height: 52px;
    }
}


/*== FIM FORMATAÇÃO LAYOUT HOME ==*/
/*--------------------------------------------------------------
    scroll top css
--------------------------------------------------------------*/

.scrollup {
    background-color: #32c4d1;
    border-radius: 10px;
    bottom: 30px;
    color: #ffffff;
    display: none;
    font-size: 30px;
    height: 40px;
    line-height: 48px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px;
}

.scrollup:hover,
.scrollup:active,
.scrollup:focus {
    color: #ffffff;
}

/*contato .wpcf7 */
.form-horizontal textarea{height: 70px;}
.form-horizontal input[type='submit']{height: 70px;background: #7baeda;color:#fff;}
.form-horizontal input[type='submit']:hover{height: 70px;background: #fff;color:#cacaca;}