@charset "UTF-8";

h2{margin-top:32px; margin-bottom:64px; font-family: 'Lato', sans-serif; font-size:50px; font-size:5.0rem; font-weight:100; letter-spacing:0; background:url("../../lib/logo.png") center bottom no-repeat; padding-bottom:80px; background-size:80px;}

#topimage{margin-top:80px; background:url("../lib/main-image.jpg") center center no-repeat; padding-bottom: calc(100%*517/800);/* calc(100*ImageHeight/ImageWidth)% */ background-size:contain; background-position:contain; }
@media (min-width:768px) {
#topimage{background:url("../lib/main-image.jpg") center center no-repeat;  padding-bottom:0; background-size:cover; background-position:cover; height:640px;}
}

#privacy{margin-bottom:64px; padding:0 16px;  max-width:1200px; margin:0 auto; text-align:left;}

h3{margin:34px 0 16px 0; font-size:16px; font-size:1.6rem; padding:8px 0 8px 8px; background:url("../lib/bg_line.gif") 0 0 repeat;}
h3 .red{display:inline-block; margin-left:8px; background:#cc0000; font-size:12px; font-size:1.2rem; color:#fff; padding:1px 2px; vertical-align:middle;}
h4{margin:18px 0; font-size:14px; font-size:1.4rem;}
ol{list-style:none;}

.formarea,.check{font-size: 16px; font-size:1.6rem;}
.formarea label{display:inline-block; width:45%;}

.pt20{
  padding-top: 20px;
}

/*****************
.label-checkbox input[type="checkbox"]{
  display: none;
}
.label-checkbox{
  cursor: pointer;
  padding-right: 15px;
  font-weight: normal;
}
.label-checkbox .lever:before{
  content:"\f096";
  font-family: "FontAwesome";
  margin-right: 7px;
  color: #999;
  font-size: 18px;
  position: relative;
  top: 2px;
}
.label-checkbox input[type="checkbox"]:checked + .lever{
  color: #4788bf;
}
.label-checkbox input[type="checkbox"]:checked + .lever:before{
  content:"\f046";
  font-family: "FontAwesome";
  color: #4788bf;
}


.label-radio input[type="radio"]{
  display: none;
}
.label-radio{
  cursor: pointer;
  padding-right: 15px;
  font-weight: normal;
}
.label-radio .lever:before{
  content:"\f10c";
  font-family: "FontAwesome";
  margin-right: 7px;
  color: #999;
  font-size: 18px;
  position: relative;
  top: 2px;
}
.label-radio input[type="radio"]:checked + .lever{
  color: #4788bf;
}
.label-radio input[type="radio"]:checked + .lever:before{
  content:"\f05d";
  font-family: "FontAwesome";
  color: #4788bf;
}
*****************/
input[type="text"],input[type="email"],input[type="tel"],textarea { padding: 0.8em; outline: none; border: 1px solid #DDD; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 16px; font-size:1.6rem;}
textarea {max-width:80%;}

.select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: 0;
    content: "\f063";
    font-family: "FontAwesome";
    line-height: 43px;
    color: #7F878C;
    pointer-events: none;
}
select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 40px;
    padding: 8px 12px;
    border:1px solid #ddd;
    color:#828c9a;
    border-radius:3px;
}
select option{
  background-color: #fff;
  color: #333;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring {
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}


div.mfp_buttons button{
	margin-top:20px;
    border-radius: 0;   
    background:#fff;
    border: 1px solid #000;
    color: #000;
	font-size:18px;
	font-size:1.8rem;
    padding: 10px 80px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
div.mfp_buttons button:hover {
    background:#eee;
}

div.mfp_ok{background:none; border:none; color:#090;}
div.mfp_ok:before{content: "\f111"; font-family: "FontAwesome";}

div.mfp_err,.errs{font-size:14px; background:none; color:#cc0000; padding: 3px 0px 5px 5px;}
div.mfp_err:before{content: "\f071"; font-family: "FontAwesome";}

.domain{background:#ffe0e0; border:1px solid #cc0000; margin:0 auto; margin-top:32px; max-width:800px; padding:0 8px 0 8px; text-align:left; font-size:14px; font-size:1,4rem;}
.domain h4{margin:14px 0 0 0; font-size:18px font-size:1.8rem;}
.domain p{margin-bottom:14px;}


table#mfp_confirm_table tr th, table#mfp_confirm_table tr td{font-size:14px; font-size:1.4rem;}

#thanks{margin-top:160px; font-size:14px; font-size:1.4rem;}

@media (min-width:414px) {}

@media (min-width:768px) {
.formarea label{display:inline-block; width:24%;}
}