body {
  font-weight: 400;
  font-size: 1rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
  line-height: 1.6; }

.grayout {
  opacity: 0.4;
  /* Real browsers */
  filter: alpha(opacity=60);
  /* MSIE */ }

li.page-item {
  margin-left: 5px; }

.text-small {
  font-size: 10px; }

.text-1em {
  font-size: 1em; }

.col-1a {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 3.333333%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.g-color-blue {
  color: #1b79d7 !important; }

.box {
  position: relative;
  display: inline-block;
  /* Make the width of box same as image */ }

.h1-text {
  font-family: 'roboto', sans-serif;
  font-weight: 300;
  font-size: 3em;
  line-height: 40px;
  color: #409D35; }

.rsm-logo-small-color {
  position: absolute;
  left: 0; }

.stoneforest-logo-small-color {
  position: absolute;
  right: 20px; }

.modal-header .close {
  padding: 1rem .5rem;
  margin: -2rem -2rem .2rem auto; }

.rsm-green {
  color: #409D35; }

.rsm-blue {
  color: #009CDE; }

/* Upload Input */
.inputDnD .form-control-file {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 6em;
  outline: none;
  visibility: hidden;
  cursor: pointer;
  background-color: #c61c23;
  box-shadow: 0 0 5px solid currentColor; }

.inputDnD .form-control-file:before {
  content: attr(data-title);
  position: absolute;
  /*top: 0.5em;*/
  top: 0;
  left: 0;
  width: 100%;
  min-height: 6em;
  line-height: 2em;
  padding-top: 1.5em;
  opacity: 1;
  visibility: visible;
  text-align: center;
  border: 0.14em dashed currentColor;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  overflow: hidden; }

.inputDnD .form-control-file:hover:before {
  border-style: solid;
  box-shadow: inset 0px 0px 0px 0.15em currentColor; }

.custom-checkbox .custom-control-label::before {
  border: 1px solid #999;
  background-color: #ffffff; }

.form-control::-webkit-input-placeholder {
  color: #bbb; }

.form-control[readonly] {
  background-color: #f7f7f7 !important; }

.form-control-md {
  padding: .5rem !important; }

label {
  font-weight: 600; }

label2 {
  font-weight: 600; }

.table td, .table th {
  padding: .5rem;
  font-size: .9rem; }

.btn-md {
  line-height: 1.4;
  padding: 0.5rem 2rem;
  font-size: .9rem; }

.u-select--v2-select .dropdown-toggle {
  padding: 0.50400rem 1.42857rem; }

.g-py-4 {
  /* padding-top: 0.28571rem !important; */
  /* padding-bottom: 0.28571rem !important; */
  padding: 0 2rem !important;
  min-width: 8rem; }

.g-pa-12-21,
.g-pa-12-19 {
  padding: .2rem .8rem !important; }

[class*="u-table--v3"] th:first-child,
[class*="u-table--v3"] th.g-first-child,
[class*="u-table--v3"] td:first-child,
[class*="u-table--v3"] td.g-first-child {
  text-align: left;
  border-left: 1px solid; }

.tags-container {
  padding-left: 0;
  height: unset;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5rem;
  line-height: 1.75; }

h1 {
  margin-top: 1rem;
  margin-bottom: 1rem !important; }

/* Button side */
.u-sidebar-navigation--dark {
  background-color: #38445a;
  color: #d4dade; }

.nav-pills .nav-link.active {
  background-color: #0076A8 !important; }

.u-btn-side {
  color: #2E3C56 !important;
  background-color: #6FD3FF; }

.u-btn-side:hover {
  border-color: #009CDE;
  background-color: #009CDE;
  color: #fff !important; }

.u-btn-side.active {
  background-color: #2E3C56;
  color: #fff !important; }

/* ////////////////////// Button Outline Primary */
.btn-outline-primary {
  color: #27363d;
  border-color: #b4b4b4;
  background-color: #f5f5f5; }

.btn-outline-primary:hover {
  color: #27363d;
  border-color: #6e6e6e;
  background-color: #eeeeee; }

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 2px rgba(201, 201, 201, 0.5); }

.btn-outline-primary:active, .btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  border-color: #409D35; }

.btn-outline-primary:active {
  background-color: #ccc !important;
  color: #444 !important;
  box-shadow: 0 0 0 2px #c9c9c9 !important;
  border-color: #444 !important; }

.btn-outline-primary:disabled,
.btn-outline-primary:disabled:hover,
.btn-outline-primary:disabled:active,
.btn-outline-primary:disabled:hover:active {
  background-color: #ccc;
  opacity: 0.5 !important;
  color: #444;
  border-color: #ccc;
  cursor: not-allowed; }

.nav-pills .nav-link.active:hover {
  background-color: #009CDE !important; }

a.btn.btn-sm.btn-primary {
  color: #fff; }

.btn-primary:active {
  background-color: #2E3C56 !important; }

.btn-primary {
  background-color: #009CDE;
  border-color: #0072a3; }

.btn-primary:hover {
  color: #fff;
  background-color: #28ade6;
  border-color: #055070; }

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 2px rgba(33, 158, 230, 0.5); }

.btn-primary:disabled,
.btn-primary:disabled:hover,
.btn-primary:disabled:active,
.btn-primary:disabled:hover:active {
  background-color: #009CDE;
  opacity: 0.5 !important;
  color: #fff;
  border-color: #ccc;
  cursor: not-allowed; }

a.btn.btn-sm.btn-primary:hover {
  color: #fff;
  background-color: #1688b9;
  border-color: #0076A8; }

.btn-warning {
  color: #444;
  background-color: #ffffd2;
  border-color: #e7e7a6; }

.btn-warning:hover {
  color: #444;
  background-color: #fdfdae; }

.btn-danger {
  background-color: #fac9ce;
  color: #444;
  border-color: #d6a9ae; }

.btn-danger:hover {
  background-color: #f1b2b8;
  color: #444; }

.btn-info:active {
  background-color: #9b7633 !important;
  box-shadow: 0 0 0 2px rgba(197, 157, 27, 0.5) !important;
  border-color: #ac7732 !important;
  color: #444 !important; }

.btn-info {
  background-color: #ffd077;
  color: #444;
  border-color: #e29b3e; }

.btn-info:hover {
  background-color: #ffba3b;
  color: #444;
  border-color: #ac7732; }

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 2px rgba(197, 157, 27, 0.5); }

.btn-info:disabled,
.btn-info:disabled:hover,
.btn-info:disabled:active,
.btn-info:disabled:hover:active {
  background-color: #ffd077;
  opacity: 0.5 !important;
  color: #444;
  border-color: #ccc;
  cursor: not-allowed; }

.btn-success {
  color: #444;
  background-color: #cafcbf;
  border-color: #aad3a1; }

.btn-success:hover {
  color: #444;
  background-color: #b7f5a9; }

.u-btn-lightblue-v3 {
  /*RSM*/
  color: #fff;
  background-color: #009CDE; }

.u-btn-lightblue-v3:hover, .u-btn-lightblue-v3.active {
  /*RSM*/
  border-color: #49A234;
  background-color: #49A234; }

.u-btn-outline-gray-dark-v6 {
  background-color: #f3fafd;
  color: #53585e;
  border-color: #e1eaea; }

.u-btn-outline-gray-dark-v6:hover, .u-btn-outline-gray-dark-v6:focus, .u-btn-outline-gray-dark-v6.active {
  /*RSM*/
  background-color: #f3fafd;
  color: #53585e;
  border-color: #49A234; }

.u-btn-outline-gray-dark-v5 {
  background-color: transparent;
  color: #53585e;
  border-color: #bbbbbb; }

.u-btn-outline-gray-dark-v5:hover, .u-btn-outline-gray-dark-v5:focus, .u-btn-outline-gray-dark-v5.active {
  /*RSM*/
  background-color: #e4e4e4;
  color: #53585e;
  border-color: #49A234; }

.form-control:disabled, .form-control[readonly] {
  background-color: #fdfdfd !important; }

.g-font-weight-600 {
  font-weight: 600; }

.bg-primary {
  background-color: #009CDE !important; }

div#nav-tab {
  font-size: .9rem; }

.nav-tabs .nav-link {
  border-bottom: 4px solid transparent; }

.nav-tabs > .nav-link:hover {
  border-bottom: 4px solid #38445a !important; }

.nav-tabs > .active {
  border-bottom: 4px solid #38445a !important; }

.nav-tabs .nav-item {
  margin-bottom: 0px; }

.nav-tabs .nav-link {
  border-bottom: 4px solid transparent;
  border-top: 1px solid #dee2e6 !important;
  border-right: 1px solid #dee2e6 !important;
  border-left: 1px solid #dee2e6 !important; }

.bg-blue {
  background-color: #9db7ff !important; }

.nav-tabs .bg-yellow {
  background-color: #ffffd2 !important; }

.nav-tabs .bg-red {
  background-color: #ffb9b9 !important; }

.nav-tabs .bg-green {
  background-color: #d1f0d5 !important; }

.nav-tabs .bg-white {
  background-color: #f8f8f8 !important; }

.icon-small i {
  float: left;
  margin-right: 10px;
  /* ... */ }

.icon-small + p {
  clear: left;
  /* ... */ }

/*.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0,0,0,0);
}*/
.stretched-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0); }

.stretched-link:hover {
  background-color: rgba(85, 153, 179, 0.07); }

h5, .h5 {
  font-weight: 700;
  font-size: 1rem; }

.h6, h6 {
  font-size: 1.3rem; }

.break {
  overflow-wrap: break-word; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.card-header .fa {
  transition: .3s transform ease-in-out; }

.card-header .collapsed .fa {
  transform: rotate(90deg); }

.entries-caret {
  position: absolute;
  right: -14px;
  top: -12px; }

.dropdown-toggle::after {
  display: none; }

/* remove the original arrow */
select.input-lg {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none; }

select + i.fa {
  float: right;
  margin-top: -22px;
  margin-right: 5px;
  /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
  pointer-events: none;
  /* everything after this is just to cover up the original arrow */
  /* (for browsers that don't support the syntax used above) */
  background-color: #fff;
  padding-right: 5px; }

.btn-circle.btn-xl {
  width: 40px;
  height: 40px;
  padding: 5px 8px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33; }

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 1px 0px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px; }

.border-light {
  border-color: #ccc !important; }

.badge-pill {
  padding-right: 1em;
  padding-left: 1em;
  border-radius: 10rem;
  display: inline-block;
  min-width: 140px;
  text-align: center; }

.thumb-small {
  width: 180px; }

@media (min-width: 576px) {
  .col-sm-11s {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 96%;
    max-width: 96%; } }

@media (min-width: 576px) {
  .col-sm-1s {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 35.333333%;
    max-width: 2.333333%; } }

.form-control-md {
  margin-bottom: 18px; }

/*------------------------------------
  Checkboxes v6
------------------------------------*/
.u-check-icon-checkbox-v6a, .u-check-icon-radio-v6a {
  width: 18px;
  height: 18px;
  font-size: 12px; }

.u-check-icon-checkbox-v6a i, .u-check-icon-radio-v6a i {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 100%;
  height: 100%;
  border: solid 1px #ccc;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.u-check-icon-checkbox-v6a i::before, .u-check-icon-radio-v6a i::before {
  content: attr(data-uncheck-icon);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.u-check-icon-radio-v6a {
  border-radius: 50%; }

.u-check-icon-radio-v6a i {
  border-radius: 50%; }

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6a i,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v6a i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6a i,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v6a i,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6a i,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v6a i,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6a i,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v6a i {
  color: #fff;
  background-color: #009CDE;
  border-color: #009CDE; }

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6a i::before,
.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v6a i::before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6a i::before,
.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v6a i::before,
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6a i::before,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v6a i::before,
.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6a i::before,
.u-check input[type="radio"]:checked + * .u-check-icon-radio-v6a i::before {
  content: attr(data-check-icon); }

i.fa {
  cursor: pointer;
  margin-right: 5px;
  /* float: left;*/ }

i.fa-computer,
.fa-accounting,
.fa-admin,
.fa-advisory,
.fa-biss-chart,
.fa-briefcase2,
.fa-check-list,
.fa-cloud2,
.fa-corp-tax,
.fa-diligence,
.fa-gst,
.fa-hr,
.fa-protect,
.fa-recovery,
.fa-reporting,
.fa-review,
.fa-statutory,
.fa-tax,
.fa-tax-advisory,
.fa-tax-transfer,
.fa-technology,
.fa-value,
.fa-xbrl,
.fa-enhancement,
.fa-services,
.fa-apps,
.fa-upload2,
.fa-user2,
.fa-library,
.fa-payment,
.fa-bookkeeping,
.fa-chart,
.fa-computer2,
.fa-shield,
.fa-payroll,
.fa-calculator1,
.fa-calculator2,
.fa-bug2,
.fa-planet,
.fa-head,
.fa-survey,
.fa-corp-tax2,
.fa-payday,
.fa-globe2 {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat; }

i.fa-globe2 {
  content: "";
  background-image: url("../assets/img/icon/icon-globe.png"); }

i.fa-payday {
  content: "";
  background-image: url("../assets/img/icon/icon-payday.png"); }

i.fa-corp-tax2 {
  content: "";
  background-image: url("../assets/img/icon/icon-corp-tax2.png"); }

i.fa-survey {
  content: "";
  background-image: url("../assets/img/icon/icon-survey.png"); }

i.fa-head {
  content: "";
  background-image: url("../assets/img/icon/icon-head.png"); }

i.fa-planet {
  content: "";
  background-image: url("../assets/img/icon/icon-planet.png"); }

i.fa-bug2 {
  content: "";
  background-image: url("../assets/img/icon/icon-bug.png"); }

i.fa-calculator1 {
  content: "";
  background-image: url("../assets/img/icon/icon-calculator1.png"); }

i.fa-calculator2 {
  content: "";
  background-image: url("../assets/img/icon/icon-calculator.png"); }

i.fa-payroll {
  content: "";
  background-image: url("../assets/img/icon/icon-payroll.png"); }

i.fa-shield {
  content: "";
  background-image: url("../assets/img/icon/icon-shield.png"); }

i.fa-computer2 {
  content: "";
  background-image: url("../assets/img/icon/icon-computer2.png"); }

i.fa-chart {
  content: "";
  background-image: url("../assets/img/icon/icon-chart.png"); }

i.fa-bookkeeping {
  content: "";
  background-image: url("../assets/img/icon/icon-bookkeeping.png"); }

i.fa-services {
  content: "";
  background-image: url("../assets/img/icon/icon-services.png"); }

i.fa-apps {
  content: "";
  background-image: url("../assets/img/icon/icon-apps.png"); }

i.fa-upload2 {
  content: "";
  background-image: url("../assets/img/icon/icon-upload.png"); }

i.fa-user2 {
  content: "";
  background-image: url("../assets/img/icon/icon-user.png"); }

i.fa-library {
  content: "";
  background-image: url("../assets/img/icon/icon-library.png"); }

i.fa-payment {
  content: "";
  background-image: url("../assets/img/icon/icon-payment.png"); }

i.fa-enhancement {
  content: "";
  background-image: url("../assets/img/icon/icon-enhancement.png"); }

i.fa-accounting {
  content: "";
  background-image: url("../assets/img/icon/icon-accounting.png"); }

i.fa-admin {
  content: "";
  background-image: url("../assets/img/icon/icon-admin.png"); }

i.fa-advisory {
  content: "";
  background-image: url("../assets/img/icon/icon-advisory.png"); }

i.fa-biss-chart {
  content: "";
  background-image: url("../assets/img/icon/icon-biss-chart.png"); }

i.fa-briefcase2 {
  content: "";
  background-image: url("../assets/img/icon/icon-briefcase.png"); }

i.fa-check-list {
  content: "";
  background-image: url("../assets/img/icon/icon-check-list.png"); }

i.fa-cloud2 {
  content: "";
  background-image: url("../assets/img/icon/icon-cloud.png"); }

i.fa-corp-tax {
  content: "";
  background-image: url("../assets/img/icon/icon-corp-tax.png"); }

i.fa-diligence {
  content: "";
  background-image: url("../assets/img/icon/icon-diligence.png"); }

i.fa-gst {
  content: "";
  background-image: url("../assets/img/icon/icon-gst.png"); }

i.fa-hr {
  content: "";
  background-image: url("../assets/img/icon/icon-hr.png"); }

i.fa-protect {
  content: "";
  background-image: url("../assets/img/icon/icon-protect.png"); }

i.fa-recovery {
  content: "";
  background-image: url("../assets/img/icon/icon-recovery.png"); }

i.fa-reporting {
  content: "";
  background-image: url("../assets/img/icon/icon-reporting.png"); }

i.fa-review {
  content: "";
  background-image: url("../assets/img/icon/icon-review.png"); }

i.fa-statutory {
  content: "";
  background-image: url("../assets/img/icon/icon-statutory.png"); }

i.fa-tax {
  content: "";
  background-image: url("../assets/img/icon/icon-tax.png"); }

i.fa-tax-advisory {
  content: "";
  background-image: url("../assets/img/icon/icon-tax-advisory.png"); }

i.fa-tax-transfer {
  content: "";
  background-image: url("../assets/img/icon/icon-tax-transfer.png"); }

i.fa-technology {
  content: "";
  background-image: url("../assets/img/icon/icon-technology.png"); }

i.fa-value {
  content: "";
  background-image: url("../assets/img/icon/icon-value.png"); }

i.fa-xbrl {
  content: "";
  background-image: url("../assets/img/icon/icon-xbrl.png"); }

i.fa-computer {
  content: "";
  background-image: url("../assets/img/icon/icon-computer.png"); }

@font-face {
  font-family: 'icomoon';
  src: url("../assets2/font/icomoon.eot?okdgde");
  src: url("../assets2/font/icomoon.eot?okdgde#iefix") format("embedded-opentype"), url("../assets2/font/icomoon.ttf?okdgde") format("truetype"), url("../assets2/font/icomoon.woff?okdgde") format("woff"), url("../assets2/font/icomoon.svg?okdgde#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak-as: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-contact-1:before {
  content: "\63";
  font-size: 13px; }

.h4, h4 {
  font-size: 1.3rem; }

/*////////////////////////////////////// SUBMENUS ///////////////////////////////////////*/
.mb-0 > a {
  display: block;
  /*position: relative;*/
  color: #656464;
  font-weight: 600; }

.mb-0 > a:after {
  content: "\e90f";
  font-family: 'hs-admin-icons';
  position: absolute;
  right: 0;
  margin-right: 4rem; }

.mb-0 > a[aria-expanded="true"]:after {
  content: "\e90d";
  /* fa-chevron-up */ }

.mb-0 > i.fa-folder:before {
  display: block;
  position: relative; }

.mb-0 > i.fa-folder:before:after {
  content: "\f07c";
  /* fa-chevron-down */
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 0; }

.mb-0 > i.fa-folder:before[aria-expanded="true"]:after {
  content: "\f07b";
  /* fa-chevron-up */ }

.hs-admin-angle-down:before, .hs-admin-angle-up:before {
  font-weight: 800; }

.expand-collapse {
  position: absolute;
  right: 10px;
  z-index: 2; }

.border-bottom {
  border-bottom: 1px solid #ffffff !important; }

.card,
.card-header {
  border-color: #e2e2e2 !important; }

.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: #ffffff;
  border-bottom: 1px solid #fff; }

.card-block {
  background-color: #efefef; }

.rsm-logo-small,
.stoneforest-logo-small {
  height: 36px; }

label.form-check-inline {
  font-weight: 400; }

.table td, .table th {
  padding: .5rem; }

.table thead th {
  vertical-align: top !important; }

#return-to-top {
  position: fixed;
  bottom: 63px;
  right: 20px;
  background: black;
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 10; }

#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9); }

#return-to-top:hover i {
  color: #fff;
  top: 5px; }

/*/////////////////////Google Maps////*/
.google-maps {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden; }

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

/* Extra Things 
body{background: #eee ;
  font-family: 'Open Sans', sans-serif;
}

h3{
  font-size: 30px; 
  font-weight: 400;
  text-align: center;
  margin-top: 50px;
}

h3 i{
  color: #444;
}
*/