@charset "utf-8";

/* CSS Document */

body { font-family: "Roboto", Arial, Helvetica, sans-serif; font-size:16px; color:#505050; font-weight:300; line-height:26px; }
img { max-width: 100%; }

.container-fluid { padding:0; }
.margin10 { margin-bottom:10px; }
.margin20 { margin-bottom:20px; }
.margin30 { margin-bottom:30px; }
.margin50 { margin-bottom:70px; }
.margin100 { margin-bottom:100px; }
a:hover, :hover { -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s; transition: ease-out 0.5s; text-decoration:none; }

.mtb { margin:30px auto 30px auto; }
input { height:40px; border:0; border-radius:5px; width:100%; margin-top:10px !important; }

a { color:#505050; }
a:hover { color:#ec1f27; }

.padding0 { padding:0; }

ul { margin:0; padding:0; }
ul li { list-style-type:none; line-height:30px; }

h1, h2, h3, h4, h5, h6 {  margin:0px; padding:0; }
h1 { font-size:45px; font-weight:bold; }
h2 { font-size:32px; font-weight:bold; }
h3 { font-size:30px; }
h4 { font-size:18px; margin-bottom:10px; font-weight:bold; }
p { font-size:16px; color: #000; }

.shopping-cart { text-align:right; }
@media (max-width: 575.98px) { .shopping-cart { text-align: center; } }
@media (min-width: 576px) and (max-width: 767.98px) { .shopping-cart { text-align: center; } }

.shopping-cart a { margin:0 5px;}
.header { padding:20px 0; }

.dropdown-menu { border: 0px; }

.services-blue-belt { background-color:#f9ae41; height: auto; box-shadow:0px 15px 15px #CCCCCC; }
.services { padding:18px 0 0 0px; color:#FFF; text-align:center; }
.services p { font-size:16px; font-weight:bold; color:#FFF; line-height:20px; }

.btn-general { background-color: #128bb6; color:#fff; text-align:center; text-decoration:none; font-size:18px; font-weight:600; border-radius:5px; margin:20px 0 0 0; padding:8px 30px; }
.btn-general:hover { background-color:#128bb6; color:#FFF; }

.btn-yellow { background-color: #f9ae41; color:#fff; border:0; text-align:center; text-decoration:none; font-size:18px; font-weight:600; border-radius:5px; margin:20px 0 0 0; padding:8px 30px; }
.btn-yellow:hover { background-color:#f9ae41; color:#FFF; }

.btn-white { background-color: #FFF; color:#44c4db; border:0; text-align:center; text-decoration:none; font-size:18px; font-weight:600; border-radius:5px; margin:20px 0; padding:8px 30px; }
.btn-white:hover { background-color:#1c3564; color:#FFF; }

.gut-logo { margin:0; }
@media (max-width: 575.98px) { .gut-logo { margin:0; text-align:center; margin-bottom:10px; } }
@media (min-width: 576px) and (max-width: 767.98px) { .gut-logo { margin:0; text-align:center; margin-bottom:10px; } }
.top-line { border-top:1px solid #ececec; }

.navbar { position: relative; min-height: 50px; margin-bottom:0px; border: 1px solid transparent; }
.navbar-default { background-color: #FFF; border:0; }
.navbar-default .navbar-nav>li>a { color: #000; font-weight:600; font-size:16px; }
@media (min-width: 768px) and (max-width: 991.98px) { .navbar-default .navbar-nav>li>a { font-size:14px; } .nav > li > a { padding: 10px 14px; } }

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #000; background-color: #e7e7e7; }
.navbar-collapse { padding:0; }

.blue-bg { background-color:#1c3564; padding:20px 25px; color:#FFF; text-align:center; line-height:24px; }

.home {}
.home h2 { color:#000; font-weight:bold; font-size:40px; margin-bottom:10px; line-height:45px; text-align:center; }
.home h3 { color:#000; margin-bottom:10px; text-align:left; }
.home h4 { font-weight:bold; color:#127cbd; margin-bottom:10px; }
.home p { text-align:center; font-size:16px; line-height:25px; }

.mobileslide { display: none;}
.round-shadow { box-shadow:0px 0px 15px #999; border-radius:50%; }

.how-it-works { padding:20px 0; text-align:center; }
.how-it-works .grey-bg-box { background-color:#f3f3f3; height:335px; padding:20px; border:7px solid #f9ae41; }
@media (min-width: 576px) and (max-width: 767.98px) { .how-it-works .grey-bg-box { height: auto; margin-bottom:10px; } }
@media (min-width: 768px) and (max-width: 991.98px) { .how-it-works .grey-bg-box { height: auto; margin-bottom:10px; } }

.how-it-works h3 { color:#FFF; text-align:center; font-size:24px; font-weight:500; line-height:30px; }
@media (min-width: 992px) and (max-width: 1199.98px) { .how-it-works h3 { color:#fff; text-align:center; font-size:22px; font-weight:500; line-height:30px; } }

.how-it-works h4 { color:#FFF; font-size:26px; font-weight:600; }
.how-it-works p { font-size:16px; line-height:24px; } 
.how-it-works .dark-blue-color { background-color: #f9ae41; padding:15px 15px 5px 15px; }
@media (max-width: 575.98px) { .how-it-works .dark-blue-color { min-height: inherit; padding:10px 10px 5px 10px; } }
@media (min-width: 576px) and (max-width: 767.98px) { .how-it-works .dark-blue-color { min-height: inherit; padding:10px 10px 5px 10px; } }
@media (min-width: 768px) and (max-width: 991.98px) { .how-it-works .dark-blue-color { min-height: inherit; padding:10px 10px 5px 10px; } }

.healthcare-management { padding:20px 0; text-align:center; }
.healthcare-management h2 { color:#1b3565; }
.healthcare-management h3 { color:#1c3564; text-align:center; font-size:22px; font-weight:600; margin-top:20px; }
.healthcare-management p { font-size:16px; line-height:24px; } 

.power-control { background-color:#1c3564; text-align:center; background-image:url(../image/power-graphics.png); background-repeat:no-repeat; background-position:bottom left; padding:0 50px 80px 50px; margin:20px auto 20px auto; }
@media (max-width: 575.98px) { .power-control { background-image:none; padding: 0 10px 20px 10px; } }

.power-control h3 { color:#44c4db; font-size:30px; font-weight:600; margin-top:20px; text-align:center; }
.power-control h4 { color:#FFF; font-size:22px; font-weight:500; margin-top:20px; margin-bottom:20px; }
.power-control ul {}
.power-control ul li:before { content: '✓'; margin-right:10px; }
.power-control ul li { font-size:18px; color:#FFF; display:block; line-height:36px; text-align:left; }
.power-control .btntop { margin-top:-15px; }

.providing { margin-bottom:50px; }
.providing .blue-bg { background-color:#1c3564; padding:30px 30px 10px 30px; text-align:left; }
@media (max-width: 575.98px) { .providing .blue-bg { padding: 20px; } }
@media (min-width: 576px) and (max-width: 767.98px) { .providing .blue-bg { padding:30px 30px 0px 30px; } }
@media (min-width: 768px) and (max-width: 991.98px) { .providing .blue-bg { padding:30px; height:1050px; } }
@media (min-width: 992px) and (max-width: 1199.98px) { .providing .blue-bg { padding:30px 30px 30px 30px; } }

.providing .blue-bg h2 { color:#44c4db; font-size:32px; font-weight:500; text-align:left; line-height:40px; }
@media (max-width: 575.98px) { .providing .blue-bg h2 { text-align:center; } }
@media (min-width: 576px) and (max-width: 767.98px) { .providing .blue-bg h2 { text-align:center; } }

.providing .blue-bg h4 { color:#FFF; font-size:20px; font-weight:600; margin-top:20px; }
@media (max-width: 575.98px) { .providing .blue-bg h4 { text-align:center; } }
@media (min-width: 576px) and (max-width: 767.98px) { .providing .blue-bg h4 { text-align:center; } }

.providing .blue-bg p { color:#FFF; font-size:16px; text-align:left; line-height:24px; }
@media (max-width: 575.98px) { .providing .blue-bg p { text-align:center; } }

.providing .absolute-img001 { position: absolute; top: 0px; right: 0px; left:540px; width: fit-content; width:55%; }
@media (max-width: 575.98px) { .providing .absolute-img001 { top:20px; right: 0px; left: 0px; position: relative; width:100%; } }
@media (min-width: 576px) and (max-width: 767.98px) { .providing .absolute-img001 { top:80px; right: 0px; left: 0px; position: relative; width:55%; } }
@media (min-width: 768px) and (max-width: 991.98px) { .providing .absolute-img001 { top:90px; right: 0px; left: 0px; position: relative; } }
@media (min-width: 992px) and (max-width: 1199.98px) { .providing .absolute-img001 {top:30px; right: 20px; left: 460px; position: absolute; width:60%; } }

.providing .absolute-img002 {  position: absolute; top:150px; right: 0px; left:775px; width: fit-content; width:60%; }
@media (max-width: 575.98px) { .providing .absolute-img002 { top:-20px; right: 0px; left: 0px; position: relative; width:100%; } }
@media (min-width: 576px) and (max-width: 767.98px) { .providing .absolute-img002 { top:-40px; right: 0px; left:170px; position: relative; width:65%; } }
@media (min-width: 768px) and (max-width: 991.98px) { .providing .absolute-img002 { top:-80px; right: 0px; left: 250px; position: relative; } }
@media (min-width: 992px) and (max-width: 1199.98px) { .providing .absolute-img002 { top:180px; right: 20px; left: 630px; position: absolute; width:70%; } }

.delivering-section-002 .blue-bg { background-color:#128bb6; padding:40px 100px 40px 30px; margin-top:0px; }
@media (max-width: 575.98px) { .delivering-section-002 .blue-bg { padding: 20px; } }
@media (min-width: 576px) and (max-width: 767.98px) { .delivering-section-002 .blue-bg { background-color:#128bb6; padding:30px; margin-top:0px; height: auto; } }
@media (min-width: 768px) and (max-width: 991.98px) { .delivering-section-002 .blue-bg { padding:30px 30px 30px 30px; height: auto; } }
@media (min-width: 992px) and (max-width: 1199.98px) { .delivering-section-002 .blue-bg { padding:30px 50px 30px 30px; } }

.delivering-section-002 h2 { color:#FFF; font-size:32px; font-weight:600; text-align:left; line-height:40px; margin-bottom:20px; }
@media (max-width: 575.98px) { .delivering-section-002 h2 { text-align:center; } }
@media (min-width: 576px) and (max-width: 767.98px) { .delivering-section-002 h2 { text-align:center; font-size:30px; } }
@media (min-width: 768px) and (max-width: 991.98px) { .delivering-section-002 h2 { text-align:center; font-size:30px; } }

.delivering-section-002 h3 { font-size:22px; font-weight:500; color:#FFF; line-height:30px; margin-bottom:20px; }
@media (max-width: 575.98px) { .delivering-section-002 h3 { text-align: center; } }
@media (min-width: 576px) and (max-width: 767.98px) { .delivering-section-002 h3 { text-align: center; } }
@media (min-width: 768px) and (max-width: 991.98px) { .delivering-section-002 h3 { text-align: center; } }

.delivering-section-002 p { font-size:16px; font-weight:500; color:#FFF; line-height:24px; text-align:left; margin-bottom:20px; }

.delivering-section-002 h4 { font-size:22px; font-weight:600; color:#FFF; line-height:26px; margin-bottom:10px; text-align:left; }
@media (max-width: 575.98px) { .delivering-section-002 h4 { text-align: center; } }
@media (min-width: 576px) and (max-width: 767.98px) { .delivering-section-002 h4 { text-align: center; } }
@media (min-width: 768px) and (max-width: 991.98px) { .delivering-section-002 h4 { text-align: center; } }

.delivering-section-002 .img001 { position: absolute; top: 0px; right: -380px; left:720px; width: fit-content; width:50%; }
@media (max-width: 575.98px) { .delivering-section-002 .img001 { position: relative; left:0px; top:10px; width:100%; } }
@media (min-width: 576px) and (max-width: 767.98px) { .delivering-section-002 .img001 { position: relative; left:0px; top:20px; width:100%; } }
@media (min-width: 768px) and (max-width: 991.98px) { .delivering-section-002 .img001 { position: relative; left:0px; top:20px; width:100%; } }
@media (min-width: 992px) and (max-width: 1199.98px) { .delivering-section-002 .img001 {top:30px; right: 20px; left: 665px; position: absolute; width:45%; } }

.delivering-section-002 .img002 { position: absolute; top: 260px; right: -380px; left:860px; width: fit-content; width:40%; }
@media (max-width: 575.98px) { .delivering-section-002 .img002 { position: relative; left:0px; top:10px; width:100%; } }
@media (min-width: 576px) and (max-width: 767.98px) { .delivering-section-002 .img002 { position: relative; left:0px; top:20px; width:100%; } }
@media (min-width: 768px) and (max-width: 991.98px) { .delivering-section-002 .img002 { position: relative; left:0px; top:20px; width:100%; } }
@media (min-width: 992px) and (max-width: 1199.98px) { .delivering-section-002 .img002 {top:260px; right: 20px; left: 600px; position: absolute; width:45%; } }

.delivering-section-002 .img003 { position: absolute; top: 480px; right: -380px; left:720px; width: fit-content; width:40%; }
@media (max-width: 575.98px) { .delivering-section-002 .img003 { position: relative; left:0px; top:10px; width:100%; } }
@media (min-width: 576px) and (max-width: 767.98px) { .delivering-section-002 .img003 { position: relative; left:0px; top:20px; width:100%; } }
@media (min-width: 768px) and (max-width: 991.98px) { .delivering-section-002 .img003 { position: relative; left:0px; top:20px; width:100%; } }
@media (min-width: 992px) and (max-width: 1199.98px) { .delivering-section-002 .img003 {top:500px; right: 20px; left: 665px; position: absolute; width:45%; } }

.newsletter { background-color:#264278; padding:20px 0; }
.newsletter h2 { font-size:35px; color:#FFF; margin-bottom:15px; }

.search-result-blue-belt { background-color: #f2f2f2; height: auto; padding: 20px 0; }

.about { margin:50px auto; }
.about h2 { color:#000; }

.red-boxes-3 { margin:50px auto 30px auto; }
.red-box { background-color:#ed2227; color:#FFF; display: inline-block; }
.red-box h4 { margin-top:18px; font-size:25px; font-weight:normal; }

.red-box h5 { font-size:23px; line-height:33px; font-weight:normal; color: #FFF; text-align:center; padding:10px 30px; }

.red-boxes-2 { margin:30px auto; }
.red-boxes-2 a { font-size:16px; color:#FFF; text-decoration:underline; font-weight:bold; }
.red-boxes-2 h2 { font-size:36px; margin-bottom:20px; font-weight:bold; }

.red-box-1 { background-color:#ed2227; padding:30px 30px 0 30px; color:#FFF; font-size:25px; display:flex; min-height:310px; height:auto; }
.red-box-1 p { font-size:16px; }

.red-box-2 { background-color:#ed2227; padding:0px; color:#FFF; font-size:25px; display:flex; min-height:310px; height:auto; }
.red-box-2 .section {  padding:30px; }

.flex-container { display: flex; flex-wrap: nowrap; background-color: transparent; justify-content: space-around; }

.flex-container h4 { font-size: 18px; font-weight: bold; color: #444; font-style: normal; margin: 0 0 10px 0; }
.flex-container p { font-size: 14px; line-height: 20px; }
.step3-flex-container { display: flex; margin: 0px auto 30px auto; flex-wrap: wrap; align-items: center; justify-content: center; }
@media (max-width: 575.98px) {.step3-flex-container { display:none; } } 

.step3-box { width: 31%; height: 210px; margin: 0px 10px 20px 10px; padding: 20px 0 0 0; color: #FFF; text-align: center; font-weight: bold; }
.travel-health { background-image: url(../image/home_img001.png); height: 295px; background-repeat: no-repeat; padding: 50px 0px 50px 350px; margin: 0 0 30px 0; }
@media (max-width: 575.98px) { .travel-health { background-image: url(../image/home_img001.png); height: auto; background-repeat: no-repeat; padding: 300px 0px 0px 0px;  margin: 0 0 30px 0; } }
.diabetes-remission { background-image: url(../image/home_img002.png); height: 286px; background-repeat: no-repeat; padding: 0px 0px 50px 350px; }
@media (max-width: 575.98px) { .diabetes-remission { background-image: url(../image/home_img002.png); height: auto; background-repeat: no-repeat; padding: 291px 0px 0px 0px; } }
.metabolic-syndrome { text-align: center; margin-top: 30px; }

.flex-container { display: flex; flex-wrap: nowrap; font-size: 15px; }
@media (max-width: 575.98px) { .flex-container { display: flex; flex-wrap: wrap; font-size: 15px; } }
@media (max-width: 575.98px) { .flex-container > div { margin-right: 0px; width: 200px; } }

.flex-container > .metabolic-icons { background-color: transparent; width: 20%; margin: 7px 20px 15px 20px; text-align: center; }
.healthcare { text-align: center; margin-top: 30px; }
.flex-container > .metabolic-icons { background-color: transparent; width: 20%; margin: 7px 20px 15px 20px; text-align: center; }

.blood-drop { margin:40px auto; }
@media (max-width: 575.98px) { .blood-drop { margin:40px auto; padding:0 10px; } }
.blood-drop h1 { font-size: 40px; font-weight: bold; color: #cc0909; text-align: center; margin: 0; }
.blood-drop h2 { color:#000; font-size:30px; margin-bottom:10px; }
.blood-drop h4 { font-size:18px; font-weight:500; color:#f00; text-align:center; line-height:22px; }
.blood-drop p { text-align:center; font-size:16px; }
.steps-icons { text-align: center; }
.redbelt { background-color: #0776ba; padding: 15px 15px; color: #FFF; margin: 5px 0 15px 0; text-align: center; font-size: 17px; }

.two-ways { display: none;}

@media (max-width: 575.98px) { .two-ways { background-image: url(../image/2ways-option.jpg); background-repeat: no-repeat; background-position: center top; display: block; height: 520px; } }

p.text-italic { font-style:italic; margin-top:30px; }

footer { background-color:#128bb6; padding:50px 0; font-size:16px; }
footer p { line-height:25px; color:#FFF; font-size:16px; }
footer h4 { font-size:22px; color:#FFF; font-style: normal; }
footer ul { margin:0; padding:0; }
footer ul li { list-style-type:none; display:block; }
footer ul li a, footer ul li a:hover { color:#FFF; line-height:26px; white-space:nowrap; }

.copy-part { background-color:#0e7093; padding:15px 0; }
.copy-part p { font-size:15px; color:#FFF; }
@media (max-width: 575.98px) { .copy-part p { text-align:center; } }