.content *{margin:0;padding:0;border:0;outline:0;font-weight:300;font-style:normal;font-size:100%;font-family:FFTisaSansWebLightItalic, Helvetica, Arial, sans-serif;vertical-align:baseline;line-height:normal;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.content a{text-decoration:none;}
.content input[type="radio"]{display:none;}
.content label{cursor:pointer;}

.content section{margin:0;overflow:hidden;width:320px;height:auto;left:0;top:20%;position:absolute;z-index:10;background:#fff;-webkit-backface-visibility:hidden;-webkit-transition:all 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);-moz-transition:all 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);-ms-transition:all 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);-o-transition:all 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);transition:all 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);}
.content section,
.content input#close-item:checked ~ section{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);}
.content input#open-item:checked ~ section{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.content section .wrap{padding:5px 23px 23px;position:relative;border-bottom:6px solid #a9c00f;}
.content span.title{font-size:29px;padding:13px 26px;color:#fff;background:#a9c00f;display:block;width:100%;}
.content p.info{font-size:13px;color:#999;line-height:18px;}
.content .field{width:100%;position:relative;margin:20px 0 0 0;display:block;}
.content label.open,
.content label.close{text-align:center;position:absolute;}
.content label.open{font-size:14px;font-weight:bold;color:#000;background:#a9c00f;width:130px;bottom:auto;left:-101px;right:0;top:41%;margin:122px auto 0;padding:9px 0;text-transform:uppercase;z-index:1;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);cursor:pointer;pointer-events:visible;}
.content input#close-item:checked ~ label.open{-webkit-transition:left 0.3s ease 0.4s, background 0.1s ease, color 0.1s ease;-moz-transition:left 0.3s ease 0.4s, background 0.1s ease, color 0.1s ease;-ms-transition:left 0.3s ease 0.4s, background 0.1s ease, color 0.1s ease;-o-transition:left 0.3s ease 0.4s, background 0.1s ease, color 0.1s ease;transition:left 0.3s ease 0.4s, background 0.1s ease, color 0.1s ease;left:-47px;}
.content label.open:hover,
.content label.open:focus{background:#94a908;color:#000;}
.content label.close{right:30px;left:auto;top:0;bottom:auto;font-size:20px;background:#5c964c;color:#fff;width:22px;}
.content label.close:hover,
.content label.close:focus{background:#757786;}
.content input,
.content select,
.content textarea{display:block;width:100%;border-bottom:solid 1px #ddd;padding:0 20px 4px 3px;font-size:13px;color:#222;position:relative;}
.content select{padding-right:0;padding-left:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.content select.grayed{color:#aaa;}
.content select > option{background:#C2C6E2;color:#fff;}
#select-arrow,
#select-arrow-svg{background:#fff url('img/select.png') no-repeat right;width:30px;height:20px;position:absolute;right:0;top:-1px;pointer-events:none;vertical-align:middle;outline:none;border:none;z-index:3;}
.content select:hover ~ #select-arrow,
.content select:focus ~ #select-arrow,
.content select:hover ~ #select-arrow-svg,
.content select:focus ~ #select-arrow-svg{background:#fff url('img/select-focus.png') no-repeat right;}
@media screen and (-webkit-min-device-pixel-ratio:0){#select-arrow-svg{display:none;}
}
x:-o-prefocus, #select-arrow{display:none;}
.content textarea{resize:none;height:22px;overflow:hidden;}
.content input:hover,
.content input:focus,
.content select:hover,
.content select:focus,
.content textarea:hover,
.content textarea:focus{border-bottom-color:#222;outline:none;}
.content textarea:focus{height:100px;}
.content input.send{display:inline-block;clear:both;background:#5c964c;color:#fff;font-size:14px;text-transform:uppercase;padding:8px 26px;cursor:pointer;margin:30px 0 0 0;width:auto;border:none;}
.content input.send:hover,
.content input.send:focus{background:#5c964c;border:none;outline:none;}
.content input.reset{background:none;width:auto;cursor:pointer;border:none;outline:none;display:inline-block;float:right;padding:0;margin:40px 0 0 0;font-size:12px;color:#ccc;}
.content input.reset:hover,
.content input.reset:focus{color:#222;}
.content input:required,
.content textarea:required{background:#fff url("img/required.png") no-repeat 100% 6px;box-shadow:none;outline:none;}
.content input:hover:invalid,
.content textarea:hover:invalid{background:#fff url("img/focused.png") no-repeat 100% 6px;box-shadow:none;outline:none;}
.content input:required:valid,
.content textarea:required:valid{background:#fff url("img/valid.png") no-repeat 100% 6px;box-shadow:none;outline:none;}
.content input:focus:invalid,
.content textarea:focus:invalid{background:#fff url("img/invalid.png") no-repeat 100% 6px;z-index:10;box-shadow:none;outline:none;}
::-webkit-input-placeholder{color:#999;}
.content input:focus::-webkit-input-placeholder{color:#ccc;}
.content te.contentxtarea:focus::-webkit-input-placeholder{color:#ccc;}
:-moz-placeholder{color:#999;}
.content input:focus:-moz-placeholder{color:#ccc;}
.content textarea:focus:-moz-placeholder{color:#ccc;}
::-moz-placeholder{color:#999;}
.content input:focus::-moz-placeholder{color:#ccc;}
.content textarea:focus::-moz-placeholder{color:#ccc;}
:-ms-input-placeholder{color:#999;}
.content input:focus:-ms-input-placeholder{color:#ccc;}
.content textarea:focus:-ms-input-placeholder{color:#ccc;}
.ie9-placeholder{color:#999 !important;}
.ie9-placeholder:focus{color:#ccc !important;}
.content .tip{background:#222;color:#fff;font-size:12px;padding:10px 12px;text-align:center;position:absolute;top:-68px;left:-20px;opacity:0;visibility:hidden;width:auto;cursor:default;}
.content .tip:after{border-top:6px solid rgba(0, 0, 0, 1);border-left:8px solid rgba(0, 0, 0, 0);border-right:8px solid rgba(0, 0, 0, 0);content:"";position:absolute;bottom:-6px;left:28px;}
.content input:focus ~ .tip,
.content select:focus ~ .tip,
.content textarea:focus ~ .tip{top:-48px;opacity:1;visibility:visible;z-index:99;}
.content input:required:valid ~ .tip,
.content textarea:required:valid ~ .tip{opacity:0;visibility:hidden;}
.content label,
.content select,
.content input{-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.content .tip{-webkit-transition:opacity 0.4s ease;-moz-transition:opacity 0.4s ease;-ms-transition:opacity 0.4s ease;-o-transition:opacity 0.4s ease;transition:opacity 0.4s ease;}
.content textarea{-webkit-transition:height 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);-moz-transition:height 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);-ms-transition:height 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);-o-transition:height 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);transition:height 0.4s cubic-bezier(0.2, 0.6, 0.3, 1);}
