/**handles:amica-contact-page**/
	.general-main{
		text-align: center;
	}
	.contact-page-details{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding-top: 30px;
	}
	.contact-info {
		max-width: 350px;
		width: 100%;
		margin: 0 10px 10px;
	}
	.contact-info-phone{}
	.contact-info a{
		padding: 15px 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		color: #fff;
		border-radius: 10px;
	}
	.contact-info a svg{
		width: 1.6rem;
		margin-right: 15px;
		fill: #fff;
	}
	.contact-info-email a{
		background:  #D6004A;
	}
	.contact-info-email code{
		font-family: 'Rawline Light';
	}
	.contact-info-phone a{
		background: #105281;
	}

	.contact-page-form {
		width: 100%;
		background:#f6f6f6;
		border-top:1px solid #dedede;
	}
	.contact-page-form .inner{
		padding:80px 40px 130px;
	}
	.contact-page-form h2{
			font-size:3rem;
			text-align: center;
			margin-top: 0;
		}
		.contact-page-form div{
        	width: 100%;
        }
        .contact-page-form form,
		.contact-page-form form fieldset,
		.contact-page-form form .frm_form_fields{
			width: 100%;
			border: 0px solid rgba(255,255,255,0);
			padding: 0;
			margin: 0;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			background: #fff;
			border-radius: 20px;
		}
        .contact-page-form form{
        	padding: 40px 50px;
			border: 0px solid #f1f1f1;
			box-shadow: 0 0 20px #ededed;
        }
		.contact-page-form form input,
		.contact-page-form form input[type="text"],
		.contact-page-form form input[type="email"],
		.contact-page-form form input[type="tel"]{
			width: calc(100% - 0px);
			border: 0px solid #707070;
			background: #fff;
			border-bottom: 1px solid #ccc;
			padding: 17px 5px 5px;
			margin-bottom: 10px;
			color: #707070;
			outline: none;
		}
		.contact-page-form form input::-webkit-input-placeholder { /* Edge */
		  color: #999;
		font-family: 'Rawline Regular';
			text-transform: uppercase;
		}
		.contact-page-form form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
		  color: #999;
		font-family: 'Rawline Regular';
			text-transform: uppercase;
		}
		.contact-page-form form input::placeholder {
		  color: #999;
		font-family: 'Rawline Regular';
			text-transform: uppercase;
		}	
		.contact-page-form form textarea::-webkit-input-placeholder { /* Edge */
		  color: #999;
		font-family: 'Rawline Regular';
			text-transform: uppercase;
		}
		.contact-page-form form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
		  color: #999;
		font-family: 'Rawline Regular';
			text-transform: uppercase;
		}
		.contact-page-form form textarea::placeholder {
		  color: #999;
		font-family: 'Rawline Regular';
			text-transform: uppercase;
		}	
		.contact-page-form form select{
			width: calc(100% - 0px);
			border: 0px solid #707070;
			border-bottom: 1px solid #ccc;
			padding: 17px 5px 5px;
			margin-bottom: 10px;
			outline: none;
			border-radius: 0;
		   -webkit-appearance: none;
		   -moz-appearance: none;
		   appearance: none;       /* Remove default arrow */
		   background: url(https://thefamilytreegenie.co.uk/wp-content/themes/FamilyTreeGenie/css/images/dropdown.svg) 96% / 135% no-repeat #fff;
		   background-size: 15px;   /* Add custom arrow */
		}
		.contact-page-form form select option{
			width: 100%;
			border: 0px solid #707070;
			border-bottom: 1px solid #ccc;
			background: #fff;
			outline: none;
			border-radius: 0;
			text-transform: capitalize;
		}
		.contact-page-form form select option[data-default] {
		  color: red;
		  text-transform: uppercase;
		}
		.contact-page-form form select::-ms-expand {
		    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
		}

		/* Target Internet Explorer 9 to undo the custom arrow */
		@media screen and (min-width:0\0) {
		    select {
		        background-image:none\9;
		        padding: 5px\9;
		    }
		}
		.contact-page-form form textarea{
			width: 100%;
			background: #fff;
			border: 0px solid #707070;
			padding: 17px 5px 5px;
			border-bottom: 1px solid #ccc;
			margin-bottom: 10px;
			color: #707070;
			outline: none;
			min-height:100px;
			height: 15vh;
		}
		.contact-page-form form button{
			border: 1px solid #462478;
			color: #fff;
			background: #462478;
			border-radius: 4px;
			padding: 7px 20px;
			text-transform: uppercase;
			margin-top: 10px;
			border-radius: 10px;
		}
		.social{
			width: 100%;
			display: flex;
			justify-content: center;
			padding: 40px 20px 0;
		}
		.social a{
			display: inline-block;
			width: 50px;
			margin: 10px 20px 10px;
		}
		.social a svg{
			width: 100%;
			height: 40px;
		}
		.social a:first-child{
			fill:#006AB5;
		}
		.social a:nth-child(2){
			fill:#462478;
		}
		.social a:nth-child(3){
			fill:#89B32F;
		}
		.social a:nth-child(4){
			fill:#D6004A;
		}
		.social a:last-child{
			fill:#105281;
		}