.header{

	background:url(../../images/common/contact-header.png);

	height:20em;

}

.logo{

	height:10em;

}

.logo a, .logo a img {

    margin-left: auto;

    margin-right: auto;

	margin-top:6em;

}



*, *::before, *::after {

    box-sizing: border-box;

}

#text_contend_left {

    padding-top: 4.5em;

}



/*

========================

-contact form

========================

*/



textarea {

    height: auto;

    min-height: 50px;

}

select {

    width: 100%;

}

.row {

    margin: 0 auto;

    max-width: 62.5em;

    width: 100%;

}

.row::before, .row::after {

    content: " ";

    display: table;

}

.row::after {

    clear: both;

}

.row.collapse .column, .row.collapse .columns {

    float: left;

    padding-left: 0;

    padding-right: 0;

    position: relative;

}

.row .row {

    margin: 0 -0.9375em;

    max-width: none;

    width: auto;

}

.row .row::before, .row .row::after {

    content: " ";

    display: table;

}

.row .row::after {

    clear: both;

}

.row .row.collapse {

    margin: 0;

    max-width: none;

    width: auto;

}

.row .row.collapse::before, .row .row.collapse::after {

    content: " ";

    display: table;

}

.row .row.collapse::after {

    clear: both;

}

.column, .columns {

    float: left;

    padding-left: 0.9375em;



    position: relative;

    width: 100%;

}



[class*="column"] + [class*="column"]:last-child {

    float: right;

}

[class*="column"] + .end[class*="column"] {

    float: left;

}

.column.small-centered, .columns.small-centered {

    float: none !important;

    margin-left: auto;

    margin-right: auto;

    position: relative;

}





.large-3 {

    position: relative;

    width: 25%;

}



.large-9 {

    position: relative;

    width: 75%;

}



button, .button {

    background-color: #2ba6cb;

    border-color: #2284a1;

    border-style: solid;

    border-width: 1px;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    font-family: inherit;

    font-size: 1em;

    font-weight: bold;

    line-height: 1;

    margin: 0 0 1.25em;

    padding: 0.75em 1.5em 0.8125em;

    position: relative;

    text-align: center;

    text-decoration: none;

}



button.secondary, .button.secondary {

    background-color: #e9e9e9;

    border-color: #d0d0d0;

    color: #333;

}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {

    background-color: #d0d0d0;

}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {

    color: #333;

}



button, .button {

    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;

    transition: background-color 300ms ease-out 0s;

}





form {

    margin: 0 0 1em;

}

form .row .row {

    margin: 0 -0.5em;

}

form .row .row .column, form .row .row .columns {

    padding: 0 0.5em;

}

form .row .row.collapse {

    margin: 0;

}

form .row .row.collapse .column, form .row .row.collapse .columns {

    padding: 0;

}

form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {

    padding-left: 0.5em;

}

label {

    color: #4d4d4d;

    cursor: pointer;

    display: block;

    font-size: 0.875em;

    font-weight: 500;

    margin-bottom: 0.1875em;

}

label.right {

    float: none;

    text-align: right;

}

label.inline {

    margin: 0 0 1em;

    padding: 0.625em 0;

}



input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {

    background-color: #fff;

    border: 1px solid #ccc;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;

    box-sizing: border-box;

    color: rgba(0, 0, 0, 0.75);

    display: block;

    font-family: inherit;

    font-size: 0.875em;

    height: 2.3125em;

    margin: 0 0 1em;

    padding: 0.5em;

    transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;

    width: 100%;

}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {

    border-color: #999;

    box-shadow: 0 0 5px #999;

}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {

    background: #fafafa none repeat scroll 0 0;

    border-color: #999;

    outline: medium none;

}

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {

    background-color: #ddd;

}



fieldset {

    margin: 1.125em 0;

    padding: 1.25em;

}

fieldset legend {

    background: #fff none repeat scroll 0 0;

    font-weight: bold;

    margin: 0 0 0 -0.1875em;

    padding: 0 0.1875em;

}

.error input, input.error, .error textarea, textarea.error {

    background-color: rgba(198, 15, 19, 0.1);

    border-color: #c60f13;

}

.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {

    background: #fafafa none repeat scroll 0 0;

    border-color: #999;

}

.error label, label.error {

    color: #c60f13;

}

.error small, small.error {

    background: #c60f13 none repeat scroll 0 0;

    color: #fff;

    display: block;

    font-size: 0.75em;

    font-weight: bold;

    margin-bottom: 1em;

    margin-top: -1.3125em;

    padding: 0.375em 0.25em;

}



.right {

    float: right !important;

}



fieldset {

    border: medium none;

    margin: 0;

    padding: 0;

}



fieldset, #IE8#HACK {

    padding-top: 1.4em;

}

legend, #IE8#HACK {

    margin-bottom: 0;

    margin-top: 0;

}

.success {

    background: #e6efc2 none repeat scroll 0 0;

    border-color: #c6d880;

    color: #264409;

}



.last {

    margin-right: 0;

}



input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12 {

    border-left-width: 1px;

    border-right-width: 1px;

    padding-left: 5px;

    padding-right: 5px;

}



.column, .columns {

    min-height: 1px;

}



input, textarea {

    border-radius: 0;

    box-shadow: none !important;

}

label {

    line-height: normal;

}

label.inline {

	text-align:left;

}



TABLE.recaptchatable { width:100%;}

TABLE tr.even, table tr.alt, TABLE tr:nth-of-type(2n) { background:none; }

TABLE tbody tr:nth-child(2n) td, tbody tr.even td { background:none; }

recaptcha_widget_div{

	width:100%;

}

#recaptcha_privacy{

font-size:0.750em;

}

iframe.google_map{

	width:100%;

	height:300px;

}

@media only screen and (max-width: 1200px) {



	.column, .columns {

		float:none;

		padding-left: 0em;

		position: relative;

		width: 100%;

	}

		[class*="column"] + [class*="column"]:last-child {

		float:none;

	}

	.large-3 {

		position: relative;

		width: 100%;

	}

	label.inline {

		margin: 0em;

	}

}



@media only screen and (max-width: 480px) {

	.logo img {

		max-width: 220px;

		width: 100%;

	}

	*, *::before, *::after {

		box-sizing:content-box;

	}

	.header {

		height: 0em;

	}

	.logo a, .logo a img {

		margin-top: 0em;

	}

	iframe.google_map {

		height: 200px;

		width: 99%;

	}

	fieldset, #IE8#HACK {

		padding-top: 0em;

	}

	.column, .columns {

		float:none;

		padding-left: 0em;

		position: relative;

		width: 100%;

	}

		[class*="column"] + [class*="column"]:last-child {

		float:none;

	}

	.large-3 {

		position: relative;

		width: 100%;

	}

	label.inline {

		margin: 0em;

		padding: 0em;

	}

	textarea {

		height: 7em;

	}





	 #recaptcha_challenge_image{

        margin: 0 !important;

        width: 100% !important;

        }

        #recaptcha_response_field

        {

        margin: 0 !important;

        width: 100% !important;

        }

        .recaptchatable #recaptcha_image {

        margin: 0 !important;

        width: 100% !important;

        }

        .recaptchatable .recaptcha_r1_c1,

        .recaptchatable .recaptcha_r3_c1,

        .recaptchatable .recaptcha_r3_c2,

        .recaptchatable .recaptcha_r7_c1,

        .recaptchatable .recaptcha_r8_c1,

        .recaptchatable .recaptcha_r3_c3,

        .recaptchatable .recaptcha_r2_c1,

        .recaptchatable .recaptcha_r4_c1,

        .recaptchatable .recaptcha_r4_c2,

        .recaptchatable .recaptcha_r4_c4,

        .recaptchatable .recaptcha_image_cell {



        margin: 0 !important;

        width: 100% !important;

        background: none !important;

        }

}