@font-face {
    font-family: 'phenomena';
    src: url('/fonts/AG-CE-Gothic-Medium.woff') format('woff');
    font-weight: bold;
    font-style: bold;
}
 
@font-face {
    font-family: 'phenomena';
    src: url('/fonts/AG-CE-Gothic-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}





body{
  overflow-x: hidden;
  font-family: 'phenomena';
  /* background-image: url('../img/jogadoras-bg-2.jpg'); */
  background-size: cover;
  color: #de8682; 
}

body.confirmacao{
 	/* background-image: url('../img/jogadoras-bg-dark.jpg'); */
 	background-position: center center;
}

a{
  transition: ease-in .09s;
}


.div-total{
	min-height: 100vh;
}

h1, h2, h3, h4, h5, h6{
	/* color: #ecce87; */
	color: #de8682; 
	text-transform: uppercase; 
	font-weight: bold;
}

.text-theme{
	color: #de8682; 
}
a.text-theme:hover{
	color: #b9706d; 
}

.text-theme.v3{
	color: #f8cf83; 
}
a.text-theme.v3:hover{
	color: #e4b358; 
}

.div-form .form-control{
	border: 1.5px solid #c48223;
	border-radius: 15px;
	font-size: 20px;
}

.div-form .btn{
	background-color: #d9830b;
	color: #fff;
	border-radius: 15px;
	border:none;
	text-transform: uppercase;
	font-size: 22px;
}

.div-form .btn:hover{
	background-color: #5d2c16;
}


.div-form.confimacao h3{
	color: #83f6df;
	font-size: 60px;
	text-transform: normal;
	text-align: left;
}

.div-form.confimacao p{
	font-size: 42px;
	text-align: left;
	color: #fff;
	line-height: 42px;
}



.div-form{
	position: relative;
	overflow: show;
}

.div-form .bg-forma{
	position: absolute;
	z-index: -9;
	width: 810px;
	top: -190px;
	right: -130px;
}

.div-praia{
	position: relative;
}

.div-praia .praia{
	position: absolute;
	bottom: -500px;
	right: -100px;
	
	width: 750px;
	z-index: -9;
	transform: rotate(-10deg);
}

@media only screen and (max-width: 992px) {
	body{
		background-image: none;
	}
	
	.div-form .bg-forma{
		position: absolute;
		z-index: -9;
		width: auto;
		height: 700px;

		right: -170px;
		top: -200px;
	}

	.jogadoras {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);

		height: 110%;
		z-index: -999;
	}

	.div-form.confimacao h3{
		color: #83f6df;
		font-size: 46px;
		text-transform: normal;
		text-align: center;
	}

	.div-form.confimacao p{
		font-size: 32px;
		text-align: center;
		color: #fff;
	}
}





.parceiros{
	position: relative;

}

.parceiros .agua{
	position: absolute;
	width: 750px;
	z-index: -15;
	bottom: 0px;
	right: -50px;
}


.parceiros .logo-parceiros{
	max-width: 100%;
}

.img-landing{
	height: 100vh; 
	background-position: center center; 
	background-size:  cover; 
}

.img-landing.v1{
	background-image: url(/img/LANDINGPAGE_GABRIELA_BAHIA_1.jpg); 
}

.img-landing.v2{
	background-image: url(/img/LANDINGPAGE_GABRIELA_BAHIA_2.jpg); 
}

.img-landing.v3{
	background-image: url(/img/LANDINGPAGE_GABRIELA_BAHIA_3.jpg); 
}

.img-landing.v4{
	background-image: url(/img/LANDINGPAGE_GABRIELA_BAHIA_4.jpg); 
}



.links-social{
	top: 20px;
	right: 20px;
	position: absolute;
}
.links-social a{ color: #fff; }
.links-social a:hover{ color: #fff; text-decoration: none; }

.img-landing.v2 .links-social a{
	color: #222;
}

@media only screen and (max-width: 992px) {
	.img-landing{
		height: 50vh; 
	}

	body{
		background-image: none;
	}
	
	.div-form .bg-forma{
		position: absolute;
		z-index: -9;
		width: auto;
		height: 700px;

		right: -170px;
		top: -200px;
	}

	.jogadoras {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);

		height: 110%;
		z-index: -999;
	}


	.parceiros .agua{
		position: absolute;
		width: 900px;
		z-index: -15;
		bottom: 0px;
		left: 0px;
	}
}













.desc h1{
	color: #83f6df;
	font-weight: bold;
	font-size: 60px;
}

.desc h2{
	margin-top: -15px;
	color: #fff;
	font-size: 46px;
}



.btn-primary {
	color: #fff;
	background-image: linear-gradient(90deg, rgba(222,134,130,1) 30%, rgba(236,206,135,1) 70%); 
	background-position: center center;
	background-size: 200%;
	background-color: #de8682;
	border-color: #de868200;
	transition: all .3s ease-in-out;
}

.btn-primary:hover {
	color: #fff;
	background-color: #d37974;
	border-color: #de868200;
	background-position: right center;
}

.container-landing{

	height: 100vh;
	overflow-y: auto;
}

@media only screen and (max-width: 992px) {
	.container-landing{

		height: auto;
		overflow-y: auto;
	}
}


.btn-primary.v3{
	background-image: none;
	background-color: #f8cf83; 
}
.btn-primary:hover {
	background-color: #daa84d; 
}

  .btn-primary:focus, .btn-primary.focus {
	color: #fff;
	background-color: #d37974;
	border-color: #de868200;
	box-shadow: 0 0 0 0.2rem #de868299;
  }
  
  .btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #e9a3a0;
	border-color: #de868200;
  }
  
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #d37974;
	border-color: #de868200;
  }
  
  .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem #de868299;
  }



