html,body,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,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,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%;font:inherit;vertical-align:baseline;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}ol,ul{list-style:none;margin:0;padding:0;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}a{text-decoration:none;}.txt-rt{text-align:right;}.txt-lt{text-align:left;}.txt-center{text-align:center;}.float-rt{float:right;}.float-lt{float:left;}.clear{clear:both;}.pos-relative{position:relative;}.pos-absolute{position:absolute;}.vertical-base{	vertical-align:baseline;}.vertical-top{	vertical-align:top;}.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}nav.vertical ul li{	display:block;}nav.horizontal ul li{	display: inline-block;}img{max-width:100%;}body{font-family: 'Rokkitt', serif;font-size:100%;background: url('../images/bg.png') no-repeat;background-repeat: no-repeat;background-attachment: fixed;background-position: center;background-size: cover;}.wrap{width: 50%;margin: 0 auto;}.contact_form {width: 55%;background: url('../images/border.png') no-repeat 89% center;float: left;position: relative;}.contact-form{background:#fff;padding: 7%;margin-top: 15%;position: relative;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;-o-border-radius: 12px;}.contact-form h1{font-size: 1.7em;color:#474646;}.contact_form ul {list-style-type:none;list-style-position:outside;margin:0px;padding:0px;}.contact_form li{position:relative;}.contact_form li{float: left;outline: none;border: 1px solid #DDDDDD;font-size: 1.2em;color: #B6B6B6;width: 78.5%;font-weight: 600;margin-top: 8%;position: relative;height: 42px;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;}.contact_form li:hover{border: 1px solid #79B42B;color:#79B42B;}.contact_form input {float: left;font-size: 1.1em;font-family: 'Rokkitt', serif;padding: 10px 14px;width: 75%;border: none;outline: none;}.contact_form li input {height: 42px;line-height: 42px;padding-top: 0;padding-bottom: 0;background: transparent;}.contact_form p {float: right;padding: 8px 7px;width: 9.3%;cursor: pointer;}.contact_form input[type="submit"] {border: none;outline: none;cursor: pointer;color: #fff;background:#88C470;width: 79%;padding: 12px;font-size: 1.3em;letter-spacing:1px;margin: 28px 0 30px;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;}.contact_form input[type="submit"]:hover {background: #79B42B;}.contact_form input[type="checkbox"] {width: 21px;vertical-align: middle;padding: 5px;float:left;}.contact_form i{font-size: 1.2em;color:#B6B6B6;width: 40%;float: left;}.forgot{float: right;margin-right: 77px;width: 35%;margin-top: 4px;}.forgot a{color: #79B42B;font-size: 1.1em;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;}.forgot a:hover{color: #009900;}.form_hint {color: #fff;text-align: center;background:#79B42B;border-radius: 3px 3px 3px 3px;font-size:1.2em;margin-left: 8px;padding: 6px 23px;z-index: 999;position: absolute;right:-224px;bottom: 3px;font-weight:100;display: none;}.form_hint::before {content: '';position: absolute;bottom: 9px;left: -9px;width: 0;height: 0;border-bottom: 10px solid transparent;border-right: 10px solid #79B42B;border-top: 10px solid transparent;}.contact_form input:focus + .form_hint {display: inline;}.contact_form input:required:valid + .form_hint {color: #000;background: #79B42B;}.contact_form input:required:valid + .form_hint::before {color:#28921f;}.account{float:right;width: 45%;}.account h2 a{color: #79B42B;display: block;font-size: 1.3em;font-weight: 400;text-align:right;margin-top: 3px;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;}.account h2 a:hover{color: #009900;}.span {margin-top: 10.4%;display: block;width: 100%;background: #3B5998;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;}.span img {background:#354F88;padding: 7px;float: left;}.span i {color: #fff;padding: 9px 14px;float: left;font-size: 1.6em;font-weight: 400;}.span:hover {background:#354F88;}.span1 {margin-top: 9%;width: 100%;background: #45B0E3;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;}.span1 img {background: #40A2D1;padding: 7px;float: left;}.span1 i {color: #fff;padding: 9px 20px;float: left;font-size: 1.6em;font-weight: 400;}.span1:hover {background:#40A2D1;}.span2 {margin-top: 9%;width: 100%;background: #DE4C34;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;}.span2 img {background: #CE3E26;padding: 7px;float: left;}.span2 i {color: #fff;padding: 9px 17px;float: left;font-size: 1.6em;font-weight: 400;}.span2:hover {background: #CE3E26;}.footer p{color:#fff;display: block;font-size: 1.3em;font-weight: 400;text-align:center;padding: 2em 0 1em;}.footer p a{color:#68B74A;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;}.footer p a:hover{color:#fff;}.checkbox {margin-bottom: 4px;padding-left: 27px;font-size: 1.1em;line-height: 27px;color: #79B42B;cursor: pointer;}.checkbox:hover {color: #009900;}.checkbox:last-child {margin-bottom: 0;}.checkbox input {position: absolute;left: -9999px;}.checkbox i {position: absolute;bottom: 9px;left: 0;display: block;width: 13px;height: 13px;outline: none;border: 2px solid #DDDDDD;background: #79B42B;}.checkbox input + i:after {position: absolute;opacity: 0;transition: opacity 0.1s;-o-transition: opacity 0.1s;-ms-transition: opacity 0.1s;-moz-transition: opacity 0.1s;-webkit-transition: opacity 0.1s;}.checkbox input + i:after {content: '';background: url('../images/mark.png') no-repeat 3px 2px;top: -1px;left: -1px;width: 15px;height: 15px;font: normal 12px/16px FontAwesome;text-align: center;}.checkbox input:checked + i:after {opacity: 1;}.checkbox {float: left;margin-right: 30px;}.checkbox:last-child {margin-bottom: 4px;}@media only screen and (max-width: 1440px){.wrap{width:56%;}.span i {font-size: 1.4em;}.span1 i {font-size: 1.4em;}.span2 i {font-size: 1.4em;}.contact_form p {padding: 8px 7px;}}@media only screen and (max-width: 1366px){.wrap{width:59%;}.span i {font-size: 1.4em;}.span1 i {font-size: 1.4em;}.span2 i {font-size: 1.4em;}.contact_form p {padding: 8px 3px;}}@media only screen and (max-width: 1280px){.wrap{width:63%;}.span i {font-size: 1.3em;}.span1 i {font-size: 1.3em;}.span2 i {font-size: 1.3em;}}@media only screen and (max-width: 1024px){.wrap{width:79%;}.contact_form input {width: 77%;}.span i {font-size: 1.2em;padding: 13px 14px;}.span1 i {font-size: 1.2em;padding: 13px 14px;}.span2 i {font-size: 1.2em;padding: 13px 14px;}.checkbox {margin-right: 0px;}}@media only screen and (max-width: 800px){.wrap{width:95%;}.span i {padding: 14px 12px;font-size: 1.2em;}.span1 i {font-size: 1.2em;padding: 13px 20px;}.span2 i {font-size: 1.2em;padding: 13px 20px;}.contact_form {background: url('../images/border.png') no-repeat 313px 77px;}.forgot {margin-right: 65px;width: 38%;}.checkbox {margin-right: 0px;}}@media only screen and (max-width: 640px){.wrap{width:95%;}.contact-form h1 {font-size: 1.3em;}.contact_form li {height: 37px;margin-top: 7.3%;}.contact_form input {font-size: 1em;padding: 5px 14px;}.contact_form li input {height: 37px;line-height: 37px;}.contact_form input[type="submit"] {font-size: 1.2em;padding: 10px;margin: 22px 0 30px;}.forgot a {font-size: 1em;}.span i {padding: 11px 6px;font-size: 1em;}.span img {padding: 2px;}.span1 img {padding: 2px;}.span1 i {padding: 11px 6px;font-size: 1em;}.span2 img {padding: 2px;}.span2 i {padding: 11px 6px;font-size: 1em;}.forgot {margin-right: 27px;width: 39%;margin-top: 6px;}.account h2 a {font-size: 0.9em;}.checkbox i {bottom: 10px;}}@media only screen and (max-width: 480px){.wrap{width:56%;}.contact_form {width: 100%;background:none;}.contact_form li {width: 99.5%;}.contact_form input[type="submit"] {width: 100%;margin: 22px 0 13px;}.forgot {width: 82%;margin-top: 7px;margin-right: 41px;}.account {width: 100%;}.account h2 a {text-align: left;margin-top: 15px;}.span {margin-top: 3.4%;}.form_hint {font-size: 0.8em;padding: 6px 5px;right: -128px;bottom: 6px;}.form_hint::before {bottom: 5px;}.checkbox i {bottom: 34px;}.footer p {font-size: 1.1em;}}@media only screen and (max-width: 320px){.wrap{width:85%;}.contact_form {width: 100%;background:none;}.contact_form li {width: 99.5%;}.contact_form input[type="submit"] {width: 100%;margin: 22px 0 13px;}.forgot {width: 82%;margin-top: 7px;margin-right: 41px;}.account {width: 100%;}.account h2 a {text-align: left;margin-top: 15px;}.span {margin-top: 3.4%;}.form_hint {font-size: 0.8em;padding: 6px 5px;right: -128px;bottom: 6px;}.form_hint::before {bottom: 5px;}.checkbox i {bottom: 34px;}.footer p {font-size: 1em;}}