/*
	Theme Name: THEME_FENIX
	Author: Matheus Leal
	Author URI: matheusleal.a@gmail.com
	Description: Fenix Group
	Version: 1.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: caldeira, soldagem, usinagem
*/

#loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('img/loading.gif') 50% 50% no-repeat white;
}

/* OWl */
.portifolio .owl-nav {
	display: block !important;
}
.servicos .owl-nav {
	display: block !important;
	margin-top: 5px !important;
}

/* General */

.padding-slider a{
	text-decoration: none;
	color: #333;
}

.link_slider {
	color: #337ab7 !important;
}

@media screen and (max-width: 320px) {
	h1 {
		font-size: 33px !important;
	}
	h3 {
		font-size: 22px !important;
	}
}

@media screen and (max-width: 768px) {
	.padding-top {
		padding-top: 50px;
	}
	
	.padding-bottom {
		padding-bottom: 50px;
	}

	.servicos br {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.owl-nav { 
		position: absolute;
		top: -14%;
		left: 95%;
		font-size: 30px;
	}

	.padding-slider {
		padding-right: 20px;
	}

	.padding-top {
		padding-top: 5%;
	}
	
	.padding-bottom {
		padding-bottom: 70px;
	}
}

body { 
	padding-top: 50px; 
	position: relative;
}

body p {
	font-size: 16px;
}

h1 {
	color: #144182;
}

.vertical-line {
	height: 20vh;
	border-left: 1px solid;
	color: #ffffff;
	border-color: #ffffff;
}

.center {
	padding-top: 12%;
	text-align: center;
}

/* Button */
.btn-outline {
	border: 2px solid black;
	color: black;
	background-color: transparent;
	padding: 7px 30px;
	font-size: 13px;
	cursor: pointer;
	opacity: 0.7;
	transition: 1.0s;
}

.white {
	border-color: #ffffff;
	color: #ffffff;
}
  
.white:hover {
	background-color: #ffffff;
	color: #000000;
	opacity: 1.0;
}

.black {
	border-color: #000000;
	color: #000000;
}
  
.black:hover {
	background-color: #000000;
	color: #ffffff;
	opacity: 1.0;
}

/* Navbar */
.navbar {
	background-color: #ffffff !important;
	padding: 7px;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
	background-color: #ffffff !important;
	border-bottom: 4px solid #144182 !important;
}

.navbar-brand {
	height: 60px;
	padding: 5px;
}
.navbar-brand>img {
	height: 100%;
	width: auto;
}

.lang-item a {
	padding-top: 14px !important;
}

/* Banner */
.slide-holder img {
	filter: brightness(74%) !important;
}

.slideWiz .detail-title {
	text-align: center !important;
	text-transform: uppercase !important;
}

.detail-box {
	left: 50% !important;
	top: 65% !important;
	height: 50% !important;
	width: 75% !important;
	transform: translate(-50%, -50%);
	background: none !important;
}

.detail-box button {
	position: absolute;
	left: 50% !important;
	top: 33% !important;
	transform: translate(-50%, -50%);
}

.half-circle-next, .half-circle-prev {
	background: transparent !important;
	font-size: 40px !important;
	outline: 0 !important; 
}

.half-circle-prev span {
	margin-right: -30px !important;
}

.half-circle-next span {
	margin-left: -30px !important;
}

@media screen and (max-width: 768px) {
	.detail-box button {
		top: 70% !important;
	}

	.detail-box {
		top: 50% !important;
	}
}

.banner-btn {
	padding: 7px 30px !important;
	background-color: transparent !important;
	border-color: #ffffff !important;
	border: 1px solid !important;
	color: #ffffff !important;
	transition: 1.0s;
}

.banner-btn:hover {
	background-color: #ffffff !important;
	border-color: #000000 !important;
	border: 1px solid !important;
	color: #000000 !important;
}

/* Sobre */
.sobre {
	background-color: #F2F2F2;
}

.sobre p {
	font-size: 17px;
}

.servicos img {
	width: 373.33px;
	height: 248.66px;
}

/* Rapel */
.rapel {
	background-image: url('img/funcionario-rapel.webp');

	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height:50vh;
}

.rapel h3{
	color: #ffffff;
	font-weight: 500;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 60%;
	-ms-transform: translate(-25%, -50%);
	transform: translate(-25%, -50%);
}

/* Portifolio */
.portifolio .division{
	border-top: 1px solid #144182;
	width: 27%;
	float: left !important;
	margin-top: 0px;
	margin-bottom: 0px;
}

.portifolio .date{
	font-size: 15px;
	text-transform: capitalize;
}

.portifolio .img-footer {
	height: 240px !important;
	width: 90% !important;
}

.portifolio img {
	height: 400px !important;
}

/* Cliente */
.cliente {
	padding-bottom: 50px;
}

.cliente hr {
	border-top:1px solid #000000 !important; 
}

.cliente img {
	max-height: 150px !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.cliente .col-md-3 {
	padding-top: 30px;
}

.cliente .padding-top img {
	padding-top: 50px;
}

/* Contact */
.contact {
	list-style: none;
	background-color: #eeeeee;
}

.contact .btn{
	float: right !important;
	border: 2px solid #000000 !important;
	color: #193F69 !important;
	background-color: transparent !important;
	padding: 7px 30px !important;
	font-size: 16px !important;
	cursor: pointer !important;
	border-radius: 1px !important;
	margin-bottom: 2em !important;
	transition: 1.0s !important;
	opacity: 0.7 !important;
}

.contact .btn:hover{
	border: 2px solid #193F69 !important;
	color: white !important;
	background-color: #193F69 !important;
	opacity: 1 !important;
}

/* Footer */
.footer {
	background-color: #193F69;
	padding-top: 50px;
	color: #ffffff;
	font-size: 16px;
}

.footer .copyright {
	font-size: 14px;
	padding-bottom: 2.5px;
}

.footer .copyright hr{
	margin-bottom: 10px !important;
}

.footer .copyright a{
	color: #ffffff;
}

.footer a {
	text-decoration: none;
	color: #ffffff;
}

.footer img {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 6%;
}

@media screen and (max-width: 768px) {
	.footer .col-md-1 {
		display: none;
		visibility: hidden;
	}
	.footer img {
		display: none;
		visibility: hidden;
	}
	.text-right-footer {
		text-align: left;
	}
}

@media screen and (min-width: 1024px) {
	.text-right-footer {
		text-align: right;
	}
}

/* Margin */
.m-0 {
	margin: 0 !important;
}

.mt-0,
.my-0 {
	margin-top: 0 !important;
}

.mr-0,
.mx-0 {
	margin-right: 0 !important;
}

.mb-0,
.my-0 {
	margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
	margin-left: 0 !important;
}

.m-1 {
	margin: 0.25rem !important;
}

.mt-1,
.my-1 {
	margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
	margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
	margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
	margin-left: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}

.mt-2,
.my-2 {
	margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
	margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
	margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
	margin-left: 0.5rem !important;
}

.m-3 {
	margin: 1rem !important;
}

.mt-3,
.my-3 {
	margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
	margin-right: 1rem !important;
}

.mb-3,
.my-3 {
	margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
	margin-left: 1rem !important;
}

.m-4 {
	margin: 1.5rem !important;
}

.mt-4,
.my-4 {
	margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
	margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
	margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
	margin-left: 1.5rem !important;
}

.m-5 {
	margin: 3rem !important;
}

.mt-5,
.my-5 {
	margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
	margin-right: 3rem !important;
}

.mb-5,
.my-5 {
	margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
	margin-left: 3rem !important;
}

.pb-1 {
	padding-bottom: 0.25rem !important;
}

.pb-2 {
	padding-bottom: 0.5rem !important;
}

.pb-3 {
	padding-bottom: 1rem !important;
}

.pb-4 {
	padding-bottom: 1.5rem !important;
}

.pb-5 {
	padding-bottom: 3rem !important;
}