*,*::before,*::after {
  box-sizing: border-box;
}
 
body,html{
	scroll-behavior: smooth;
}
 
@keyframes scaleAnim{
	0%{transform: scaleY(0); opacity: 0;}
	100%{transform: scaleY(1); opacity: 1; }
}
 
#port_pop_pic_bg{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: rgba(0,0,0,0.8);
	opacity: 0;
	transition: all 0.3s ease-out; 
	pointer-events: none;
}
#port_pop_pic_bg.active{
	opacity: 1;
	pointer-events: auto;
}
#port_pop_pic{
	position: fixed;
	left: 100px;
	top: 100px; 
	width: calc(100% - 200px);
	height: calc(100% - 200px);
	z-index: 1000;
	transform: scale(0);
	transition: all 0.3s ease-out; 
	background-size: cover;
	background-position: center center;
}
#port_pop_pic.active{
	transform: scale(1);
}

input::placeholder {
         color: white;
      } 
 
input:not([type="submit"]),
textarea{
	border: 1px solid #abb3c0;
	color: #667080;
	padding: 10px 16px;
	margin: 0 0 15px 0;
	font: 14px/22px "Open Sans", sans-serif;
	/*background-color: #fff;*/
	height: 55px;
	outline: none;
	width: 100%;
	text-align: left;
	border-radius: 4px;
}
textarea{
	height: 5px
}

input[type=text] {
  color: black !important;
}
 


input[type="submit"]{
	border: 0px;
  color: black;
  background: #010519;
  padding: 11px 25px;
  margin: 0 0 15px 0;
  font: 14px/20px "Open Sans", sans-serif;
  height: 42px;
  outline: none;
  width: auto;
  border-radius: 4px;
  text-transform: uppercase;
  text-align: center;
}


/*ChatBot*/
.chat_icon{
	position: fixed;
	bottom: 0;
	right: 15px;
	z-index: 1000;
	 
	padding-bottom: 8px;
	font-size: 55px;
	color: #169b68;
	text-shadow: 1px 1px 3px #fff;
	cursor: pointer;
}
.chat_box{
	width: 300px;
	height: 80vh;
	position: fixed;
	bottom: 100px;
	right: 50px;
	background:#dedede;
	z-index: 1111;
	  
	border-radius: 0px 0px 25px 25px; 
	transition: all 0.3s ease-out;
	transform: scaleY(0);
	border: 6px solid #169b68;
}
.chat_box.active{
	transform: scaleY(1);
}
#messages{
	padding: 20px;
}
.my-conv-form-wrapper textarea{
	height: 5px;
	overflow: hidden;
	resize: none;
	border-radius: 20px;
	
}
.my-conv-form-wrapper label{
padding: 20px;
	
}


.hidden{
	display: none !important;
}