@charset "utf-8";
.footer {
	margin-top: 0px;
}
.pagebk-heartline,.pagebk-contact{
	background-size: 100% 200px;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #f5f5f5;
	padding-bottom: 85px;
}
.pagebk-heartline{
	background-image: url(../images/heartline/bk1.jpg);
}
.pagebk-contact{
	background-image: url(../images/contact/bk1.jpg);
}

.mbody-page{
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	font-family: 'font2-regular','Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;	
}
.titlesbar {
	height: 130px;
	display: flex;
	align-items: center;
}

.titlesbar .titles {
	font-family: 'font1-bold','Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 3rem;
	color:#ffffff;
}
.titlesbar .rboxes {
	flex: 1;
	display: flex;
	justify-content: flex-end;
}
.titlesbar .rboxes .helpful {
	display: block;
	text-align: center;
	border-radius: 5px;
	background-color: #ededed;
	padding: 10px 20px 10px 20px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	font-size: 0.875rem;
	width: 220px;
}
.titlesbar .rboxes .helpful:hover {
	background-color: #ffffff;
}
.titlesbar .rboxes .helpful .title{
	font-size: 1.125rem;
	color:#00aaff;
	display: block;
	font-family: 'font2-bold','Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.titlesbar .rboxes .helpful .text1{
	text-decoration: underline;
}
.hcontainer {
	display: flex;
}
	
.moreinf-container {
	margin-left: 30px;
	width: 260px;	
	flex-grow: 0;
	flex-shrink: 0;
	padding: 110px 0px 0px 0px;
	
}

.moreinf-container .infbox {
	width: inherit;
    color:#353535;	
	
}
.moreinf-container .infbox .emailadr{
	background-color: #00aaff;
	padding: 5px;
	color:#ffffff;
	border-radius: 5px;
	margin: 3px 0px 3px 0px;
	min-height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.moreinf-container .infbox .emailadr:hover{
	background-color: #00ccff;
}
.moreinf-container .infbox .title {
	font-family: 'font2-medium','Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 1.125rem;
	color:#353535;
	margin-bottom: 15px;	
}
.moreinf-container .infbox .links {	
	display: flex;
	flex-direction: column;
}
.moreinf-container .infbox .links a{	
	color: #00aaff;
	line-height: 1.2;
	margin-bottom: 10px;
	text-indent: -9px;
	margin-left: 9px;
}
.moreinf-container .infbox .links a:hover {
	text-decoration: underline;	
}


.hform {
  border-top:8px solid #fff100;
  width: 820px;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  flex-shrink: 1;
  padding: 37px 50px 35px 50px;
}
.hform-contact {
  padding: 27px 50px 35px 50px;	
}

.stitle{
  display: flex;
  margin-left: -50px;	
}
.stitle span{
  margin: 37px 0px 35px 0px;
  font-family: 'font1-medium','Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  color:#ffffff;
  background-color: #e6007f;
  padding-top:5px;
  padding-bottom: 5px;
  padding-right: 35px;
  padding-left: 35px;
  min-height: 45px;
  display: flex;
  box-sizing: border-box;	
  align-items: center;	
	
}
.hform .row {
  margin-bottom: 26px;
  display: flex;	
}
.hform .row .column {
  flex: 1;	
  margin-right: 30px; 	
}
.hform .row .column:last-of-type {
  margin-right: 0px; 		
}
.hform .row .title {
  font-size: 1.25rem;
  color: #000000;
}
.hform .row .title .red{
  margin-left: 5px;
}

.hform .row .text {
  font-size: 1.25rem;
  color: #000000;
  margin-top: 10px;	
}
.hform .row label{
	font-size: 1.2rem;
	margin-right: 20px;
	border-radius: 30px;
	white-space: nowrap;	
	display: inline-block;
	margin-bottom: 10px;
}

.hform .row .radioprompt-error{
	padding: 7px 12px 7px 7px;
	background-color: #feff4f;
}
.hform .row input[type=radio]{
	-webkit-appearance:radio;
	transform: scale(1.5,1.5);
	margin-right: 15px;
}
.hform .row textarea,
.hform .row select,
.hform .row input[type=text]{
  font-size: 1.2rem;
  margin-top: 15px;
  min-height: 40px;
  overflow: hidden;
  box-sizing: border-box;	
  width:100%;
  border:none;
  padding: 10px;
  background-color: #ededed;
  border-radius: 5px;	
  box-shadow:1px 1px 5px rgba(0,0,0,0.15) inset;  
}
.hform .row textarea {
  min-height: 120px;	
}
.hform .row textarea[class=errorprompt],
.hform .row input[class=errorprompt],
.hform .row .errorprompt {
  background-color: #feff4f;	
}

.hform .explain {
  color:#969696;
}
.hform .explainb {
  color:#353535;
  margin-bottom: 20px;
}
.hform .explainc {
  color:#969696;
  margin-bottom: 20px;
}
.hform .red {
  color:#e6007f;
}



.hform .btns {
  padding: 25px 0px 30px 0px;	
}
.hform .btns button,
.hform .btns .btn-submit {
  background-color: #00aaff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  color:#ffffff;
  cursor: pointer;
  border-radius: 5px;
  box-sizing: border-box;
  min-height: 40px;
  font-family: 'font2-medium','Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1.125rem; 	
}
.hform .btns button:hover,
.hform .btns .btn-submit:hover {
 background-color: #00ccff;
}


.hform .moreinf-container-mobile {
	display: none;	
}

@media screen and (max-width: 970px) {
.mbody-page {
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}
.titlesbar {
    height: auto;
    margin-left: 0px;
	padding: 20px 15px 20px 15px;
	justify-content: center;
}
.titlesbar .titleimg-heartline{	
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}	
.titlesbar .titles {
    font-size: 1.5rem;
}
.titlesbar .rboxes {
	display: none;
}
.hcontainer {
    flex-direction: column;
}	
	
.hform {
    border-top: 8px solid #fff100;
    width: 100vw;
    box-shadow:none;
    padding: 15px 15px 15px 15px;
	box-sizing: border-box;
}	
.stitle {
    margin-left: -15px;	
}
.hform .row {
    flex-direction: column;
}
.hform .row .column {
    margin-right: 0px;
	margin-bottom: 26px;
}		
.hform .row .column:last-of-type {
	margin-bottom: 0px;
}	
.hform .btns {
	display: flex;
	justify-content: center;
}	
.moreinf-container {
	display: none;	
}	
.hform .moreinf-container-mobile {
	display: block;	
}	
.hform .moreinf-container-mobile .emailadr{
	background-color: #00aaff;
	padding: 5px;
	color:#ffffff;
	border-radius: 5px;
	margin: 3px 0px 3px 0px;
	min-height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}	
.pagebk-heartline, .pagebk-contact {
    padding-bottom: 0px;
}	
}

/**********************/
.lang-gb .titlesbar .titles,
.lang-ch .titlesbar .titles,
.lang-jp .titlesbar .titles,
.lang-kr .titlesbar .titles{
	font-size: 3rem;
	font-weight: normal;
}
.lang-fa .hform .row,
.lang-ar .hform .row {
    direction: rtl;
}

.lang-fa .hform .row .column,
.lang-ar .hform .row .column{
  margin-left: 30px; 	
  margin-right: 0px; 		
}