/* Add here all your CSS customizations */
.libre{
	font-family: 'Libre Baskerville', serif;
}
.montserrat{
	font-family: 'Montserrat', sans-serif;
}
.dropdown-menu {
	color: #fff;
	background-color: #000;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
	color: #fff;
	font-size: 1em;
}
.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}

#header .header-nav-main nav > ul > li > a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: normal;
	border-radius: 4px;
	color: #FFF;
	font-size: 17px;
	font-style: normal;
	font-weight: 300;
	padding: 0.5rem 1rem;
	letter-spacing: -0.5px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}
#header .header-nav.header-nav-links nav > ul li:hover > a {
	color: #d04e29;
}
.heading.heading-middle-border-primary {
	position: relative;
}
.heading.heading-middle-border-primary::before {
	border-top: 1px solid #db6845;
	content: "";
	height: 0;
	left: auto;
	position: absolute;
	right: 0;
	top: 75%;
	width: 100%;
}
.heading.heading-middle-border-primary h1, .heading.heading-middle-border-primary h2, .heading.heading-middle-border-primary h3, .heading.heading-middle-border-primary h4, .heading.heading-middle-border-primary h5, .heading.heading-middle-border-primary h6 {
	position: relative;
	background: #FFF;
	display: inline-block;
}
.thumb-info .thumb-info-wrapper::after {
	content: "";
	background: rgba(33, 37, 41, 0); 
}
.thumb-info.thumb-info-lighten .thumb-info-wrapper::after {
	background: rgba(23, 23, 23, 0);
}
.thumb-info.thumb-info-centered-icons .thumb-info-action-icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	width: 70%;
	height: 70%;
	font-size: 14px;
	border-radius: 50%;
	margin-right: 5px;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
	z-index: 2;
}
.thumb-info .thumb-info-type, .thumb-info .thumb-info-action-icon, .thumb-info-social-icons a, .thumbnail .zoom, .img-thumbnail .zoom, .thumb-info-ribbon {
	background-color: none;
}
.full-width {
	width: 100%;
	}
img.grayscale {
  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 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}
.slogan{
	font-size: 70px;
	}

/* CSS DESKTOP */
@media (min-width: 1200px) {

}


/* CSS RESPONSIVE TABLET PRO */
@media (min-width: 768px) and (max-width: 991px) {

}


/* CSS RESPONSIVE   TABLET PRO*/
@media (min-width: 992px) and (max-width: 1199px) {



}


/* CSS RESPONSIVE TABLET */
@media (max-width: 767px) {

html .bg-color-dark, html .bg-dark {
	background-color: transparent !important;
}
.body {
	background-color: transparent;
}
.slogan{
	font-size: 20px;
	}
	.testimonial.testimonial-with-quotes blockquote p {
	padding: 0 30px;
}
.text-8 {
	font-size: 1.30em !important;
}
}


/* CSS RESPONSIVE SMARTPHONE */
@media (max-width: 480px) {

html .bg-color-dark, html .bg-dark {
	background-color: transparent !important;
}
.body {
	background-color: transparent;
}
.slogan{
	font-size: 20px;
	}
	.testimonial.testimonial-with-quotes blockquote p {
	padding: 0 30px;
}
.text-8 {
	font-size: 1.30em !important;
}
html.side-header-hamburguer-sidebar #header.side-header .header-logo {
	margin: 0rem 0;
}
#header .header-nav-main::before {
	background: none;
}
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li:hover > a {
	position: relative;
	background: transparent !important;
	color: #fff !important;
	padding: 0 .9rem;
	margin: 1px 0 0;
	min-height: 50px;
	height: 100%;
}
#header .header-nav-main nav > ul li {
	border-bottom: 1px solid #e8e8e8;
	clear: both;
	display: block;
	/* float: none; */
	margin: 0;
	padding: 0;
	/* position: relative; */
	text-align: center;
}
}