/* Contact */
.contact {
    position:relative;
	clear:both;
	padding:50px;
	background-color:#222;
}

.contact:after {
    content:'';
    position:absolute;
    z-index:5;
    top:98.1%;
    left:50%;
    margin-left:-30px;
    width:0;
    height:0;
    border-top:solid 30px #222;
    border-left:solid 30px transparent;
    border-right:solid 30px transparent;
}

.contact h5 {
	font-size:30px;
	line-height:30px;
	margin-bottom:15px;
}

.contact span {
    display:block;
    clear:both;
    font-size:16px;
    line-height:16px;
    font-weight:600;
	margin-bottom:15px;
    letter-spacing:1px;
}

.contact p {
	margin-bottom:0;
	color:#999;
}

.contact p a {
	color:#999;
	-webkit-transition:all .3s;
	   -moz-transition:all .3s;
			transition:all .3s;
}

/* Contact form */
.contact-form {
    position:relative;
	clear:both;
	padding:50px;
    color:#444;
	background-color:#f3f3f3;
}

.contact-form .field {
	width:100%;
	margin-bottom:20px;
	position:relative;
}

.contact-form .field input, 
.contact-form .field textarea {
    width:100%;
    font-size:14px;
    line-height:1em;
	padding:14px 18px;
	color:#a6a6a6;
	border-radius:3px;
	border:2px solid #eee;
	background-color:#fff;
	-webkit-transition:all .3s;
	   -moz-transition:all .3s;
			transition:all .3s;
}

.contact-form .field textarea {
	height:110px;
}

.contact-form .field .error {
	display:none;
	position:absolute;
	top:17px;
	right:15px;
	line-height:1;
	cursor:default;
}

.contact-form .field .error i {
	font-size:14px;
	cursor:inherit;
	color:#a6a6a6;
}

.contact-form-result {
	display:none;
}

.contact-form-result h3 {
    color:#282828;
	margin:30px 0 5px;
    font-weight:600;
    letter-spacing:1px;
}


/**********************
    - 10. Buttons -
**********************/
.action-btn {
	
	background:#1fb4da!important;
	position:relative;
	display:inline-block;
	color:#fff;
	padding:16px 30px;    
	font-size:14px;
	line-height:14px;
	font-weight:600;
	border:2px solid transparent;
	cursor:pointer;
    letter-spacing:1px;
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
			border-radius:30px;
	-webkit-transition:all .3s;
	   -moz-transition:all .3s;
			transition:all .3s;
}

.action-btn.mr-15 {
    margin-right:15px;
}

.action-btn.white {
	background:transparent;
	border:2px solid #fff;
}

.action-btn:hover {
	background:#fff;
}

.action-btn > i {
    opacity:0;
    width:0;
    font-size:14px;
    padding:0 !important;
	-webkit-transform:translateY(1px);
	   -moz-transform:translateY(1px);
    		transform:translateY(1px);
	-webkit-transition:.5s;
	   -moz-transition:.5s;
    		transition:.5s;
}

.action-btn:hover > i {
    text-align:center;
    opacity:1;
    width:5px;
    margin-left:10px;
}

/* Dark button */
.contact-form .action-btn:hover {
    background:#282828;
}