@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600");
@import url("font-awesome.min.css");

/*
	Helios by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Reset */

#wpfooter{display:none;}

	div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,  form, label, legend,  caption,  article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;

		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}



	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}





/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}



/* Basic */



	input, textarea, select {
		font-size: 15pt;
		line-height: 1.85em;

		font-weight: 300;
	}






/* Wide */

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

		/* Basic */

			input, textarea, select {
				font-size: 14pt;
				line-height: 1.75em;
			}


	}



/* Normal */

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

		/* Basic */

			input, textarea, select {
				font-size: 12pt;
				line-height: 1.5em;
			}



	}



/* Narrower */

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

		/* Basic */

			input, textarea, select {
				font-size: 13pt;
				line-height: 1.65em;
			}




	}


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

		/* Basic */


			 input, textarea, select {
				font-size: 12.5pt;
				line-height: 1.5em;
			}



		/* Button */

			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button,
			.button {
				display: block;
				padding: 0;
				line-height: 3em;
				width: 100%;
			}




	}

/* Form */
	form
	{

	margin-left:auto;
	margin-right:auto;
	}
	form label {
		display: block;
		font-weight: 400;
		color: #483949;
		margin: 0 0 1em 0;
	}
	form input {
		margin-bottom:10px;
		border-radius: 0.5em;
	         }
	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form input[type="tel"],
	form input[type="date"],
	form select,
	form textarea {
		-webkit-appearance: none;
		display: block;
		border: 0;
		border-radius: 0.5em;
		background: #fafafa;
		width: 100%;
		margin-bottom:10px;
		border: solid 1px #E5E5E5;
		padding: 1em;
		-moz-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
		-webkit-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
		-ms-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
		transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	}
	form input[type="submit"]
	{
	display:inline-block;
	width:100%;

	right:auto;
	left:auto;

	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form input[type="tel"]:focus,
		form input[type="date"]:focus,
		form select:focus,
		form textarea:focus {
			background: #fff;
			border-color: #df7366;
		}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form input[type="tel"],
	form input[type="date"],
	form select {
		line-height: 1em;
	}

	form textarea {
		min-height: 2em;
	}

	form .formerize-placeholder {
		color: #555 !important;
	}

	form ::-webkit-input-placeholder {
		color: #555 !important;
	}

	form :-moz-placeholder {
		color: #555 !important;
	}

	form ::-moz-placeholder {
		color: #555 !important;
	}

	form :-ms-input-placeholder {
		color: #555 !important;
	}

	form ::-moz-focus-inner {
		border: 0;
	}


/*
Correction carroussel mobile
*/

@media screen
  and (-webkit-device-pixel-ratio: 2) {

  form
	{
	width: 100%;
	}


}

@media screen
and (min-device-width : 375px)
and (max-device-width : 667px)
		{
  form
	{
	width: 100%;
	}


		}



@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
  form
	{
	width: 100%;
	}

		}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
  form
	{
	width: 100%;
	}


		}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
  form
	{
	width: 100%;
	}


		}
