@charset "utf-8";
/* CSS Document */
.transition6 {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all .5s ease}
.transition3{-webkit-transition: all 10s ease; -moz-transition: all 10s ease;  -o-transition: all 10s ease; transition: all 10s ease;}
.transition4{-webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out;  -o-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out;}

.breadcrumb-box1 { width: 100%; height: auto; display: block; margin: 130px 0 0px 0;padding: 0 0;}

.wrapper820 {margin: 0 auto; max-width: 820px; width: 95%;}
.wrapper820:after{ content: ''; width: 100%; display: block; height: 0; font-size: 0px; line-height: 0; clear: both;}
.wrapper1000 {margin: 0 auto; max-width: 1000px; width: 95%;}
.wrapper1000:after{ content: ''; width: 100%; display: block; height: 0; font-size: 0px; line-height: 0; clear: both;}
.wrapper380 {margin: 0 auto; max-width: 380px; width: 95%;}
.wrapper380:after{ content: ''; width: 100%; display: block; height: 0; font-size: 0px; line-height: 0; clear: both;}
.contact-box1 { width: 100%; height: auto; display: block; margin: 0px 0 0 0; padding: 0px 0;}
.contact-box1:after { content: '';  width: 100%; display: block;  clear: both; line-height: 0; font-size: 0px;}
.contact-box1a{width: 100%; height: auto; float: left; display: block; margin: 0; padding: 60px 0 80px 0;}
.contact-box1a h3{width: 100%; height: auto; float: left; display: block; position: relative; padding-bottom: 25px; font-family: 'Lato', sans-serif; font-size: 22px; font-weight: 700; color: #1c1c1c; line-height: 30px; text-transform: uppercase; letter-spacing: 2px; text-align: center;}
.contact-box1a h2 {width: 100%; height: auto; float: left; display: block; width: -moz-min-content; /* Firefox */ width: -webkit-min-content; /* Chrome */ width: min-content; height: auto; display: block; position: relative; padding-top: 10px; font-family: 'Lato', sans-serif; font-size: 48px; font-weight: bold; color: #000000;line-height: 60px; text-transform: uppercase; z-index: 2; letter-spacing: 3px; white-space: nowrap; text-align: center;   }
.contact-box1a h2:after { content: ''; position: absolute; right: 150px; top: 8px; background: #f36523; width: 185px;  height: 25px; z-index: -1;}


.contact-box2 { width: 100%; height: auto; display: block; margin: 0px 0 55px 0; padding: 0px 0; border-bottom: 1px dashed #b9b9b9; border-top: 1px dashed #b9b9b9;}
.contact-box2:after { content: '';  width: 100%; display: block;  clear: both; line-height: 0; font-size: 0px;}

.contact-box2a { width: 100%; height: auto;  margin: 0px 0 0 0; padding: 0px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.contact-box2a .contact-box2a-left{width: 50%; height: auto; float: left; display: block; border-right: 1px dashed #b9b9b9;  padding: 60px 10px;  }
.contact-box2a .contact-box2a-left aside{ width: auto; margin: 0 auto; text-align: center; display: table;}
.contact-box2a .contact-box2a-left figure{ width: 100%;float: left; display: block;margin: 0;padding: 0; height: 70px; }
.contact-box2a .contact-box2a-left aside h2{width: 100%; height: auto; float: left; display: block; position: relative; padding-bottom: 0px; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 700; color: #1c1c1c; line-height: 22px;  text-align: center;}
.contact-box2a .contact-box2a-left aside span{width: 100%; height: auto; float: left; display: block; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 400; color: #1c1c1c; line-height: 30px;  text-align: center; padding-top: 10px;}
.contact-box2a .contact-box2a-left aside span a{  font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 400; color: #1c1c1c; line-height: 30px;  text-align: center;}

.contact-box2a .contact-box2a-right{width: 50%; height: auto; float: left; display: block; padding: 60px 10px; }
.contact-box2a .contact-box2a-right article{width: auto; margin: 0 auto; text-align: center; display: table;}
.contact-box2a .contact-box2a-right article h2{width: 100%; height: auto; float: left; display: block; position: relative; padding-bottom: 0px; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 700; color: #1c1c1c; line-height: 22px;  text-align: center;}
.contact-box2a .contact-box2a-right article span{width: 100%; height: auto; float: left; display: block; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 400; color: #1c1c1c; line-height: 30px;  text-align: center; padding-top: 10px;}
.contact-box2a .contact-box2a-right article span a{  font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 400; color: #1c1c1c; line-height: 30px;  text-align: center;}





.contact-box3 { width: 100%; height: auto; display: block; margin: 0px 0 55px 0; padding: 0px 0; border-bottom: 1px dashed #b9b9b9;}
.contact-box3:after { content: '';  width: 100%; display: block;  clear: both; line-height: 0; font-size: 0px;}

.contact-box3a { width: 100%; height: auto; display: block; margin: 0px 0 55px 0; padding: 0px 0;}
.contact-box3a:after { content: '';  width: 100%; display: block;  clear: both; line-height: 0; font-size: 0px;}
.contact-box3a aside{ width: auto; margin: 0 auto; text-align: center; display: table;}
.contact-box3a aside h2{width: 100%; height: auto; float: left; display: block; position: relative; padding-bottom: 0px; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 700; color: #3a3a3a; line-height: 22px;  text-align: center;}
.contact-box3a aside h3{width: 100%; height: auto; float: left; display: block; position: relative; padding-bottom: 20px; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 400; color: #3a3a3a; line-height: 28px;  text-align: center;}
.contact-box3a aside span{ width: auto; margin: 0 auto; text-align: center; display: table; }
.contact-box3a aside span a{font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 400; color: #3a3a3a; line-height: 14px;  text-align: center; text-decoration: underline; position: relative; padding-top: 46px; display: block;}
.contact-box3a aside span a:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; width: 22px; height: 31px; margin: 0 auto; background: url("../images/map-icon2.png") no-repeat left top;}
.contact-box3a aside span a:hover{ color: #f16421;}



.contact-box4 { width: 100%; height: auto; display: block; margin: 0px 0 55px 0; padding: 0px 0;}
.contact-box4:after { content: '';  width: 100%; display: block;  clear: both; line-height: 0; font-size: 0px;}
.wrapper600 {margin: 0 auto; max-width: 600px; width: 95%;}
.wrapper600:after{ content: ''; width: 100%; display: block; height: 0; font-size: 0px; line-height: 0; clear: both;}
.contact-box4a {margin: 0 auto 65px; max-width: 410px; width: 95%; text-align: center;}
.contact-box4a:after{ content: ''; width: 100%; display: block; height: 0; font-size: 0px; line-height: 0; clear: both;}
.contact-box4a h2{ width: 100%; height: auto; display: block;font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 600; color: #1a1a1a; line-height: 22px;  text-align: center; padding-bottom: 15px; }
.contact-box4a h3{ width: 100%; height: auto; display: block;font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 400; color: #1a1a1a; line-height: 30px;  text-align: center; padding-bottom: 15px; }
.contact-box4a h4{ width: 100%; height: auto; display: block;font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 400; color: #1a1a1a; line-height: 16px;  text-align: center; }
.contact-box4a h4 strong{font-weight: 600; color: #f16421;}


.contact-box4b{width: 100%; height: auto; display: block; }
.contact-box4b ul{width: 100%; height: auto;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.contact-box4b ul li{width: 100%; height: auto; display: block; padding: 10px 0;}
.contact-box4b ul li span{width: 165px; height: auto; float: left;display: block;font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; color: #000; line-height: 18px; padding: 10px 0;     }
.contact-box4b ul li span strong{font-weight: 600; color: #f16421;}
.contact-box4b ul li article{ width: calc(100% - 165px); height: auto; float: left;display: block; }
.contact-box4b ul li article input[type='text']{ width:100%; height: 40px; padding:10px; box-sizing: border-box; border:1px solid #dedede; border-radius:3px;  font-size: 14px; color: #292929; font-weight: 500;}
.contact-box4b ul li article input[type='email']{ width:100%; height: 40px; padding:10px; box-sizing: border-box; border:1px solid #dedede; border-radius:3px;  font-size: 14px; color: #292929; font-weight: 500; }
.contact-box4b ul li article input[type='tel']{ width:100%; height: 40px; padding:10px; box-sizing: border-box; border:1px solid #dedede; border-radius:3px;  font-size: 14px; color: #292929; font-weight: 500; }
.contact-box4b ul li article textarea{ width:100%; height: 125px; padding:10px; box-sizing: border-box;border:1px solid #dedede; border-radius:3px; font-size: 14px; color: #292929; font-weight: 500;  resize: none;}

.contact-box4b ul li article input[type='text']:focus, .contact-box4b ul li article input[type='email']:focus, .contact-box4b ul li article input[type='tel']:focus{ border:1px solid #f16421;}
.contact-box4b ul li article textarea:focus{ border:1px solid #f16421;}
::-webkit-input-placeholder { /* Edge */color: #6b6b6b;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #6b6b6b;}
::placeholder { color: #6b6b6b;}

.krisSelectWrap .selectDropMenu{ z-index: 222;}
.krisSelectWrap strong {background: url(../images/downArrow5.png) no-repeat 96% 18px;}

.submit-box{ width:100%; height: auto;float: left;  display: block; padding-left: 165px; padding-top: 20px;}

.submit-box input[type='submit']{ width:200px; height: 45px;  background:#000  url("../images/arrow25.png") no-repeat 90% 16px; border:0px solid #c2c2c2; border-radius:20px;font-family: 'Lato', sans-serif; color:#FFF; font-size:10px; font-weight:400; text-transform:uppercase; cursor: pointer; text-align: left; padding: 0 30px; position: relative;}
/*.submit-box input[type='submit']:hover{ background-size:100%; color: #fff;}*/





.submit-box input[type='reset']{ width:140px; height: 44px;  background:#ffffff; border:1px solid #d2d2d2; border-radius:4px; color:#e92d33; font-size:14px; font-weight:400; text-transform:uppercase; cursor: pointer; margin-right: 18px; background-image:linear-gradient(0, #000000, #000000); background-size: 0; transition: .8s; background-repeat: no-repeat;}
.submit-box input[type='reset']:hover{ background-size:100%; color: #fff;}




.error-box1 { width: 100%; height: auto; display: block; margin: 100px 0 100px 0;padding: 0 0;}

.wrapper300 {margin: 0 auto; max-width: 300px; width: 95%;}
.wrapper300:after{ content: ''; width: 100%; display: block; height: 0; font-size: 0px; line-height: 0; clear: both;}
.error-box1a{width: 100%; height: auto; display: block;}
.error-box1a figure{ width: 83px; height: 83px; margin: 0 auto; text-align: center;}
.error-box1a h3{width: 100%; height: auto; display: block;font-family: 'Lato', sans-serif; font-size: 48px; font-weight: 700; color: #1d1d1d; line-height: 48px;  text-align: center; padding-bottom: 10px; padding-top: 25px;}
.error-box1a h2{width: 100%; height: auto; display: block;font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; color: #1d1d1d; line-height: 20px;  text-align: center; padding-bottom: 35px; }
.error-box1a span{ width: auto; margin: 0 auto; display: table;}
.error-box1a span a{ display: block; width: 200px;  height: 44px;  background:#f3f3f3; border:0px solid #d2d2d2; border-radius:20px; color:#202020; font-size:10px; font-weight:600; line-height: 44px; text-align: left; text-transform:uppercase; cursor: pointer; padding: 0 25px;  background-image:linear-gradient(0, #000000, #000000); background-size: 0; transition: .8s; background-repeat: no-repeat; position: relative; }
.error-box1a span a:after{ content: ''; position: absolute; right: 25px; top: 18px; width: 9px; height: 12px; background: url("../images/arrow26.png") no-repeat right top;}
.error-box1a span a:hover:after{ content: ''; position: absolute; right: 25px; top: 18px; width: 9px; height: 12px; background: url("../images/arrow26.png") no-repeat right -102px;}
.error-box1a span a:hover{ background-size:100%; color: #fff;}


.thank-box1 { width: 100%; height: auto; display: block; margin: 100px 0 100px 0;padding: 0 0;}

.wrapper480 {margin: 0 auto; max-width: 490px; width: 95%;}
.wrapper480:after{ content: ''; width: 100%; display: block; height: 0; font-size: 0px; line-height: 0; clear: both;}
.thank-box1a{width: 100%; height: auto; display: block;}
.thank-box1a figure{ width: 90px; height: 83px; margin: 0 auto; text-align: center;}
.thank-box1a h3{width: 100%; height: auto; display: block;font-family: 'Lato', sans-serif; font-size: 36px; font-weight: 400; color: #1d1d1d; line-height: 42px;  text-align: center; padding-bottom: 30px; padding-top: 25px;}
.thank-box1a p{width: 100%; max-width: 358px; margin: 0 auto; height: auto; display: block;font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; color: #1d1d1d; line-height: 20px;  text-align: center; padding-bottom: 35px; }







@media screen and (max-width: 800px) {
.contact-box1a h2 { width: 100%;font-size: 40px;}
}
@media screen and (max-width: 600px) {
	.contact-box1a {padding: 50px 0 30px 0;}
	.contact-box1a h2 { white-space: revert;}
	.contact-box4b ul li span {width: 100%;}
	.contact-box4b ul li article {width: 100%;}
	.submit-box { width: 100%; max-width: 200px; margin: 0 auto;height: auto; float: none; display: table;padding-left: 0;}
	.contact-box4b ul li:last-child span{ display: none;}
	.contact-box1a h2 {width: 100%; font-size: 20px; line-height: 24px;}
	.contact-box1a h2:after { right: 0; left: 0;margin: 0 auto;height: 12px;}
	.contact-box2a .contact-box2a-left aside span a {font-size: 16px;line-height: 22px;}
	.contact-box2a .contact-box2a-left aside span{font-size: 16px;line-height: 22px;}
	.contact-box2a .contact-box2a-right {padding: 20px 5px; }
	.contact-box2a .contact-box2a-left {padding: 20px 5px;}
	.contact-box2a .contact-box2a-right article span {font-size: 16px;line-height: 20px;}
	.contact-box2a .contact-box2a-right article span a {font-size: 16px;line-height: 20px;}
}