/*!
 * Bootstrap v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

@import url('https://fonts.googleapis.com/css?family=Ubuntu');
:root {
 --blue: #007bff;
 --white: #fff;
 --gray: #6c757d;
 --gray-dark: #343a40;
 --light: #f8f9fa;
 --dark: #343a40
}
*, ::after, ::before {
	box-sizing: border-box
}
html {
	font-family: Ubuntu !important;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent
}
footer, header, main, nav {
	display: block
}
.navbar {
	margin: 0px auto 2px auto !important;
}
body {
	margin: 0;
	font-family: ubuntu !important;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff;
 letter-spacing: -.05rem
}
[tabindex="-1"]:focus {
	outline: 0!important
}
p {
	margin-top: 0;
	margin-bottom: 1rem
}

section p{ font-size: 0.95rem; line-height: 1.5rem; letter-spacing: 0.05rem}

ol, ul {
	margin-top: 0;
	margin-bottom: 1rem
}
ol ol, ol ul, ul ol, ul ul {
	margin-bottom: 0
}
a {
	color: #0056b3;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
a:hover {
	color: #0af
}
.h1, .h4, h1, h4 {
   margin-bottom: .5rem;
	font-family: ubuntu !important;
	font-weight: 600;
	color: inherit;
	margin-top: 0
}
h1, h4 {
	margin-top: 0;
   margin-bottom: .5rem
}
.h1, h1 {
	font-size: 2.05rem !important;
   color: #888 !important;
   letter-spacing: -0.1rem!important;
   text-transform: uppercase;
    border-bottom: 1px dotted #888;
}
.h2, h2 {
	font-size: 1.8rem !important;
   border-bottom: 1px dotted 000;
}
.h3, h3 {
	font-size: 1.6rem !important;
   color: #color: #888
}
.h4, h4 {
	font-size: 1.4rem !important;
}
.h5, h5 {
	font-size: 1.2rem !important;
   color: #color: #888
}
.h6, h6 {
	font-size: 1.1rem !important;
}
h4.panel-title {font-size: 1.1em !important; color: #0056b3 !important; line-height: 1.6em }

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
 padding: .5rem 0;
 margin: -.6rem 0 0;
 font-size: .8rem;
	text-align: left;
	list-style: none;
	background-color: #343a40 !important;
	background-clip: padding-box;
	border-bottom: 1px solid rgba(255, 255, 255, .45);
 border-radius: .25rem
}
.dropdown-menu-right {
	right: 0;
	left: auto
}
.dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent
}
.dropdown-toggle:empty::after {
	margin-left: 0
}
.nav-item {
	padding-right: 2px !important;
}
.dropdown-item {
	color: #fff !important;
	font-size: 0.9em !important;
	line-height: 1.4em !important;
}
.dropdown-item:hover {
	color: #000 !important;
	font-size: 0.9em !important;
	line-height: 1.4em !important;
}
.navbar-brand {
	margin-top: 20px !important;
	margin-left: 1px !important;
}
.navbar-brand img:hover {
	opacity: 0.7 !important;
}
.navbar {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
 padding: .5rem 1rem;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	font-size: 0.9em !important
}
.breadcrumb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
 padding: .65rem !important;
	margin-bottom: 1rem;
	margin-top: 1rem;
	list-style: none;
	background-color: #ddd;
	font-size: 0.85em;
}
.breadcrumb-item+.breadcrumb-item {
 padding-left: .5rem
}
.breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
 padding-right: .5rem;
	color: #6c757d;
	content: "/"
}
.breadcrumb-item+.breadcrumb-item:hover::before {
	text-decoration: underline
}
.breadcrumb-item+.breadcrumb-item:hover::before {
	text-decoration: none
}
.breadcrumb-item.active {
	color: #6c757d
}
/** Carousel **/

.carousel {
	position: relative
}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align:center
}
.carousel-item {
	position: relative;
	display: none;
	-ms-flex-align: center !important;
	align-items: center !important;
	width: 100%;
	max-height:500px!important;
	transition: -webkit-transform .6s ease;
	transition: transform .6s ease;
	transition: transform .6s ease, -webkit-transform .6s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px
}
.bg-secondary {
	background-color: #6c757d!important
}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
	background-color: #545b62!important
}
.bg-dark {
	background-color: #343a40!important;
	min-height: 120px!important;
}
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
	background-color: #1d2124!important
}
.bg-white {
	background-color: #fff!important
}
.d-none {
	display: none!important
}
.d-block {
	display: block!important
}
.text-white {
	color: #fff!important
}
.text-secondary {
	color: #6c757d!important
}
a.text-secondary:focus, a.text-secondary:hover {
	color: #545b62!important
}
.text-dark {
	color: #343a40!important
}
a.text-dark:focus, a.text-dark:hover {
	color: #1d2124!important
}
.text-body {
	color: #212529!important
}
.text-white-50 {
	color: rgba(255, 255, 255, .5)!important
}
.card-img-top {
	border: 5px #FFF solid;
}
.card-img-top:hover {
	border: 5px #EEE solid;
	opacity: 0.9;
}
.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
 padding: .80rem !important;
}
.card-title {
 margin-bottom: .4rem !important;
	font-size: 1em !important;
	letter-spacing: 0.03em;
	font-weight: bold
}
.card-text:last-child {
	margin-bottom: 0
}
.card-text {
	font-size: 0.8em;
	letter-spacing: 0.02em;
	line-height: 1.6em
}
.portfolio-item {
	margin-bottom: 30px
}
footer {
	/**border-top: 4px solid green;**/
	font-size: 0.9em !important;
}
footer a img:hover {
	opacity: 0.5
}
 @media print {
*, ::after, ::before {
	text-shadow: none!important;
	box-shadow: none!important
}
a:not(.btn) {
	text-decoration: underline
}
img {
	page-break-inside: avoid
}
 @page {
 size: a3
}
body {
	min-width: 992px!important
}
.container {
	min-width: 992px!important
}
.navbar {
	display: none
}
.container_carousel {
	width: 100%!important
}
}
/** Search opção 2**/

#custom-search-form {
	margin: 0;
	margin-top: 20px;
	padding: 0;
}
#custom-search-form .search-query {
	padding: 5px;
	margin-bottom: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: width 0.2s ease-in-out;
	-moz-transition: width 0.2s ease-in-out;
	-o-transition: width 0.2s ease-in-out;
	transition: width 0.2s ease-in-out;
	border: 1px solid #cccccc;
}
.search-query {
	height: 35px !important;
	max-width: 450px !important;
	min-width: 300px !important;
}
#custom-search-form button {
	border: 0;
	background: none;
	/** belows styles are working good */
	padding: 1px;
	margin-top: 0px;
	position: relative;
	color: #888;
	left: -35px;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */
	margin-bottom: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.search-query:focus+button {
	z-index: 3;
}
.search-query:focus {
	width: 320px;
}
.hide {
	display: none !important;
}