:root {
  --text-color: #717171;
  --bt-color: #020053;
}

body {background: #fff; overflow-x: hidden;}
a, a:acive, a:focus, input:focus{outline:0!important;box-shadow: 0!important;}
button{border: 0!important;border-radius: 0!important; color: #fff!important;}
p{word-break: break-word;}
 a{color: var(--text-color); }
 a:hover{color: #14D1CD;}
.header {
	position: relative;height: 90vh;color: #fff;background:#fff url(../img/banner.jpg) no-repeat;display: flex;justify-content: center;align-items: center;background-size: cover;
	border-bottom: 30px solid #14D1CD;
}
.header p{color: #fff;margin-top: 50px;font-size: 30px;}

.title{ font-size: 28px;color: var(--text-color);}
.social a{display: block; margin: 5px; text-align: center;font-size: 62px;color: #004169; margin-right: 15px;}
.social a svg{transition: all .3s;width: 100px; transition: all .3s;}
.social a:hover svg path{fill: #14D1CD!important;transition: all .3s;}

form select,
form input{background: #f1f1f1!important;border-color: #ddd!important;border-radius: 0!important;}

form label{color:var( --bt-color);margin-top: 10px;}
form input{
	background: transparent!important;
	border:0!important ;
	border-radius: 0!important;
	box-shadow: 0 3px 10px -2px #0000002b;
}

form textarea{
	width: 100%;
	height: 100px;
	box-shadow: 0 3px 10px -2px #0000002b;
	border: 0;
}

form button{
	border: 2px solid var( --bt-color)!important;
	border-radius: 20px!important;
	background-color: transparent;
	width: 100%;
	color: var( --bt-color) !important;
	transition: all .2s;
	margin-top: 10px;
}
form button:hover{
	background: var( --bt-color);
	color: #fff!important;
	border-color:var( --bt-color)!important;
}

.btn-one {
    border: 2px solid var( --bt-color) !important;
    border-radius: 30px!important;
    background-color: transparent;
    width: 100%;
    color: var( --bt-color);
    transition: all .2s;
    margin-top: 10px;
    padding: 10px 25px;
    margin-top: 10px;
    display: inline-block;
    width: 250px;
    text-decoration: none!important;
    text-align: center;
}
.btn-one:hover{	background: var( --bt-color);color: #fff;}


footer{background:#020053;width: 100%;min-height: 30px;margin: 10px 0 0 0;color: #fff;padding: 10px 0;}

address{color: #fff;font-weight: 500;}
address  i{font-size: 22px;float: left;margin: 15px 13px 0 0;color: #42aa55}
.dev a{color: #fff;	font-weight: bold;font-size: 10px;}

@media only screen and (max-width: 600px) {.header {height: 71vh;}.title {font-size: 22px;}}


@keyframes jello-horizontal {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}
	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}
	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}
	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1);
	}
	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
