:root {
	--cor-principal: #003c5b;
	--cor-secundaria: #003380;
	--cor-secundaria-hover: #114491;
	--cor-secundaria-borda: #002270;
	--cor-secundaria-dark: #001160;
	--preto-custom: #202020;
	--branco-custom: #fdfdfd;
	--cinza-custom: #f2f2f2;
	--cinza-custom-dark: #e6e6e6;
	--cinza-escuro-custom: #222222;
	--cinza-escuro-custom-dark: #202020;
}

.modal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal.open {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.modal-bg {
  position: absolute;
  background: rgba(0, 0, 0, .6);
  width: 100%;
  height: 100%;
}
.modal-container {
  border-radius: 10px;
  background: #fff;
  position: relative;
  padding: 30px;
}
.modal-close {
  position: absolute;
  right: 15px;
  top: 15px;
  outline: none;
  appearance: none;
  color: red;
  background: none;
  border: 0px;
  font-weight: bold;
  cursor: pointer;
}

body {
	font-family: 'Inter', sans-serif;
}

body {
	font-size: 16px;
}
.linha-topo {
	background-color: var(--cor-secundaria);
	color: var(--branco-custom);
	padding-top: .4em;
    padding-bottom: .4em;
}
.titulo-traco {
	color: var(--cor-principal);
	border-bottom: 4px solid var(--cor-secundaria);
	font-weight: 700;
	padding-bottom: .5em;
	margin-bottom: 1em;
	display: inline-block;
}
.item-card {
	background-color: var(--cor-principal);
    height: 20em;
    width: 100%;
    position: relative;
}
.item-card-inner {
	background-color: var(--cinza-custom-dark);
    top: -10px;
    right: 10px;
    position: absolute;
    width: 100%;
    font-size: 0.9em;
    padding: 1.5em;
    height: 100%;
    overflow: hidden;

}
.item-card-inner h4 {
    font-size: 1.2em;
    color: var(--cor-principal); 
    font-weight: 700;
}
.item-serv img {
	max-width: 100%;
    transition: 300ms ease;
}
.item-serv a:hover {
	text-decoration: none;
}
.item-serv h4 {
	font-size:  1em;
	font-weight: 700;
	margin-top: .5em;
	color: var(--cor-principal);
}
.item-serv img:hover {
    filter: brightness(.5);
    transition: 300ms ease;
    cursor:pointer;
}
.nav-link {
	font-size:  1.1em;
	font-weight: 400;
	color: var(--cor-principal) !important;
}
.navbar-main {
	padding: 0 !important;
}
.img-clientes {
	background-image: url('../img/agape-clientes.png');
	height: 136px;
	background-position: center;
}
.rodape	{
	background-color: var(--cinza-escuro-custom);
	font-size: 1em;
	color: var(--branco-custom);
	font-weight: 400;
}
.cadastre	{
	background-color: var(--cor-secundaria);
	font-size: .8em;
	color: var(--branco-custom);
	font-weight: 400;
}
.nav-rodape {
	color: var(--branco-custom);
	font-weight: 700;
	padding: 00em;
}
.nav-rodape a {
	color: var(--branco-custom);
}
.nav-rodape a:hover {
	color: var(--branco-custom);
}
.nav-rodape a:active {
	color: var(--branco-custom);
}
.bg-light {
	background-color: var(--cinza-custom) !important;
}
.form-footer {
	margin-bottom: .3em;
}
.btn-rodape {
	background-color: var(--cor-secundaria);
	border-color: var(--cor-secundaria-borda);
}
.btn-rodape:hover	{
	background-color: var(--cor-secundaria-hover);	
	border-color: var(--cor-secundaria-borda);
}
.form-control::placeholder {
    font-size: .8em;
    font-weight: 400;
    position: relative;
    top: -.7em;
    left: -.4em;
    color: var(--preto-custom); 
}

.form-control:focus::placeholder {
  color: transparent;
}
.nav-record {box-shadow: 0 2px 9px 0 #e6e6e6;}
.logo-top {
    max-width: 180px;
    margin: 0.3em auto;
}
.item-card-inner .icon-f {
	color: #fff;
	font-size: 9em;position: absolute;right: 15px;bottom: -25px;filter: opacity(90%);
}
.img-banner {
	width: 100%;
	filter: brightness(.5) contrast(120%) saturate(.9);
}

.img-jhonny {
	width: 100%;
	filter: brightness(.5) contrast(120%) saturate(.5);
}
.quem-somos {
	max-width: 92%;
	left: 7%;
	position: relative;
}

.glider-next, glider-prev {
    position: absolute;
}
.cadastre h3 {
	font-size: 3em;
	font-weight: 700;
}
.cadastre h4 {
	font-size: 1.7em;
	font-weight: 400;	
}
.glider-prev {
    left:0;
}

.glider-next {
    right:0;
}

.btn-branco {
	background-color: var(--branco-custom);
	border-color: var(--cor-secundaria-borda);
	color: var(--cor-secundaria);
	font-size: 1.5em;
	padding: .75em 2em;
	border-radius: 0.4em;
}
.btn-fundo {
	background-color: var(--cor-secundaria);
	border-color: var(--cor-secundaria-borda);
	color: 	var(--preto-custom);
	font-weight: 700;
	font-size: .8em;
	padding: .75em 2em;
	text-transform: uppercase;
}
.btn-banner:hover, .btn-banner:active, .btn-fundo:hover, .btn-fundo:active {
	background-color: var(--cor-secundaria-hover) !important;
	border-color: var(--cor-secundaria-borda) !important;	
	color: var(--preto-custom);
}

.img-dentro {
	max-width: 100%;
	height: 100%;
	position: relative;
	background-position: center;
	background-size: cover;
}

.logo-footer {
    max-width: 100%;
    margin-bottom: 2em;
}
.btn-banner:focus {
	box-shadow: initial;
}
.rodape h2 {
	font-size: 1.8em;
}
.final {
	background-color: var(--cor-secundaria-borda);
	color: var(--branco-custom);
	text-align: center;
	font-size: .75em;
	padding: .5em 0;
}

#owl-carousel .slide-1 {
	background: url('../img/top12.jpg');
	width: 100%;
	height: 70vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	box-shadow: 0 -27vh 92px -27px rgba(0, 37, 80, 0.65) inset;
}
#owl-carousel .slide-2 {
	background: url('../img/top11.jpg');
	width: 100%;
	height: 70vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-shadow: 0 -27vh 92px -9px rgba(0, 36, 70, 0.83) inset;

}
#owl-carousel .slide-3 {
	background: url('../img/top8.jpg');
	width: 100%;
	height: 70vh;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0 -27vh 92px -27px rgba(0, 37, 80, 0.65) inset;
}
#owl-carousel .slide-4 {
	background: url('../img/top13.jpg');
	width: 100%;
	height: 70vh;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0 -27vh 92px -27px rgba(0, 37, 80, 0.65) inset;
}
#owl-carousel .slide-5 {
	background: url('../img/top15.jpg');
	width: 100%;
	height: 70vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-shadow: 0 -27vh 92px -27px rgba(0, 37, 80, 0.65) inset;
}
#owl-carousel .slide-6 {
	background: url('../img/top16.jpg');
	width: 100%;
	height: 70vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-shadow: 0 -27vh 92px -27px rgba(0, 37, 80, 0.65) inset;
}
.txt-banner {
	position: 	absolute;
	top: 33vh;
	left: 5%;
	color: #fff;
	font-weight: 700;
	font-size: 2em;

}
.slide-2 .txt-banner, .slide-6 .txt-banner {
	font-size: 1.9em;
    animation: none;
}

.slide-2 .i242-banner,.slide-5 .i242-banner, .slide-3 .i242-banner, .slide-6 .i242-banner, .slide-1 .i242-banner {
	top: 1.5em;
}
.txt-banner p {
	font-family: 'Gantari';font-size: 2em;
	font-weight: 900;
	-webkit-text-stroke-color: var(--cor-secundaria-dark);
	-webkit-text-fill-color: white;	
	-webkit-text-stroke-width: 12.5px;
}
p.m {
	font-family: 'Gantari';font-size: 2em;
	font-weight: 900;
	-webkit-text-stroke-color: var(--cor-secundaria-dark);
	-webkit-text-fill-color: white;
	-webkit-text-stroke-width: 0;
	top: 0;
	position: absolute;	
	
}
.txt-banner p.sub {
    font-size: 1em;
    margin: -1.2em 0.1em 0em 0.1em;
    font-weight: 700;
    -webkit-text-stroke-width: 8px;
}
.sub-m {

    font-size: 1em !important;
    margin: -1.2em 0.1em 0em 0.1em !important;
    font-weight: 500 !important;
   /*
    position: absolute;
    top: 3.565em;-webkit-text-stroke-color: initial !important;*/
    position: relative;
    top: -8px;
    
     -webkit-text-stroke-width: 0 !important;

}
.i24-banner {
    width: 140px;
    height: 176px;
    background: url('../img/24h.png');
    position: absolute;
    top: 37vh;
    right: 5%;background-size: contain;background-repeat: no-repeat;

}
.i242-banner {
    width: 440px;
    height: 176px;
    background: url('../img/24.2.png');
    position: absolute;
    top: 37vh;
    right: 5%;background-size: contain;background-repeat: no-repeat;

}
.btn-banner {
	position: 	relative;
	background-color: var(--cor-secundaria);
	border-color: var(--cor-secundaria-borda);
	color: 	var(--branco-custom) !important;

	padding: .75em 2em;
}
.active .txt-banner {
	animation:  anim-banner 1s ease-in-out;
}
.active .i242-banner {
	animation:  anim-24 .5s ease-in;
}

.active .i24-banner {
	animation:  anim-24 .5s ease-in;
}
.img-w {
	max-width: 100%;
	margin-bottom: 1em;
}
.g-play {
	max-width: 100%;
position: relative;
z-index: 10;
bottom: 1em;
}
@keyframes anim-banner {
  0% {
  	left: 10%;

  	opacity: 0;
  }
  50% {

  	opacity: .1;
  }
  100% {
  	left: 5%;
  	opacity: 1;

  }
}

@keyframes anim-24 {
  0% {

  	opacity: 0;
  }
  100% {
  	
  	opacity: 1;
  }
}


@media only screen and (max-width: 1599px) {
	.slide-2 .txt-banner, .slide-6 .txt-banner {
		font-size: 1.6em;
	}
}
@media only screen and (max-width: 1023px) {
	.slide-2 .txt-banner, .slide-6 .txt-banner {
		font-size: 1.3em;
	}
}
@media only screen and (max-width: 767px) {
	.n-line {
		display: block;
	}

	.active .txt-banner {
		animation:  anim-24 1s ease-in-out;
	}

	.img-dentro {
		height: 200px;
		margin-bottom: 1em;
	}
    .item-card {
        background-color: var(--cor-principal);
        height: 12em;
        
        width: 80%;
        position: relative;
        margin: auto;
        margin-bottom: 2em;
    }
    .txt-banner {
        position: 	absolute;
        top: 27vh;
        left: 5%;
        color: #fff;
        font-weight: 700;
        font-size: 1.5em;
    }
    .txt-banner p.sub {
        /* font-size: .6em; */
        margin-top: -.5em;
        font-weight: 400;position: relative;
    }
    .txt-banner .sub-m {
    	position: relative;
    	top: -1.4em;
    }
    
    .btn-banner {
        position: 	absolute;
        top: 43vh;
        left: 5%;
        background-color: var(--cor-secundaria);
        border-color: var(--cor-secundaria-borda);
        color: 	var(--branco-custom) !important;
        font-size: .8em;
        padding: .75em 2em;
    }

	.i242-banner {
	    max-width: 90%;
	    position: relative;
		margin: auto 0 0 auto;
	}
	.txt-banner p {
		font-size: 1.5em; 
		line-height: 1.3em;
		text-align: center;
	}
	.btn-banner {
		top: 1em;
		position: relative;
		font-size: 0.65em;
		margin: auto;
		left: initial;
		text-align: center;
		width: 95%;
	}
} 

/* mobile */

@media only screen and (max-width: 700px) and (min-width: 439px) {
	.txt-banner  .sub-m{
        position: relative;
        top: -.15em;
    }
}

@media only screen and (max-width: 438px) and (min-width: 376px) {
	.slide-2 .txt-banner  .sub-m, .slide-6 .txt-banner  .sub-m  {
        position: relative;
        top: -.15em;
    }
}

@media only screen and (max-width: 375px) and (min-width: 321px)  {
	.txt-banner .sub-m {
    	position: relative;
    	top: -1.4em;
    }
}	

@media only screen and (max-width: 320px) {
	.txt-banner .sub-m {
    	position: relative;
    	top: -1.4em;
    }

}