
/**
* Call fonts
*/

/**
* Call css
*/
;

/**
*	RESET
*/
body{}
body { font: 400 100% 'Open Sans', sans-serif }
a, a:visited, a:hover, a:focus, a:active { color: inherit; text-decoration: none; cursor: pointer }
a:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover { opacity: 0.7 }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: inherit;
	-webkit-appearance: none; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: inherit;
	padding: 0;
	outline: none;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: none;
	box-shadow: none;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: none;
	box-shadow: none;
}
input[type="search"] {
	-webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea {
	color: inherit;
	border: none;
	border-radius: 0;
	padding: 0;
	outline: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: inherit;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 0;
}
textarea {
	padding: 0;
	width: auto;
}



/**
*	LAYOUT
*/
.mc { margin-left: auto; margin-right: auto }

.ps { position: static }
.pr { position: relative }
.pa { position: absolute }
.pf { position: fixed }

.ib, 
.box 	{ display		: inline-block }
.il		{ display		: inline }
.bl		{ display		: block }
.dn		{ display		: none }
.dt		{ display		: table }
.dtc	{ display		: table-cell }

.tc 	{ text-align	: center }
.tr	{ text-align	: right }
.tl	{ text-align	: left }
.tj	{ text-align	: justify }
.vm 	{ vertical-align: middle }
.vt 	{ vertical-align: top }

.pac { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0 }

.layout, .box, .row,
[class*='area'],
[class*='container'],
[class*='warp']{
	outline	: none;
	-webkit-box-sizing	: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing			: border-box; /* Firefox, other Gecko */
	box-sizing					: border-box; /* Opera/IE 8+ */
}

.row,
.fullwidth	{	width			: 100% }
.stdwidth 		{ max-width	: 960px }

.col-1-2 { width: 50% }
.col-1-3 { width: 33.3% }
.col-2-3 { width: 66.6% }
.col-1-4 { width: 25% }
.col-3-4 { width: 75% }
.col-1-5 { width: 20% }
.col-2-5 { width: 40% }
.col-3-5 { width: 60% }
.col-4-5 { width: 80% }
.col-1-6 { width: 16.6% }

/* DISTRIBUTE */
.distribute { text-align: justify }
.distribute > * { display: inline-block }
.distribute:after { content: ''; display: inline-block; width: 100%; height: 0; } 

.area-green		{ background-color: #73C056; color: #fff }
.area-grey		{ background-color: #F1F1F2; color: #404041 }
.area-red			{ background-color: #F05449; color: #fff }

/**
*	ul
*/
ul { margin: 0 }
ul.ul { list-style: none }
ul.ul > li { position: relative; padding-left: 1.5em }
ul.ul > li:before { content: '-'; position: absolute; left: 0 }
ul.ul.db-num-bullet { counter-reset: num }
ul.ul.db-num-bullet > li:before { counter-increment: num; content: '(' counter(num) ')'}
/**
*	Meassage and Font color
*/
[class*='msg-']{ font-weight: bold }
.msg-ok, .message.ok, .green 		{ color: #5BBA46 }
.msg-error, .message.error 			{ color: #BE1E2D }
.msg-general, .message.general 	{ color: #404041 }
.msg-warn, .message.warn				{ color: #BE1E2D }
.grey { color: #6D6E70 }

/**
*	Font weight
*/
.bold { font-weight: 700 }
.semibold	{ font-weight: 600 }
.light	{ font-weight: 300 }
.exbold  { font-weight: 800 }
.normal { font-weight: 400 }
.italic { font-style: italic }
/**
*	Sub title
*/
.sub-title-ok 		{ color: #439F46 }
.sub-title-evil	{ color: #BE1E2D }

/**
*	button
*/
.btn, input[type=submit], button {
	display		: inline-block;
	padding		: 1em 0;
	font-weight: bold;
	color			: #fff;
	background: #58585B;
	-webkit-border-radius	: 0.2em;
	-moz-border-radius		: 0.2em;
	border-radius					: 0.2em;
}
.btn:hover { opacity: 0.7 }
a { cursor: pointer }

/* Icons */
.sorting-indicator 				{ display: none }
.sorting-indicator.sorted,
.asc:hover .sorting-indicator,
.dec:hover .sorting-indicator	{ display: inline-block }
.sorting-indicator:before,
.sorting-indicator.asc:before,
.asc:hover .sorting-indicator:before {
	display: inline-block;
	content: '\f142';
	font: 400 20px/1 dashicons;
	display: inline-block;
	color: #444;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: none!important;
}
.sorting-indicator.desc:before,
.desc:hover .sorting-indicator:before{ content: "\f140" }
.edit-pen{
    display: inline-block;
    width: 1em;
    height: 1em;
    position: absolute;
}
.edit-pen:before{ content: "\f464"; position: absolute; font: 400 1em dashicons; color: #404041; left: 0; bottom: 0; top:0; bottom: 0 }

[class*='dashicon-']{
	display: block;
	width: 1em;
	height: 1em;
	position: relative;
}
[class*='dashicon-']:before{ position: absolute; font: 400 1em dashicons; color: #404041; left: 0; bottom: 0; top:0; bottom: 0 }
.dashicon-del:before { content: '\f335' }
.dashicon-see:before { content: '\f177' }
.dashicon-share:before { content: '\f242' }
/**
*	input
*/

input[type=checkbox],
input[type=radio]{
	display	: none;
}

input[type=checkbox]:checked + label { background: #73C056 }
label[for] { cursor: pointer }

textarea { resize: vertical }



/**
* Selection color
*/
::selection 						{	background: #73C056; color: #fff }
::-moz-selection 			{ background: #73C056; color: #fff }




/* Grand message */
/*
*
HTML :

<div class="grand-message-container" id="grand-message">
	<div class="grand-message-wrap stdwidth mc tc">
		<div class="grand-message-text-wrap box vm" id="grand-text"></div><div class="grand-message-btn-wrap box vm">
			<a class="btn" id="grand-btn"></a>
		</div>
	</div>
</div>

JS :

function update_grand_message( type, text, btn_caption, btn_href )

*
*/
.grand-message-wrap { padding: 3em 1.5em }
.grand-message-btn-wrap .btn { font-weight: 400; padding: 1em; width: 100% }
#grand-message.text-only .grand-message-text-wrap { width: 100% }
#grand-message.text-btn .grand-message-text-wrap { width: 80% }
#grand-message.btn-only .grand-message-btn-wrap { width: 100% }
#grand-message.text-btn .grand-message-btn-wrap { width: 20% }

#grand-message.text-only .grand-message-btn-wrap { display: none }
#grand-message.btn-only .grand-message-text-wrap { display: none }

#grand-message.ok { background-color: #73C056; color: #fff }
#grand-message.general { background-color: #F1F1F2; color: #404041 }
#grand-message.error { background-color: #F05449; color: #fff }




/* Simple Icon + Message */
/*
*
HTML :

<p class="message">blablabla</p>

*/
p.message { 
	position: relative;
	background-color: #73C056;
	color: #fff;
	padding: 1.5em 1.5em 1.5em 6em; 
}
p.message:before {  
	position: absolute;
	vertical-align: middle;
	content: '\f328';
	font: 400 3em dashicons;
	top: 0;
	bottom: 0.1em;
	left: 0.5em;
	height: 1em;
	margin: auto;
}
p.message.error { 
	background-color: #F05449;
	color: #fff;
	padding: 1.5em; 
}
p.message.error:before {  
	content: '\f328';
};

/**
* Site.css
* CSS for every page in current site
*/
body{}
body { font: 400 100% Arial, sans-serif }

/* FONT */
.red { color: #ED1F24 }
.grey { color: #808284 }

/* TEXT SHADOW */
h1,h2{ text-shadow: 0.05em 0.05em 0 #000 }

/* MAIN BANNER */
.banner-wrap { display: table; width: 100% }
.banner-wrap .h-wrap { display: table-cell; text-align: center; vertical-align: middle }
.banner-wrap .h-wrap hgroup { padding: 1.5em 5.5em; background-color: #D31F2B; background-color: rgba(211,32,43,0.8) }
.banner-wrap h1 { color: #fff; font-size: 4.2em }
.banner-wrap h2 { color: #fff; font-size: 2.8em }

/* BUTTON */
input[type=submit], .btn {
	background-color: #000;
	color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* NAV */
#site-navigation { z-index: 1000; height: 7em; top: 4.4em }
.nav-logo { top: 0; left: 0 }
.nav-wrap { max-width: 960px; width: 100% }
#site-navigation .menu-item  { margin-left: 6em; float: none; display: inline-block }
.menu-item:first-child { margin: 0 }
.menu-item  a { font-size: 1.4em; color: #fff; font-weight: 700; text-transform: uppercase }
.nav-contact a { background-color: #ED1F24; background-color: rgba(237,31,36,0.75); padding: 1em 2em }

/* FOOTER */
.site-footer { background-color: #181818 }
.site-info { max-width: 81em; width: 100%; color: #D1D2D4; font-family: 'Open Sans', sans-serif; font-weight: 600; padding: 3em 0 }
.site-footer span{ font-size: 1.3em }
.site-info .vendor-desc { margin-right: 1em }
.site-info .vendor-logo { vertical-align: -1em }
;

/**
* Home.css
* CSS for home page
*/
body{}

/* LETTER SPACING */
h1,h2,h3, .bold { letter-spacing: 0.06em }

/* PADDING */
article,nav { padding-left: 2% !important; padding-right: 2% !important }

/* MAIN BANNER */
#main-banner { background-position: center center !important; padding: 0 !important }
#main-banner .banner-wrap { height: 74em; }
#main-banner .caption-wrap { width: 100%; left: 0; bottom: 0; background-color: #231F20; background-color:rgba(0,0,0,0.8); padding: 4em 0 }
#main-banner .caption-wrap .content-wrap {  max-width: 75em; color: #fff; line-height: 3em  }
#main-banner .caption-wrap .content-wrap span:last-child {  letter-spacing: 0.03em  }


/* MOTO */
#moto-banner { background-position: center center !important }
#moto-banner .banner-wrap { height: 32em; }

/* HISTORY */
#history { background-color: #231F20; background-color: rgba(35,31,32,0.85); padding: 4em 0 }
#history .message-only-wrap { max-width: 75em }
#history .message-only-wrap .content-wrap { color: #fff; line-height: 3em  }

/* STAT */
#stat { background-color: #BF2E39; padding: 5em 0 }
#stat .icon-title-desc-wrap { max-width: 100em }
#stat .items-wrap { padding: 0 2em }
#stat .item { padding: 0 1em }
#stat .item-icon  { height: 7em; margin-bottom: 3.5em }
#stat .item-title  { margin-bottom: 1em }
#stat .item-desc  {}
#stat .item-title > *  { font-size: 3.6em; color: #000 }
#stat .item-desc > *  { font-size: 1.4em; color: #fff; line-height: 1.5em }

/* ALL BRANDS */
#all-brands { background-color: #181818 }
#all-brands .one-pager-section-wrap { max-width: 102.4em; padding: 10em 0 6em; border-bottom: 1px solid #383839 }
#all-brands .title-wrap { margin-bottom: 4em }
#all-brands .title-wrap h3 { font-size: 2.1em; color: #fff }

/* ALL MOTORS */
#all-motors { background-color: #181818 }
#all-motors .one-pager-section-wrap { max-width: 102.4em; padding: 7em 0; border-bottom: 1px solid #383839 }
#all-motors .title-wrap { margin-bottom: 5em }
#all-motors .title-wrap h3 { font-size: 2.1em; color: #fff }
#all-motors .items-wrap { padding: 0 2em }
#all-motors .item { padding: 0 1em }
#all-motors .item-icon  { height: 7em; margin-bottom: 5em }
#all-motors .item-title  { margin-bottom: 2em }
#all-motors .item-title > *  { font-size: 1.3em; color: #808284 }
#all-motor .row-img-wrap { margin-bottom: 1em }
#more-motors .item-title > * { font-size: 1.8em; color: #ED1F24 }
#any-motor > * { font-size: 1.6em }

/* ALL KINDS */
#all-kinds { background-color: #181818 }
#all-kinds .one-pager-section-wrap { max-width: 102.4em; padding: 7em 0; border-bottom: 1px solid #383839 }
#all-kinds .title-wrap { margin-bottom: 5em }
#all-kinds .title-wrap h3 { font-size: 2.1em; color: #fff }
#all-kinds .items-wrap { padding: 0 2em }
#all-kinds .item { padding: 0 1em }
#all-kinds .item-icon  { height: 7em; margin-bottom: 3.5em }
#all-kinds .item-title  { margin-bottom: 1em }
#all-kinds .item-title > *  { font-size: 1.4em; color: #808284 }
#all-kinds .item-desc > *  { font-size: 1.3em; color: #808284 }
#all-motor .row-img-wrap { margin-bottom: 1em }

/* WORKFLOW */
#workflow { background-color: #D53C4F }
#workflow .one-pager-section-wrap { max-width: 100em; padding: 7em 0 10em  }
#workflow .item { padding: 0 1.5em }
#workflow .title-wrap { margin-bottom: 5em }
#workflow .item-step { margin-bottom: 2em }
#workflow .item-icon { margin-bottom: 3em; height: 10em }
#workflow .item-title { margin-bottom: 1.8em }
#workflow .item-desc { background-color: #CE202A; padding: 2em 3em; min-height: 16em }
#workflow .title-wrap h3 { font-size: 2.8em; color: #231F20; text-shadow: 0 0.08em 0 #666 }
#workflow .item-step > * { font-size: 3.6em; color: #fff; text-shadow: 0 0.08em 0 #000 }
#workflow .item-title > * { font-size: 1.6em; color: #231F20 }
#workflow .item-desc > * { font-size: 1.3em; color: #fff; line-height: 1.65 }

/* WORKFLOW */
#workflow2 { background-color: #D53C4F }
#workflow2 .one-pager-section-wrap { max-width: 100em; padding: 7em 0 10em  }
#workflow2 .item { padding: 0 1.5em }
#workflow2 .title-wrap { margin-bottom: 9em }
#workflow2 .item-step { margin-bottom: 2em;  }
#workflow2 .item-icon { margin-bottom: 5em; height: 10em; padding: 0 3em; text-align: left }
#workflow2 .item-icon img { position: static }
#workflow2 .item-title { margin-bottom: 1.8em; text-align: left; padding: 0 3em; }
#workflow2 .item-desc { padding: 2em 3em; min-height: 16em; text-align: left  }
#workflow2 .title-wrap h3 { font-size: 2.8em; color: #fff; text-shadow: 0 0.08em 0 #000 }
#workflow2 .item-step > * { font-size: 3.6em; color: #fff; text-shadow: 0 0.08em 0 #000 }
#workflow2 .item-title > * { font-size: 2.1em; color: #fff }
#workflow2 .item-desc > * { font-size: 1.3em; color: #fff; line-height: 1.65;  }

/* WORKFLOW */
#workflow3 { background-color: #BF2E39 }
#workflow3 .one-pager-section-wrap { max-width: 93em; padding: 10em 0  }
#workflow3 .item { width: auto }
#workflow3 .title-wrap { margin-bottom: 6em }
#workflow3 .item-step { margin-bottom: 2em }
#workflow3 .item-icon { margin-bottom: 5em; height: 10em }
#workflow3 .item-icon img { right: auto; left: 2em }
#workflow3 .item-title { margin-bottom: 0.7em; text-align: left }
#workflow3 .item-subtitle { margin-bottom: 2em; padding-bottom: 1.8em; border-bottom: 1px solid #C39A6B; text-align: left; font-weight: 400; font-style: italic; letter-spacing: 0 }
#workflow3 .item-desc { width: 15em; text-align: left  }
#workflow3 .title-wrap h3 { font-size: 2.8em; color: #fff; text-shadow: 0 0.08em 0 #000 }
#workflow3 .item-subtitle > * { font-size: 1.3em; color: #fff }
#workflow3 .item-step > * { font-size: 3.6em; color: #fff; text-shadow: 0 0.08em 0 #000 }
#workflow3 .item-title > * { font-size: 2.1em; color: #fff }
#workflow3 .item-desc p { font-size: 1.2em; color: #fff; line-height: 1.5; margin-bottom: 0.6em }

/* ALL FIXES */
#all-fixes { background-color: #181818; color: #eee }
#all-fixes .one-pager-section-wrap { max-width: 96em; padding: 7em 0 15em;   }
#all-fixes .ists-wrap { margin-bottom: 10em }
#all-fixes .ists-wrap:last-child { margin-bottom: 0 }
#all-fixes .title-wrap { margin-bottom: 7em }
#all-fixes .text-wrap { max-width: 32em; padding: 3em 4em; background-color: #ED1F24; background-color: rgba(237,31,36,0.65); height: 65% }
#all-fixes .left .text-wrap { left: auto }
#all-fixes .right .text-wrap { right: auto }
#all-fixes .step { margin-right: 1.7em }
#all-fixes .title-row  { margin-bottom: 1em; letter-spacing: 0.15em; white-space: nowrap }
#all-fixes .subtitle-row { margin-bottom: 2.5em; letter-spacing: 0.12em }
#all-fixes .title-wrap h3 { font-size: 2.1em }
#all-fixes .step > * { font-size: 4.2em; text-shadow: 0 0.08em 0 #000 }
#all-fixes .title > * { font-size: 2.8em; text-shadow: 0 0.08em 0 #000 }
#all-fixes .subtitle > * { font-size: 1.6em; text-shadow: 0 0.13em 0 #000 }
#all-fixes .desc p { font-size: 1.3em; line-height: 1.5em; margin-bottom: 0.7em; color:#ddd}

/* HOW TO */
#how-to { background-color: #181818; color: #fff }
#how-to .one-pager-section-wrap { max-width: 90em; padding: 12em 0 10em  }
#how-to .title-wrap { margin-bottom: 2em }
#how-to .oe-wrap  { padding: 7em 0 5em; border-bottom: 1px solid #383839 }
#how-to .oe-wrap:last-child { margin-bottom: 0; border-bottom: none }
#how-to .icon-wrap { width: 30%; padding: 0 2em }
#how-to .text-wrap { width: 70% }
#how-to .left .icon-wrap { text-align: left }
#how-to .right .icon-wrap { text-align: right }
#how-to .step { margin-right: 1.7em }
#how-to .title-row  { margin-bottom: 1.3em }
#how-to .subtitle-row { margin-bottom: 3em }
#how-to .title-wrap h3 { font-size: 2.8em }
#how-to .title > * { font-size: 1.8em; color: #BE1E2D }
#how-to .desc p { font-size: 1.3em; line-height: 1.7em; margin-bottom: 2em; color:#ccc}
#how-to .btn-more .btn { font-size: 1.3em; padding: 1.1em 2em }
#how-to ul { padding: 3em 2em; background-color: #000 }
#how-to li { font-size: 1.3em; margin-bottom: 1em }
#how-to li:last-child { margin-bottom: 0 }

/* ABOUT US */
#about-us { background-position: center top !important }
#about-us .one-pager-section-wrap { height: 97em; padding: 3% 5% 0 15% }
#about-us .message-only-wrap { background-color: #BE2326; background-color: rgba(191,35,38,0.7); max-width: 75em; padding: 4em 4em 3em; margin: 0 }
#about-us .title-wrap { margin-bottom: 2em }
#about-us .content-wrap { margin-bottom: 1.8em }
#about-us .title-wrap h3 { font-size: 2.8em; color: #fff; text-shadow: 0 0.08em 0 #000 }
#about-us .content-wrap p { font-size: 1.3em; color: #fff; line-height: 1.6em; margin-bottom: 1em }



/* PARTNERS */
#partners { background-color: #181818; padding: 9em 0 12em }
#partners  .title-wrap { margin-bottom: 6em }
#partners .row-img-wrap { margin-bottom: 6em }

#partners  .title-wrap h3 { font-size: 2.1em; color: #fff }
#partners .html-wrap p { font-size: 1.8em; }

/* TESTIMONIAL */
#testimonial { background-color: #181818 }
#testimonial .one-pager-section-wrap { max-width: 96em; width: 100%; padding: 12em 0 8em; border-bottom: 1px solid #383839 }
#testimonial .testimonial-roller-container { max-width: 95em; width: 100%; padding: 0 7em;  }
#testimonial .items-wrap{ height: 20em; overflow: hidden }
.open-quote { top: 0; left: 0 }
.close-quote { bottom: 0; right: 0 }
#testimonial .item { display: none }
#testimonial .quote-wrap { margin-bottom: 4em; min-height: 10em }
#testimonial q { font-size: 3.2em; line-height: 1.5em }
#testimonial .author-wrap { line-height: 2.5em }
#testimonial .author-wrap > div > span { font-size: 1.6em }
#testimonial .author { color: #ED1F24; border-right: 1px solid #808284; padding-right: 1.5em }
#testimonial .designation { color: #fff; padding-left: 2em  }

/* CONTACT US */
#contact { background-color: #BF2E39; padding: 10em 0 15em; }
#contact .one-pager-section-wrap { max-width: 81em }
#contact .icon-title-desc-wrap { margin-bottom: 3em; max-width: 73em }
#contact .icon-title-desc-wrap +  .icon-title-desc-wrap  { margin-bottom: 7em  }
#contact .title-wrap { margin-bottom: 7em }
#contact .items-wrap { display: table; width: 100% }
#contact .item { display: table-cell; width: auto; vertical-align: middle }
#contact .item > * { display: inline-block; vertical-align: middle }
#contact .item .item-desc { margin-left: 1.5em }
#contact .item img { position: static; display: block; }
#contact .map-btn-wrap { margin-left: 1.5em }
#contact .map-btn-wrap .btn { background-color: #A71E22; color: #fff; padding: 0.8em 2.5em }
#contact .title-wrap h3 { font-size: 3.6em; color: #fff; text-shadow: 0 0.08em 0 #000 }
#contact .item-desc > * ,
#contact .item-title > * { font-size: 1.6em; color: #fff; letter-spacing: 0.03em}


#contact .row-1 { margin-bottom: 3em }
#contact .row-2 { margin-bottom: 2em }
#contact .row-3 { margin-bottom: 5em }

.wpcf7-form-control-wrap { display: block }

.field-row.cols-2 .wpcf7-form-control-wrap, .field-row.cols-3 .wpcf7-form-control-wrap { display: inline-block; width: 50%; padding-right: 1em; vertical-align: top }
.field-row.cols-2 .wpcf7-form-control-wrap:last-child, .field-row.cols-3 .wpcf7-form-control-wrap:last-child { padding: 0 }
.field-row.row-4 { white-space: nowrap }
#contact textarea, #contact input[type=email], #contact input[type=text], #contact input[type=tel]{ width: 100%; height: 100%; font-size: 1.6em }
#contact textarea { padding: 1.5em 2em }
#contact input[type=email], #contact input[type=text], #contact input[type=tel] { padding: 0.5em 1em; }
#contact .wpcf7-not-valid-tip { color: #fff; font-size: 1.4em; margin-top: 0.5em; font-style:italic }
#contact input[type=submit]{ font-size: 1.6em; padding: 1.1em 2.5em }
#contact .wpcf7-response-output { font-size: 1.6em; color: #fff; margin: 0 0 0 1em; padding: 0; border: none; font-size: 2.1em; color: #fff }