@charset "utf-8";
/* CSS Document */

/*geral*/
html {
  position: relative;
  min-height: 100%;
}
body {
	font-family: 'Montserrat', sans-serif !important;
}
p{
	font-weight:400;
	line-height: 2em;
	color: #58595B;
}
h1{
	font-size: 3em;
	font-weight: 700;
}
h2{
	font-size: 2.5em;
	font-weight: 700;
	color: #58595B;
}
h3{
	font-size: 2em;
	font-weight: 700;
	color: #58595B;
}
header .scrolled{
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 20px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px 15px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 15px rgba(0,0,0,0.1);
}
header .scrolled-fixed{
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 20px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px 15px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 15px rgba(0,0,0,0.1);
}

header .navbar-brand img{
	width:250px;
}
h2{
	font-size: 2.5em;
	font-weight: 700;
	color: #3e3e3e;
}
p{
	font-size: 1.2em;
}
li{
	font-size: 1.3em;
	line-height: 2em;
}
thead th{
	border: none !important;
}
/*bootstrap tags*/
.nav-item a{
	font-weight: 700;
}

/*custom tags*/
.fab {
  font-family: "FontAwesome";
}
.homebanner{
	height:55vh;
}
.full-frame{
	height:100vh;
}
.serv-banner {
    height: 70vh;
}
.services img{
	width: 75%;
}
.services p{
	line-height: 1.5em;
	font-weight: 700;
}
.btn-orange{
	font-size: 1em;
	border-radius: 55px;
	padding: 15px 25px;
	-webkit-box-shadow: 15px 15px 20px 5px rgba(204,204,204,1);
	-moz-box-shadow: 15px 15px 20px 5px rgba(204,204,204,1);
	box-shadow: 15px 15px 20px 5px rgba(204,204,204,1);
	background: #fbb040; /* Old browsers */
	background: -moz-linear-gradient(top, #fbb040 1%, #f15c29 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fbb040 1%,#f15c29 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fbb040 1%,#f15c29 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb040', endColorstr='#f15c29',GradientType=0 ); /* IE6-9 */
	border: none;
}
.icon-circle{
	background: #c73b23;
	border-radius: 100%;
	padding: 15%;
	margin: 50px;
}
.prods p{
	font-size: 1.2em;
	line-height: 1.2em;
}
.prods li{
	font-size: 1.2em;
	line-height: 1.5em;
}
.title-box{
	background: #c73b23;
	border-radius: 10px;
	color: #FFF;
	padding:10px 0;
}
.list-01 p{
	line-height: 1.3em;
}
/*colors & text*/
.bg-color-rest{
	background: #c73b23 !important;
}
.bg-color-pos{
	background: #48814f !important;
}
.bg-color-mobile{
	background: #0a6670 !important;
}
.bg-color-zs{
	background: #f87e15 !important;
}
.bg-color-mypos{
	background: #007ddd !important;
}
.bg-color-freebee{
	background: #f15c25 !important;
}
.text-color-mypos{
	color: #007ddd !important;
}
.text-color-freebee{
	color: #f15c25 !important;
}
.text-color-zs{
	color: #f87e15 !important;
}
.text-color-rest{
	color: #c73b23 !important;
}
.text-color-pos{
	color: #48814f !important;
}
.text-color-mobile{
	color: #0a6670 !important;
}
.text-color-comproo{
	color: #BE1622 !important;
}
.text-color-grey{
	color: #525252 !important;
}
.text-color-black{
	color: #000 !important;
}
.text-bold{
	font-weight: 700;
}
.text-small{
	font-size: 0.8em;
}




@media (min-width: 576px) { }

@media (min-width: 768px) { }

@media (min-width: 992px) {
		.pic50{
		width: 35%;
	}
		.pic25{
			width: 10%;
		}
	}

@media (min-width: 1200px) { 
	
	header .navbar-brand img {
		width:250px;
	}
	header .scrolled .navbar-brand img{
		width: 200px;
	}
}

@media (max-width: 575.98px) {
	
	.homebanner{
		height:auto;
	}
	
	header .navbar-brand img {
		width:200px;
	}
}

header .navbar{
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 20px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px 15px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 15px rgba(0,0,0,0.1);
} 


@media (max-width: 991.98px) { 	
	.pic50{
		width: 50%;
	}
	.pic25{
		width: 25%;
	}
}

@media (max-width: 991px){
	.logo-zs-rest {
		max-width: 200px;
		height: initial !important;
	}
	.content-text-title {
		font-size: 30px;
	}
	.content-text-subtitle {
		font-size: 20px;
		color: #fff;
		text-shadow: 1px 1px 1px #000;
	}
	.content-table {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.content-table-element {
		width: 1170px;
	}
	.image-default-biip {
		margin-bottom: 30px;
	}
}

.paybyrd {
	margin-top: 73px !important;
}
@media (max-width: 991px){
	.paybyrd {
		margin-top: 70px !important;
	}
}
main {
	margin-top: 73px;
}
.swiper-banner {
	height: 100%;
}
.swiper-banner .swiper-pagination-bullet {
	opacity: 1;
	background-color: #fff;
	height: 12px;
	width: 12px;
	margin: 0px 3.5px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
.swiper-banner .swiper-pagination-bullet-active {
	background: linear-gradient(to bottom, #fbb040 1%,#f15c29 100%);
}
.content-bg {
	/* height: 700px; */
	width: 100%;
	height: 100%;
	position: relative;
	/* background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important; */
}
@media (max-width: 991px){
	main {
		margin-top: 71px;
	}
	/* .content-bg {
		height: 300px;
	} */
}