body {
    background        : rgb(254, 254, 254);
}

ui-view {
    background        : rgb(254, 254, 254);
}

div.col-logo {
    position          : absolute;
    top               : 48px;
    right             : 80px;
    height            : 100px;
}

div.section-01 {
    background: transparent url('../assets/img/bg-section-01.jpg?v=1') no-repeat center center;
    background-size   : cover;
    height            : 600px;
    color             : #fff;
}

div.section-01 h1 {
    margin-bottom     : 0;
    font-size         : 46px;
    letter-spacing    : 0.04em;
    text-align        : center;
}

div.section-01 .hero-sub {
    margin-top        : 16px;
    font-size         : 48px;
    letter-spacing    : 0.04em;
    text-align        : center;
}

div.section-02 {
    background        : #fff;
    /*height            : 400px;*/
}

div.section-02 h2 {
    font-size         : 32px;
    text-align        : center;
}

div.section-02 p {
    font-size: 22px;
    color             : #747474;
}

div.section-02 .point {
    text-align        : center;
}

div.section-02 .point img {
    width             : 65%;
}

div.section-02 .cta {
    font-size         : 1.6em;
    font-weight       : bold;
    color             : #ef5d60;
    text-align        : center;
}

div.section-03 {
    background        : #00bea4;
    height            : 580px;
    color             : #fff;
}

div.section-03 h2 {
    font-size         : 40px;
    letter-spacing    : 0.08em;
}

div.section-03 p {
    font-size         : 24px;
}

div.section-03 .bordered-column {
    border            : 1px solid #fff;
    padding           : 16px;
    text-align        : center;
}

div.section-03 .quoted-text p {
    font-size         : 24px;
    font-weight       : bold;
}

div.section-03 p.cta {
    font-size         : 28px;
    font-weight       : bold;
    letter-spacing    : 0.06em;
}

div.section-04 {
    background-image  : url('../assets/img/bg-section-04.jpg');
    background-size   : cover;
    height            : 520px;
    color             : #fff;
}

div.section-04 h2 {
    font-size         : 40px;
    letter-spacing    : 0.04em;
    border-bottom     : 1px solid #dcdcdc;
    padding-bottom    : 24px;
    text-align        : right;
}

div.section-04 p {
    font-size         : 1.3em;
    text-align        : right;
}

div.section-04 p.cta {
    font-size         : 80px;
    font-weight       : bold;
    letter-spacing    : 0.03em;
    text-align        : left;
    margin            : 0;
}

div.section-05 {
    /*background-image  : url('../assets/img/bg-section-05.jpg');
    background-size   : cover;*/
    background        : #00B0C6;
    height            : 760px;
    color             : #fff;
}

div.section-05 h2 {
    font-size         : 46px;
    letter-spacing    : 0.08em;
    margin-bottom     : 0;
}

div.section-05 .hero-sub {
    font-size         : 28px;
    letter-spacing    : 0.13em;
    margin-top        : 8px;
    margin-bottom     : 0;
}

div.section-05 .hero-description {
    margin-top        : 24px;
    font-size         : 1.4em;
    letter-spacing    : 0.06em;
}

div.section-05 .col-signup {
    border-bottom     : 1px solid #dcdcdc;
    padding-bottom    : 24px;
    text-align        : left;
}

div.section-05 .col-explaination {
    border-bottom     : 1px solid #dcdcdc;
    padding-bottom    : 24px;
    text-align        : right;
}

div.section-05 .col-ngo {
    text-align        : center;
}

div.section-05 .col-ngo img {
    height            : 96px;
}

div.section-05 .md-button-primary {
    width             : 200px;
}

div.section-06 {
    background-image  : url('../assets/img/bg-section-06.jpg');
    background-size   : cover;
    height            : 660px;
    color             : #fff;
}

div.section-06 h2 {
    font-size         : 40px;
    letter-spacing    : 0.06em;
    margin-bottom     : 0;
    text-align        : center;
}

div.section-06 p {
    font-size         : 16px;
    line-height       : 1.6em;
}

div.section-06 .point {
    text-align        : center;
    padding-top       : 32px;
}

#benefit-from p, #best-choice p{
    font-size: 22px;
    color:#747474;
}

#notable-people p {
    font-size: 22px;
}

.sickness {
    font-size: 18px !important;
}

#prevention h1 {
    font-size: 48px;
}

div.section-07 .col-icon {
    text-align        : center;
    padding-top       : 2px;
    padding-left      : 16px;
}

div.section-08 {
    /*background-image  : url('../assets/img/bg-section-08.jpg');*/
    /*background-size   : cover;*/
    background-color  : #fff;
    height            : 900px;
    color             : #747474;
}

div.section-08 h2 {
    font-size         : 48px;
    letter-spacing    : 0.04em;
    margin-bottom     : 24px;
    text-align        : center;
}

div.section-08 img {
    width             : 64px;
}

div.section-08 .col-icon {
    text-align        : center;
    padding-top       : 4px;
}

div.section-08 .col-header-image {
    text-align        : right;
    margin-bottom     : 24px;
}

div.section-08 .col-header-image img {
    width             : 120px;
}

div.section-08 .icon-cell {
    padding           : 24px 0;
    text-align        : center;
}

div.section-09 {
    color             : #747474;
}

div.section-09 h2 {
    font-size         : 40px;
    letter-spacing    : 0.04em;
    text-align        : center;
    margin-bottom     : 16px;
}

div.section-09 h3 {
    font-size         : 22px;
    letter-spacing    : 0.04em;
    margin-bottom     : 16px;
}

div.section-09 .normal-price {
    font-size         : 1.4em;
    text-decoration   : line-through;
    margin-bottom     : 0;
    text-align        : center;
}

div.section-09 .offer-price {
    font-size         : 26px;
    font-weight       : bold;
    margin-top        : 8px;
    margin-bottom     : 0;
    text-align        : center;
}

div.section-09 .tax {
    font-size         : 16px;
    margin-top        : 0;
    text-align        : center;
}

div.section-09 .buy-button {
    font-size         : 14px;
}

div.section-09 .hidden-separator {
    border-bottom     : none;
    padding-top       : 32px;
    padding-bottom    : 32px;
}

div.section-09 .block-separator {
    border-bottom     : 1px solid #dcdcdc;
    padding-top       : 32px;
    padding-bottom    : 32px;
}

div.section-09 .col-product {
    text-align        : left;
}

div.section-09 .col-product img {
    width             : 56px;
}

div.section-packages .header {
    background        : #00B0C6;
    padding-top       : 80px;
    padding-bottom    : 120px;
    margin-bottom     : -80px;
}

div.section-packages .header h2 {
    font-size         : 40px;
    color             : #fff;
    letter-spacing    : 0.04em;
    text-align        : center;
    margin            : 0;
}

div.section-packages .body .first-bracket,
div.section-packages .body .last-bracket {
    height            : 600px;
}

div.section-packages .body .middle-bracket {
    margin-top        : -160px;
    height            : 1104px;
}

div.section-packages .body .product-box {
    background-color  : #fff;
    border            : 1px solid #dcdcdc;
    margin            : 0 5px 10px 5px;
}

div.section-packages .body .product-box h3 {
    font-size         : 32px;
    color             : #747474;
    letter-spacing    : 0.04em;
    margin-top        : 0;
    margin-bottom     : 0;
    text-align        : center;
}

div.section-packages .body .product-box hr {
    margin-top        : 0;
    margin-bottom     : 0;
    margin-left       : 24px;
    margin-right      : 24px;
}

div.section-packages .body .product-box .inner-header {
    background        : #ffffff;
    padding           : 40px 16px 8px;
    font-size         : 15px;
    text-align        : center;
    Xheight            : 360px;
    margin            : 0;
}

div.section-packages .body .product-box .inner-header-special {
    background        : #F5F5F5;
    padding           : 64px 16px 8px;
    height            : 400px;
}

div.package-description {
    height: auto;
}

div.section-packages p,
div.section-packages a {
    padding           : 0 12px;
    font-size         : 15px;
    line-height       : 22px;
}

div.section-packages .getdocplus-price {
  font-size: 22px;
  line-height: 30px;
  padding: 20px 10px;
  color: white;
  background: darkblue;
  border: 2px blue solid;
}

div.section-packages .normal-price {
    font-size         : 1.3em;
    text-decoration   : line-through;
    margin-bottom     : 0;
    text-align        : center;
}

div.section-packages .offer-price {
    font-size         : 26px;
    font-weight       : bold;
    margin-bottom     : 8px;
    text-align        : center;
    line-height       : 32px;
}

div.section-packages .tax {
    font-size         : 16px;
    margin-top        : 0;
    text-align        : center;
}

div.section-packages .buy-button {
    width             : 90% !important;
    margin-left       : 5%;
}

div.section-packages p.description,
div.section-packages p.obvious,
div.section-packages a.special-href {
    text-align        : center;
}

div.section-10 {
    background-image  : url('../assets/img/bg-06.png');
    background-size   : cover;
    min-height: 600px;
    color             : #fff;
}

div.section-10 h2 {
    font-size         : 32px;
    letter-spacing    : 0.04em;
    text-align        : center;
    margin-bottom     : 16px;
    font-weight: bold;
}

div.section-10 p {
    font-size         : 24px;
    line-height       : 1.6em;
}

div.section-10 .col-name {
    margin-top        : 16px;
}

div.section-10 input[type="text"],
div.section-10 input[type="email"] {
    height            : 60px;
    background        : rgba(255, 255, 255, 0.5);
    color             : black;
    border: none;
    font-size: 20px;
    width             : 85%;
    margin-bottom     : 28px;
    padding           : 20px;
}

div.section-10 .second-col-email {
    margin-left       : 16px;
    margin-right      : 16px;
}

div.section-10 .single-text-field {
    padding-left      : 5px;
    padding-right     : 5px;
}

div.section-10 .single-button {
    padding-left      : 4px;
}

div.section-11 {
    font-size         : 30px;
    color             : #747474;
}

div.section-11 img {
    margin            : 0 6px;
    vertical-align    : middle;
}

div.section-affiliate {
    background        : #00bea4;
    height            : 340px;
    color             : #fff;
}

div.section-affiliate h2 {
    font-size         : 24px;
    text-align        : center;
    letter-spacing    : 0.04em;
}

div.section-affiliate p {
    font-size         : 20px;
    text-align        : center;
    letter-spacing    : 0.04em;
}

div.section-affiliate p img {
    vertical-align    : middle;
}

div.section-why-hs {
    color: black;
    background        : #ffff;
}

div.section-why-hs .bordered-column {
    padding           : 32px 16px;
    text-align        : center;
    background-color: #399EB5;
    border: 10px solid #CBECF3;
}

div.section-why-hs h1 {
    font-size         : 32px;
}

div.section-why-hs h3 {
    font-size         : 22px;
    margin-top        : 8px;
    margin-bottom     : 8px;
}

div.section-why-hs p.description {
    font-size         : 18px;
}

div.section-why-hs p.quoted-text {
    font-size         : 20px;
    font-weight       : bold;
}

div.section-why-hs p.cta {
    font-size         : 22px;
    font-weight       : bold;
}

div.section-why-hs .sectionize {
    border-bottom     : 1px solid #fff;
    margin-bottom     : 16px;
}


div.section-hiw {
    background        : #ef5d60;
    color             : #fff;
}

div.section-hiw h2 {
    font-size         : 32px;
    text-align        : center;
    letter-spacing    : 0.04em;
}

div.section-thank-you {
    background-image  : url('../assets/img/bg-thank-you.jpg');
    background-size   : cover;
    height            : 600px;
    color             : #747474;
}

div.section-thank-you h1 {
    font-size         : 56px;
}

div.section-thank-you p {
    font-size         : 18px;
    letter-spacing    : 0.03em;
    line-height       : 1.26em;
}

div.section-collaborator {
    background        : #fff;
}

div.section-collaborator .col-img-gribbles {
    text-align        : center;
}

div.section-collaborator img:first-child {
    height            : 200px;
}

div.section-participating-clinics img {
    height            : 110px;
}

div.footer {
    background        : #e0f4f7;
    color             : #747474;
}

div.footer .social-md-flex {
    text-align        : center;
}

div.footer p {
    font-size         : 14px;
    letter-spacing    : 0.02em;
    line-height       : 1.4em;
}

div.voucher {
    background-color  : #fff;
    color             : #747474;
}

div.voucher p {
    font-size         : 14px;
    letter-spacing    : 0.02em;
    line-height       : 1.4em;
}

div.voucher .front-info {

}

div.voucher .col-bordered {
    border            : 2px solid #00bea4;
    padding           : 20px;
    margin-top        : 24px;
}

div.voucher .front-info .underline {
    border-bottom     : 1px dotted #dcdcdc;
    width             : 90%;
    margin-left       : 10px;
}

div.voucher .front-info .package-details {
    padding           : 0 24px;
}

div.voucher .front-info h3,
div.voucher .back-info h3 {
    font-size         : 16px;
    text-align        : center;
}

div.voucher .front-info .underline {
    border-bottom     : 2px dotted #dcdcdc;
    height            : 90px;
}

div.voucher .front-info p {
    text-align        : center;
}

div.voucher .back-info {

}

div.voucher .front-info .col-tnc,
div.voucher .back-info .col-tnc {
    border-right      : 1px dotted #dcdcdc;
    height            : 100%;
    padding-right     : 24px;
}

div.voucher .front-info .col-recommended-note,
div.voucher .back-info .col-recommended-note {
    padding-left      : 24px;
}

div.voucher .col-validity {
    height            : 120px;
    width             : 100%;
    padding-top       : 10px;
    text-align        : center;
    border            : 1px solid #dcdcdc;
}

div.voucher .col-validity p {
    font-size         : 18px;
}

div.voucher .hidden-separator {
    display           : none;
}

div.voucher .block-separator {
    display           : block;
}

div.col-company .name {
    font-size         : 20px;
    font-weight       : bold;
}

div.col-company .contact_no {

}

div.col-company .address {

}

.text-center {
    text-align        : center;
}

.text-right {
    text-align        : right;
}

.md-button.md-button-primary {
    /*background        : #4ed1c7;*/
    background        : #fff;
    /*color             : #fff;*/
    color             : #159f9a;
    height            : 60px;
    width             : 100%;
    font-size         : 18px;
    font-weight       : bold;
    margin            : 0;
}

.md-button.md-button-primary .md-icon {
    color             : #fff;
}

.md-button.md-button-icon {
    background        : #4ed1c7;
    color             : #fff;
}

.md-button.md-button-icon span {
    font-size         : 18px;
}

.md-button.md-button-primary:focus,
.md-button.md-button-icon:focus {
    background        : #fff !important;
    color             : #159f9a;
}

.md-button.md-button-primary:hover,
.md-button.md-button-icon:hover {
    /*background        : #747474 !important;*/
    background        : #bfbfbf !important;
    color             : #159f9a;
}

.md-button.md-button-secondary {
    /*background        : #fff;*/
    background        : #4EC9BF!important;
    /*color             : #00bea4;*/
    color             : #fff!important;
    // height            : 60px;
    padding: 20px 0;
    width             : 100%;
    font-size         : 18px;
    font-weight       : bold;
    margin            : 0;
    box-shadow: 3px 3px 0px #428E87;

}

.md-button.md-button-secondary .md-icon {
    color             : #747474;
}

.md-button.md-button-secondary:hover {
    /*background        : #139e86 !important; */
    background        : #4EC9BF;
    /*color             : #fff;*/
    color             : #fff;
}

a, a:visited {
    color             : rgb(74, 74, 74) !important;
    text-decoration   : none;
}

a:hover, a:focus {
    color             : #ffc107 !important;
    text-decoration   : none;
    transition        : color 0.2s ease;
}

a.special-href {
    color             : #00bea4 !important;
    font-weight       : bold !important;
}

hr {
    border-color      : #fff;
}

.eventDialog {
    width             : 80%;
    margin-left       : 10%;
    margin-right      : 10%;
}

.eventDialog .col-text {
    color             : #000;
    text-align        : center;
    padding-top       : 80px;
    padding-left      : 0px;
    padding-right     : 56px;
}

.eventDialog .col-text h1 {
    font-size         : 44px;
    padding-bottom    : 0;
    margin-bottom     : 0;
}

.eventDialog .col-text h3 {
    color             : #747474;
    font-weight       : normal;
    padding-bottom    : 24px;
}

.eventDialog .col-text p {
    font-size         : 18px;
    line-height       : 24px;
}

.orderDialog {
    width             : 30%;
    margin-left       : 35%;
    margin-right      : 35%;
}

.push-left-5 {
    margin-left       : 5%;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    // color:   #747474;
    color:white;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    white;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    white;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    white;
}

.wrapper-xs{padding: 5px;}
.wrapper-sm{padding: 10px;}
.wrapper{padding: 15px;}
.wrapper-md{padding: 20px;}
.wrapper-lg{padding: 30px;}
.wrapper-xl{padding: 50px;}
.padder-lg{padding-left:30px;padding-right: 30px}
.padder-xl{padding-left: 50px; padding-right: 50px;}
.padder-md{padding-left:20px;padding-right: 20px}
.padder{padding-left:15px;padding-right: 15px}
.padder-v{padding-top:15px;padding-bottom: 15px}
.no-padder{padding: 0 !important;}

.m-xxs{margin: 2px 4px}
.m-xs{margin: 5px;}
.m-sm{margin: 10px;}
.m{margin: 15px;}
.m-md{margin: 20px;}
.m-lg{margin: 30px;}
.m-xl{margin: 50px;}
.m-n{margin: 0 !important}

.m-l-none{margin-left: 0 !important}
.m-l-xs{margin-left: 5px;}
.m-l-sm{margin-left: 10px;}
.m-l{margin-left: 15px}
.m-l-md{margin-left: 20px;}
.m-l-lg{margin-left: 30px;}
.m-l-xl{margin-left: 40px;}
.m-l-xxl{margin-left: 50px;}

.m-l-n-xxs{margin-left: -1px}
.m-l-n-xs{margin-left: -5px}
.m-l-n-sm{margin-left: -10px}
.m-l-n{margin-left: -15px}
.m-l-n-md{margin-left: -20px}
.m-l-n-lg{margin-left: -30px}
.m-l-n-xl{margin-left: -40px}
.m-l-n-xxl{margin-left: -50px}

.m-t-none{margin-top:0 !important}
.m-t-xxs{margin-top: 1px;}
.m-t-xs{margin-top: 5px;}
.m-t-sm{margin-top: 10px;}
.m-t{margin-top: 15px}
.m-t-md{margin-top: 20px;}
.m-t-lg{margin-top: 30px;}
.m-t-xl{margin-top: 40px;}
.m-t-xxl{margin-top: 50px;}

.m-t-n-xxs{margin-top: -1px}
.m-t-n-xs{margin-top: -5px}
.m-t-n-sm{margin-top: -10px}
.m-t-n{margin-top: -15px}
.m-t-n-md{margin-top: -20px}
.m-t-n-lg{margin-top: -30px}
.m-t-n-xl{margin-top: -40px}
.m-t-n-xxl{margin-top: -50px}

.m-r-none{margin-right: 0 !important}
.m-r-xxs{margin-right: 1px}
.m-r-xs{margin-right: 5px}
.m-r-sm{margin-right: 10px}
.m-r{margin-right: 15px}
.m-r-md{margin-right: 20px}
.m-r-lg{margin-right: 30px}
.m-r-xl{margin-right: 40px}
.m-r-xxl{margin-right: 50px}

.m-r-n-xxs{margin-right: -1px}
.m-r-n-xs{margin-right: -5px}
.m-r-n-sm{margin-right: -10px}
.m-r-n{margin-right: -15px}
.m-r-n-md{margin-right: -20px}
.m-r-n-lg{margin-right: -30px}
.m-r-n-xl{margin-right: -40px}
.m-r-n-xxl{margin-right: -50px}

.m-b-none{margin-bottom: 0 !important}
.m-b-xxs{margin-bottom: 1px;}
.m-b-xs{margin-bottom: 5px;}
.m-b-sm{margin-bottom: 10px;}
.m-b{margin-bottom: 15px;}
.m-b-md{margin-bottom: 20px;}
.m-b-lg{margin-bottom: 30px;}
.m-b-xl{margin-bottom: 40px;}
.m-b-xxl{margin-bottom: 50px;}

.m-b-n-xxs{margin-bottom: -1px}
.m-b-n-xs{margin-bottom: -5px}
.m-b-n-sm{margin-bottom: -10px}
.m-b-n{margin-bottom: -15px}
.m-b-n-md{margin-bottom: -20px}
.m-b-n-lg{margin-bottom: -30px}
.m-b-n-xl{margin-bottom: -40px}
.m-b-n-xxl{margin-bottom: -50px}

.text-normal{font-weight: normal!important;}
.text-white{color:white;}
.text-grey{color:#747474;}
.text-pink{color:#EE5D60;}

hr{border-color:#F3F3F3;}

.bg-grey{
    background-color: #F5F5F5;
}

.icon {
    width: 48px;
}

.w-full {
    width: 100%;
}

.text-lobster {
    font-family: 'Lobster', cursive;
}

#packages hr {
    border-color: #949494;
}

/*.dialogdemoBasicUsage #popupContainer {
  position: relative; }
.dialogdemoBasicUsage .footer {
  width: 100%;
  text-align: center;
  margin-left: 20px; }
.dialogdemoBasicUsage .footer, .dialogdemoBasicUsage .footer > code {
  font-size: 0.8em;
  margin-top: 50px; }
.dialogdemoBasicUsage button {
  width: 200px; }
.dialogdemoBasicUsage div#status {
  color: #c60008; }*/