/*last modification  july 11th/2022*/

:root{
 --rgba50:rgba(122,193,245,.5);
--btPrimary:#1e88e5

}



#stContact{ display: flex;  height: auto; width: 100%;}



#dvContactContainer{width: 100%;position: relative;  overflow: hidden; height:auto;position: relative;min-height: 600px; top:-5px;}

.clBoxBack{position:absolute; z-index: 0; width: 100%;height: 100%; }
.clBoxBack>img{width: 20%; max-width: 1600px; margin-top: -10px;}

.clBoxOver{position:relative; z-index: 10; width: 100%;height: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row;}

.clContactData{max-height: 300px!important;}

.clContactData>div{ max-height: 60px; margin: 0px; padding: 0px;}
.clContactRow{}
.clContactData  i{font-size: 2.0em;  margin-top: 10px; padding-top: 5px;} 

.clContactData{  transform: rotate(-15deg); min-width: 500px; margin:100px 50px; 
	min-height: 300px; border-radius: 18px; padding:15px; ; background:var(--rgba50); display: flex;
	   flex-direction: column;justify-content: space-around;
   }
  
   .clContactData> div {display: flex;flex-direction: row; color:#000;}
   .clContactData> div span{line-height: 60px; height: 60px;font-size: 1.8em;  margin: 5px; 
	   width: 100%;}
  

	   
	


#dvContactData{max-height: 400px; }
#dvcForm{max-height: 400px; background:var(--rgba50); }

.clContactForm{
	display: flex; flex-direction: column;
	
	flex-grow: 1; max-width: 800px; min-width:300px; min-height: 370px; 
	flex-basis:500px; border-radius: 18px; padding: 20px; flex-shrink: 1;
	 margin:30px 30px 70px 30px; }

	 



	 .clFormRow{width: 100%;  min-height: 35px; display: flex; flex-direction: row; 
        flex-wrap: wrap; justify-content: start;}

    .clFormRow>input{ line-height: 35px; width: 100%; max-width: 400px;}
    
    .clFormRow> textarea{ line-height: 30px; min-height: 100px; width: 100%; max-width: 600px;}
	.clRowCenter{display: flex;  justify-content:space-around;}    

    .clsButton{min-width: 150px; max-width: 300px; width: 70%; font-size: 1.3em; text-align: center; cursor: pointer; background:var(--btPrimary) ;
      margin:20px; color: #ffffff; line-height: 35px; height: 35px;} 


	  @media screen and (max-width: 1350px) {
		#dvContactContainer{min-height: 950px;}
	  }