body { background: #fff; font-family: 'Lato', sans-serif; font-weight: 300; }
body.estop { overflow: hidden; width: 100%; }
a { cursor: pointer; }
form { display: inline; }
fieldset { border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; outline: none; padding: 0; }
input, select, textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
::-webkit-input-placeholder { color: #333; font-style: italic; }
::-moz-placeholder { color: #333; font-style: italic; }
:-ms-input-placeholder { color: #333; font-style: italic; }
:-moz-placeholder { color: #333; font-style: italic; }
.ehide { display: none; }
.eclick { cursor: pointer; }

h1, h2.eh1, h3.eh1 { color: #006E9C; line-height: 1.2em; }
h2, h3.eh2, h4.eh2 { line-height: 1.2em; }
p { line-height: 1.2em; }
ul li { line-height: 1.2em; }
ol li { line-height: 1.2em; }

/* SPINNER */
.espinner { display: block; height: 60px; margin: 20px 0 0 0; overflow: hidden; position: relative; text-align: center; width: 100%; }
.espinner:after { -webkit-animation: espinner 1s infinite linear; animation: espinner 1s infinite linear; border-radius: 50%; content: ''; display: block; font-size: 0; height: 40px; margin: 0 auto; position: relative; border-top: 10px solid rgba(0,0,0,0.1); border-right: 10px solid rgba(0,0,0,0.1); border-bottom: 10px solid rgba(0,0,0,0.1); border-left: 10px solid #0080ff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); width: 40px; }
@-webkit-keyframes espinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes espinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.espinner-over { background: rgba(255,255,255,0.8); height: 100%; margin: 0; position: absolute; top: 0; }
.espinner-over:after { left: 50%; margin: -30px 0 0 -30px; position: absolute; top: 50%; }

/* BUTTON */
.ebuttonset { display: block; font-size: 0; text-align: center; width: 100%; }
.ebuttonset.eseperate { border-top: 1px solid #e6e6e6; margin-top: 20px; }
.ebuttonset.ealign-left { text-align: left; }
.ebuttonset.ealign-right { text-align: left; }
.ebutton { background: #006E9C; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; display: block; font-size: 14px; font-weight: bold; line-height: 20px; margin: 20px 0 0 0; min-width: 120px; padding: 5px 10px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: 0.5s; transition: 0.5s; border: 0;-webkit-appearance: none;}
.ebutton:hover { background: #74B865; }
.ebutton.ecolor { background: #74B865; }
.ebutton.ecolor:hover { background: #006E9C; }
.ebutton.eweak { background: #ccc; }
.ebutton.eweak:hover { background: #1b1b1e; }
.ebutton small { display: block; border-top: 1px solid rgba(255,255,255,0.2); font-size: 14px; font-weight: 300; line-height: 20px; margin: 2px 0 0 0; text-transform: none; }
.ebuttonset .ebutton { display: inline-block; margin: 20px 10px 0 10px; }
.ebuttonset.ealign-left .ebutton { margin: 20px 20px 0 0; }
.ebuttonset.ealign-right .ebutton { margin: 20px 0 0 20px; }
.ebuttonset .ebutton.ewidth-100 { margin: 20px 0 0 0; padding: 10px; width: 100%; }
.ebuttonset .ebutton.ewidth-50 { margin: 20px 10px 0 0; min-width: 120px !important; width: calc(50% - 10px); }
.ebuttonset .ebutton.ewidth-50 + .ebutton.ewidth-50 { margin: 20px 0 0 10px; }
.ebuttonset-child5 .ebutton { width: calc(20% - 20px); }
@media screen and (min-width: 960px) { .ebutton { font-size: 16px; min-width: 160px; padding: 10px; } }
@media screen and (max-width: 479px) { 
.ebuttonset-child5 .ebutton { display: block; margin: 10px auto 0 auto; width: 200px; } 
}

/* FIELD */
.efieldset { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; margin: 0; position: relative; text-align: center; width: 100%; }
.efieldset.estrong { box-shadow: inset 0 0 0 2px #74B865; margin: 20px 0 0 0; padding: 10px 20px 20px 20px; }
.efieldset.estrong.evalid-error { box-shadow: inset 0 0 0 2px #f00; }
.efieldset.ealign-left { text-align: left; }
.efieldset.ewidth-50 { display: inline-block; margin: 0 10px 0 0; vertical-align: top; width: calc(50% - 10px); }
.efieldset .efieldset.ewidth-50 + .efieldset.ewidth-50 { margin: 0 0 0 10px; }

/* FIELD */
.efield { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 14px; margin: 10px 0 0 0; padding: 0; position: relative; text-align: left; vertical-align: top; width: 100%; }
.efieldset .efield { display: inline-block; }
.efield.ewidth-50 { width: 50%; }
.efieldset .efield.ewidth-75 { margin: 10px 10px 0 0; width: calc(75% - 10px); }
.efieldset .efield.ewidth-50 { margin: 10px 10px 0 0; width: calc(50% - 10px); }
.efieldset .efield.ewidth-25 { margin: 10px 10px 0 0; width: calc(25% - 10px); }
.efieldset .efield + .efield, .efieldset .efieldset + .efield { margin: 10px 0 0 10px; }

.efield label { display: block; font-size: 14px; line-height: 18px; margin: 0; padding: 0 0 2px 0; }
.evalid-requiredlabel .efield.evalid-required > label:after { color: #74B865; content: '\002a'; display: inline-block; font-weight: bold; margin: 0 0 0 5px; }
.efield .efield_input { background: #f3f3f3; border: none; border-radius: 0; box-shadow: inset 0 0 0 1px #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; display: block; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: normal; height: 30px; margin: 0; max-width: 100%; padding: 5px 5px 5px 10px; width: 100%; }
.efield .efield_input:focus {  box-shadow: inset 0 0 0 1px #74B865; outline: none; }
.efield select.efield_input { background: #f3f3f3 url(../image/field.png) no-repeat 100% -5px; background-size: 40px auto; -moz-appearance: none; -webkit-appearance: none; padding-right: 30px !important; }
.efield-datepicker .efield_input { background: #f3f3f3 url(../image/field.png) no-repeat 100% -45px; background-size: 40px auto; max-width: 260px !important; padding-right: 40px !important; }
.efield-search { overflow: hidden; }
.efield-search .efield_input { background: #f3f3f3 url(../image/field.png) no-repeat 100% -85px; background-size: 40px auto; padding-right: 40px !important; }
.efield-search a.efield_clear { color: #74B865; float: right; font-size: 14px; margin: 2px 0 0 0; text-decoration: underline; }


.efield-check input { display: none; }
.efield-check label { cursor: pointer; display: block; font-size: 14px; line-height: 20px; margin: 0; padding: 0 0 0 25px; position: relative; }
.efield-check label:before { border-radius: 3px; box-shadow: inset 0 0 0 1px #131212; content: ''; display: block; height: 20px; left: 0; position: absolute; top: 0; width: 20px; }
.efield-check label.echecked:before { background: transparent url(../image/field.png) no-repeat 0 -160px; background-size: 40px auto; }
.evalid-requiredlabel .efield-check.evalid-checked > label:after { color: #74B865; content: '\002a'; display: inline-block; font-weight: bold; margin: 0 0 0 5px; }
.efield-checklink { padding-right: 50%; }
.efield-checklink a { color: #74B865; float: right; font-size: 14px; line-height: 20px; margin: 0; position: absolute; right: 0; text-decoration: none; top: 0; }
.efield-checklink a:hover { text-decoration: underline; }

ul.echecklist { font-size: 0; list-style-type: none; margin: 0 -10px; padding: 0; text-align: left; width: calc(100% + 20px); }
ul.echecklist li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; list-style-type: none; margin: 0; padding: 0 10px; vertical-align: top; }
ul.echecklist.ewidth-xl li { display: block; width: 100%; }

.efield-password .efield_input { padding-right: 80px; }
.efield-password a { color: #74B865; float: right; line-height: 30px; position: absolute; right: 10px; text-decoration: none; top: 0; }
.efield-password a:hover { text-decoration: underline; }
.efield-password label + .efield_input { padding-right: 10px; }
.efield-password label + .efield_input + a { top: 20px; }

@media screen and (min-width: 600px) {
.efield-check.evertical { margin-top: 35px !important; }
ul.echecklist.ewidth-s li { width: 25%; }
ul.echecklist.ewidth-m li { width: 33.3%; }
ul.echecklist.ewidth-l li { width: 50%; }
}
@media screen and (min-width: 960px) {
.efield { margin-top: 20px !important; }
.efield .efield_input { height: 40px; margin: 0; max-width: 100%; padding: 10px; width: 100%; }
.efield select.efield_input { background-position: 100% 0; }
.efield-datepicker .efield_input { background-position: 100% -40px; }
.efield-search .efield_input { background-position: 100% -80px; }
.efield-password a { line-height: 40px; }
.efield-check.evertical { margin-top: 50px !important; }
}
@media screen and (max-width: 599px) {
:not(.ehold) .efield { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; }
:not(.ehold) .efieldset { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; }
}


.efield.eheight-xs textarea.efield_input, .efield.eheight-xs .erte .erte_content { height: 60px !important; }
.efield.eheight-s textarea.efield_input, .efield.eheight-s .erte .erte_content { height: 120px !important; }
.efield.eheight-m textarea.efield_input, .efield.eheight-m .erte .erte_content { height: 160px !important; }
.efield.eheight-l textarea.efield_input, .efield.eheight-l .erte .erte_content { height: 240px !important; }
.efield.eheight-xl textarea.efield_input, .efield.eheight-xl .erte .erte_content { height: 320px !important; }

.efield-autocomplete ul { display: none; }

label.efield_label { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 20px; margin: 0; text-align: left; width: 100%; }
.efield_content { min-height: 30px; width: calc(100% - 5px); }
p.efield_content { font-size: 14px; line-height: 20px; margin-top: 5px; }

.efield.evalid-error .efield_input { box-shadow: inset 0 0 0 1px rgba(255,0,0,0.1); background-color: rgba(255,0,0,0.05); }
.efield.evalid-error .echeck li label:before { box-shadow: inset 0 0 0 1px rgba(255,0,0,0.1); background-color: rgba(255,0,0,0.05); }
.evalid-error p.evalid_text { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; color: #f00; display: block; font-size: 12px; margin: 0; padding: 2px 0 0 0; text-align: left; width: 100%; }

/* FIELD DATEPICKER */
.ui-datepicker { background: #fff; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(0,0,0,0.8); font-size: 12px; left: -999px; line-height: 20px; padding: 5px; position: absolute; text-align: center; top: 0; width: 220px; }
.ui-datepicker a { color: rgba(0,0,0,0.5); }
.ui-datepicker-header { position: relative; }
.ui-datepicker-prev { float: left; position: absolute; left: 0; text-decoration: underline; top: 0; }
.ui-datepicker-next { float: right; position: absolute; right: 0; text-decoration: underline; top: 0; }
.ui-datepicker table { border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; }
.ui-datepicker th { border-bottom: 1px solid #e6e6e6; border-collapse: collapse; line-height: 30px; padding: 0; }
.ui-datepicker td { border-collapse: collapse; padding: 0; }
.ui-datepicker-title { color: rgba(0,0,0,0.8); font-weight: bold; }
.ui-datepicker-calendar { width: 100%; }
.ui-datepicker-calendar .ui-state-default { display: block; line-height: 30px; margin: 0 auto; width: 30px; text-align: center; text-decoration: none !important; }
.ui-datepicker-calendar .ui-state-hover { background: #f3f3f3; color: rgba(0,0,0,0.8); }
.ui-datepicker-calendar .ui-state-active { background: #e6e6e6; color: rgba(0,0,0,0.8); }

/* FIELD AUTOCOMPLETE */
.ui-autocomplete { background: #fff; border: none; border-radius: 5px; box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 0 10px rgba(0,0,0,0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(0,0,0,0.8); font-size: 12px; left: -999px; line-height: 20px; padding: 5px 10px 10px 10px; position: absolute; text-align: left; top: 0; width: 220px; z-index: 999; }
.ui-autocomplete ul { list-style-type: none; margin: 0; padding: 0; }
.ui-autocomplete li { font-size: 14px; line-height: 20px; list-style-type: none; margin: 5px 0 0 0; padding: 0; }

/* LINK */
ul.elink, div.elink { font-size: 0; list-style-type: none; margin: 0; padding: 10px 0 0 0; text-align: center; width: 100%; } 
ul.elink li { border-left: 1px solid #e6e6e6; display: inline-block; margin: 10px 0 0 0; padding: 0; }
ul.elink li:first-child { border-left: none; }
.elink a { color: #74B865; display: block; font-size: 14px; line-height: 20px; padding: 0 10px; text-decoration: none; }
.elink a:hover { text-decoration: underline; }
div.elink a { display: inline-block; margin: 10px 0 0 0; } 

/* POPUP */
.epopup { background: rgba(19,45,87,0.8); display: block; display: none; font-size: 0; height: 100%; left: 0; min-width: 320px; overflow: hidden; position: fixed; text-align: center; top: 0; width: 100%; z-index: 98; }
.epopup:before { content: ''; display: inline-block; height: 100%; margin: 0 0 0 -1px; position: relative; vertical-align: middle; width: 1px; }
.epopup_body { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 30px 5px; position: relative; vertical-align: middle; width: 100%; }
.epopup.ewidth-xs .epopup_body { max-width: 320px; }
.epopup.ewidth-s .epopup_body { max-width: 480px; }
.epopup.ewidth-m .epopup_body { max-width: 720px; }
.epopup.ewidth-l .epopup_body { max-width: 960px; }
.epopup.ewidth-xl .epopup_body { max-width: 1200px; }

.epopup_x { background: transparent url(../image/popup.png) no-repeat 50% 50%; background-size: 30px 30px; display: block; font-size: 0; height: 30px; opacity: 1; position: absolute; right: 0; top: 0; width: 30px; z-index: 1; }
.epopup_x:hover { opacity: 0.5; }

.epopup_box { background: #fff; border: 10px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; max-height: calc(100vh - 120px); overflow: auto; -webkit-overflow-scrolling: touch; padding: 0 10px; position: relative; width: 100%; }
.epopup.epopup-mobile .epopup_box { max-height: calc(100% - 60px); }
.epopup_box:before { content: ''; float: left; height: calc(100% + 1px); margin-left: -1px; width: 1px; }
.epopup_box:after { clear: both; content: ''; display: block; height: 10px; width: 100%; }
.epopup h1 { text-align: center; text-transform: uppercase; }
.epopup .etext, .epopup .etext_column { text-align: center; }

.epopup .efield + .efield label { margin-top: -10px !important; }
@media screen and (max-width: 719px) {
.epopup_body { padding-bottom: 0; }
.epopup_box { max-height: calc(100vh - 80px); }
}
@media screen and (max-width: 479px) {
.epopup_box { border-width: 1px; }
}










