/* PRE & DEP */
@import url('form.css');

/* COMMON */
.contact-wrapper {
	position: relative;
	padding: 20px 0;
}
.contact-wrapper p {
	font-size: 13px;
}
.contact-info {
	position: relative;
	margin-top: 5px;
}
.contact-wrapper .contact-map {
	position: relative;
	margin-top: 30px;
}
.contact-wrapper .contact-map .box-content h2 {
	font-size: 16px;
	font-weight: 600;
}
.contact-wrapper .contact-map .box-content p {
	font-size: 12px;
}
.common-contact {
	margin-top: 10px;
}
.common-contact .group-item,
.email-contact .group-item {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px;
}
.common-contact .group-item h2,
.email-contact .group-item h2 {
	position: relative;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: normal;
}
.common-contact .group-item h2 i,
.email-contact .group-item h2 i {
	float: left;
	display: inline-block;
	margin-right: 10px;
	font-size: 20px;
	color: #CCC;
}
.common-contact .group-item ul {
	padding: 10px 10px 10px 15px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	font-size: 13px;
}
.common-contact .group-item ul li {
	position: relative;
}
.common-contact .group-item ul li i {
	position: absolute;
	top: 0;
	left: 0;
}
.common-contact .group-item ul li > div {
	padding-left: 20px;
}
.email-contact .group-item ul {
	padding: 10px 10px 10px 15px;
	font-size: 13px;
}
.email-contact .group-item ul li {
	padding: 5px 10px;	
}
.email-contact .group-item ul li:nth-child(odd) {
	background: #F5F5F5;
}
.email-contact .group-item ul li > label {
	display: block;
}
/* Smartphones */
@media (min-width: 300px) {
	
}
/* Landscape phones */
@media (min-width: 450px) {
	
}
/* Tablets */
@media (min-width: 600px) {
	.common-contact .group-item {
		float: left;
		width: 33.33%;
	}
	.form .form-row label {
		font-size: 13px;
		width: 180px;
		text-align: right;
	}
	.form .form-item,
	.form .form-desc {
		padding-left: 200px;
	}
	.form .button-row {
		padding: 5px 0 5px 200px;
	}
}
/* Bigger tablets */
@media (min-width: 750px) {
	.contact-table .item-product img {
		display: block;
	}
	.email-contact .group-item ul li > label {
		float: left;
		width: 350px;
	}
}
/* Desktop screen or landscape tablet */
@media (min-width: 900px) {
	.contact-info {
		width: 100%;
		padding-right: 320px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.contact-form {
		width: 500px;
		margin: 0 auto;
	}
	.contact-wrapper .contact-map {
		position: absolute;
		top: 55px;
		right: 0;
		margin: 0;
		width: 300px;
	}
	.contact-wrapper .contact-map .box-title h2 {
    	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: 600;
	}
}
/* Bigger desktop */
@media (min-width: 1100px) {
	
}
/* Widescreens */
@media (min-width: 1500px) { }