body {font-family: 'Open Sans', sans-serif;-webkit-font-smoothing: antialiased;width:100%;}
h2 {
  font-size: 30px;
  font-weight: 400;
  color:#000;
}
h3 {
  font-size: 28px;
  font-weight: 300;
}
p {
  font-size: 15px;
  line-height: 28px;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
a,
a:active,
a:focus,
a:active {
  text-decoration: none !important;
}
.section-title {
  margin-bottom: 70px;
}
.section-title h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
    color: #000;
}
block h2{
	  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
    color: #000;
}

.section-title p {
  font-family: 'Lato', sans-serif;
  color: #666;
}
/*--
	Header Start 
--*/
header {
  background: #fff;
  padding: 20px 0;
  position: fixed;
  z-index:99999;
  width:100%;
}
header .navbar {

  margin-bottom: 0px;
  border: 0px;
}
header .navbar-default {
  background: none;
  border: 0px;
}
header .navbar-default .navbar-nav {
  padding-top: 10px;
}
header .navbar-default .navbar-nav li a {
  color: #333333;
  padding: 19px 26px;
  font-size: 15px;
}
font header .navbar-default .navbar-nav li a:hover {
  color: #fff;
}

#slider {width:100%; height:100%;}
#slider:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}

#intro {
  padding: 80px 0;
}
#intro .block h2 {
  padding-top: 35px;
  line-height: 27px;
  margin: 0;
  font-size:30px;
  color: #000;
}
#intro .block p {
  color: #7B7B7B;
  padding-top: 20px;
}
#intro .block img {
  padding-left: 40px;
  width: 100%;
}
#intro .section-title {
  margin-bottom: 0px;
}
#intro .section-title p {
  padding-top: 20px;
}
/*--
	service Start 
--*/
#service {
  text-align: center;
  padding-top:57px;
  width:90%;
  margin:auto;
}
/*--
	call-to-action Start 
--*/
#call-to-action {color:#000;
/* background: url("../img/VALUE.jpg") no-repeat;opacity: 0.1;
*/  background-size: cover;
/*  background-attachment: fixed;
*/  padding: 70px 0px;
  position: relative;
  text-align: center;
  
}
#call-to-action:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  
}
#call-to-action h2 {
  padding-bottom: 20px;
  line-height: 33px;
  margin: 0;
  font-size: 30px;
}
#call-to-action p {
  font-size: 14px;
  line-height: 1.6;
}
#call-to-action .btn-call-to-action {
  padding: 15px 35px;
  border: none;
  background-color: #fff;
  font-size: 15px;
  color: #333333333;
  margin-top: 30px;
}
/*--
	Feature Start 
--*/
#feature {
	background: url("../img/img1.jpg");
	background-position: 50% 94px;
	width: 100%;
	display: block;
	position: relative;
	overflow: visible;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	padding: 100px 0;
	background-image: url("../img/img1.jpg");
}
#feature h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
    color: #000;

}
#feature p {
  color: #fff;
  margin-bottom: 20px;
}
#feature .btn-view-works {
  background: #655E7A;
  color: #fff;
  padding: 10px 20px;
}
/*--
	content Start 
--*/
#testimonial {
  padding: 100px 0;
}
#testimonial .block h2 {
  line-height: 27px;
  color: #000;
  padding-top: 110px;
  font-size:30px;
}
#testimonial .block p {
  padding-top: 50px;
  color: #000;
}
#testimonial .counter-box li {
  width: 50%;
  float: left;
  text-align: center;
  margin: 30px 0 30px;
}
#testimonial .counter-box li i {
  font-size: 35px;
}
#testimonial .counter-box li h4 {
  font-size: 30px;
  font-weight: bold;
}
#testimonial .counter-box li span {
  color: #555;
}
#testimonial .testimonial-carousel {
  text-align: center;
  width: 75%;
  border: 1px solid #DEDEDE;
  padding: 24px;
  margin: 0 auto;
}
#testimonial .testimonial-carousel img {
  padding-bottom: 38px;
}
#testimonial .testimonial-carousel p {
  line-height: 28px;
  font-weight: 300;
  padding-bottom: 20px;
}
#testimonial .testimonial-carousel .user img {
  padding-bottom: 0px;
  border-radius: 500px;
}
#testimonial .testimonial-carousel .user p {
  padding-bottom: 0;
  font-size: 12px;
  line-height: 20px;
  color: #353241;
}
#testimonial .testimonial-carousel .user p span {
  display: block;
  color: #353241;
  font-weight: 600;
}
#testimonial .testimonial-carousel .owl-carousel .owl-pagination div {
  border: 1px solid #1D1D1D;
  border-radius: 500px;
  display: inline-block;
  height: 10px;
  margin-right: 15px;
  width: 10px;
}
#testimonial .testimonial-carousel .owl-carousel .owl-pagination div.active {
  background: #5C5C5C;
  font-size: 30px;
  display: inline-block;
  border: 0px;
}

#global-header {
  background: url("../img/slider-bg2.jpg") no-repeat;
  background-size: cover;
  padding-top: 150px;
  padding-bottom: 107px;
  position: relative;
  background-attachment: fixed;
}
#global-header:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, #928dab, #1f1c2c 70%);
  opacity: 0.8;
}
#global-header .block {
  color: #E3E3E4;
  margin: 0 auto;
  padding-left: 90px;
  text-align: center;
}
#global-header .block h1 {
  font-weight: 100;
  font-size: 45px;
  letter-spacing: 6px;
  padding-bottom: 15px;
  margin-top: 0;
  text-transform: capitalize;
}
#global-header .block p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  word-spacing: 3px;
}
/*--
	portfolio-work Start 
--*/
#portfolio-work {
  overflow: hidden;
  padding: 80px 0;
}
#portfolio-work .block .portfolio-menu {
  padding-bottom: 30px;
  text-align: center;
}
#portfolio-work .block .portfolio-menu ul {
  border: 1px solid #999999;
  display: inline-block;
  margin-bottom: 40px;
}
#portfolio-work .block .portfolio-menu ul li {
  display: inline-block;
  padding: 0px 25px;
  cursor: pointer;
  font-size: 15px;
  line-height: 40px;
  font-weight: 600;
  color: #333333;
  text-transform: capitalize;
  position: relative;
}
#portfolio-work .block .portfolio-menu ul .active {
  color: #655E7A;
  position: relative;
}
#portfolio-work .block .portfolio-menu ul .active:before {
  content: "\f0d7";
  position: absolute;
  font-family: 'FontAwesome';
  bottom: -18px;
  font-size: 30px;
  width: 20px;
  left: 0px;
  right: 0px;
  top: 23px;
  margin: 0 auto;
  color: #fff;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#portfolio-work .block .portfolio-menu ul li:hover:before {
  content: "\f0d7";
  position: absolute;
  font-family: 'FontAwesome';
  bottom: -18px;
  font-size: 30px;
  width: 20px;
  left: 0px;
  right: 0px;
  top: 24px;
  margin: 0 auto;
  color: #fff;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#portfolio-work .block .portfolio-contant ul li {
  float: left;
  width: 32.22%;
  overflow: hidden;
  margin: 6px;
  position: relative;
}
#portfolio-work .block .portfolio-contant ul li:hover .overly {
  opacity: 1;
}
#portfolio-work .block .portfolio-contant ul li:hover .position-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
#portfolio-work .block .portfolio-contant ul li a {
  display: block;
  color: #fff;
}
#portfolio-work .block .portfolio-contant ul li a h2 {
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#portfolio-work .block .portfolio-contant ul li a p {
  font-size: 15px;
}
#portfolio-work .block .portfolio-contant ul li a span {
  font-style: italic;
  font-size: 13px;
  color: #655E7A;
}
#portfolio-work .block .portfolio-contant ul img {
  width: 100%;
  height: auto;
}
#portfolio-work .block .portfolio-contant .overly {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  text-align: center;
}
#portfolio-work .block .portfolio-contant .position-center {
  position: absolute;
  top: 50%;
  left: 10%;
  -webkit-transform: translate(0%, 50%);
  -moz-transform: translate(0%, 50%);
  -ms-transform: translate(0%, 50%);
  transform: translate(0%, 50%);
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all;
}
#portfolio-work .block .mix {
  display: none;
}
/*--
	wrapper-work Start 
--*/
#wrapper-work {
  overflow: hidden;
  padding-top: 100px;
}
#wrapper-work ul li {
  width: 50%;
  float: left;
  position: relative;
}
#wrapper-work ul li img {
  width: 100%;
  height: 100%;
}
#wrapper-work ul li .items-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  padding-left: 44px;
  padding-top: 140px;
}
#wrapper-work ul li .items-text h2 {
  padding-bottom: 28px;
  padding-top: 75px;
  position: relative;
}
#wrapper-work ul li .items-text h2:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 75px;
  height: 3px;
  background: #fff;
}
#wrapper-work ul li .items-text p {
  padding-top: 30px;
  font-size: 16px;
  line-height: 27px;
  font-weight: 300;
  padding-right: 80px;
}
/*--
	features-work Start 
--*/
#features-work {
  padding-top: 50px;
  padding-bottom: 75px;
}
#features-work .block ul li {
  width: 19%;
  text-align: center;
  display: inline-block;
  padding: 40px 0px;
}
/*---------------------------------------------
					Work Close 
-----------------------------------------------*/
/*=============================================*/
/*---------------------------------------------
					 Contact Start 
-----------------------------------------------*/
/*--
	slider-contact Start 
--*/
#slider-contact {
  background: url("../img/slider-bg2.jpg") no-repeat;
  background-size: cover;
  padding-top: 150px;
  padding-bottom: 107px;
  position: relative;
}
#slider-contact:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, #928dab, #1f1c2c 70%);
  opacity: 0.8;
}
#slider-contact .block {
  color: #E3E3E4;
  margin: 0 auto;
  padding-left: 90px;
}
#slider-contact .block h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  font-size: 45px;
  line-height: 60px;
  letter-spacing: 6px;
  padding-bottom: 15px;
}
#slider-contact .block p {
  font-size: 23px;
  line-height: 40px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  letter-spacing: 1px;
  word-spacing: 3px;
}
/*--
	contact-form Start 
--*/
#contact-form {
  padding-top: 70px;
  padding-bottom: 35px;
}
#contact-form .block form .form-group {
  padding-bottom: 15px;
  margin: 0px;
}
#contact-form .block form .form-group .form-control {
  background: #F6F8FA;
  height: 60px;
  border: 1px solid #EEF2F6;
  box-shadow: none;
  width: 100%;
}
#contact-form .block form .form-group-2 {
  padding-bottom: 15px;
  margin: 0px;
}
#contact-form .block form .form-group-2 textarea {
  background: #F6F8FA;
  height: 135px;
  border: 1px solid #EEF2F6;
  box-shadow: none;
  width: 100%;
}
#contact-form .block button {
  width: 100%;
  height: 60px;
  background: #47424C;
  border: none;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
}
/*--
	wrapper-contact Start 
--*/
.address-block li {
  margin-bottom: 20px;
}
.address-block li i {
  margin-right: 15px;
  font-size: 20px;
  width: 20px;
}
.social-icons {
  margin-top: 40px;
}
.social-icons li {
  display: inline-block;
  margin: 0 6px;
}
.social-icons a {
  display: inline-block;
}
.social-icons i {
  color: #2C2C2C;
  margin-right: 25px;
  font-size: 25px;
}
.google-map {
  position: relative;
}
.google-map #map {
  width: 100%;
  height: 300px;
  background-color: #ff432e;
}
#contact-box {
  padding-top: 35px;
  padding-bottom: 58px;
}
#contact-box .block img {
  width: 100%;
}
#contact-box .block h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: #000;
  font-size: 30px;
  padding-bottom: 30px;
}
#contact-box .block p {
  color: #5C5C5C;
  display: block;
}
/*--
	features-contact Start 
--*/
#features-contact {
  padding-top: 50px;
  padding-bottom: 75px;
}
#features-contact .block ul li {
  width: 19%;
  text-align: center;
  display: inline-block;
  padding: 40px 0px;
}
/*---------------------------------------------
					Contact Close 
-----------------------------------------------*/
/*--------- Heading------------*/
.heading {
  padding-bottom: 60px;
  text-align: center;
}
.heading h2 {
  color: #000;
  font-size: 30px;
  line-height: 40px;
  font-weight: 400;
}
.heading p {
  font-size: 18px;
  line-height: 40px;
  color: #292929;
  font-weight: 300;
}
/*---------------------------*/
/*--
	footer Start 
--*/
footer {
  background: #F5F5F5;
  text-align: center;
  padding-top: 48px;
  padding-bottom: 55px;
}
footer p {
  font-size: 13px;
  line-height: 25px;
  color: #919191;
}
footer a {
  color: #595959;
}
footer .footer-manu {
  padding-bottom: 25px;
}
footer .footer-manu ul {
  margin: 0px;
  padding: 0px;
}
footer .footer-manu ul li {
  display: inline-block;
  padding: 0px 20px;
}
footer .footer-manu ul li a {
  display: inline-block;
  color: #494949;
}
footer .footer-manu ul li a:hover {
  color: #000;
}

#inicial img{ width:100%; height:100%}
#inicial{display: none;margin-bottom:50px; width:100%; max-height:100%}.inicialjv-pagination {margin: 6px 0 0;float: right;list-style: none;}.inicialjv-pagination li {float: left;margin: 0 1px;}.inicialjv-pagination li a {display: block;width: 13px;height: 0;padding-top: 13px;background-image: url(../img/pagination.png);background-position: 0 0;float: left;overflow: hidden;}.inicialjv-pagination li a.active,.inicialjv-pagination li a:hover.active {background-position: 0 -13px}.inicialjv-pagination li a:hover {background-position: 0 -26px}a:link,a:visited {color: #333}a:hover,a:active {color: #9e2020}.navbar {overflow: hidden}#slides {display: none}.quadro {margin: 0 auto;width:100%;}@media (max-width: 767px) { body {padding-left: 20px;padding-right: 20px;}.quadro {width: auto} } 
@media (max-width: 480px) { #formimg { display: none;}.quadro {width: 100%;}} 
@media (min-width: 768px) and (max-width: 979px) {.quadro {width: 100%;} #formimg { display: none;}}
@media (min-width: 1200px) {.quadro {width: 100%;height:500px;}}

#team{ width:90%; margin:auto;text-align: center; }
.borda-familia{border: groove 1px #D2D2D2; margin: 0px; padding: 10px 20px;}
img{vertical-align: middle;max-width:100%;}
.field-tip .contoculto {position:absolute;top:-4px;right:99999px;width:215px;margin-right:-200px;padding:8px;opacity:0;color:#fff;font-size: 13px;background:#000;}
.centrar {text-align: center;  width:100%}
.field-tip:hover .contoculto {right:-15px;opacity:1;}
.field-tip .contoculto:before {content:' '; border:8px solid transparent; width:0;height:0;top:50%;left:-16px;border-right-color:#000;position:absolute;margin-top:-8px;}
.logotiposlide .item a img{box-shadow: 0 0 8px rgba(0,0,0,0.6);-moz-box-shadow: 0 0 8px rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);-o-box-shadow: 0 0 8px;}

.logotipos .item{ margin-bottom: 30px; width:20%; }
ul.contatos {list-style: none;display: inline;margin-left:0 !important;padding: 0;}
ul.contatos li {display: inline;margin: 0 5px;}
.linkin{ background: url(linkin.png); }
.contatos-circle li a {display:inline-block;position:relative;margin:0 auto 0 auto;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;text-align:center;width: 50px;height: 50px;font-size:20px;}
.contatos-circle.contatos-small li a {width: 30px;height: 30px;font-size:15px;}
@media (max-width: 767px) {.container{width:740px}.logotipos .item{width:25%; margin:auto; margin-top:10px;}#formimg{ display: none;}
#inicial{display: none;margin-bottom:50px; width:100%; height:100%} .borda-familia img{ width:40%;}.borda-familia { width:40%; padding:2px;}.text h3{ font-size:18px;} .text h4{ font-size:12px;}#slider {width:100%; height:100%}
}	
@media (max-width: 767px) { #formimg { display: none;}}
@media (min-width:768px){.container{width:750px}#slider {width:100%; height:100%}#inicial{display: none;margin-bottom:50px; width:100%; height:100%}#team{ width:95%;text-align: center; }.borda-familia img{ width:70%;}.borda-familia { width:100%; padding:3px; margin-left:25%;}
 .col-md-3{width:33%;float: left;}#team h4{ font-size:12px;}
}
@media (min-width:992px){.container{width:970px}
 #slider {width:100%; height:100%}#inicial{display: none;margin-bottom:50px; width:100%; height:100%} .borda-familia img{ width:115%;}.borda-familia { width:115%; padding:8px;}
}
@media (min-width:1200px){.container{width:1170px} #inicial img{ width:100%; height:100%} 


#slider {width:100%; height:100%}#inicial{display: none;margin-bottom:50px; width:100%; height:100%}
}
@media (min-width:992px){
#clients h2{font-size: 30px; color:#000;}
#clients p{ color:#000;}
.col-md-3{float: left; margin-left:20px;}.text h4{ font-size:14px; color:#000;}.col-md-3{width:25%}.col-md-2{/*width:16.66666667%;*/} 
#slider {width:100%; height:100%}#inicial{display: none;margin-bottom:50px; width:100%; max-height:100%} #team container{ margin-left:30px;}
}
.col-md-2,.col-md-3{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.clearfix:after,.container:after{clear:both;content:" ";display:table}
.linkedin{background-image: url(../img/linkin.png);}

#client {width:100%;text-align:center;}
#clientu{float: left;width: 20%;margin: 1em;}
#clientu img{border: #CCF solid 6px;}


.linha {
	margin-bottom:15px;
    border: 1;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.linhanav {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
#main{ float: left; width:100%;}
.formulario {width:100%;  margin-left:6%;}
@media (max-width: 767px) {.formulario{width:740px}#main{width:25%; } .imgservice img { width:70%;} #formimg { display: none;}}	

#enviar input[type="text"],#enviar input[type="email"],#enviar input[type="tel"],#enviar input[type="url"],#enviar textarea,#enviar button[type="submit"] {font:400 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;}
#enviar { float:right; width:100%; text-shadow:0 1px 0 #FFF;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; margin-right:30px; bacpadding:25px;}
#enviar h3 {color:#000;display:block;font-size:25px;}
#enviar label span {cursor:pointer;color:#000;display:block;margin:5px 0;font-weight:900;}
#enviar input[type="text"],#enviar input[type="email"],#enviar input[type="tel"],#enviar input[type="url"],#enviar textarea {width:200%;box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;border:1px solid #CCC;background:#FFF;margin:0 0 5px;padding:10px;border-radius:5px;}
#enviar input[type="text"]:hover,#enviar input[type="email"]:hover,#enviar input[type="tel"]:hover,#enviar input[type="url"]:hover,#enviar textarea:hover {-webkit-transition:border-color 0.3s ease-in-out;-moz-transition:border-color 0.3s ease-in-out;transition:border-color 0.3s ease-in-out;border:1px solid #AAA;}
#enviar textarea {height:50px;max-width:200%;}
#enviar button[type="submit"] {cursor:pointer;width:20%;border:none;background:#E7E7E7;background-image:linear-gradient(bottom, #E7E7E7 0%, #E7E7E7 52%);background-image:-moz-linear-gradient(bottom, #E7E7E7 0%, #E7E7E7 52%);background-image:-webkit-linear-gradient(bottom, #E7E7E7 0%, #E7E7E7 52%);color:#000;margin:0 0 5px;padding:10px;border-radius:5px;}
#enviar button[type="submit"]:active {box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);}
#enviar input:focus,#enviar textarea:focus {outline:0;border:1px solid #999;}