@font-face {
    font-family: 'OratorStd';
    src: local('OratorStd'), 
			   url('../fonts/Orator/OratorStd.woff2') format('woff2'), 
         url('../fonts/Orator/OratorStd.woff') format('woff'), 
         url('../fonts/Orator/OratorStd.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

header{
	padding: 0 !important;
	margin: 0 !important;
	width: 100%;
}

.show_mobile{
	display: none !important;
}

body{
	overflow-x: hidden !important;
	color: #767676;
}

#carousel_container .carousel{
	overflow: hidden;
}

#conteudo_pagina{
	/*padding:23px 0 !important;*/
}

h1,h2,h3{
	font-family: 'Chrobot';
}

h2{
	font-size: 2.5em;
}

h3{
	font-size: 1.95em;
}

.sitecolor{
	color: #7596c4 !important;
}

.whatsappnumber{
	position: relative;
	display: block;
	margin-top:7px;
	margin-left:25px;
}

.whatsappnumber:before{
  position: absolute;
	width:21px;
	height:21px;
	content:'';
	background: url(../img/whatsapp.png);
	background-size:cover;
	margin-left:-25px;
}

.email{
	position: relative;
	display: block;
	margin-top:7px;
	margin-left:25px;
}

.email:before{
  position: absolute;
	width:21px;
	height:21px;
	content:'';
	background: url(../img/mail.png);
	background-size:cover;
	margin-left:-25px;
}

#top_bar{
	top:0;
	z-index: 9999;
	width:100%;
	position: fixed;
	background-color: rgba(0,0,0,0.40);
	color: #fff;
	height:auto;
	transition: 0.4s ease-in;
	margin-left:0;
}

#top_bar_info{
	background-color: #000;
	color: #ccc;
	padding: 5px 10px;
}

p{
	font-size: 1.2em !important;
	font-weight: normal !important;
}

a{
	color: #7596c4;
}

#logo{
	max-width:100%;
	padding:10px;
	display:block;
	margin-left: -15px;
}

#main-menu{
	padding:0;
	display:inline-block;
	height: auto;
	margin-top:20px;
	float:right;
}

#main-menu ul{
	list-style: none;
	padding: 0;
	margin:0;
}

#main-menu ul li {
	display: inline-block;
	margin:0 !important;
}

#main-menu ul li a{
	display: block;
	color: #fff;
	padding:5px 10px; 
	margin:0 !important;
}

#main-menu ul li>a:hover,
#main-menu ul li.active>a,
#main-menu ul li.active>.dropdown>a{
  border-bottom:2px solid #7596c4;
	color: #fff;
  transition: background-color;
	transition-duration: 1s;
	transition-delay: 0.0s;
}

#social-menu{
	display:inline-block;
}

#social-menu ul{
	list-style: none;
	padding:0;
	margin:0;
}

#social-menu ul li {
	display: inline-block;
}

#social-menu ul li a{
  display: block;
	color: #63a9a5;
	opacity: 0.8;
	font-size: 17px;
	padding:5px;
	transition: color;
	transition-delay: 0s;
	transition-duration: 0.3s;
}

#social-menu li a:hover, #social-menu li a:active{
	opacity: 1;
	color: #fff;
	transition: color;
	transition-delay: 0s;
	transition-duration: 0.3s;
}

#main-menu a:hover,#main-menu a:active, #social-menu a:hover,#social-menu a:active{
  text-decoration: none;
}

footer{
	margin: 0 !important;
	margin-top:0px !important;
	background-color:#242424;
	padding:10px;
	overflow-x: hidden !important;
}

footer h3{
	font-family: 'Chrobot';
	color: #767676 !important;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom:15px;
}

footer h2 .fa{
  /* color: #7596c4; */
}


.box_conteudo_1 .box_title{
  text-align: center;
  border-bottom:0px solid #767676;
}

.box_conteudo_1 .box_img_icon{
  text-align: center;
}

.box_conteudo_1 .box_img_icon .wrapper{
  position: relative;
  display:inline-block;
  background: linear-gradient(#1b3456, #7497c6);
  padding:20px;
  border-radius: 100px;
}

.box_conteudo_1 .box_img_icon img{
  position: relative;
  width:70px;
  height:70px;
  display:block;
}

.box_conteudo_1 .box_text_wrapper a{
  position: relative;
  text-decoration: none;
  color: #fff;
  background-color: #54a09c;
  padding:5px 10px;
  font-size: 16px;
  display:block;
  width:200px;
  top:15px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
	transition:border;
	transition-delay: 0;
	transition-duration: 0.2s;
}

.box_conteudo_1 .box_text_wrapper a:hover{
	/* background-color: #407c79; */
}

.box_conteudo_1:hover{
	/* border:1px solid #54a09c; */
	transition:border;
	transition-delay: 0;
	transition-duration: 0.2s;
}

#servicos_boxes{
	margin-top:70px;
	margin-bottom:70px;
}

#meus_trabalhos_row{
  min-height: 200px;
  color: #fff;
  background: url(../img/trabalhos_index_bg.jpg);
  background-size:cover;
	background-position: bottom center;
}

#meus_trabalhos_row{
	padding-top:0px; 
	padding-bottom:30px;
}

#meus_trabalhos_row h2, #meus_trabalhos_row p{
	text-align: center;
}

#meus_trabalhos_row #trabalhos_boxes{
	padding:0;
}

.portfolio_thumb{
	padding:1px !important;
}
.portfolio_thumb img{
	max-width: 100%;
	opacity: 0.9;
}

.portfolio_thumb img:hover{
 /* transition-property: margin-top; */
  transition-duration: 0.1s;
  transition-timing-function: linear;
  transition-delay: 0s;
	opacity: 1;
}

.call_to_action{
  position: relative;
	display:inline-block;
  background-color: #7596c4;
  color: #fff !important;
	text-align: center;
  padding:10px 20px;
  margin-top:20px !important;
	text-decoration: none !important;
}

#trabalhos_boxes{
  margin-bottom:30px;
}

#meus_trabalhos_row .call_to_action{
  background-color: transparent;
  color: #fff;
  font-size:17px;
  font-weight: bold;
}

footer{
  padding-bottom: 0 !important;	
}

#copyright{
  margin-top:20px;
  text-align: center;
	background-color: #000;
}

#copyright p{
  position: relative;
  max-width: 500px;
	color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding-top:10px;
}

.btn_call_to_action{
	background-color: #fff;
	color: #000 !important;
	border-bottom: none !important;
}

.form-control{
	border-radius: 2px;
	box-shadow: none !important;
	border: none !important;
	background-color: #dddddd;
}

#newsletter label{
	font-weight: normal !important;
	color: #ccc;
}

#produtos{
	/* The image used */
    background-image: url("../img/seja-nosso-cliente-banner.jpg");

    /* Set a specific height */
    height: auto; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	  color: #fff;
}

#produtos .box_conteudo_2{
	padding: 0px 15px;
	margin-top:30px;  
	margin-bottom:30px;
}

#produtos .box_conteudo_2 h3, #produtos .box_conteudo_2 p{
	padding: 0px 15px;
}

#produtos .box_conteudo_2 .text-wrapper{
	background-color: rgba(0,0,0,0.6);
	padding: 10px;
}

.box_conteudo_2 .box_img_icon .wrapper img{
	width: 100%;
}

.semi_opacity_black{
  transition: 0.4s ease-in;
  background-color: rgba(0,0,0,0.9) !important;
}

.tbpadding30{
  padding-top:80px !important;
  padding-bottom: 150px !important;
}

.tbpadding25{
	padding-top:25px;
	padding-bottom: 25px;
}

quote::before{
	content: '';
	position: absolute;
	width: 2rem;
	height: 2rem;
	background-size: cover;
	background-image: url('../img/quote.png');
	margin-left:-30px;
	margin-top:-5px;
}

#page_title_info{
  height: 230px;
  padding-top:110px;
  background: url(../img/page_title_bg.jpg);
	color: #fff;
}

#breadcrumbs{
    list-style:none;
    margin:0 0;
    overflow:hidden;
	  margin-top:15px;
	  padding: 0 !important;
	  margin-left:3px;
}

#breadcrumbs a{
	color: #fff;
}

#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
}

#breadcrumbs li .bread-current{
	font-weight: normal;
	color: #fff;
}

#breadcrumbs .separator{
    font-size:10px;
    font-weight:100;
    color: #fff;
}

article p{
	font-size: 1.1em;
	color:#888888;
	word-spacing: normal;
}

#top_bar .dropdown-menu li{
  display: block;
}

.dropdown-menu{
}

.dropdown-menu li{
  display: block;
  background-color: #000;
  padding: 5px 10px;
  font-size: 1em;
  margin-left:0 !important;
}

.dropdown-menu li:first-of-type{
  padding-top: 15px;
}

.dropdown-menu li:last-of-type{
  padding-bottom: 15px;
}


.dropdown-menu li a{
  transition: 0.2s ease-in-out !important;
}

.dropdown-menu>li:hover>a,
.dropdown-menu>li:active>a{
  display: block;
  background-color: #000 !important;
  border:0 !important;
  color: #7596c4 !important;
  transition: 0.2s ease-in-out !important;
}

.dropdown>a{
  background-color: rgba(0, 0, 0, 0) !important;
}

.arrow_box {
    top:40px;
}

.arrow_box:after, 
.arrow_box:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #000;
    border-width: 10px;
    left:30px;
    margin-left: -10px;
}
.arrow_box:before {
    border-width: 10px;
    left: 30px;
    margin-left: -10px;
}

.page_image_side{
	display: inline-block;
	margin:0 !important;
}

.page_image_side img{
	max-width: 100%;
	height: auto;
}

.page_image_side.left{
	float:left;
	margin-right: 30px;
}

.page_image_side.right{
	float:right;
	margin-left:30px;
}

.box_conteudo_2 .box_img_icon{
	border-top-right-radius: 9px;
	border-top-left-radius: 9px;
	overflow: hidden;
}

.box_conteudo_2 .text-wrapper{
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
	overflow: hidden;
}

#contato_index{
  background: url(../img/customers_meeting.jpg);
	
	/* Set a specific height */
	height: auto; 

	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	color: #fff;
}

.alert{
  border: none;
}

.msg-success{
  border-radius: 0;
  margin-top:25px;
  background-color: #9efaa6;
  border-top:5px solid #088314;
  color: #088314;
}

.msg-error{
	border-radius: 0;
  margin-top:25px;
  background-color: #f8b1b1;
  border-top:5px solid #b42020;
  color: #b42020;
}

@media screen and (min-width:320px) and (max-width:660px)
{
	.hide_mobile{
		display:none !important;
	}
	
	.show_mobile{
		display:block !important;
	}
 
	#logo{
		margin-left:auto;
		margin-right: auto;
	}
	#lista_servicos{
		margin-left:55px;
	}
	#menu_trigger{
		text-align: center;
	}
	.my_menu_item{
		height:0;
		overflow:hidden;
	}
	#menu_bar .col-lg-12{
		padding:0;
		margin:0;
	}
	#top_bar_contato{
		margin-bottom:15px;
	}
	#social-menu{
		display:block;
		text-align: center;
	}
	#main-menu{
		padding:0;
	}
	#main-menu, #main-menu ul{
		margin:0 !important;
		padding:0;
		width:100% !important;
		display:block;
	}
	#main-menu ul li{
		display: block;
		width:100% !important;
	}
	#social-menu li{
		padding-left:20px;
		padding-right: 20px;
		padding-top:10px;
		padding-bottom: 10px;
	}
	
	/*
	.box_conteudo_1{
		max-width: 94%;
	}
	*/
	
	.box_conteudo_1:not(:first-of-type){
		margin-top:95px;
	}
	
	.container-fluid{
	  /*padding:0;*/
	}

	#main-menu{
		height: 0;
		overflow: hidden;
	}
	
	#top_bar{
	  min-height: unset;
	  max-height: unset;
	  height: auto;
	  position: relative;
	  width:100%;
	  padding:0 !important;
	  margin:0 !important;
	  background-color: rgba(0,0,0,1);
	}
	
	.menu_item{
	  overflow: hidden;
		padding: 7px 5px !important;
	}
	
	.menu_item.active a{
		border-bottom: none !important;
		font-weight: bold;
		color: #7293c0 !important;
	}
	
	#logo{
		padding-bottom: 10px;
	}
	
	#logo-lnk{
	  display:inline-block !important;
	  width: auto !important;
	  padding:0 !important;
	  float:left;
	}

	#mobile_short_menu{
	  position: relative;
	  display:inline-block !important;
	  float:right;
	}

	#mobile_short_menu ul{
	  position: relative;
	  list-style: none;
	  padding:0 !important;
	  margin-top:15px;
	}

	#mobile_short_menu ul li{
	  display: inline-block;
	}

	#mobile_short_menu ul li a{
	  color: #fff;
	  padding:20px 10px;
	  font-size: 22px;
	}
	
	.box_conteudo_1 .box_img_icon{
		margin-top:5px;
	}
	
	.box_conteudo_2{
	  width: initial !important;
	  margin: 15px !important;
	  padding: initial !important;
	}
	
	#top_bar_info .col-lg-5{
		font-size:11px;
		margin:0 !important;
		padding: 0 !important;
	}
	
	#page_title_info{
		padding:0;
		height: auto;
		padding-bottom: 20px;
	}
	
		
	h2{
		font-size: 2em;
	}

	h3{
		font-size: 1.77em;
	}

	.carousel,.carousel *{
		height: 215px;
	}
	.carousel-inner img{
		transform: scale(1.70);
	}
}

@media screen and (min-width:661px) and (max-width:694px)
{
	.hide_mobile{
		display:none !important;
	}
	
	.show_mobile{
		display:block !important;
	}
 
	#logo{
		margin-left:auto;
		margin-right: auto;
	}
	#lista_servicos{
		margin-left:55px;
	}
	#menu_trigger{
		text-align: center;
	}
	.my_menu_item{
		height:0;
		overflow:hidden;
	}
	#menu_bar .col-lg-12{
		padding:0;
		margin:0;
	}
	#top_bar_contato{
		margin-bottom:15px;
	}
	#social-menu{
		display:block;
		text-align: center;
	}
	#main-menu{
		padding:0;
	}
	#main-menu, #main-menu ul{
		margin:0 !important;
		padding:0;
		width:100% !important;
		display:block;
	}
	#main-menu ul li{
		display: block;
		width:100% !important;
	}
	#social-menu li{
		padding-left:20px;
		padding-right: 20px;
		padding-top:10px;
		padding-bottom: 10px;
	}

	#top_bar{
	  min-height: unset;
	  max-height: unset;
	  height: auto;
	  position: relative;
	  width:100%;
	  padding:0 !important;
	  margin:0 !important;
	  background-color: rgba(0,0,0,1);
	}
	
	.menu_item{
	  height: 0;
	  overflow: hidden;
	}
	
	#logo{
		padding-bottom: 10px;
	}
	
	#logo-lnk{
	  display:inline-block !important;
	  width: auto !important;
	  padding:0 !important;
	  float:left;
	}

	#mobile_short_menu{
	  position: relative;
	  display:inline-block !important;
	  float:right;
	}

	#mobile_short_menu ul{
	  position: relative;
	  list-style: none;
	  padding:0 !important;
	  margin-top:15px;
	}

	#mobile_short_menu ul li{
	  display: inline-block;
	}

	#mobile_short_menu ul li a{
	  color: #fff;
	  padding:20px 10px;
	  font-size: 22px;
	}
	
	.box_conteudo_1 .box_img_icon{
		margin-top:5px;
	}
  
	#page_title_info{
		padding:0;
		height: auto;
		padding-bottom: 20px;
	}
	
}

@media screen and (min-width:695px) and (max-width:767px)
{
	.hide_mobile{
		display:none !important;
	}
	
	.show_mobile{
		display:block !important;
	}
 
	#logo{
		margin-left:auto;
		margin-right: auto;
	}
	#lista_servicos{
		margin-left:55px;
	}
	#menu_trigger{
		text-align: center;
	}
	.my_menu_item{
		height:0;
		overflow:hidden;
	}
	#menu_bar .col-lg-12{
		padding:0;
		margin:0;
	}
	#top_bar_contato{
		margin-bottom:15px;
	}
	#social-menu{
		display:block;
		text-align: center;
	}
	#main-menu{
		padding:0;
	}
	#main-menu, #main-menu ul{
		margin:0 !important;
		padding:0;
		width:100% !important;
		display:block;
	}
	#main-menu ul li{
		display: block;
		width:100% !important;
	}
	#social-menu li{
		padding-left:20px;
		padding-right: 20px;
		padding-top:10px;
		padding-bottom: 10px;
	}

	.box_conteudo_1:not(:first-of-type){
		margin-top:95px;
	}
	
	#top_bar{
	  min-height: unset;
	  max-height: unset;
	  height: auto;
	  position: relative;
	  width:100%;
	  padding:0 !important;
	  margin:0 !important;
	  background-color: rgba(0,0,0,1);
	}
	
	.menu_item{
	  height: 0;
	  overflow: hidden;
	}
	
	#logo{
		padding-bottom: 10px;
	}
	
	#logo-lnk{
	  display:inline-block !important;
	  width: auto !important;
	  padding:0 !important;
	  float:left;
	}

	#mobile_short_menu{
	  position: relative;
	  display:inline-block !important;
	  float:right;
	}

	#mobile_short_menu ul{
	  position: relative;
	  list-style: none;
	  padding:0 !important;
	  margin-top:15px;
	}

	#mobile_short_menu ul li{
	  display: inline-block;
	}

	#mobile_short_menu ul li a{
	  color: #fff;
	  padding:20px 10px;
	  font-size: 22px;
	}
  
	#page_title_info{
		padding:0;
		height: auto;
		padding-bottom: 20px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px)
{
	#top_bar .col-lg-3{
    width:20%;
		display:inline-block;
		float:left;
		border:0px solid red;
		margin-left:-70px;
		margin-top:5px;
		padding:0;
	}
	
	#top_bar #logo{
		margin-left:15px;
		margin-top: -5px;
		border:0px solid red;
		max-width: 100%;
	}
	
	#top_bar .col-lg-7{
    width:78%;
		display:inline-block;
		float:right;
		margin-right: 00px;
		border:0px solid red;
		padding-left:0 !important;
		padding-right:15px !important;
	}
	
	#main-menu{
		margin-top: 2.5%;
		font-size: 14px;
	}
	
	.box_conteudo_1 .box_img_icon{
		margin-top:10px;
	}
	
}

@media screen and (min-width: 1025px) and (max-width:1124px)
{
	#top_bar .col-lg-3{
    width:20%;
		display:inline-block;
		float:left;
		border:0px solid red;
		margin-left:-70px;
		margin-top:5px;
		padding:0;
	}
	
	#top_bar #logo{
		margin-left: 0px;
		margin-top: -5px;
		border:0px solid red;
		max-width: 100%;
	}
	
	#top_bar .col-lg-7{
    width:77.9%;
		display:inline-block;
		float:right;
		margin-right: 0px;
		padding-left: 0;
		padding-right: 15px;
	}
	
	#main-menu{
		font-size: 15px;
	}
	
	.box_conteudo_1 .box_img_icon{
		margin-top:10px;
	}
}

@media screen and (min-width: 1125px) and (max-width:1199px)
{
	#top_bar .col-lg-3{
    width:20%;
		display:inline-block;
		float:left;
		border:0px solid red;
		margin-left:-70px;
		margin-top:5px;
		padding:0;
	}
	
	#top_bar #logo{
		margin-left:0px;
		margin-top:-5px;
		border:0px solid red;
		max-width: 100%;
	}
	
	#top_bar .col-lg-7{
		width:76%;
		display:inline-block;
		float:right;
		margin-right: 00px;
		border:0px solid red;
		padding-left:0 !important;
		padding-right: 15px !important;
	}
	
	#main-menu{
		font-size: 14px;
	}
	
	.box_conteudo_1 .box_img_icon{
		margin-top:10px;
	}
}

@media screen and (min-width: 1440px) and (max-width: 1960px)
{
	#carousel_container .carousel img{
		width:100%;
	}
}