html,
body {
  font-family: 'lato-regular' !important;
  font-size: 16px;
  margin: 0;
  padding: 0;
  height: 100%;
}
#wrapper {
  overflow: hidden;
  min-height: 100%;
  position: relative;
}
#content {
  padding-bottom: 100px;
}
@media (max-width: 1200px) {
  #content {
    padding-bottom: 120px;
  }
}
@media (max-width: 1000px) {
  #content {
    padding-bottom: 250px;
  }
}
@media (max-width: 700px) {
  #content {
    padding-bottom: 310px;
  }
}
#footer {
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1200px) {
  #footer {
    height: 120px;
  }
}
@media (max-width: 1000px) {
  #footer {
    height: 250px;
  }
}
@media (max-width: 700px) {
  #footer {
    height: 310px;
  }
}
#header {
  background: #fff;
  border-bottom: 2px solid #666;
}
#header #main-nav {
  border: none;
  background: none;
}
@media (min-width: 1200px) {
  #header #main-nav .main-nav-collapse ul {
    float: right;
    margin: 0 0 0 30px;
  }
  #header #main-nav .main-nav-collapse ul li {
    padding: 0 30px;
  }
}
@media (max-width: 1200px) {
  #header #main-nav .main-nav-collapse ul {
    float: right;
    margin: 0 0 0 30px;
  }
  #header #main-nav .main-nav-collapse ul li {
    padding: 0 15px;
  }
}
@media (max-width: 1100px) {
  #header #main-nav .main-nav-collapse ul {
    float: left;
    margin: 0 0 0 30px;
  }
  #header #main-nav .main-nav-collapse ul li {
    padding: 0 10px;
  }
}
@media (max-width: 770px) {
  #header #main-nav .main-nav-collapse ul {
    float: none;
    margin: 0;
  }
  #header #main-nav .main-nav-collapse ul li {
    padding: 0 10px;
  }
}
#header #main-nav .navbar-nav .active > a,
#header #main-nav .navbar-nav .active > a:focus,
#header #main-nav .navbar-nav .active > a:hover,
#header #main-nav .navbar-nav li > a:focus,
#header #main-nav .navbar-nav li > a:hover {
  background: none;
  color: #65a543;
}
@media (min-width: 765px) {
  #header #main-nav .navbar-nav .active > a,
  #header #main-nav .navbar-nav .active > a:focus,
  #header #main-nav .navbar-nav .active > a:hover,
  #header #main-nav .navbar-nav li > a:focus,
  #header #main-nav .navbar-nav li > a:hover {
    border-bottom: 3px solid #65a543;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
  }
}
@media (max-width: 765px) {
  #header #main-nav .navbar-nav .active > a,
  #header #main-nav .navbar-nav .active > a:focus,
  #header #main-nav .navbar-nav .active > a:hover,
  #header #main-nav .navbar-nav li > a:focus,
  #header #main-nav .navbar-nav li > a:hover {
    background: #e4f1dd;
    border-left: 3px solid #65a543;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
  }
}
#content .tip {
  color: #999;
  font-style: italic;
}
#content #banner {
  overflow: hidden;
  background: url(../images/global/shattered-island.jpg);
  background-attachment: fixed;
  padding: 80px 10px;
  color: #fff;
}
#content #banner .wc-text {
  padding: 30px 0;
}
#content #banner .wc-text .text1 {
  font-size: 20px;
}
#content #banner .wc-text .text2 {
  margin: -10px 0 0 0;
  font-size: 40px;
  font-weight: bold;
}
#content #banner .wc-subtext {
  border-left: 1px solid #fff;
}
#content #banner .wc-subtext .text1 {
  line-height: 30px;
}
#content #banner .wc-subtext .learn-more {
  margin: 20px 0 0 0;
}
#content #banner .wc-subtext .learn-more a.btn {
  text-transform: uppercase;
  border: 1px solid #fff;
  background: #89b970;
}
#content #how-it-works {
  padding: 0 10px 60px 10px;
  margin: -30px 0 0 0;
  background: #fff;
}
#content #how-it-works .header {
  font-size: 30px;
  padding: 0 0 40px 0;
}
#content #how-it-works .header span {
  padding: 5px 0;
  border-bottom: 1px solid #70ae4f;
}
#content #how-it-works .arrow-down {
  margin: -60px auto auto auto;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #558A3A;
  font-size: 0;
  line-height: 0;
}
#content #how-it-works .steps {
  margin: 30px 0;
}
#content #how-it-works .steps .img img {
  height: 180px;
}
#content #how-it-works .steps .title {
  font-size: 24px;
  padding: 30px 0;
}
#content #how-it-works .steps .desc {
  font-size: 18px;
}
#content #how-it-works .title {
  font-size: 24px;
  border-bottom: 1px dotted #CFCFCF;
  margin: 10px 0;
}
#content #get-started {
  padding: 60px 10px;
  margin: -30px 0 0 0;
  background: #f4f3f4;
}
#content #get-started .header {
  font-size: 30px;
  padding: 40px 0;
}
#content #get-started .header span {
  padding: 5px 0;
  border-bottom: 1px solid #70ae4f;
}
#content #get-started .arrow-down {
  margin: -60px auto auto auto;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #fff;
  font-size: 0;
  line-height: 0;
}
#content #get-started #start-btn {
  float: none;
  margin: 0 auto;
}
#content #get-started #start-btn a.btn {
  width: 400px;
  font-size: 35px;
  border-radius: 10px;
  text-transform: uppercase;
  background: #7ab15e;
  border-color: #65a543;
  box-shadow: 3px 2px 0 #ccc;
  border-width: 3px;
}
@media (max-width: 625px) {
  #content #get-started #start-btn a.btn {
    font-size: 24px;
  }
}
@media (max-width: 485px) {
  #content #get-started #start-btn a.btn {
    font-size: 18px;
    width: 300px;
  }
}
@media (max-width: 485px) {
  #content #get-started #start-btn a.btn {
    width: 200px;
  }
}
#content #get-started #start-btn a.btn:hover {
  background: #629448;
}
#content #get-started .or span {
  width: 10px;
  color: #333;
  font-size: 18px;
  padding: 20px 0;
}
@media (max-width: 285px) {
  #content #get-started .or span {
    font-size: 16px;
  }
}
#content #get-started #set-appointment {
  float: none;
  margin: 0 auto;
}
#content #get-started #set-appointment a.btn {
  width: 200px;
  background: #9ccc82;
  color: #fff;
  border-color: #65a543;
  text-transform: uppercase;
  box-shadow: 3px 2px 0 #ccc;
}
#content #get-started #set-appointment a.btn:hover {
  background: #7fbd5e;
}
#content #sens-banner {
  padding: 60px 10px;
  margin: -30px 0 0 0;
  background: #eaeaea;
}
#content #sens-banner .header {
  font-size: 30px;
  padding: 40px 0;
}
#content #sens-banner .header span {
  padding: 5px 0;
  border-bottom: 1px solid #70ae4f;
}
#content #sens-banner .arrow-down {
  margin: -60px auto auto auto;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #558A3A;
  font-size: 0;
  line-height: 0;
}
#content #sens-banner .desc {
  padding: 20px;
  line-height: 30px;
}
#content #sens-banner .sens-logo {
  margin-top: 20px;
}

#content #sec-express-banner {
  padding: 60px 10px;
  margin: -30px 0 0 0;
  background: #ffffff;
}
#content #sec-express-banner .header {
  font-size: 30px;
  padding: 40px 0;
}
#content #sec-express-banner .header span {
  padding: 5px 0;
  border-bottom: 1px solid #70ae4f;
}
#content #sec-express-banner .arrow-down {
  margin: -60px auto auto auto;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #558A3A;
  font-size: 0;
  line-height: 0;
}
#content #sec-express-banner .desc {
  padding: 20px;
  line-height: 30px;
}
#content #sec-express-banner .sens-logo {
  margin-top: 20px;
}

#content #sesas-banner {
  padding: 60px 10px;
  margin: -30px 0 0 0;
  background: #558A3A;
  color: #ffffff;
}
#content #sesas-banner .header {
  font-size: 30px;
  padding: 40px 0;
}
#content #sesas-banner .header span {
  padding: 5px 0;
  border-bottom: 1px solid #70ae4f;
}
#content #sesas-banner .arrow-down {
  margin: -60px auto auto auto;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #eaeaea;
  font-size: 0;
  line-height: 0;
}
#content #sesas-banner .desc {
  padding: 20px;
  line-height: 30px;
}
#content #sesas-banner .sesas-logo {
  margin-top: 20px;
}
#content #page-head {
  background: url(../images/global/shattered-island.jpg);
  padding: 50px 10px 10px 10px;
  color: #fff;
}
#content #application #add_another {
  font-size: 14px;
  text-decoration: underline;
  margin: 0 0 0 60px;
}
#content #application input,
#content #application select {
  border: 1px solid #666;
}
@media only screen and (max-width: 800px) {
  #content #application {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
  }
  #content #application .document-table table,
  #content #application .document-table thead,
  #content #application .document-table tbody,
  #content #application .document-table th,
  #content #application .document-table td,
  #content #application .document-table tr {
    display: block;
  }
  #content #application .document-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #content #application .document-table tr {
    margin-top: 20px;
  }
  #content #application .document-table tr:first-child {
    border-top: none;
    margin-top: 20px;
  }
  #content #application .document-table td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    white-space: normal;
    text-align: left;
  }
  #content #application .document-table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }
}
#content #application .note {
  font-size: 14px;
  color: #999;
}
#content #application #document_list {
  margin: 0;
}
#content #application #document_list td {
  border-top: none;
}
#content #application #document_list tr.document-fields {
  border-top: 1px solid #ccc;
}
#content #application #document_list tr.document-fields:first-child {
  border: none;
}
#content #application #document_list tr.message {
  color: #D2322D;
  font-size: 14px;
  font-style: italic;
}
#content #application #document_list tr.message td {
  padding: 0 0 10px 65px;
}
#content #application #document_list tbody tr:first-child button {
  visibility: hidden;
}
#content #application #document_list tbody tr:first-child button.back {
  visibility: visible;
}
#content #application #document_list .error-message ul {
  margin: 0;
  padding-top: 0.3vw;
  padding-left: 1vw;
}
@media (min-width: 990px) {
  #content #application .error-message {
    margin: 5px 0 0 -30px;
  }
}
#content #application .error-message ul li {
  list-style: none;
  color: #D2322D;
  margin: 0 0 0 -30px;
  font-style: italic;
  font-size: 14px;
}
#content #application .section {
  background: #fafafa;
  margin: 20px 0;
  border: 1px solid rgba(153, 153, 153, 0.15);
  border-radius: 5px;
  box-shadow: 1px 2px 0 rgba(204, 204, 204, 0.7);
  padding: 20px;
}
#content #application .section .title {
  font-size: 20px;
  border-left: 3px solid #65a543;
  padding: 0 0 0 10px;
  margin: 10px 0;
}
#content #application .btn-send {
  text-transform: uppercase;
  border-radius: 5px;
  background: #7ab15e;
  border-color: #65a543;
  box-shadow: 2px 2px 0 #ccc;
  border-width: 1px;
}
#content #application .btn-send:hover {
  background: #629448;
}
#content #payment .payment {
  #background: #fff;
  #border: 1px solid #d5d5d5;
  padding: 25px 30px;
  #margin: 3px;
  #margin-left: 5px;
}
#content #payment .payment img {
  height: 80px;
  width: auto;
}
@media only screen and (min-width: 1000px) {
  #content #payment .payment.last {
    width: 34.1%;
  }
}
#content #payment .payment:hover {
  #background: #f7f7f7;
  #border: 1px solid #b5b5b5;
}
#content #payment .search {
  margin: 20px 0;
}
#content #payment .online,
#content #payment .offline {
  #background: #fafafa;
  margin: 20px 0;
  #border: 1px solid rgba(153, 153, 153, 0.15);
  #border-radius: 5px;
  #box-shadow: 1px 2px 0 rgba(204, 204, 204, 0.7);
  padding: 20px;
}
#content #payment .online .title,
#content #payment .offline .title {
  font-size: 20px;
  border-left: 3px solid #65a543;
  padding: 0 0 0 10px;
  margin: 10px 0;
}
#content #payment .online .panel-title,
#content #payment .offline .panel-title {
  font-size: 20px;
  padding: 10px 0;
}
#content #payment .online .img,
#content #payment .offline .img {
  height: 150px;
}
#content #payment .online #select-btn,
#content #payment .offline #select-btn {
  margin: 0 auto;
  text-transform: uppercase;
}
#content #payment .note {
  font-style: italic;
  color: #666;
  font-size: 14px;
  text-decoration: underline;
}
@media only screen and (max-width: 800px) {
  #content #payment {
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
      Label the data
      */
  }
  #content #payment .order-info table,
  #content #payment .order-info thead,
  #content #payment .order-info tbody,
  #content #payment .order-info th,
  #content #payment .order-info td,
  #content #payment .order-info tr {
    display: block;
  }
  #content #payment .order-info thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #content #payment .order-info tr {
    border: 1px solid #ccc;
  }
  #content #payment .order-info td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
  }
  #content #payment .order-info td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }
  #content #payment .order-info td:before {
    content: attr(data-title);
  }
}
#content #matcher .row {
  margin: 40px 0;
}
#content #matcher .edit-btn,
#content #matcher .delete-btn {
  margin: 0 10px;
}
#content #matcher .page-section {
  background: #fafafa;
  margin: 20px 0;
  border: 1px solid rgba(153, 153, 153, 0.15);
  border-radius: 5px;
  box-shadow: 1px 2px 0 rgba(204, 204, 204, 0.7);
  padding: 20px;
}
#content #matcher .page-section .title {
  font-size: 20px;
  border-left: 3px solid #65a543;
  padding: 0 0 0 10px;
  margin: 10px 0;
}
#content #matcher .panel a:first-child {
  color: inherit;
}
#content #matcher .panel a:first-child .glyphicon {
  font-size: 25px;
  margin: -10px 0 0 0;
}
#content #matcher .panel a:first-child:hover {
  text-decoration: none;
}
#content #matcher #matcher-chat #results {
  height: 500px;
  overflow: hidden;
}
#content #matcher #matcher-chat #results #match-result .panel {
  height: 380px;
  overflow: hidden;
}
#content #matcher #matcher-chat #results .panel-body {
  height: 350px;
}
#content #matcher #matcher-chat #results .panel-body .company {
  margin: 0 0 20px 0;
  height: 260px;
  overflow: scroll;
  overflow-x: hidden;
}
#content #matcher #matcher-chat #results .panel-body .document a.back-company {
  color: #fff;
}
#content #matcher #matcher-chat #results .panel-body .document a.back-company span {
  font-size: 14px;
  margin: 0;
}
#content #matcher #matcher-chat #chat-box {
  height: 550px;
  background: #fff;
}
#content #matcher #matcher-chat #chat-box iframe.chat-support {
  width: 100%;
  height: 100%;
}
#content #matcher #matcher-chat #chat-box .affix {
  z-index: 999;
  width: 528px;
  top: 200px;
}
@media screen and (max-width: 1199px) {
  #content #matcher #matcher-chat #chat-box .affix {
    width: 428px;
  }
}
@media screen and (max-width: 990px) {
  #content #matcher #matcher-chat #chat-box .affix {
    width: 318px;
  }
}
#content #matcher #matcher-chat #chat-box .panel {
  height: 450px;
}
#content #matcher #matcher-chat #chat-box .chat {
  list-style: none;
  margin: 0;
  padding: 0;
}
#content #matcher #matcher-chat #chat-box .chat li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #B3A9A9;
}
#content #matcher #matcher-chat #chat-box .chat li .chat-body p {
  margin: 0;
  color: #777777;
}
#content #matcher #matcher-chat #chat-box .chat li:last-child {
  border-bottom: none;
}
#content #matcher #matcher-chat #chat-box .chat li.left .chat-body {
  margin-left: 60px;
}
#content #matcher #matcher-chat #chat-box .chat li.right .chat-body {
  margin-right: 60px;
}
#content #matcher #matcher-chat #chat-box .panel-body {
  overflow-y: scroll;
  height: 350px;
}
#content #search-result {
  width: 100%;
}
#content .chat-support {
  margin-left: -15px;
}
#content #for-matching {
  padding-right: 0;
}
#content #for-matching .nav-sidebar {
  width: 100%;
}
#content #for-matching .nav-sidebar .glyphicon {
  color: #65a543;
}
#content #for-matching .nav-sidebar a {
  color: #333;
  -webkit-transition: all 0.08s linear;
  -moz-transition: all 0.08s linear;
  -o-transition: all 0.08s linear;
  transition: all 0.08s linear;
}
#content #for-matching .nav-sidebar .done {
  font-style: italic;
  background: #f2f8ef;
}
#content #for-matching .nav-sidebar .done a:hover,
#content #for-matching .nav-sidebar .done a:focus {
  background: #f2f8ef !important;
}
#content #for-matching .nav-sidebar .active a {
  background-color: #65a543;
  color: #fff;
}
#content #for-matching .nav-sidebar .active a:hover {
  cursor: pointer;
}
#content #for-matching .nav-sidebar .active a .glyphicon {
  color: #fff;
}
#content #for-matching .nav-sidebar .editing {
  background: #65a543;
}
#content #for-matching .nav-sidebar .active.done a {
  background: #65a543;
  color: #fff;
}
#content #for-matching .nav-sidebar .active.done a:hover,
#content #for-matching .nav-sidebar .active.done a:focus {
  color: #fff !important;
  background: #65a543 !important;
}
#content #for-matching .nav-sidebar .active.done a:hover .company-ok,
#content #for-matching .nav-sidebar .active.done a:focus .company-ok {
  color: #fff !important;
}
#content #for-matching .nav-sidebar .active.done a .company-ok {
  color: #fff !important;
}
#content #for-matching .nav-sidebar .text-overflow a,
#content #for-matching .nav-sidebar .text-overflow .media-body {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#content #for-matching-result {
  border-left: 1px solid #65a543;
}
#content #for-matching-result #document_list {
  border-bottom: 2px solid #65a543;
  padding: 15px;
  margin: 0 0 20px -15px;
}
#content #confirm-order .page-section {
  background: #fafafa;
  margin: 20px 0;
  border: 1px solid rgba(153, 153, 153, 0.15);
  border-radius: 5px;
  box-shadow: 1px 2px 0 rgba(204, 204, 204, 0.7);
  padding: 20px;
}
#content #confirm-order .page-section .title {
  font-size: 20px;
  border-left: 3px solid #65a543;
  padding: 0 0 0 10px;
  margin: 10px 0;
}
#content #confirm-order .fees {
  margin-left: 95px;
}
@media (max-width: 1200px) {
  #content #confirm-order .fees {
    margin-left: 80px;
  }
}
@media (max-width: 995px) {
  #content #confirm-order .fees {
    margin-left: 0px;
  }
}
#content #confirm-order .fees table {
  width: 100% !important;
}
#content #confirm-order .customer-info table {
  width: 100% !important;
}
#content #for-verification .page-section {
  background: #fafafa;
  margin: 20px 0;
  border: 1px solid rgba(153, 153, 153, 0.15);
  border-radius: 5px;
  box-shadow: 1px 2px 0 rgba(204, 204, 204, 0.7);
  padding: 20px;
}
#content #for-verification .page-section .title {
  font-size: 20px;
  border-left: 3px solid #65a543;
  padding: 0 0 0 10px;
  margin: 10px 0;
}
#content .thankyou-template,
#content .pay_err-template {
  padding: 200px 15px;
  text-align: center;
}
#content .thankyou-actions,
#content .pay_err-actions {
  margin-top: 15px;
  margin-bottom: 15px;
}
#content .thankyou-actions .btn,
#content .pay_err-actions .btn {
  margin-right: 10px;
}
#content .error-template {
  padding: 50px 15px;
  text-align: center;
}
#content #check-status {
  padding: 30px 0;
}
#content #check-status .page-section {
  background: #fafafa;
  margin: 20px 0;
  border: 1px solid rgba(153, 153, 153, 0.15);
  border-radius: 5px;
  box-shadow: 1px 2px 0 rgba(204, 204, 204, 0.7);
  padding: 20px;
}
#content #check-status .page-section .title {
  font-size: 20px;
  border-left: 3px solid #65a543;
  padding: 0 0 0 10px;
  margin: 10px 0;
}
#content #retrieved-data .page-section {
  background: #fafafa;
  margin: 20px 0;
  border: 1px solid rgba(153, 153, 153, 0.15);
  border-radius: 5px;
  box-shadow: 1px 2px 0 rgba(204, 204, 204, 0.7);
  padding: 20px;
}
#content #retrieved-data .page-section .title {
  font-size: 20px;
  border-left: 3px solid #65a543;
  padding: 0 0 0 10px;
  margin: 10px 0;
}
#content #payment-summary .page-section {
  background: #fafafa;
  margin: 20px 0;
  border: 1px solid rgba(153, 153, 153, 0.15);
  border-radius: 5px;
  box-shadow: 1px 2px 0 rgba(204, 204, 204, 0.7);
  padding: 20px;
}
#content #payment-summary .page-section .title {
  font-size: 20px;
  border-left: 3px solid #65a543;
  padding: 0 0 0 10px;
  margin: 10px 0;
}
#content #faq .faq-cat-content {
  margin-top: 25px;
}
#content #faq .faq-cat-tabs li a {
  padding: 15px 10px 15px 10px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  color: #777777;
}
#content #faq .nav-tabs li a:focus,
#content #faq .panel-heading a:focus {
  outline: none;
}
#content #faq .panel-heading a,
#content #faq .panel-heading a:hover,
#content #faq .panel-heading a:focus {
  text-decoration: none;
  color: #65a543;
}
#content #faq .faq-cat-content .panel-heading:hover {
  background-color: #efefef;
}
#content #faq .active-faq {
  transition: all 0.3s ease;
  border-left: 5px solid #65a543;
}
#content #faq .panel-faq .panel-heading .panel-title span {
  font-size: 13px;
  font-weight: normal;
}
#content #content-order .section,
#content #order-verification .section {
  background: #fafafa;
  margin: 20px 0;
  border: 1px solid rgba(153, 153, 153, 0.15);
  border-radius: 5px;
  box-shadow: 1px 2px 0 rgba(204, 204, 204, 0.7);
  padding: 20px;
}
#content #content-order .section .title,
#content #order-verification .section .title {
  font-size: 20px;
  border-left: 3px solid #65a543;
  padding: 0 0 0 10px;
  margin: 10px 0;
}
#footer {
  font-size: 14px;
  padding: 10px 0;
  background: url(../images/global/footer-bg.jpg);
}
#footer .head {
  font-size: 16px;
}
#footer .content img {
  width: 200px;
}
#footer .content .nav li {
  float: left;
}
#footer .content .nav li a {
  color: #999;
}
#footer .content .nav li a:hover {
  background: none;
  color: #333;
}
#footer .content .glyphicon {
  margin: 0 10px;
}
#footer .content .tel-no {
  margin: 10px 0;
}
#footer .content .tel-no a {
  color: #666;
}
#footer .content .tel-no .desc {
  width: 250px;
}
@font-face {
  font-family: 'lato-regular';
  src: url('../fonts/lato-regular-webfont.eot');
  src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-regular-webfont.woff') format('woff'), url('../fonts/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
}

.payment-card {
  display: flex;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0;
  padding-right: 0.5rem;
  flex-direction: row;
  align-items: flex-start;
  border-radius: 0.5rem;
  gap: 1rem;
  justify-content: center;
}

.payment-card2 {
  display: flex;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0;
  padding-right: 0.5rem;
  flex-direction: row;
  align-items: flex-start;
  border-radius: 0.5rem;
  gap: 1rem;
  justify-content: center;
  width: 162px;
  margin: auto;
}

.pay-now-button {
  padding-top: 0.75rem;
  padding-bottom: 0.25rem;
  color: #65a543;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 900;
  text-align: center;
  width: 100%;
  border-top: 1px solid #65a543
}

.payment-card-body:hover {
  background-color: #d0e4c6;
}

.payment-card-body {
  overflow: hidden;
  background-color: #eff6ec;
  width: 11rem;
  border-radius: 0.5rem;
  border: 1px solid #65a543
}

.payment-card-description {
  padding-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  width: 100%;
}

@media (min-width: 640px) {
  .pay-now-button {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .payment-card {
    padding: 1rem;
    align-items: center;
    width: 100%;
  }
  .payment-card2 {
    padding: 1rem;
    align-items: center;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .payment-card {
    flex-direction: column;
    gap: 0.5rem;
  }

  .payment-card2 {
    flex-direction: column;
    gap: 0.5rem;
  }

  .payment-card-body {
    width: auto;
  }

  .payment-card-description {
    font-size: 0.75rem;
    line-height: 1rem;
    width: 10rem;
  }
}

.payment-option {
  background: url('/images/payment/payment-options.png') no-repeat center;
  overflow: hidden;
  background-size: 300%;
  width: 150px;
  height: 80px;
}

.payment-option.bg-bdo {
  background-position: -20px -10px;
}

.payment-option.bg-bpi {
  background-position: -170px -10px;
}

.payment-option.bg-cebuana {
  background-position: -21px -110px;
}

.payment-option.bg-china {
  background-position: -170px -110px;
}

.payment-option.bg-creditcard {
  background-position: -10px -210px;
}

.payment-option.bg-ecpay {
  background-position: -170px -210px;
}

.payment-option.bg-gcash {
  background-position: -321px -8px;
}

.payment-option.bg-maya {
  background-position: -321px -110px;
}

.payment-option.bg-metrobank {
  background-position: -320px -215px;
}

.payment-option.bg-robinson {
  background-position: -22px -310px;
}

.payment-option.bg-sm {
  background-position: -320px -315px;
}

.payment-option.bg-union {
  background-position: -170px -313px;
}

@media (min-width: 640px) {
  .payment-option {
    width: 160px;
    height: 100px;
    background-size: 350%;
  }

  .payment-option.bg-bdo {
    background-position: -10px -10px;
  }

  .payment-option.bg-bpi {
    background-position: -200px -10px;
  }

  .payment-option.bg-cebuana {
    background-position: -15px -135px;
  }

  .payment-option.bg-china {
    background-position: -200px -140px;
  }

  .payment-option.bg-creditcard {
    background-position: -10px -260px;
  }

  .payment-option.bg-ecpay {
    background-position: -198px -260px;
  }

  .payment-option.bg-gcash {
    background-position: -390px -10px;
  }

  .payment-option.bg-maya {
    background-position: -390px -135px;
  }

  .payment-option.bg-metrobank {
    background-position: -390px -263px;
  }

  .payment-option.bg-robinson {
    background-position: -17px -384px;
  }

  .payment-option.bg-sm {
    background-position: -390px -386px;
  }

  .payment-option.bg-union {
    background-position: -200px -386px;
  }
}

/* Payment Option 2 */
.payment-option2 {
  background: url('/images/payment/payment-options.png') no-repeat center;
  overflow: hidden;
  background-size: 336%;
  width: 175px;
  height: 90px;
}

.payment-option2.bg-bdo {
  background-position: -20px -18px;
}

.payment-option2.bg-bpi {
  background-position: -219px -18px;
}

.payment-option2.bg-cebuana {
  background-position: -22px -153px;
}

.payment-option2.bg-china {
  background-position: -220px -153px;
}

.payment-option2.bg-creditcard {
  background-position: -12px -285px;
}

.payment-option2.bg-ecpay {
  background-position: -217px -283px;
}

.payment-option2.bg-gcash {
  background-position: -416px -15px;
}

.payment-option2.bg-maya {
  background-position: -415px -150px;
}

.payment-option2.bg-metrobank {
  background-position: -415px -285px;
}

.payment-option2.bg-robinson {
  background-position: -24px -412px;
}

.payment-option2.bg-sm {
  background-position: -415px -415px;
}

.payment-option2.bg-union {
  background-position: -218px -415px;
}

@media (min-width: 640px) {
  .payment-option2 {
    width: 160px;
    height: 100px;
    background-size: 350%;
  }

  .payment-option2.bg-bdo {
    background-position: -10px -10px;
  }

  .payment-option2.bg-bpi {
    background-position: -200px -10px;
  }

  .payment-option2.bg-cebuana {
    background-position: -15px -135px;
  }

  .payment-option2.bg-china {
    background-position: -200px -140px;
  }

  .payment-option2.bg-creditcard {
    background-position: -10px -260px;
  }

  .payment-option2.bg-ecpay {
    background-position: -198px -260px;
  }

  .payment-option2.bg-gcash {
    background-position: -390px -10px;
  }

  .payment-option2.bg-maya {
    background-position: -390px -135px;
  }

  .payment-option2.bg-metrobank {
    background-position: -390px -263px;
  }

  .payment-option2.bg-robinson {
    background-position: -17px -384px;
  }

  .payment-option2.bg-sm {
    background-position: -390px -386px;
  }

  .payment-option2.bg-union {
    background-position: -200px -386px;
  }
}

.col-no-padding {
  padding: 0 10px 0 10px !important;
  margin: 0 !important;
}
/*# sourceMappingURL=style.css.map */