html, body {
width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
	
}

.vertically{
	
	display: flex;
    flex-direction: column;
    justify-content: center;
	
	
}

.left{
	padding:0px !important;
	background-image: url(../img/People.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    wi-dth: 100% !important;
    height: 100% !important; 
		
}

.right{
	padding:0px !important;
	background-image: url(../img/fundo.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    wi-dth: 100% !important;
    height: 100% !important; 
		
}

.main{

    wid-th: 100% !important;
    height:  100% !important;
	padding:0 !important;
	/* border: 15px solid #b5932f !important;	  */
	/* border-left: 15px solid #b5932f !important; */
}

.veraoCor{
	
	color:#b5932f !important;
}
.veraoCorTexto{
	
	color:#ccb069;

}
.veraoBackCor{
	
	background-color:#b5932f !important;
}

a:hover { 
  color: #b5932f !important;
}

#collapseOne{
	
	 overflow-y: scroll;
	height:200px !important;
}

#collapseTwo{
	
	 overflow-y: scroll;
	height:200px !important;

}

::-webkit-scrollbar              { /* 1 */ }
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */ }
::-webkit-scrollbar-corner       { /* 6 */ }
::-webkit-resizer                { /* 7 */ }

#headingOne,#headingTwo{
	
	border-bottom:1px solid #b5932f;
	
}
/* .input:focus { */
    /* outline: none !important; */
    /* border:1px solid #b5932f !important; */
   
/* } */

img.bg {

  /* Set up proportionate scaling */
  width: 100%; 
  height: 100%; 

}

img.bg3 {

  /* Set up proportionate scaling */
  width: 100%; 
  height: 100%; 

}

.bg2{
    height: 50% !important;
    width: auto !important;
    margin-top: 15%;
}
    .tag {
       /* float: left; */
       /* position: absolute; */
       /* left: 40px; */
       /* top: 0px; */
       /* z-index: 1000; */
       /* background-color: #00000099; */
	   
	    background-color:rgba(0, 0, 0, 0.6);
	   
       padding: 20px;
       /* color: #FFFFFF; */
       /* font-weight: bold; */
	   /* margin-top:15%; */
	   /* width:80%; */
	
	 
	   /* padding-right:5px; */
	   /* padding-left:15px; */
    }
/* div.bg { */

 
  /* width: 100%; */
  /* height: 100%; */

 
/* } */

.space{display:none;}

.space2{display:block;}

.space3{display:none;}

.space4{display:none;}

@media screen and (max-width: 1750px) { /* Specific to this particular image */
  img.bg {
	    min-height: 100%;
		min-width: 100%;
   
  }
    div.bg {
	  min-height: 100%;
		min-width: 100%;
  
  }
  
  .main{ height:  100% !important;}
  
  /* div.tag{ */
	  /* min-height: 100%; */
		/* min-width: 100%; */
		 /* margin-top:0%; */
		  /* left: 0px; */
  
  /* } */
  
}


@media only screen and (max-width: 1300px) and (min-width: 500px) and (orientation: landscape) { /* Specific to this particular image */
 
  .space{display:none !important;}
  
  .space2{display:none !important;}
  
  .space3{display:none !important;}
  
  .space4{display:none !important;}
  
  .right{height: 100% !important; }
	
	.left{height: 100% !important; }
	
	.tag{padding:12px !important;height: 93% !important;}
  
  .left .space{display:none !important;}
  
 .main{ height:  auto !important;}
 
 .bg3{ height:  80% !important;width:  80% !important;}
  
}

@media only screen and (max-width: 1300px) and (min-width: 700px) { /* Specific to this particular image */
 
  .space{display:block !important;}
  
  .space2{display:none !important;}
  
  .space3{display:none !important;}
  
  .space4{display:block !important;}
  
  .right{height: 100% !important; }
	
	.left{height: 100% !important; }
	
	.tag{padding:12px !important;}
  
  .left .space{display:none !important; background-image: url(../img/People_v2.jpg) !important;}
  
   .main{ height:  100% !important;}
}

@media only screen and (max-width: 700px){
	
	.space2{display:none !important;}
	
	.space{display:none;}

	body{ height: 100% !important; }

	.right{height: auto !important; }
	
	.left{height: auto !important; background-image: url(../img/People_v2.jpg) !important;}
	
	.space3{display:block !important;}
	
	html, body {height: auto !important;}

	.vertically{margin:20px !important;}

}

.chefBseDiv{
	display:none;
	height:300px;
	color:#98c7a2;	
}

input[type="text"]
{
    /* background: #000000b8 !important; */
	 background-color:rgba(0, 0, 0, 0.68) !important;
	
    border: none;
	color:#b5932f !important;

	  /* outline: none !important; */
    /* border:1px solid #b5932f !important; */
}

input[type="text"]:focus {

    outline: none !important;
   
    box-shadow: 0 0 10px #b5932f;

}

.form-control:focus {
	
    outline: none !important;
    border:1px solid #b5932f;	 
    box-shadow: 0 0 10px #b5932f;
	
}

#accordionEx,.card{
	
	/* background-color: #0000007a !important; */
	
	background-color:rgba(0, 0, 0, 0.68) !important;
	
    border: none !important;
	color:white !important;
	
}

#frase{
	
	border: none !important; 
	color:#b5932f !important;
	/* background-color: #000000ad !important; */
	background-color:rgba(0, 0, 0, 0.68) !important;
}




.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: #b5932f;
    /* background-color: #222D32; */
    display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover {
    /* background-color: red; */
}

.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}

.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
	pointer-events: none;
}



/* main{ */
    /* vertical-align: middle !important; */
/* } */

#divLeft{
	 background-image: url('../img/JMF_Verao_KV1_left.jpg');
	 background-repeat: no-repeat;
	
}

#divRight{
	 background-image: url('../img/JMF_Verao_KV1_right.jpg');
	 background-repeat: no-repeat;
	 
}

::-webkit-input-placeholder { /* Chrome */
  color: white !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: white !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: white !important;
  opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: white !important;
  opacity: 1 !important;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
/* input:-webkit-autofill:hover,  */
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
/* select:-webkit-autofill:hover, */
select:-webkit-autofill:focus {
  /* border: 2px solid #b5932f !important; */
  -webkit-text-fill-color: #b5932f !important;

  transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill {
    background-color: red !important;
}