@charset "UTF-8";
/* CSS Document */
@import url(fontawesome-all.min.css);
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300italic,600italic,300,600");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
* {
/* With these codes padding and border does not increase it's width and gives intuitive style.*/

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#body-inner{

	background-color: #ffffff;
  	/*background-image: linear-gradient(to bottom, rgba(214,242,240,1.0), rgba(214,242,240,0.0));*/
	margin: 0px -10px 0px -10px;
	font-family:"Poppins", sans-serif;
}
form{
	width:85;
	margin:0% 7.5%;
}
header{
	background-color: #4180C5;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 8px;
	margin-top: -11px;
	margin-bottom: -8px;
	border-radius: 10px 10px 0 0;
	color: aliceblue;
}


#custitleid{
	/*background: #ffffff;*/
	font-family:"Poppins", sans-serif;
	padding: 1em 0em 0em 0em;
	margin: 0 0 0 0;
	font-size: 3.2vw;
	color: rgba(10,10,10,1);
	font-weight: 200;
	text-align:center;
	margin-top: -1.4%;
	
}
#page_ab_shid{
	font-size: calc(0.5em + 0.8vw);
	color:black;
	
	width:85%;
    text-indent: 0em;
	
	font-weight:300;
	font-family:"Poppins", sans-serif;
	line-height: 1.5em;	
	text-align:center;
	
	width: 62.5%;
	margin: 2% auto 2% auto;
	text-align:center;
}
#subtitle_ab_mh{
	font-size: 1.8vw;
	color:black;
	
	width:85%;
    text-indent: 0em;
	
	font-weight:300;
	font-family:"Poppins", sans-serif;
	line-height: 1.8em;	
	text-align:center;
	
}



.wrapper {
	/*width:554px;*/
	margin: 0% 0% 0% 0%;/*margin: 0px auto;*/
	padding: 0px 0px;

  	clear: both;
  	/*
  	background-color: #ffffff;
  	background-image: linear-gradient(to bottom, rgba(214,242,240,0.2), rgba(255,255,255,1), rgba(255,255,255,1), rgba(214,242,240,0.0));
  	*/
  	
	position:absolute;
	left:13.2%;
	
  	max-width: 100%;
	width: 72.5%;
}

#contactWrapper {
	
	width:70%; /*400px;*/
	border:0px solid #cfdede;
	background:#ffffff;
	padding:30px;
	margin: 0px auto;
}
#contactWrapper h1 { 
	font-size: 11px; 
	margin: -33px 0px 30px; 
	padding: 5px 0px 0px 15px; 
	font-size: 12px; 
	text-transform: uppercase; 
	background: url(../images/title-background.png) no-repeat; 
	width: 138px; 
	height: 22px; 
	color: #fff; 
	font-weight: bold;
}
#contactWrapper label { 
	display:block; 
	float:none;
	font-family:"Poppins", sans-serif;
	font-size:calc(0.5em + 0.8vw); 
	width:auto; 
	font-weight: 300; 
	margin-bottom: 7px; 
	color: rgba(75, 75, 75, 1);
}


#contactWrapper label.error { 
	display:block; 
	float:none; 
	font-size:12px; 
	width:auto; 
	font-weight: normal; 
	margin-bottom: 0px; 
	color: #bb3737; 
	background: #fad6d6; 
	border: 1px solid #bb3737; 
	margin-top: 5px; 
	padding: 5px 7px;
}
#contactWrapper label.checked { 
	display:none; 
	background: none; 
	border: 0px; 
	margin-top: 0px; 
	padding: 0px; 
	text-indent: -5000px;
}
#contactWrapper em { 
	color: #ff0000;
}
#contactWrapper .stage { 
	margin-bottom: 20px;
}
#contactWrapper .requiredNote {
	font-family:"Poppins", sans-serif;
	font-size:calc(0.5em + 0.8vw);  
	margin: 20px 0px 20px; 
	color: rgba(75, 75, 75, 1);
	/*font-weight: bold;*/
}
#contactWrapper .success { 
	padding: 10px; 
	background: rgba(9, 203, 245, 0.1);
	border: 1px solid #cccccc; 
	margin-bottom: 15px; 
	color: rgba(75, 75, 75, 1);
	/*background-color:  rgba(9, 203, 245, 0.4);background-color: #f1f1f1;*/
	text-align: center;
}
#errorid{
	text-align: center;
	color: #ff0000;
}
	
}
#contactWrapper .success p { 
	margin: 0px;
}

/* Makes responsive fields. Sets size and field alignment.*/
input[type=text]{
	margin-bottom: 20px;
	margin-top: 10px;
	width:100%;
	padding: 15px;
	border-radius:5px;
	border:1px solid #cccccc; ;
	font-family:"Poppins", sans-serif;
	font-size: 16px;
	font-size:min(16px, calc(0.5em + 0.8vw))!important;
}
input[type=email]{
	margin-bottom: 20px;
	margin-top: 10px;
	width:100%;
	padding: 15px;
	border-radius:5px;
	border:1px solid #cccccc;
	font-family:"Poppins", sans-serif;
	font-size: 16px;
	font-size:min(16px, calc(0.5em + 0.8vw))!important;
}

input[type=submit]{
	margin-bottom: 20px;
	width:100px;
	padding: 15px;
	border-radius:25px;
	border:1px solid #cccccc;
	background-color: rgba(200, 200, 200, 0.4);/*#4180C5;*/
	color: rgba(75, 75, 75, 1);
	font-size:min(16px, calc(0.5em + 0.8vw))!important;
	cursor:pointer;
	margin-left: 5%;
}
#submitButton:hover{
	color: rgba(75, 75, 75, 1);
	background-color: rgba(9, 203, 245, 0.1);
	
}

#cancelButton{
	margin-bottom: 20px;
	width:100px;
	padding: 15px;
	border-radius:25px;
	border:1px solid #cccccc;
	background-color: rgba(200, 200, 200, 0.4);/*#4180C5;*/
	color: rgba(75, 75, 75, 1);
	font-size:min(16px, calc(0.5em + 0.8vw))!important;
	cursor:pointer;
	margin-right: 5%;
	float: right;
   
	
	
}
#cancelButton:hover{
	color: rgba(75, 75, 75, 1);
	background-color: rgba(9, 203, 245, 0.1);
	
	
}

textarea{
	width:100%;
	padding: 15px;
	margin-top: 10px;
	border:1px solid #cccccc;
	border-radius:5px;
	margin-bottom: 20px;
	resize:vertical;
	font-family:"Poppins", sans-serif;
	font-size: 16px;
	font-size:min(16px, calc(0.5em + 0.8vw))!important;
}
input[type=text]:focus,textarea:focus {
	border-color: #4697e4;
}


#cu_footerbid{
	position: relative;
	background-color: rgba(1,0,28,1);
	/*height: 100px;*/
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	height: 50px;
	width: 145%;
	bottom: 0%;
	left: -22%;
	color:#ffffff;	
	
}
#cu_bbitid{
	/*position: relative: /*static;*/
	
	color:#ffffff;
	width:100%;
	
	padding: 0% 0% 0px 0%;
	margin: 0% 0% 0px 0%;   
	
}
	
#cu_fzonecopy {
	color:#ffffff;
	float:left;
	margin-left: 15%;
	font-size: 1.1em;
	font-family:"Poppins", sans-serif;
	cursor: pointer; 
	cursor: hand;
}
#cu_fzonetou {
	color:#ffffff;
	float:right;
	margin-right: 15%;
	font-size: 1.1em;
	font-family:"Poppins", sans-serif;
	cursor: pointer; 
	cursor: hand;
}

#cu_fzonepriv {
	color:#ffffff;
	float:right;
	margin-right: 5%;
	font-size: 1.1em;
	font-family:"Poppins", sans-serif;
	cursor: pointer; 
	cursor: hand;
}

#cu_fzoneckies {
	color:#ffffff;
	float:right;
	margin-right: 5%;
	font-size: 1.1em;
	font-family:"Poppins", sans-serif;
	cursor: pointer; 
	cursor: hand;
}

#fspacerid{
	height: 100px;
}


@media screen and (max-width: 1000px) {

	form{
		width:86%;
		margin:4% 7.0%;
	}
	#custitleid h20{
		
		font-size:calc(1.0em + 1.5vw);
	}
	
	#subtitle_ab_mh{
		font-size:calc(0.5em + 1.2vw);
		color:black;
	
		width:85%;
		text-indent: 0em;
	
		font-weight:300;
		font-family:"Poppins", sans-serif;
		line-height: 1.5em;	
		text-align:center;
	
	}
}

@media screen and (max-width: 760px) {
	
	form{
		width:95%;
		margin:4% 2.5%;
	}
	#contactWrapper .stage { 
		margin-bottom: 0px;
	}
	#contactWrapper .requiredNote {
		margin: 0px 0px 10px; 
	}

	#custitleid h20{
		display:inline-block;
		position:relative;
		
		margin: 0% 0% 0% 0%;
		padding: 0% 0% 0% 0%;
		left: 0%; /*20%;*/
		color:black;
		text-align:center;
		
		font-size:calc(1.0em + 1.5vw);
	}
  	.wrapper {
		/*width:554px;*/
		margin: 0% 0% 0% 0%;/*margin: 0px auto;*/
		padding: 0px 0px;
	
		clear: both;
		background-color: #ffffff;
  		background-image: linear-gradient(to bottom, rgba(214,242,240,0.2), rgba(255,255,255,1), rgba(255,255,255,1), rgba(214,242,240,0.0));
  		
		position:absolute;
		left:2.5%;
		
		max-width: 100%;
		width: 95%;
	}

	#contactWrapper {
	
		width:100%; /*400px;*/
		border:1px solid #cfdede;
		/*background:rgba(255,0,0,0.2);*/
		padding:0px;
		margin: 0px auto;
	}
	
	#cu_fzonecopy {
		color:#ffffff;
		float:left;
		margin-left: 15%;
		font-size: 0.8em;
		font-family:"Poppins", sans-serif;
	}
	#cu_fzonetou {
		color:#ffffff;
		float:right;
		margin-right: 15%;
		font-size: 0.8em;
		font-family:"Poppins", sans-serif;
		
	}
	
	#cu_fzonepriv {
		color:#ffffff;
		float:right;
		margin-right: 5%;
		font-size: 0.8em;
		font-family:"Poppins", sans-serif;
	}
	
	#cu_fzoneckies {
		color:#ffffff;
		float:right;
		margin-right: 5%;
		font-size: 0.8em;
		font-family:"Poppins", sans-serif;
	}
	
	#page_ab_shid{
		position:relative;
		width: 50%;
		margin: 2% 0% 2.0% 0%;
		text-align:center;
		left: 25%;
		
	}
	
	#subtitle_ab_mh{
		font-size:calc(0.5em + 1.2vw);
		color:black;
	
		width:85%;
		text-indent: 0em;
	
		font-weight:300;
		font-family:"Poppins", sans-serif;
		line-height: 1.5em;	
		text-align:center;
	
	}
	
	input[type=text]{
		font-size: 14px !important;
	}
	textarea{
		font-size: 14px !important;
	}
}

@media screen and (max-width: 480px) {
	
	#custitleid h20{
		font-size:calc(1.5em + 1.5vw);
	}
	#subtitle_ab_mh{
		font-size:calc(0.5em + 1.5vw);
	}
	
}

.ui-dialog .ui-dialog-title:before {

	background-color:rgba(240,240,240,1);
}
.ui-widget-header{

	background:none;
	background-color: rgba(227,242,238,1);
}

.btn_close{
	display:flex;
	position:absolute;
	/*top: -130px;*/
	right:48%;
	width:45px;
	height:45px;
	float:right;
	cursor: pointer; 
	/*background-color: #eee;
	color: black;
	border: 1px solid black;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/
	transition-duration: 0.4s;
	border-radius: 45px;
	text-align:center;
	text-decoration: none;
	margin: 4px 30px;
	margin-bottom: 100px;
	font-size: 45px;
	font-size: calc(1.0em + 2.0vw);
	line-height: 45px;
	z-index:1000005;
	color: #cccccc;

}
.btn_close{
	float:right;
}

.btn_contact_us, .btn_contactus_more{

	width:15%;
	height:4%;
	/*float:right;*/
	
	cursor: pointer; 
	background-color: #ffffff;
	color: black;
	border: 1px solid black;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	transition-duration: 0.4s;
	border-radius: 22px;
	text-align:center;
	text-decoration: none;
	
	/*margin-left: 37%;
	margin-right:37%;*/

	font-family:"Poppins", sans-serif;
	font-size: 16px;
	letter-spacing: 4px;
	line-height: 47px;
	z-index:1000005;
	left:42.5%;
	position:absolute;
	font-size: calc(0.4em + 0.9vw);
	/*left:50%;
	right:50%;*/
	
	justify-self: center

}

.far.fa-hand-point-right{
	color:#666666 !important;
}

.btn_close:hover {
	/*background-color: rgba(9, 203, 245, 1);
  	color: white;	*/
}


.btn_close:hover{
	/*color:white !important;*/
}

#btn_pal_homeid{
	width: 200px;
	margin-left: 0px;
	position:absolute;
	
	right:48%;
}
@media screen and (max-width: 760px) {
	.btn_close{
		top: -30px;
		right:-30px;
	}

}
@media screen and (max-width: 360px) {
	.btn_close{
		top: -25px;
		right:-40px;
	}

}
#contact_logo_id{
	display: flex;
	justify-content: center;
}