/* h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: 'Roboto', 'Noto Sans SC', sans-serif, 'Koulen', cursive;
 } */

 /* p,
 li,
 label {
   font-family: 'Roboto', 'Noto Sans SC', sans-serif, 'Battambang', cursive;
 } */
 p{font-size: 16px;}
html {
  scroll-behavior: smooth;
}
 body{
   font-family: 'Battambang', Arial;;
 }

 a {
   color: #000;
 }

 .clear-padding {
   padding: 0;
 }

 .padding-xs {
   padding: .25em;
 }

 .padding-sm {
   padding: .5em;
 }

 .padding-md {
   padding: 1em;
 }

 .padding-lg {
   padding: 1.5em;
 }

 .padding-xl {
   padding: 3em;
 }

 .padding-x-xs {
   padding: .25em 0;
 }

 .padding-x-sm {
   padding: .5em 0;
 }

 .padding-x-md {
   padding: 1em 0;
 }

 .padding-x-lg {
   padding: 1.5em 0;
 }

 .padding-x-xl {
   padding: 3em 0;
 }

 .padding-y-xs {
   padding: 0 .25em;
 }

 .padding-y-sm {
   padding: 0 .5em;
 }

 .padding-y-md {
   padding: 0 1em;
 }

 .padding-y-lg {
   padding: 0 1.5em;
 }

 .padding-y-xl {
   padding: 0 3em;
 }

 .padding-top-xs {
   padding-top: .25em;
 }

 .padding-top-sm {
   padding-top: .5em;
 }

 .padding-top-md {
   padding-top: 1em;
 }

 .padding-top-lg {
   padding-top: 1.5em;
 }

 .padding-top-xl {
   padding-top: 3em;
 }

 .padding-right-xs {
   padding-right: .25em;
 }

 .padding-right-sm {
   padding-right: .5em;
 }

 .padding-right-md {
   padding-right: 1em;
 }

 .padding-right-lg {
   padding-right: 1.5em;
 }

 .padding-right-xl {
   padding-right: 3em;
 }

 .padding-bottom-xs {
   padding-bottom: .25em;
 }

 .padding-bottom-sm {
   padding-bottom: .5em;
 }

 .padding-bottom-md {
   padding-bottom: 1em;
 }

 .padding-bottom-lg {
   padding-bottom: 1.5em;
 }

 .padding-bottom-xl {
   padding-bottom: 3em;
 }

 .padding-left-xs {
   padding-left: .25em;
 }

 .padding-left-sm {
   padding-left: .5em;
 }

 .padding-left-md {
   padding-left: 1em;
 }

 .padding-left-lg {
   padding-left: 1.5em;
 }

 .padding-left-xl {
   padding-left: 3em;
 }

 .margin-xs {
   margin: .25em;
 }

 .margin-sm {
   margin: .5em;
 }

 .margin-md {
   margin: 1em;
 }

 .margin-lg {
   margin: 1.5em;
 }

 .margin-xl {
   margin: 3em;
 }

 .margin-x-xs {
   margin: .25em 0;
 }

 .margin-x-sm {
   margin: .5em 0;
 }

 .margin-x-md {
   margin: 1em 0;
 }

 .margin-x-lg {
   margin: 1.5em 0;
 }

 .margin-x-xl {
   margin: 3em 0;
 }

 .margin-y-xs {
   margin: 0 .25em;
 }

 .margin-y-sm {
   margin: 0 .5em;
 }

 .margin-y-md {
   margin: 0 1em;
 }

 .margin-y-lg {
   margin: 0 1.5em;
 }

 .margin-y-xl {
   margin: 0 3em;
 }

 .margin-top-xs {
   margin-top: .25em;
 }

 .margin-top-sm {
   margin-top: .5em;
 }

 .margin-top-md {
   margin-top: 1em;
 }

 .margin-top-lg {
   margin-top: 1.5em;
 }

 .margin-top-xl {
   margin-top: 3em;
 }

 .margin-right-xs {
   margin-right: .25em;
 }

 .margin-right-sm {
   margin-right: .5em;
 }

 .margin-right-md {
   margin-right: 1em;
 }

 .margin-right-lg {
   margin-right: 1.5em;
 }

 .margin-right-xl {
   margin-right: 3em;
 }

 .margin-bottom-xs {
   margin-bottom: .25em;
 }

 .margin-bottom-sm {
   margin-bottom: .5em;
 }

 .margin-bottom-md {
   margin-bottom: 1em;
 }

 .margin-bottom-lg {
   margin-bottom: 1.5em;
 }

 .margin-bottom-xl {
   margin-bottom: 3em;
 }

 .margin-left-xs {
   margin-left: .25em;
 }

 .margin-left-sm {
   margin-left: .5em;
 }

 .margin-left-md {
   margin-left: 1em;
 }

 .margin-left-lg {
   margin-left: 1.5em;
 }

 .margin-left-xl {
   margin-left: 3em;
 }

 .dropdown-submenu {
   position: relative;
 }

 .text-gold {
   color: #e8b860;
 }

 .text-violet {
   /* color: #643788 !important; */
   color: #743a86 !important;
 }

 .text-white {
   /* color: white; */
   color: #f1f1f1;
 }

 .bg-gold {
   background: rgba(255, 183, 50, 0.7);
 }

 .bg-dark-gold {
   background: #e8b860;
 }

 .bg-violet {
   background-color: #643788;
   /* background-color: #733c94; */
 }

 .bg-dark-violet {
   background: #44295a;
 }

 .dropdown-submenu>.dropdown-menu {
   top: 0;
   left: 100%;
   margin-top: -2px;
   margin-left: -1px;
   -webkit-border-radius: 0 6px 6px 6px;
   -moz-border-radius: 0 6px 6px 6px;
   border-radius: 0 6px 6px 6px;
 }

 .dropdown-menu {
   width: 100%;
 }

 .dropdown-menu>li>a {
   color: white;
   border-bottom: 1px solid #97959547;
   padding: 5px 0px 11px 10px;
 }

 .dropdown-menu>li>a:hover {
   background: none;
   color: #e8b860;
 }

 .dropdown-submenu>a:after {
   display: block;
   content: " ";
   float: right;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   border-width: 5px 0 5px 5px;
   border-left-color: #cccccc;
   margin-top: 5px;
   margin-right: 13px;
 }

 .dropdown-submenu:hover>a:after {
   border-left-color: #555;
 }

 .dropdown-submenu.pull-left {
   float: none;
 }

 .dropdown-submenu.pull-left>.dropdown-menu {
   left: -100%;
   margin-left: 10px;
   -webkit-border-radius: 6px 0 6px 6px;
   -moz-border-radius: 6px 0 6px 6px;
   border-radius: 6px 0 6px 6px;
 }

 /* top Menu */
 ul.header-tools {
   list-style-type: none;
   text-align: right;
   cursor: pointer;
   margin-bottom: 0;
 }

 ul.header-tools li {
   display: inline;
 }

 ul li {
   transition: 0.7s all;
   list-style-type: none;
   line-height: 28px;
 }
 
 .job-desc ul li {
   list-style-type: disc;
 }
 
.navbar-nav>li{
   transition: 0.7s all;
   list-style-type: none;
   line-height: 28px;
   margin-left: 10px;
}
 a {
   text-decoration: none !important;
 }

 .top-header {
   background: #f7f7f7;
   padding: 10px 0;
 }

 .middle-header {
   top: 56px;
   background-color: rgba(0, 0, 0, 0.5);
   margin: 0 auto;
   box-shadow: 0 2px 5px -2px #80808042;
 }

 .inquire-btn {
   border: 1px solid #e8b860;
   color: #e8b860 !important;
 }

 .header-nav-link {
   padding: 10px 20px 10px !important;
   font-family: "Montserrat", sans-serif !important;
   text-transform: uppercase;
   font-size: 16px !important;
   font-weight: bold;
 }

 .header-nav-link:hover {
   background: #9d7ab1 !important;
   color: #ffffff !important;
   transition: 0.7s;
   border-radius: 3px;
 }
.header-tool-text:hover{
  color: #733C94;
}
 .inquire-btn:hover {
   background: #e8b860 !important;
 }

 .active>.header-nav-link {
   background: #733C94 !important;
   /* background: #d19df18c !important; */
   color: #ffffff !important;
   border-radius: 3px;
 }

 .navbar-default .navbar-nav>li>a {
   color: white;
 }


 .col-footer ul {
   padding-left: 0;
 }

 h4.footer-title {
   font-weight: bold;
 }

 .fa-footer {
   font-size: 24px;
   margin-left: 13px;
 }

 .col-footer a:hover {
   color: white;
 }

 .footer-end a li {
   display: inline;
 }

.sec-separator.default {
   min-height: 134px;
}
.sec-separator.custom {
  min-height: 100px;
}
.sec-separator-white{
  margin-top: 4em;
}
.fa-contact {
  font-size: 20px;
  margin-right: 20px;
}
.split-footer{
  border-top: 2px solid white;
  width: 87%;
  position: relative;
  bottom: 8px;
  left: 15px;
}
.img-hover{
   transition: transform .4s;
   cursor: pointer;
}
.img-hover:hover{
  -ms-transform: scale(1.03); /* IE 9 */
  -webkit-transform: scale(1.03); /* Safari 3-8 */
  transform: scale(1.03); 
}
.image-thumbnail{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.text-gray{color: gray}
.text-uppercase{text-transform: uppercase}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
  background: #d19df18c;
}
.cursor {
  cursor: pointer;
}
.fa-icon-custom{
  font-size: 60px;
  margin: 14px;
}
/* Scroll down on banner */
/* .scrollDown {
  position: absolute;
  bottom: 20%; 
  color: white;
  border: 1px solid;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  left: 45.5%;
  opacity: 0.7;
  transition: 0.3s;
} */
.scrollDown {
  position: relative;
  top: 15vh;
  color: white;
  border: 1px solid;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  left: 45.5%;
  opacity: 0.7;
  transition: 0.3s;
}
.scrollDown:hover{
  opacity: 1;
}
.scrollDownIcon{
  font-size: 36px; 
  margin: 0 12px;
  /* position: relative;
  top: 7.5px;*/
}
/* End scroll down on banner */
.welcome-text{font-size: 50px}

.icon-divider {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: -40px;
}