/* Color palette */
@font-face {
  font-family: 'Regular';
  src: url("../fonts/DINRegular.woff") format("woff"); }
@font-face {
  font-family: 'Medium';
  src: url("../fonts/DINMedium.woff") format("woff"); }
@font-face {
  font-family: 'Bold';
  src: url("../fonts/DINBold.woff") format("woff"); }
@font-face {
  font-family: 'Bebas';
  src: url("../fonts/BEBASKAI-REGULAR.woff") format("woff"); }
@font-face {
  font-family: 'Amaranth';
  src: url("../fonts/AMARANTH-ITALIC.woff") format("woff"); }
@-ms-viewport {
  width: device-width; }
body, html {
  margin: 0;
  padding: 0;
  font-family: 'Regular';
  color: #5e5e5e; }

section, div, p, span, h1, h2, h3, h4, h5, h6, a {
  position: relative; }

p, li {
  font-family: 'Medium';
  font-size: 17px; }

span {
  font-family: 'Medium';
  font-size: 16px; }

h1 {
  font-family: 'Bebas';
  font-size: 56px; }

h2 {
  font-family: 'Bebas';
  font-size: 50px; }

h3 {
  font-family: 'Bebas';
  font-size: 48px; }

h4 {
  font-family: 'Bebas';
  font-size: 28px; }

h5 {
  font-family: 'Bebas';
  font-size: 26px; }

h6 {
  font-family: 'Medium';
  font-size: 21px; }

a, a:hover, a:focus, a:active {
  outline: 0px;
  text-decoration: none;
  display: inline-block; }

img {
  display: inline-block; }

.section-heading {
  text-align: center; }
  .section-heading h3 {
    color: #1f3f7c;
    text-align: center;
    margin-top: 0px;
    padding-top: 30px;
    text-shadow: 1px 1px #fff, 2px 2px #92b9df, 3px 3px #92b9df; }
  .section-heading h4 {
    font-family: 'Bold';
    color: #92b9df;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
    display: inline-block; }
    .section-heading h4:before {
      content: '';
      position: absolute;
      top: 5px;
      left: -55px;
      width: 40px;
      height: 18px;
      background: url("../img/pattern-left.png") no-repeat; }
    .section-heading h4:after {
      content: '';
      position: absolute;
      top: 5px;
      right: -55px;
      width: 40px;
      height: 18px;
      background: url("../img/pattern-right.png") no-repeat; }
      
.right-to-top{
    float: right;
}

.navbar-default {
  min-height: 0px;
  height: 0px;
  overflow: visible;
  z-index: 10;
  background: none;
  border: none;
  margin: 0; }

.navbar-brand {
  padding-top: 0px;
  width: 211px;
  height: 141px;
  position: absolute;
  top: 0px;
  left: 0px; }
  .navbar-brand img {
    width: 100%; }

.navbar-toggle {
  position: absolute;
  right: 0px;
  margin-right: 5px;
  background: #92b9df !important;
  z-index: 20;
  border: none; }
  .navbar-toggle span.icon-bar {
    background: #fff !important; }
  .navbar-toggle.collapsed + img#player {
    opacity: 0.3;
    display: block; }

.navbar-collapse {
  position: fixed;
  right: -115px;
  top: 294px;
  background: #92b9df;
  padding: 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  z-index: 15;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }
  .navbar-collapse li {
    float: left;
    padding-top: 30px; }
    .navbar-collapse li:last-of-type a {
      border-right: none; }
    .navbar-collapse li a {
      color: #1f3f7c !important;
      border-right: solid 1px #fff;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .navbar-collapse li a:hover span {
        color: #1f3f7c;
        display: inline-block; }
    .navbar-collapse li span {
      color: #fff;
      padding-left: 8px;
      display: none;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }

.mobile-nav .container {
  width: 100%; }
.mobile-nav .navbar-header {
  float: none; }
.mobile-nav .navbar-toggle {
  display: block; }
.mobile-nav img#player {
  display: none; }
.mobile-nav .navbar-collapse {
  width: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  overflow: hidden;
  ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  margin: 0px !important; }
  .mobile-nav .navbar-collapse.collapse {
    display: none !important; }
    .mobile-nav .navbar-collapse.collapse.in {
      display: block !important; }
  .mobile-nav .navbar-collapse ul {
    margin: 0px;
    padding: 0px;
    width: 100%; }
  .mobile-nav .navbar-collapse li {
    float: none;
    padding: 15px 0px;
    border-top: solid 1px #fff; }
    .mobile-nav .navbar-collapse li:first-of-type {
      border: none; }
    .mobile-nav .navbar-collapse li a {
      border-left: 0px; }

.navbar-nav {
  padding-top: 10px;
  padding-bottom: 10px; }
  .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px; }

.nav-black {
  position: fixed;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

body.modal-open .nav-black {
  opacity: 1;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.csslider {
  -moz-perspective: 1300px;
  -ms-perspective: 1300px;
  -webkit-perspective: 1300px;
  perspective: 1300px;
  text-align: left;
  position: relative;
  margin-bottom: 22px; }

.csslider > input {
  display: none; }

.csslider > input:nth-of-type(10):checked ~ ul li:first-of-type {
  margin-left: -900%; }

.csslider > input:nth-of-type(9):checked ~ ul li:first-of-type {
  margin-left: -800%; }

.csslider > input:nth-of-type(8):checked ~ ul li:first-of-type {
  margin-left: -700%; }

.csslider > input:nth-of-type(7):checked ~ ul li:first-of-type {
  margin-left: -600%; }

.csslider > input:nth-of-type(6):checked ~ ul li:first-of-type {
  margin-left: -500%; }

.csslider > input:nth-of-type(5):checked ~ ul li:first-of-type {
  margin-left: -400%; }

.csslider > input:nth-of-type(4):checked ~ ul li:first-of-type {
  margin-left: -300%; }

.csslider > input:nth-of-type(3):checked ~ ul li:first-of-type {
  margin-left: -200%; }

.csslider > input:nth-of-type(2):checked ~ ul li:first-of-type {
  margin-left: -100%; }

.csslider > input:nth-of-type(1):checked ~ ul li:first-of-type {
  margin-left: 0%; }

.csslider ul li.col-lg-2:first-of-type {
  margin-left: 0 !important; }

.csslider > ul {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  background: none;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.csslider > ul > li {
  position: relative;
  display: inline-block;
  color: #5C3D1D;
  width: 100%;
  height: auto;
  margin-left: -3px;
  overflow: hidden;
  -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: normal; }

.csslider > .navigation {
  position: absolute;
  width: 100%;
  bottom: 20px;
  left: 0;
  z-index: 10;
  font-size: 0;
  line-height: 0;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.csslider > .navigation > div {
  margin-left: -100%; }

.csslider > .navigation label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  margin: 0 6px;
  padding: 5px;
  background: #1f3f7c;
  border: solid 1px #FFF; }
  .csslider > .navigation label:first-child:last-child {
    display: none; }

.csslider > .navigation label:hover:after {
  opacity: 1; }

.csslider > .navigation label:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -6px;
  background: #fff;
  border: solid 1px #1f3f7c;
  border-radius: 50%;
  padding: 5px;
  opacity: 0; }

.csslider.inside .navigation label {
  border: 1px solid #1f3f7c; }

.csslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1):after,
.csslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2):after,
.csslider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3):after,
.csslider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4):after,
.csslider > input:nth-of-type(5):checked ~ .navigation label:nth-of-type(5):after,
.csslider > input:nth-of-type(6):checked ~ .navigation label:nth-of-type(6):after,
.csslider > input:nth-of-type(7):checked ~ .navigation label:nth-of-type(7):after,
.csslider > input:nth-of-type(8):checked ~ .navigation label:nth-of-type(8):after,
.csslider > input:nth-of-type(9):checked ~ .navigation label:nth-of-type(9):after,
.csslider > input:nth-of-type(10):checked ~ .navigation label:nth-of-type(10):after,
.csslider > input:nth-of-type(11):checked ~ .navigation label:nth-of-type(11):after {
  opacity: 1; }

.csslider > .arrows {
  position: absolute;
  left: 0px;
  right: 0;
  top: 50%;
  width: 100%;
  height: 26px;
  z-index: 10;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.csslider > .arrows label {
  display: none;
  position: absolute;
  left: 30px;
  top: -50%;
  padding: 13px 0;
  cursor: pointer;
  -moz-transition: box-shadow 0.15s, margin 0.15s;
  -o-transition: box-shadow 0.15s, margin 0.15s;
  -webkit-transition: box-shadow 0.15s, margin 0.15s;
  transition: box-shadow 0.15s, margin 0.15s; }

.csslider > .arrows label:before {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  height: 300%;
  width: 300%; }

.csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,
.csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0),
.csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1),
.csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2),
.csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3),
.csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4),
.csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5),
.csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6),
.csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7),
.csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8),
.csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9),
.csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) {
  display: block;
  left: -5%;
  right: auto;
  top: -40px;
  opacity: 0.5;
  font-size: 20px;
  -webkit-filter: grayscale(70%);
  /* Chrome, Safari, Opera */
  filter: grayscale(70%);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,
.csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0):hover,
.csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1):hover,
.csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2):hover,
.csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3):hover,
.csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4):hover,
.csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5):hover,
.csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6):hover,
.csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7):hover,
.csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8):hover,
.csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9):hover,
.csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10):hover {
  -webkit-filter: grayscale(0%);
  /* Chrome, Safari, Opera */
  filter: grayscale(0%);
  opacity: 1;
  color: #068643; }

.csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,
.csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2),
.csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3),
.csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4),
.csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5),
.csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6),
.csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7),
.csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8),
.csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9),
.csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10),
.csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11),
.csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) {
  display: block;
  right: -5%;
  left: auto;
  top: -40px;
  opacity: 0.5;
  font-size: 20px;
  -webkit-filter: grayscale(80%);
  /* Chrome, Safari, Opera */
  filter: grayscale(80%); }

.csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,
.csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2):hover,
.csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3):hover,
.csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4):hover,
.csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5):hover,
.csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6):hover,
.csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7):hover,
.csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8):hover,
.csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9):hover,
.csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10):hover,
.csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11):hover,
.csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12):hover {
  -webkit-filter: grayscale(0%);
  /* Chrome, Safari, Opera */
  filter: grayscale(0%);
  opacity: 1;
  color: #068643; }

footer {
  color: #fff; }
  footer img {
    max-width: 100%; }
  footer h5 {
    font-family: 'Bold';
    font-size: 18px;
    text-align: center; }
  footer p {
    font-family: 'Regular';
    font-size: 14px;
    color: #92b9df;
    text-align: center; }
  footer #footer {
    background: #295796;
    padding: 30px 0px; }
  footer #copyright {
    background: #1f3f7c;
    padding: 20px 0px; }
    footer #copyright .container {
      text-align: center; }
    footer #copyright p, footer #copyright a {
      display: inline-block;
      padding: 0px 15px;
      color: #fff;
      margin: 0px; }
    footer #copyright a {
      border-left: solid 1px #fff;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      footer #copyright a:hover {
        color: #92b9df;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
  footer .footer-description {
    padding: 0px 50px; }
  footer .socmed-group {
    padding-left: 90px; }
    footer .socmed-group h5 {
      font-family: 'Medium';
      text-align: left; }
    footer .socmed-group img {
      margin-bottom: 10px;
      margin-right: 10px; }
    footer .socmed-group a {
      display: inline-block; }
      footer .socmed-group a img {
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      footer .socmed-group a:hover img {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
  footer svg {
    float: left;
    width: 70px;
    height: 85px; }

audio {
  position: absolute;
  top: -50px;
  opacity: 0; }

img#player {
  position: fixed;
  z-index: 100;
  top: -2px;
  left: -12px;
  max-width: 100%;
  width: 62px;
  cursor: pointer;
  opacity: 0;
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  img#player:hover {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.vertical-helper {
  display: table;
  height: 100%;
  width: 100%; }
  .vertical-helper > div {
    display: table-cell;
    vertical-align: middle; }

.img-caption {
  background: rgba(31, 63, 124, 0.7);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  padding: 0px 20%;
  text-align: center; }

.lined-box {
  color: #fff;
  text-align: center; }
  .lined-box:before, .lined-box:after {
    content: '';
    display: block;
    position: relative;
    width: 100%;
    height: 10px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff; }
  .lined-box p {
    padding: 15px 0px;
    margin: 0px; }

.corner-point {
  position: absolute;
  z-index: 5;
  width: 28px;
  height: 28px;
  background: #fff;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  border-radius: 14px;
  overflow: hidden; }
  .corner-point:nth-child(1) {
    top: -14px;
    left: -14px; }
  .corner-point:nth-child(2) {
    top: -14px;
    right: -14px; }
  .corner-point:nth-child(3) {
    bottom: -14px;
    left: -14px; }
  .corner-point:nth-child(4) {
    bottom: -14px;
    right: -14px; }

.modal-dialog {
  width: 900px; }

.modal-content {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  overflow: hidden;
  border: none;
  background: #92b9df; }
  .modal-content p, .modal-content td {
    color: #1f3f7c;
    font-family: 'Regular';
    margin: 5px 0px 0px; }
  .modal-content h5 {
    color: #1f3f7c;
    margin-bottom: 30px; }
  .modal-content .modal-header {
    border: none; }
  .modal-content .modal-body {
    padding: 0px 50px 50px; }
  .modal-content button.close {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
    padding: 0px 5px 7px;
    background: #fff;
    opacity: 1;
    line-height: 0.6;
    font-size: 40px;
    font-weight: normal; }

.table-nutrition {
  border-top: solid 1px #1f3f7c;
  border-bottom: solid 1px #1f3f7c;
  width: 100%;
  margin: 20px 0px; }
  .table-nutrition p {
    margin: 5px 0px 0px; }
  .table-nutrition tr:last-of-type p {
    margin-bottom: 15px; }
  .table-nutrition tr:first-of-type p {
    margin-top: 10px; }
  .table-nutrition td {
    padding-left: 20px;
    padding-right: 20px; }
    .table-nutrition td:first-of-type {
      padding-left: 0px; }
    .table-nutrition td:last-of-type {
      padding-right: 0px; }
      .table-nutrition td:last-of-type p {
        text-align: center; }

.main-content {
  overflow: hidden; }

#mainbanner a, #mainbanner img {
  width: 100%; }

#about {
  padding: 50px 0px 30px;
  overflow-x: hidden; }
  #about img {
    width: 100%; }
  #about .section-heading {
    padding-right: 20px;
    text-align: left;
    margin-bottom: 25px; }
    #about .section-heading h3 {
      margin-top: 0px;
      padding-top: 0px;
      margin-bottom: 30px;
      text-align: left; }
  #about img.stamp {
    position: absolute;
    top: 120px;
    right: -50px;
    z-index: 5;
    width: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    #about img.stamp + div {
      margin-top: 90px; }
  #about:hover .stamp {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

#news {
  padding: 20px 0px 70px; }
  #news .section-heading img {
    position: absolute;
    top: -70px; }
    #news .section-heading img:first-of-type {
      left: -60px; }
    #news .section-heading img:last-of-type {
      right: -50px; }
  #news span, #news a {
    color: #fff; }
  #news .col-sm-4 {
    text-align: center; }
  #news .news-item {
    margin-top: 30px; }
    #news .news-item img {
      width: 100%; }
  #news .img-caption {
    padding: 20px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    #news .img-caption > div {
      border: solid 1px #fff; }
      #news .img-caption > div > div {
        padding: 20px; }
        #news .img-caption > div > div h5 {
          max-height: 100px; }
        #news .img-caption > div > div span {
          position: absolute;
          top: 20px;
          left: 0;
          right: 0;
          margin: auto; }
          #news .img-caption > div > div span:after {
            content: '';
            display: block;
            width: 40px;
            height: 2px;
            background: #fff;
            margin: 15px auto; }
  #news a:hover .img-caption {
    padding: 0px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

#product {
  background: url("../img/bg-product.png") no-repeat;
  background-size: cover;
  padding: 30px 0px;
  overflow: hidden; }
  #product .product-item {
    margin-bottom: 30px;
    padding: 0px 30px; }
    #product .product-item img {
      width: 100%; }
    #product .product-item .tokopedia-icon {
      width: auto;
      margin-top: 10px; }
  #product .product-title, #product p, #product a {
    text-align: center;
    display: block; }
  #product h4.product-title {
    color: #1f3f7c;
    font-size: 38px; }
  #product small {
    font-size: 16px;
    margin: 10px 5px; }
  #product .navigation {
    bottom: 0px; }
  #product .find-us div, #product .find-us h5 {
    text-align: center;
    color: #1f3f7c; }
  #product .find-us a {
    display: inline-block; }
    #product .find-us a img {
      -ms-transform: scale(0.9);
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    #product .find-us a:hover img {
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }

#process {
  background: #1f3f7c;
  padding: 15px;
  overflow: hidden; }
  #process > div {
    border: solid 1px #fff;
    position: relative;
    padding: 20px 0px 20px; }
    #process > div .corner-point {
      background: #1f3f7c;
      border: solid 1px transparent;
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
      #process > div .corner-point:nth-child(1) {
        border-bottom: solid 1px #fff; }
      #process > div .corner-point:nth-child(2) {
        border-left: solid 1px #fff; }
      #process > div .corner-point:nth-child(3) {
        border-right: solid 1px #fff; }
      #process > div .corner-point:nth-child(4) {
        border-top: solid 1px #fff; }
  #process h3, #process p {
    text-align: left;
    color: #fff; }
  #process h3 + P {
    font-size: 16px;
    padding-right: 30px; }
  #process h3 {
    text-shadow: 1px 1px #1f3f7c, 2px 2px #1f3f7c, 3px 3px #92b9df; }
  #process .process-item {
    margin-bottom: 20px;
    text-align: center; }
    #process .process-item p, #process .process-item span {
      text-align: center;
      display: block; }
    #process .process-item span {
      color: #92b9df;
      margin-bottom: 20px; }
    #process .process-item:last-of-type {
      border-left: solid 1px #92b9df; }
    #process .process-item svg {
      width: 100px;
      height: 100px;
      margin: auto; }

#quote {
  background: url("../img/bg-quote.png") no-repeat right;
  background-size: cover; }
  #quote .vertical-helper {
    height: 580px;
    padding-bottom: 70px; }
  #quote h2 {
    margin-bottom: 0px; }
  #quote p {
    margin-bottom: 10px; }
  #quote .lekker {
    font-family: 'Amaranth';
    color: #fff;
    position: absolute;
    right: 350px;
    top: 260px;
    width: 170px;
    text-align: right;
    line-height: 40px;
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }

#socialmedia {
  background: url("../img/bg-sosmed.png") repeat-x bottom;
  padding-bottom: 140px;
  overflow: visible; }
  #socialmedia .section-heading {
    margin-top: -60px; }
    #socialmedia .section-heading h3 {
      background: #fff; }

#news-detail {
  padding-right: 35px; }
  #news-detail a{
      color: #295796;
      font-weight: bold;
      text-decoration: underline;
  }
  #news-detail .section-heading h3 {
    text-align: left; }
  #news-detail p, #news-detail span, #news-detail li, #news-detail pre {
    color: #5e5e5e;
    font-family: 'Regular'; }
  #news-detail b {
    display: block;
    margin-top: 30px; }
  #news-detail ol, #news-detail ul {
    padding-left: 20px; }
    #news-detail ol li, #news-detail ul li {
      margin-bottom: 10px; }
  #news-detail .socmed-share {
    float: right; }
    #news-detail .socmed-share img {
      width: 25px;
      margin: 0px 3px; }
  #news-detail .news-image {
    width: 100%;
    margin: 10px 0px; }
  #news-detail .news-content {
    margin-bottom: 20px; }
  #news-detail .news-content img{ 
      width: 100%;}
  #news-detail > div:last-of-type {
    margin: 0px -10px; }
    #news-detail > div:last-of-type > div.fb-comments {
      width: 100%;
      display: block; }

.news-banner {
  height: 300px;
  background: url("../img/bg-sosmed.png") repeat-x bottom; }

#news-sidebar {
  padding-left: 35px; }
  #news-sidebar .section-heading h3 {
    text-align: left;
    margin-bottom: 25px; }
  #news-sidebar img {
    width: 100%; }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }
@keyframes dash {
  from {
    stroke-dashoffset: 1000; }
  to {
    stroke-dashoffset: 0; } }
@media (max-width: 991px) {
    .right-to-top{
        float: none;
    }
    #news.single-news{
        padding-right: 20px;
        padding-left: 20px;
    }
    #news-detail{
        padding-right: 0px;}
        
  #about .p-right-0 {
    padding-right: 15px; }
  #about .p-left-0 {
    padding-left: 15px; }

  #news .section-heading img {
    width: 150px;
    margin-top: 40px; }
  #news .img-caption > div > div {
    padding: 10px; }
    #news .img-caption > div > div span {
      top: 5px; }
      #news .img-caption > div > div span:after {
        margin: 5px auto; }

  #process {
    border: none; }
    #process h3, #process p {
      text-align: center;
      padding-top: 0px; }
    #process .process-item {
      margin-top: 20px; }

  .lekker {
    display: none; }

  .lightwidget__tile {
    padding: 10px !important; }

  #footer .col-xs-4 {
    margin-top: 10px; }
  #footer .col-xs-8 {
    padding: 0px 15px; }
    #footer .col-xs-8 h5, #footer .col-xs-8 p {
      text-align: left; }
  #footer .col-xs-12 {
    display: inline-block;
    width: auto;
    margin: auto;
    margin-top: 20px;
    float: none; }

  .modal .col-md-6:first-of-type {
    margin-bottom: 50px; } }
@media (max-width: 767px) {
  body, .navbar-default {
    height: auto !important; }

  .navbar-brand {
    width: 180px; }

  .navbar-toggle {
    position: fixed; }

  .navbar-collapse {
    width: 100% !important;
    position: fixed;
    right: 0px !important;
    top: 0px;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    overflow: hidden;
    ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    margin: 0px !important; }
    .navbar-collapse ul {
      margin: 0px;
      padding: 0px; }
    .navbar-collapse li {
      float: none;
      padding: 15px 0px;
      border-top: solid 1px #fff; }
      .navbar-collapse li:first-of-type {
        border: none; }
      .navbar-collapse li a {
        border-right: 0px; }
      .navbar-collapse li span {
        display: inline !important; }

  #news .col-sm-4 {
    max-width: 320px;
    margin: 30px auto 0px; }
  #news .img-caption > div > div {
    padding: 20px; }
    #news .img-caption > div > div span {
      top: 20px; }
      #news .img-caption > div > div span:after {
        margin: 15px auto; }

  .tokopedia-icon {
    margin-bottom: 30px; } }
@media (max-width: 600px) {
  .container {
    padding: 0px 20px; }

  h2 {
    font-size: 42px; }

  h3 {
    font-size: 40px; }

  h4 {
    font-size: 24px; }

  h5 {
    font-size: 22px; }

  h6 {
    font-size: 20px; }

  p {
    font-size: 15px; }

  .navbar-brand {
    width: 150px; }

  #news {
    padding-top: 150px; }
    #news.single-news {
    padding-top: 0px; }
    #news .section-heading img {
      top: -200px;
      left: 0px;
      right: 0px;
      margin-right: auto;
      margin-left: auto; }
      #news .section-heading img:first-of-type {
        left: -200px; }
      #news .section-heading img:last-of-type {
        right: -200px; }

  #about img.stamp {
    top: -20px;
    right: -20px;
    width: 90px; }
    #about img.stamp + div {
      margin-top: 20px; }
  #about .img-caption {
    padding: 0 15%; } }
@media (max-width: 450px) {
  #about .img-caption {
    padding: 0 15px; }

  #footer > div > div > div {
    width: 100% !important;
    display: block !important;
    float: none !important;
    text-align: center; }
    #footer > div > div > div.col-xs-8 {
      margin-top: 30px; }
      #footer > div > div > div.col-xs-8 h5, #footer > div > div > div.col-xs-8 p {
        text-align: center; }
    #footer > div > div > div.col-xs-12 > div {
      display: inline-block; }

  footer #copyright a {
    border: none; }

  .navbar-brand {
    width: 120px; }

  .lined-box {
    padding: 7px 0px; } }

/*# sourceMappingURL=style.css.map */