@charset "UTF-8";

html {font-size: 62.5%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body {font-family: 'Open Sans', sans-serif;font-size: 14px;line-height: 1.42857143;color: #333;background-color: #fff;overflow-x: hidden;}
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
a {color: #428bca;text-decoration: none;}
a:hover,a:focus {color: #2a6496;text-decoration: underline;}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
figure {margin: 0;}
img {vertical-align: middle;}
.img-responsive {display: block;max-width: 100%; height: auto;}
.img-rounded {border-radius: 5px;}

.cleaner_h30 { clear: both; width:100%; height: 10px; }

hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eeeeee;}
.sr-only {position: absolute; width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
p {margin: 0 0 10px;}
ul,ol {margin-top: 0;margin-bottom: 10px;}

.fade {opacity: 0; -webkit-transition: opacity 0.15s linear;transition: opacity 0.15s linear;}
.fade.in {opacity: 1;}

.body-red .btn-color {background: #e74c3c;border-color: #e74c3c;color: white;}
.body-red .btn-color:hover,.body-red .btn-color:focus,.body-red .btn-color:active {background: #c0392b;border-color: #c0392b;color: white;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.body-red .form-control {background-color: #e74c3c;}
.body-red .bg-color {background: #e74c3c;}
.body-red .bg-color-dark {background: #c0392b;}

/* ===== Wrapper ===== */
.wrapper {position: relative;height: auto !important; min-height: 100%;
  /* for older versions of IE */
  height: 100%;padding-top: 0;margin-bottom: 0;padding-bottom: 0;background: transparent url(../img/image-blur.jpg) no-repeat center center;}
.wrapper-inner {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: transparent url(../img/image.jpg) no-repeat center center;z-index: 0;-webkit-transition: opacity 300ms;-moz-transition: opacity 300ms;transition: opacity 300ms;}
.fading {opacity: 0;}
.wrapper .text {position: absolute;width: 500px;top: 50%;left: 50%;margin-left: -250px;padding: 40px 50px;background: rgba(0, 0, 0, 0.55);text-align: center;color: white;z-index: 1;}
.wrapper .text > h1 {margin-top: 0;}
.wrapper .text > hr {border-color: white;}
.wrapper-inner {transition: opacity 100ms ease 0s;}
.wrapper .text {width: 100%; margin-left: 0px; left:0; padding: 30px;background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5); }
.cadastrar {margin-bottom: 80px;}
.projetos a{color: #fff;font-size: 12px;letter-spacing: 1px;padding: 10px 15px;}

/* ===== Tooltips ===== */
.tooltip {font-size: 14px;}
.tooltip-inner {border-radius: 0;padding: 6px 16px;}

/* ===== Responsive Utilities ===== */
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-left: 5px solid transparent;border-right: 5px solid transparent;}

/* ===== General ===== */
html, body {height: 100%;}


/* ===== feature-box-style1===== */
.feature-box-style1 {padding: 0;width: 100%;height: 115px;text-align: center;position: relative;margin: 40px 0px 0px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
.feature-box-style1 div.box-container {left: 0;right: 0;bottom: 0;margin: 0;display: block;position: absolute;text-align: center;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.feature-box-style1 .feature-box-image {height: 0;width: 100%;display: block; overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;

    -webkit-border-bottom: 2px solid #E74C3C;
       -moz-border-bottom: 2px solid #E74C3C;
         -o-border-bottom: 2px solid #E74C3C;
            border-bottom: 2px solid #E74C3C;

    -webkit-border-radius: 5px 5px 0 0;
       -moz-border-radius: 5px 5px 0 0;
         -o-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
}
.feature-box-style1 .feature-box-image img {width: 100%;}
.feature-box-style1 .feature-box-icon {width: 60px;height: 60px;color: #fff;font-size: 24px;line-height: 60px;position: relative;text-align: center;margin: -31px auto 20px;
    background: url("../img/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #E74C3C;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

.feature-box-style1 .feature-box-containt {margin: 0;height: 0;display: block;padding: 0 20px;overflow: hidden;position: relative;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.feature-box-style1 .feature-box-containt:after {right: 0;top: 137px;height: 1px;content: '';width: 100%;position: absolute;
    background-image: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
}
.feature-box-style1 .feature-box-containt p {height: 86px;overflow: hidden;margin: 0 0 15px;color: #666;}
.feature-box-style1 .feature-box-subtitle, .feature-box-style1 .feature-box-subtitle a {font-size: 15px;font-weight: 600;color: #fff;}
.feature-box-style1 .feature-box-title {margin: 0 0 20px;}
.feature-box-style1 .feature-box-title h4 {margin: 5px 0 0;color: #fff;font-weight: bold;}
.feature-box-style1 div.box-container:hover .feature-box-image {height: 184px;
    -webkit-border-bottom: 2px solid #333;
       -moz-border-bottom: 2px solid #333;
         -o-border-bottom: 2px solid #333;
            border-bottom: 2px solid #333;
}
.feature-box-style1 div.box-container:hover .feature-box-containt {margin: 0;height: 172px;padding: 0 20px 35px;}
.feature-box-style1 div.box-container:hover .feature-box-icon {margin: -31px auto 22px;background: url("../img/masksquare.png") no-repeat scroll 50% 50% / 100% 100% #333;}
.feature-box-style1 div.box-container:hover {background-color: rgba(255, 255, 255, 0.93);}
.feature-box-style1 div.box-container:hover .feature-box-subtitle, .feature-box-style1 div.box-container:hover .feature-box-subtitle a, .feature-box-style1 div.box-container:hover .feature-box-title h4  {color: #333;}

/* Formatação de imagens com legendas -------------------------------------------------- */
figure.fotoLegenda {position:relative;}
figure.fotoLegenda figcaption{position:absolute; top: 85%; color: #fff;  background-color: rgba(0,0,0,.8);opacity:0;}
figure.fotoLegenda:hover figcaption {opacity:1;width:100%; height:15%;transition:opacity 1s;}
figure.fotoLegenda figcaption p {font-size: 12px;padding: 2% 25px;  text-align: center;}
figure.fotoLegenda figcaption a {color: #fff;}

/* Formatação do footer -------------------------------------------------- */
.footerdark {background: #222;line-height: 1.6;}
.footer { padding-bottom:0px; color:#fff; margin-top:5px; font-size:13px;}
.footer a { color:#fff; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
#empresas-footer ul { margin: 0; padding: 0; text-align: center; }
#empresas-footer ul li { cursor: pointer; display: inline-block; list-style: none; margin: 15px;
border: 1px solid #D9D9D9; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; background: #fff; }
.footerbottom { color:#fff; line-height:2.0; background:#333; border-top:1px solid #444;}
.footerbottom a { color:#fff; }
.footerdark { background:#222; color:#ccc; line-height:1.6; }
.smallspacetop { margin-top:7px; padding-top:5px; padding-bottom:5px; }


/* Responsive -------------------------------------------------- */
@media (max-width: 1920px) { 
	.wrapper .text {top: 46%;}
}

@media (max-width: 990px) { 
	.wrapper .text {top: 40%;padding: 30px 30px 0;}
	.cadastrar {margin-bottom: 15px;}
	.projetos{display:none;} 
}


@media (max-width: 360px) { 
	.wrapper .text {top: 25%;}
}

@media (max-width: 320px) { 
	#about {margin-top: 115px;}
	.wrapper .text {background: rgba(0, 0, 0, 1) none repeat scroll 0% 0%;}
}