/*============================== FONTS =======================================*/

@font-face {

    font-family: 'SourceSansPro';

    src: url('../fonts/SourceSansPro-ExtraLight.eot?');

    src: url('../fonts/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-ExtraLight.otf.woff?') format('woff'), url('../fonts/SourceSansPro-ExtraLight.ttf.woff?') format('truetype'), url('../fonts/SourceSansPro-ExtraLight.svg?') format('svg');

    font-style: normal;

    font-weight: 100;

}



@font-face {

    font-family: 'SourceSansPro';

    src: url('../fonts/SourceSansPro-Light.eot?');

    src: url('../fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Light.otf.woff?') format('woff'), url('../fonts/SourceSansPro-Light.ttf.woff?') format('truetype'), url('../fonts/SourceSansPro-Light.svg?') format('svg');

    font-style: normal;

    font-weight: 300;

}



@font-face {

    font-family: 'SourceSansPro';

    src: url('../fonts/SourceSansPro-Bold.eot?');

    src: url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Bold.otf.woff?') format('woff'), url('../fonts/SourceSansPro-Bold.ttf.woff?') format('truetype'), url('../fonts/SourceSansPro-Bold.svg?') format('svg');

    font-style: normal;

    font-weight: 700;

}



@font-face {

    font-family: 'SourceSansPro';

    src: url('../fonts/SourceSansPro-Black.eot?');

    src: url('../fonts/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Black.otf.woff?') format('woff'), url('../fonts/SourceSansPro-Black.ttf.woff?') format('truetype'), url('../fonts/SourceSansPro-Black.svg?') format('svg');

    font-style: normal;

    font-weight: 900;

}



@font-face {

    font-family: 'SourceSansPro';

    src: url('../fonts/SourceSansPro-Regular.eot?');

    src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Regular.otf.woff?') format('woff'), url('../fonts/SourceSansPro-Regular.ttf.woff?') format('truetype'), url('../fonts/SourceSansPro-Regular.svg?') format('svg');

    font-style: normal;

    font-weight: normal;

}

/*============================= Menu ==============================================*/

.menu-h3>a {color: #fff !important; font-weight: normal;}

.inactive {

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

    filter: gray; /* IE6-9 */

    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

}



/*============================= BODY ==============================================*/

body {

    background-color: #e8e8e8;

    font-family: 'SourceSansPro', Arial, sans-serif!important;

    font-weight: 300;

    font-size: 16px;

    color: #494949;

    min-width: 320px;

}

a:hover {text-decoration: none}

p {line-height: 1.8;margin: 0;}



header {width: 100%;height: 100px;background-color: #054568;padding: 15px;}

header .container .row {position: relative;min-height: 65px;}



.logotipo {max-width: 210px;max-height: 47px;overflow: hidden;margin: 5px 0 5px 30px;}

.logotipo h1 {background: url("../img/logotipo.png") no-repeat;background-size: contain;text-indent: -99999px;width: 210px;height: 39px;margin: 0}



.pages-img {display: inline-block;position:absolute;left:220px;margin: 5px; top: 0;}

.pages-img a {

    width: 52px;

    height: 52px;

    display: inline-block;

    vertical-align: top;

    margin: 0 4px;

}

.pages-img img {margin: 5px 0 0 15px;}

.pages-img a:hover {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}



.font {font-size: 320%;color: #fff;}

.font-active {color: #01aef0!important;border-color: #01aef0!important;}

.font-active > i.font {color: #01aef0!important;}



.form {width: 175px;display: inline-block;position: absolute;top: 37px;right: 0;}

.form #search, .form #searchButton {background-color: transparent;display: inline-block;height: 34px;width: 100%;padding: 10px;color: #fff;border-radius: 5px;border: 1px solid #107ca4;}

.form #searchButton {height: 31px;width: 31px;border: 0;font-size: 18px;padding: 4px;margin: 0;position: absolute;top: 2px;right: 2px;color: #03a1dc;}

.form #search::-webkit-input-placeholder {color: #00aeef;}



.button {background-color: #107ca4;box-shadow: 0 3px 0 #05698e;color: #fff;border: 0;font-size: 16px;width: 125px;height: 31px;}

#bd, #signIn {display: inline-block;position: absolute; right: 0;margin: 0; top:0;}

#bd img {margin: 0 0 0 15px;top:0}

#signIn {top: 95px;z-index: 1003;}



footer {margin-top: 0 !important;padding: 25px 0 15px;background-color: #f0f0f0;width: 100%;font-size: 14px;}

footer b {font-weight: 700!important;font-size: 12px;}

footer > .container { margin: 0 auto;position: relative;}

footer > .container > .row:first-child > .col-md-3 {position: absolute;top: -5px;right: 5px;width: 270px;}

#contacts a { color: #494949; }



#group {font-weight: 900!important;font-size: 13px;}

#date {text-align: right;font-weight: 700!important;font-size: 16px;}

#text {vertical-align: top;}



.input {background-color: #e8e8e8;width: 247px;height: 35px;border-radius: 5px;border: 1px solid #107ca4;padding: 10px;}

#contacts {width: 100%;display: inline-block;font-size: 14px;margin-top: 15px;}

.select {background-color: #107ca4;}



.title1, .title2, .title3, .title4 {

    color: #107ca4;font-size: 26px;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;

}

.title1 {font-weight: 100!important;}

.title2 {font-size: 18px;padding-left: 44px;}

.title3 {font-size: 36px;font-weight: 100!important;padding-left: 15px;}

.title4 {font-size: 22px;font-weight: 100!important;}

.breadcrumb {background-color: #e8e8e8;margin-top: 15px;}



.portfolio img {margin: 10px;border-radius: 12px;}

.descricao b {color: #107ca4;}

.descricao li {list-style: none;}

.descricao li:last-child {margin-bottom: 25px;}



#center {margin: 100px auto 0;}

.related {background-color: #d9d9d9;width: 100%;height: 400px;}

.related img {border-radius: 5px;}

.related p {margin-top: 15px;}

.button2 {width: 100%;height: 45px;margin: 5px;text-align: left;font-size: 18px;}

.button3 {background-color: transparent;}

/*============================== NAV ========================================= */

.imagem {width: 87%;}

.lista {padding-left: 45px;list-style-type: circle;}



/*============================== NAV ========================================= */

nav {width: 100%;height: 50px;background-color: #016285;}

nav a {color: #ff0;}

.navbar {z-index: 1001!important;background-color: #016285;}

nav a:hover {color: #fff;}

.navbar-default {border: 0;}

.navbar-nav > li > a {color: #fff !important;font-size: 16px;}

.dropdown-menu {background-color:transparent; border: 0;border-radius: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none;}

.dropdown-menu>.grid-demo {background-color:rgba(17,125,160, 0.94);}



nav, .navbar-nav > li:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover,

.navbar-default .navbar-nav > .open > a:focus {background-color: #107ca4;}

.navbar-collapse {max-width: 1170px;margin: 0 auto;padding: 0;}



.grid-demo .row [class*="col-"] {background-color: transparent;border: 0;color: #fff;}

.grid-demo .row .row [class*="col-"] {border-left: 1px solid #16627e;padding-bottom: 10px;}

.grid-demo li, .grid-demo li a {font-size: 14px;line-height: 1.6;text-align: left;color: #fff;display: block;}

.grid-demo li:last-child {margin-bottom: 15px;}

.grid-demo {max-width: 1170px;margin: 0 auto;}



.menu-h3 {font-size: 12px;display: block;font-weight: 700!important;text-align: left;color: #003049;text-transform: uppercase;height: 35px;}

.li-b {color: #003049;font-size: 12px;font-weight: normal!important;display: block;margin-bottom: 10px;}

.curr {background-color: #076e93;}



/*============================== HOME =======================================*/

.lang {

    padding-right: 5px;

}



/*============================== FOOTER =======================================*/

.footer {

    margin: 0 0 0 0;

}



.links {padding-right: 5px;}



/*============================== SLIDER HOME =======================================*/

.carousel2 {overflow: hidden;max-height: 410px;}

.carousel-caption {

    background-color: rgba(0, 0, 0, 0.3);

    border-radius: 5px;

    border: 1px solid #fff;

    text-align: left;

    height: 65px;

    width: 1170px;

    margin: 20px auto;

    right: 0;

    left: 0;

    padding: 12px 10px 10px

}

.carousel-caption > ul {position: relative;margin: 0;max-height: 40px;}

.carousel-caption > ul > li {display: inline-block;height: 40px;margin: 0 5px;}

.carousel-caption li .control-try {

    width: 50px;

    height: 40px;

    display: inline-block;

    text-align: center;

    color: #fff;

    font-size: 30px;

    position: absolute;

    top: 0;

    left: 0;

}

.carousel-caption li:nth-child(2) .control-try {left: 45px;}

.carousel-caption li .slider-h1 {

    font-weight: 100!important;

    font-size: 30px;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    max-width: 750px;

    display: inline-block;

    margin: 0;

    position: absolute;

    top: 2px;

    left: 100px;

}

.carousel-caption li a button {position: absolute;top: 2px;right: 10px;margin: 0;}

.carousel-indicators li {background-color: #004b67;border: 0;}

.carousel-indicators .active {background-color: #969696;}

.carousel-control {border-radius: 10px;width: 65px;height: 65px;display: inline-block;}



/*============================== SLIDER PRODUTOS / OBRAS =======================================*/

/* PRODUTOS */

.control-try3 {bottom: auto;top: 45% !important;background-image: none !important;font-size: 40px !important;}



/* OBRAS */

.portfolio .carousel {max-width: 650px;position: relative;max-height: 350px; margin: 10px 0 20px 30px;border-radius: 15px; overflow: hidden;}

.portfolio .carousel-caption.carousel-caption2 {

    width: 80px;

    height: 50px;

    margin: 0;

    position: absolute;

    bottom: 20px;

    right: 20px;

    left: initial;

    top: initial;

    display: inline-block;

}

.portfolio .carousel-caption.carousel-caption2 ul {position: relative;}

.portfolio .carousel-caption.carousel-caption2 ul li {margin: 0;}

.portfolio .carousel-caption.carousel-caption2 ul li .control-try.control-try2 {height: 30px !important;width: 30px !important;position: absolute;top: -7px;}

.portfolio .carousel-caption.carousel-caption2 ul li:nth-child(2) .control-try.control-try2 {left: 30px}

.portfolio .img-responsive2 {max-width: 100%!important;margin: 0;border-radius: 0;}



.portfolio .col-md-12.thumbs {max-width: 650px; margin: 0 0 10px 30px;padding: 0;}

.portfolio .col-md-12.thumbs .list-inline {margin: 0;}

.portfolio .col-md-12.thumbs li img {margin: 0 0 10px;}



.related .img-responsive {width:150px;height: 150px;}



.button_slider {background-color: #107ca4;box-shadow: 0 3px 0 #05698e;color: #fff;border: 0;font-size: 16px;width: 107px;margin-top: 16px;margin-right: 20px;}

.carousel-inner > .item > img {width: 100%;}

.carousel-inner-banner > .item > img {border-radius: 0 !important;}

.selected img {opacity:0.5;}

.controls{margin-top: 120px;background-image: none !important;}

.icon-tras{font-size: 33px;padding-top: 14px;padding-right: 30px;}

.icon-frente{font-size: 33px;padding-top: 14px;}



/*============================== PRODUTOS =======================================*/

div.produtos-container {padding: 0 7px !important;}



/*============================== OBRAS =======================================*/

div.obras-container a {width: 256px;height: 230px;display:inline-block;float: left;margin: 12px;position: relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.obras-list {margin: 0; display:inline-block;width: 100%;height: 100%;}

.obras-list img {position: absolute;width: 100%;height: 100%;border-radius: 10px;}

.obras-list p {

    position: absolute;

    z-index: 9;

    font-size: 18px;

    bottom: 0;

    left: 0px;

    width: 100%;

    color: #fff !important;

    text-shadow: 3px 3px 5px #555;

    background-color: rgba(0,0,0,0.3);

    border-radius: 0 0 10px 10px;

    padding: 2px 15px;

}

div.obras-container {display: inline-block;margin: 0 auto;position: relative;}



/*============================== MAPS ===================================*/

#map-canvas {width: 100%;height: 380px;display: block;}

div#map, div#map div, div#map-instaladores, div#map-instaladores div {

    -moz-transition: none;

    -webkit-transition: none;

    -o-transition: color 0 ease-in;

    transition: none;

}



div#map-instaladores > #map-canvas {height: 550px;}



/*============================== CONTACTOS ===================================*/

hr.divider {border: 0 !important;margin: -10px 0 40px !important;}

.contactus > .row {margin: 30px 0;}

.contactus > .row h3 {margin-top: 15px;}

.col-sm-10 input, .col-sm-10 textarea, .col-sm-10 select {margin: 0 0 8px;}

.form-group label {padding: 10px 0 8px;margin: 0;}

.contactus .row .col-md-6 .row .col-md-6 {vertical-align: top;width: 49%;height: 280px;}

legend {font-size: 24px;padding: 15px 0 20px;font-weight: 500;}





/*============================== CANDIDATURAS ===================================*/

.candidaturas .form-group, .contactos .form-group {height: 25px;}

.container {margin: 0 auto  25px}

.divider {border: 0;margin: -10px 0 40px;}



/* ============ BOOTSTRAP ACORDION ====================== */

.panel-group {width: 100%;}

.panel-group .panel {border-radius: 10px;}

.panel.panel-default {margin: 0 0 15px;}

.panel-default > .panel-heading {background-color: #107ca4;border-radius: 10px 10px 0 0;color: #fff;}



/* ============ ACCOUNT PAGE ====================== */

.account div b {display: inline-block;min-width: 20%;}

.account .col-md-8 div {min-height: 30px;margin: 0 0 5px;}



/*============================== MEDIA QUERIES ===================================*/

@media (max-width: 1240px) {

    * {-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}

    .logotipo {margin-left: 15px;}

    .pages-img {left: 200px;}

    .form, #bd, #signIn {right: 10px;}

    .carousel-caption li .slider-h1 {font-size: 25px;max-width: 500px;}

    .carousel-caption {width: 80%;}

    .img-responsive {max-width: none;}

}



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

    .row {margin-right: 0;}

    .title2 {padding-left: 26px;}

}



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

    div.obras-container a, .obras-list, .obras-list img {position: relative;float: none}

    .obras-list {margin: 0}

    .obras-list img {position: relative;}

    div.obras-container {text-align: center;}

    #date {text-align: left;}

}



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

    header .pages-img img {height: 45px;}

}



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

    header .pages-img img {display: none;}

}



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

    header .pages-img img {display: none;}

    section > .container > .row .col-md-8 {display: inline-block;width: 60%;vertical-align: top;}

    section > .container > .row .col-md-4 {display: inline-block;width: 40%;vertical-align: top;}



    footer > .container > .row > #contacts [class^="col-"],

    footer > .container > .row > #contacts [class*="col-"] {display: inline-block;}



    .carousel-caption li .slider-h1 {font-size: 25px;max-width: 360px;}

    .navbar-nav > li > a {font-size: 14px;padding: 15px 10px;}



    .title2 {padding-left: 0;margin-bottom: 0;}



    .portfolio .col-md-12.thumbs {max-width: 770px;}

    .related #center {margin: 80px auto 0;}

    .related .container #center .carousel.slide .row {position: relative;}

    .related .container #center .carousel.slide .row .col-md-2 {position: absolute;top: 10px;right: -30px;width: 200px;}

    .related .img-responsive {width:125px;height: 120px;}



    .contactus .row .col-md-6 .row .col-md-6 {width: 49%;display: inline-block;}

}



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

    .title2 {margin-top: 0;margin-left: -5px;}

    .col-md-7 > p,.col-md-7 > button {margin-left: -5px;}



    section > .container > .row .col-md-4 {width: 39%;}

    #date {margin-top: 0;}

}



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

    .navbar-nav > li > a {font-size: 14px;padding: 15px 5px;}



    .carousel-caption {width: 80%;}

    .carousel-caption li .slider-h1 {max-width: 380px;}



    .related {overflow: hidden;}

    .related .carousel-inner {height: 500px;}

    .related .carousel-inner .item .row .col-sm-2 {

        display: inline-block;

        margin-bottom: 25px;

        width: 43%;

        height: 150px;

        text-align: left;

        position: relative;

    }

    .related .carousel-inner .item .row .col-sm-2 a {display: inline-block;}

    .related .carousel.slide .controls {margin-top: 193px;}

    .related .carousel-inner .active {max-width: 600px;margin: 0 auto;display: inline-block;}

}



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

    header {height: 140px;}

    header .row .pages-img {top: 50px;left: 10px;}

    header #signIn {top: 81px;}

    .navbar-nav {max-width: 100%;margin: 0 15px;}

    .navbar-nav > li > a {font-size: 16px;}

}



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

    .navbar-default {height: 100%;}

    .navbar-nav {margin: 0;}

    .navbar-collapse.in {overflow-y: inherit;}

    .content, .input, #contacts {width: 100% !important;}

    .nav > li {background-color: #016285;}

    .yamm .dropdown.yamm-fw .dropdown-menu {display: none;}

    .carousel-caption {display: none;}



    footer > .container > .row .col-md-9 {width: 100%;text-align: center;}

    footer > .container > .row:first-child > .col-md-3 {display: none;}

    footer > .container > .row > #contacts [class^="col-"],

    footer > .container > .row > #contacts [class*="col-"] {display: block;text-align: center;}

    footer > .container > .row > #contacts .col-md-1 {display: none}



    .candidaturas .form-group, .contactos .form-group {height: 50px;}

    .candidaturas form .row, .contactos form .row {margin: 100px 0 25px}

    .candidaturas form .row span, .contactos form .row span {margin: 10px 15px}

    .candidaturas form .row div, .contactos form .row div {margin: 0 15px!important;}

    .contactos form:last-child legend {padding-top: 50px}



    .portfolio .carousel {max-height: 320px;}

    .related .container #center .carousel.slide .row .col-md-2 {top: 0;}

    .related .carousel-inner .active {max-width: 580px;}

    .carousel-indicators {bottom: 10px;}

}



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

    .related {display: none;}

}



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

    header .row .form {bottom:-50px;}

    .carousel-indicators {text-align: right;}

    .contactus .row .col-md-6 .row .col-md-6 {width: 100%;display: block;text-align: center}



    section > .container > .row .col-md-8 {width: 100%}

    section > .container > .row .col-md-4 {width: 100%}

    .col-md-4 p,.col-md-4 form,.col-md-4 button {margin: 0 10px 10px;}

}



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

    header {height: 160px;}

    header .logotipo, header .logotipo h1 {width: 150px;}



    header .row .pages-img {top: 45px;}

    .pages-img a {margin: 0;width: 40px;height: 40px;padding: 0;}

    .font {font-size: 240%}



    header .form {width: 95%;display: block;top: 100px;left: 0!important;margin: 0 10px;}

    head .form {position: relative}

    header .form #search {width: 100%;display: inline-block;}

    header .form #searchButton {position: absolute;right: 0;top: 3px;width: 50px;}



    header #signIn {top: 55px;}

    .portfolio .carousel {max-height: 290px;}

}



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

    header #signIn {width: 150px;top: 153px;left: 0;padding-left: 15px;}

    #bd img {margin: 0 0 0 5px;}

}



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

    .breadcrumb {font-size: 90%}

}