/* Custom CSS for GRIF */
html, document{
scroll-behavior: smooth;
}
body{
	font-family: 'Lato', sans-serif;
	color: #231f20;
	padding: 0;
	margin:0;
}

  html, body {
        height: 100%;
    }

.display-1{
	font-size: 2.6rem;
}

.display-2{
	font-size: 2.2rem;
}

.font-black{
	font-weight:900;
}

.navbar-brand img{
	width:70%;
}

a{
	color: #231f20;
}

a:hover{
	color: #00aeef;
}

.nav-link{
	font-size:1.1rem;
}

.navicon{
	font-size:1.8rem;
}

.btn-primary{
	background: transparent;
	border: 2px solid #00aeef;
	border-radius: 50px;
	color: #00aeef;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight:900;
	padding: 1.5rem 1.5rem 1.4rem 1.5rem;
	line-height: 0;
}

.btn-primary.white{
	border-color: #fff;
	color: #fff;

}

.btn-primary:hover{
	background: #00aeef;
		border-color: #00aeef;
}
.btn-primary.white:hover{
	background: #00aeef;
	border-color: #fff;
}

#Hero {
	background-color: #00aeef;
	background-image: url(../images/hero-image.png);
	color: #fff;
	background-size: cover;
	background-position: center center;
}

#Hero .align-items-center{
	height:500px;
}

#HeroMobile{
	text-align:center;
	margin-bottom:3rem;
}
#HeroMobile .display-1{
	padding-top:1rem;
	font-size: 1.6rem;
	font-weight:900;
	
}
#HeroMobile .font-black{
	color: #00aeef;
}

#Seguros{
	margin-top: -25px;
}
#Seguros .row >div, #MenuSeguros .row >div{
	margin-bottom:1.5rem;
}

.card{
	border:none;
	border-radius:15px;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
	text-align:center;
	padding:0.4rem;
	min-width:170px;
}
.card-body{
	padding:0rem;
}

.card img{
	width: 90px;
	display:block;
	margin: 0 auto 0px auto;
}
.card-title{
	font-size: 1rem;
	text-transform: uppercase;
}

.card a, .card a:hover, .card-title:link, .card-title:hover{
	color: #231f20;
	text-decoration: none;
}

.card a.btn:link, .card a.btn:visited, .card a.btn:active{
	color: #00aeef;
}
.card a.btn:hover{
	color: #fff;
}

.card .btn{
	margin:0.5rem;
}

.seguro-texto{
	font-size: 1.2rem;
	font-weight:900;
	text-transform: none;
}

#Clientes {
	text-align:center;
	padding: 5rem 0;
}
#Clientes .col-sm-3{
	padding:2rem;
}

.img-clientes{

}

#Sobre {
	margin-top: -35px;
	background: #00aeef;
	background: linear-gradient(135deg, rgba(0,208,242,1) 0%, rgba(0,174,239,1) 100%);
	color: #fff;
	text-align:center;
	padding: 5rem 0;
}


#Contato {
	text-align:center;
	padding: 5rem 0;
	background-color: #231f20;
	color: #fff;
}

#Contato .row{
	text-align:left;
}


.contato-text-bold,.contato-text-bold:hover,.contato-text-bold:active,.contato-text-bold:focus,.contato-text-bold:visited{
	font-weight:700;
	font-size:1.2rem;
	color: #ffffff !important;
	text-decoration:none;
	cursor: default;
}
.contato-text{
	font-weight:400;
	font-size:1rem;
}

.icon-contato{
	color: #00aeef;
	font-size:2rem;
	text-align:center;
	
}
.link-contato .icon-contato i{
		vertical-align:top;
	    line-height: 3.9rem;
		margin-right:1.5rem;
}


.icon-contato a,.icon-contato a:active,.icon-contato a:visited{
	color: #ffffff;
	text-decoration:none;
}
.icon-contato a:hover{
	color: #00aeef;
}
.icon-contato i{
	color: #00aeef !important;
}

#BarMobile{
	background-color:#fff;
	-webkit-box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.15);
	box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.15);
	height:3.8rem;
	 display: flex;
}
#BarMobile a{
	font-size:1.9rem;
	width:100%;
	height:100%;
	display:inline-block;
	line-height: 3.8rem;
}

#BarMobile .fa-phone{
	font-size:1.4rem;
}

#BarMobile .btn-bm{
	background-color: #00aeef;
	color: #fff;
	border-radius:0;
	width: 100%;
	height: 100%;
	font-size: 1rem;
}
#BarMobile .bm-icon-phone{
	line-height: 3.5rem;
	border-left: solid 1px #cccccc;
}

.bm-icon{
	position:relative;
	width:15%;
	height:100%;
	display:inline-block;
	text-align:center;
}

.bm-btn{
	position:relative;
	width:70%;
	height:100%;
	display:inline-block;
}

#MenuSeguros{
	position:absolute;
	top:0;
	left:0;
	padding-top: 80px;
	background-color:#f5f5f5;
	z-index:99996;
	width:100%;
	height:100%;
	overflow: auto;
}



#BackBar{
	background-color:#fff;
	-webkit-box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.15);
	box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.15);
	height:3.8rem;
	 display: flex;
	z-index:99998;
	 position:relative;
	 top:0px;
	 left:0px;
	 width:100%;
}
#BackBar a{
	font-size:1.5rem;
	width:100%;
	height:100%;
	display:inline-block;
	line-height: 3.8rem;
}

#BackBar .bm-btn{
	font-size: 1.2rem;
    font-weight: 900;
	line-height: 3.6rem;
}

#ContainerSlider{
	z-index:99997;
	position:fixed;
	width:100%;
	height:100%;
	top: 0px;
    left: 100%;
	-webkit-transition: left 300ms; /* Safari */
	transition: left 300ms;
}
@media only screen and (max-width: 400px) {
	.card{
		   min-width: 100px;
	}
}