/* -------------------------------- 
Msg Primary style
-------------------------------- */


/* -------------------------------- 
Form
-------------------------------- */

.cd-form fieldset {
	margin: 24px 0;
}

.cd-form div {
	position: relative;
	/*margin-top: 20px;
  margin-bottom: 20px;*/
}

.cd-form h4,
.cd-form .cd-label {
	font-size: 1.3rem;
	color: #94aab0;
	margin-bottom: 10px;
}

.cd-form .cd-label {
	display: block;
}

.cd-form input,
.cd-form textarea {
	/*font-family: "Open Sans", sans-serif;*/
	font-size: 1.6rem;
	color: #2b3e51;
}

.cd-form input[type="text"],
.cd-form input[type="email"],
.cd-form textarea {
	display: block;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.cd-form input[type="text"],
.cd-form input[type="email"],
.cd-form textarea {
	padding: 12px;
	border: none;
	background-color: #ffffff;
	border-radius: .25em;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
	height: 45px;
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
}

.cd-form input[type="text"]:focus,
.cd-form input[type="email"]:focus,
.cd-form textarea:focus {
	outline: none;
	border-color: #2b3e51 !important;
	box-shadow: 0px 0px 5px rgba(44, 151, 222, 0.8) inset;
	z-index: 1;
}

.cd-form textarea {
	min-height: 175px;
	resize: vertical;
	overflow: auto;
}

.cd-form input[class="submit"] {
	border: none;
	color: #acacac;
	background-color: rgba(255, 255, 255, 0.1);
	;
	border-radius: .25em;
	padding: 16px 20px;
	font-weight: normal;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	width: 100%;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-size: 16px;
}

.cd-form input[type="button"] {
	border: none;
	color: #acacac;
	background-color: rgba(255, 255, 255, 0.1);
	;
	border-radius: .25em;
	padding: 16px 20px;
	font-weight: normal;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	width: 100%;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-size: 16px;
}


.no-touch .cd-form input[class="submit"]:hover {
	background: #00b4ff;
	color: #fff;
}

.cd-form input[class="submit"]:focus {
	outline: none;
	background: #2b3e51;
}

.cd-form input[class="submit"]:active {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}

.cd-form .error-message p {
	background: #e94b35;
	color: #ffffff;
	font-size: 1.4rem;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-radius: .25em;
	padding: 16px;
}

@media only screen and (min-width: 600px) {
	/*.cd-form div {
    margin-top: 32px;
    margin-bottom: 32px;
  }*/
	.cd-form h4,
	.cd-form .cd-label {
		font-size: 1.4rem;
		margin-bottom: 10px;
	}
	.cd-form input[type="text"],
	.cd-form input[type="email"],
	.cd-form textarea,
	.cd-form select {
		padding: 20px;
	}
}

@-webkit-keyframes cd-bounce {
	0%,
	100% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(0.8);
	}
}

@-moz-keyframes cd-bounce {
	0%,
	100% {
		-moz-transform: scale(1);
	}
	50% {
		-moz-transform: scale(0.8);
	}
}

@keyframes cd-bounce {
	0%,
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}
}


/* -------------------------------- 
Custom icons
-------------------------------- */

.cd-form .icon input,
.cd-form .icon select,
.cd-form .icon textarea {
	padding-left: 54px !important;
}

.cd-form .user {
	background: url("../image/cd-icon-user.svg") no-repeat 16px center;
	-webkit-background-size: 20px;
	background-size: 20px;
}

.cd-form [required].user {
	background-color: rgba(255, 255, 255, 0.1);
}

.cd-form .phone {
	background: url("../image/cd-icon-phone.svg") no-repeat 16px center;
	-webkit-background-size: 22px;
	background-size: 22px;
}

.cd-form [required].phone {
	background-color: rgba(255, 255, 255, 0.1);
}

.cd-form .email {
	background: url("../image/cd-icon-email.svg") no-repeat 16px center;
	-webkit-background-size: 20px;
	background-size: 20px;
}

.cd-form [required].email {
	background-color: rgba(255, 255, 255, 0.1);
}

.cd-form .message {
	background: url("../image/cd-icon-message.svg") no-repeat 16px 16px;
	-webkit-background-size: 20px;
	background-size: 20px;
}

.cd-form [required].message {
	background-color: rgba(255, 255, 255, 0.1);
}


/* -------------------------------- 
FLoating labels 
-------------------------------- */

.js .floating-labels div.icon {
	margin-top: 20px;
	margin-bottom: 20px;
}

.js .floating-labels .cd-label {
	position: absolute;
	top: 16px;
	left: 16px;
	font-size: 14px;
	font-weight: normal;
	cursor: text;
	-webkit-transition: top 0.2s, left 0.2s, font-size 0.2s;
	-moz-transition: top 0.2s, left 0.2s, font-size 0.2s;
	transition: top 0.2s, left 0.2s, font-size 0.2s;
}

.js .floating-labels .icon .cd-label {
	left: 56px;
}

.js .floating-labels .cd-label.float {
	font-size: 14px;
	top: -20px;
	left: 0 !important;
}

@media only screen and (min-width: 600px) {
	.js .floating-labels legend+div {
		margin-top: 16px;
	}
	.js .floating-labels .cd-label {
		top: 16px;
	}
}