.contact .inner {
	display: grid;
	max-width: 840px;
	grid-template-columns: 1fr 300px;
	grid-template-rows: auto;
	grid-column-gap: 40px;
}

.contact .right {
	padding-top: 20px;
	/*background: #F9A21D;*/
	/*box-shadow: 0px 7px 27px #FF840026;*/
	/*height: fit-content;height: -webkit-fit-content;height: -moz-fit-content; */

}
	.contact .right .kop {
		font-family: "Roboto Slab";
		color: #fff;
		text-align: left;
		font-size: 26px;
		line-height: 28px;
		padding-bottom: 25px;
	}
	.contact .right .ci > div{
		display: grid;
		padding-bottom: 15px;
		grid-column-gap: 15px;
		grid-template-columns: 30px 1fr;
	}
	.contact .right .ci span {
		font-size: 12px;
		display: block;
		max-width: 255px;
		margin-top: 5px;
		line-height: 15px !important;
	}
	.contact .right .ci a:hover {
		color:#F9A21D !important;
	}
	.contact .right .ci svg {
		width: 25px;
		height: 25px;
	}
	.contact .right .ci a,
	.contact .right .ci {
		font-size: 22px;
		transition: all .3s;
		font-family: "Roboto Slab";
		color:#fff;
		text-decoration: none;
		line-height: 28px;
	}

.contact form {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	width:100%;
}
	
	.contact form label {
	    font-family: "Roboto Slab";
	    font-size: 16px;
	    color: #F0FDF8;
	    letter-spacing: 0.64px;
	    line-height: 26px;
	}
	.contact .c-top {
		margin-bottom: 26px;
	}
	.contact form input[type="text"]:focus, .contact form input[type="email"]:focus, textarea:focus, 
	.contact form input[type="text"]:hover, .contact form input[type="email"]:hover, textarea:hover {
		box-shadow: 0px 3px 15px #0000001A;
		border: 2px solid #F9A21D;
	}
	.contact form textarea:focus, .contact form input[type="text"]:focus ,.contact form input[type="email"]:focus {
		box-shadow: 0px 3px 15px #0000001A;
		border: 2px solid #F9A21D;
	}
	.contact form textarea:hover {
		box-shadow: 0px 3px 15px #0000001A;
		border: 1px solid #F9A21D;
	}
	.wpcf7-form-control-wrap {
		position: relative;
		display: block;
		padding-bottom: 10px;
	}
	.contact form input[type="text"],
	.contact form input[type="email"] {
		/*color:#2E2E2E;*/
		width: 100%;
		font-family: "Roboto Slab";
		font-size: 16px;
		padding:15px 25px;
		opacity: 1;
		outline: 0;
		box-sizing: border-box;
		transition: all .3s;
		background: #000;
	    color: #F9A21D;
	        border-radius: 6px;
	    border:2px solid rgb(249 160 49 / 38%); 
	}
	.contact form textarea {
		    border-radius: 6px;
		width: 100%;
		height: 130px;
		resize: none;
		font-family: "Roboto Slab";
		font-size: 16px;
		padding:20px 25px;
		box-sizing: border-box;
		outline: 0;
		transition: all .3s;
		background: #000;
	    color: #F9A21D;
	    border:2px solid rgb(249 160 49 / 38%);
	}
	.contact form button:hover svg path{
		fill: #F9A21D;
	}
	.contact form button svg {
		margin-left: 7.5px;
	    position: relative;
	    top: 1px;
	    transition: background-color 0.15s linear, fill 0.15s linear;
	}
	.contact form button:hover {
		background: #000;
		color:#F9A21D;
	}
	.contact form .fields .wpcf7-not-valid {
		border:1px solid red;
	}
	.contact form button {
				    border-radius: 6px;
		margin-top: 15px;
		cursor: pointer;
		font-weight: bold;
		transition: all 0.2s linear;
	    font-size: 18px;
	    color:#000;
	    font-family: "Roboto Slab";
		background: #F9A21D;
		box-shadow: 0px 7px 27px #FF840026;
		/*border-radius: 28px;*/
		border:2px solid #F9A21D !important;
		max-width: 292px;
		width: 100%;
		margin-left:auto;
		margin-right:auto;
		height: 56px;
		display: block;
	}
	.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
		background: #000;
		width: 100%;
	    box-sizing: border-box;
	    margin-left: 0px;
		color:#fff;
		font-family: "Roboto Slab";
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 22px;
	}
	.contact form .wpcf7-acceptance label input {
		margin-right: 15px;
	}
	.contact form .form-bottom .wpcf7-not-valid-tip {
		font-size: 12px;
		text-align: center;
	}
	.contact form .wpcf7-acceptance label {
		display: flex;
		width: fit-content;width: -webkit-fit-content;width: -moz-fit-content; 
		margin:0 auto;
		/*align-items: center;*/
		padding: 5px 5px;
	}
	.contact form .wpcf7-acceptance label:hover {
	    box-shadow: 0px 3px 15px #000000b3;
	    padding: 5px 5px;
	    cursor: pointer;
	}
	.contact form  .wpcf7-acceptance,
	.contact form  .wpcf7-acceptance span {
		margin-left: 0px !important;
		font-size: 14px !important;
		display: inline;
		text-align: center;
	}
	.contact form .wpcf7-acceptance span {
		display: block;
		margin:0 auto;
		padding-left: 5px;
	}
	.contact form .wpcf7-acceptance span a:hover {
		
		color: #dfae0c !important;
	    transition: color 0.15s linear;
	}
	.contact form .wpcf7-acceptance span a {
		color: #fff;
		text-decoration: underline;
	    transition: color 0.15s linear;
	}
	* {
		outline: none;
	}
	.fields span.wpcf7-not-valid-tip {
		font-size: 15px;
	    position: absolute;
	    right: 0px;
	    font-weight: bold;
	    top: -22px;
	}

	.contact form .wpcf7-form-control-wrap i {
	    display: none;
	}
	.contact form .wpcf7-form-control-wrap .wpcf7-not-valid+i {
	    display: block;
	    font-size: 20px;
	    color: red;
	    position: absolute;
	    right: 10px;
	    top: 15.5px;
	}

	.contact form .wpcf7-form-control-wrap.your-message .wpcf7-not-valid+i {
		display: block;
	    font-size: 20px;
	    color: red;
	    position: absolute;
	    right: 10px;
	    top: calc(50% - 15px) !important;
	}
	div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
		border:2px solid #ff5200 !important;
	}


	@media (max-width: 981px){
		.contact .inner {
			grid-template-columns: 1fr;
		}
		.contact .right .ci svg {
		    width: 20px;
		    height: 20px;
		}
		.contact .right {
			margin-top: 30px;
			max-width: 500px;
			margin-left: auto;
			margin-right: auto;
		}
	}
	@media (max-width: 550px){
		.contact .right .ci a, .contact .right .ci {
			font-size: 18px !important;
		}
		.contact .inner {
			padding-left: 20px !important;	
			padding-right: 20px !important;	
		}
		.contact .right .kop {
			font-size: 20px !important;
		}
		.contact form .wpcf7-acceptance .wpcf7-list-item {
			display: block;
			width: 100%;
		}
		.contact form .wpcf7-acceptance label {
		    display: grid !important;
		    grid-template-columns: 30px 1fr;
		    align-items: baseline;
		    max-width: 290px;
		    margin-left: auto;
		    margin-right: auto;
		}

		.contact form .wpcf7-acceptance span {
			text-align: left;
			display: inline-block !important;
		}
	}

    .contact form input[type='checkbox']{
        margin-top: -30px;
    }
    .contact form input[type='checkbox'] {
        -webkit-font-smoothing: antialiased;
        appearance: none;
        border:none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none;
        text-rendering: optimizeSpeed;
        width: 13px;
        height: 13px;
        margin: 0;
        margin-right: 1px;
        display: block;
        float: left;
        position: relative;
        cursor:pointer;
    }
    .contact form input[type='checkbox']:after {
        content:"";
        vertical-align: middle;
        text-align: center;
        line-height: 13px;
        position: absolute;
        cursor: pointer;
        height: 20px;
        width: 20px;
        left:0px;
        top:0px;
        font-size:20px;
        border-radius: 5px;
        /*-webkit-box-shadow: inset 0px 1px 1px #000, 0px 1px 0px #444;
        -moz-box-shadow: inset 0px 1px 1px #000, 0px 1px 0px #444;
        box-shadow: inset 0px 1px 1px #000, 0px 1px 0px #444;*/
        border: 1px solid rgb(249 160 49 / 38%);
        background: #000;
    }
    /*.contact form input[type='checkbox']:hover:after, input[type='checkbox']:checked:hover:after {
        background: #FF8400;
        content:'\2714';
        color: #FFF;
    }*/
    .contact form input[type='checkbox']:checked:after {
        background: #F9A21D;
        content:'\2714';
        color: #000;
        display: flex;
        align-items: center;
        justify-content: center;
    }