html{
  
}
body{
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  color: #5F636C;
  padding-top: 66px;
  overflow-x: hidden;
}
#header{
  min-height: 66px;
}
.navbar-expand-lg .navbar-nav .nav-link{
  padding-left: .75em;
  padding-right: .75em;
}
a{
  color: #DC603E;
}
a:hover{
  color: #FF3900;
}
h1,h2,h3,h4,h5,h6{
  font-family: Ubuntu;
  color: #29343A;
  line-height: 1.4;
}
.text-number{
  font-family: Roboto;
}
.text-dark{
  color: #29343A!important;
}
#navbar-site-header .dropdown-menu .dropdown-item{
  color: #fff;
}
#navbar-site-header .dropdown-menu .dropdown-item:focus, 
#navbar-site-header .dropdown-menu .dropdown-item:hover {
  color: #fff;
  background-color: rgba(51,72,68, 0.9)!important;
}
.bg-dark,
.dropdown-menu{
  background-color: #0D013D !important;
}
.text-muted {
    color: #a3a3a3!important;
}
cite{
  font-style: normal;
  font-weight: 600;
}
[v-cloak] {
  display: none;
}
.lh-1{
  line-height: 1;
}
.lh-2{
  line-height: 1.25;
}
.lh-3{
  line-height: 1.5;
}
.lh-4{
  line-height: 1.75;
}
.lh-5{
  line-height: 2;
}
.sticky-top{
  top:70px;
}



.embed-responsive-10by6::before{
  padding-top: 60%;
}
.noscroll { 
  overflow: hidden;
}


.grayscale{
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);
}
.grayscale-50{
  filter: grayscale(50%);
  -webkit-filter: grayscale(50%);
  -moz-filter: grayscale(50%);
  -ms-filter: grayscale(50%);
  -o-filter: grayscale(50%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.5);
  -webkit-filter: grayscale(0.5);
}


#header .logo{
  max-height: 40px;
}
#header .zone .flag-icon{
  height: 12px;
}
#header.navbar-dark .navbar-toggler{
  border-color: transparent;
}
#header .navbar-toggler{
  outline:0;
}
#header .navbar-toggler-icon{
  width: 1em;
  height: 1em;
}
/*offcanvas-collapse*/
@media (max-width: 991.98px) {
  .navbar-brand{
    padding-top: 0;
    padding-bottom: 0;
  }
  #header .logo {
    max-height: 30px;
  }
  .offcanvas-collapse {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #343a40;
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
    transition-property: left, visibility;
    z-index: 9999;
    border-top: 1px solid #1D2126;
  }
  .offcanvas-collapse.open {
    left: 0;
    visibility: visible;
  }
}
/*nav-scroller*/
.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}
.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}



#page-title{
  background-size: contain;
  background-repeat: repeat;
  background-position: left top;
  background-color: #FD7B5D;
  background-image: linear-gradient(to bottom right, #FF9843, #FB5F75);
  color: #fff;
  padding-top: 2em;
  padding-bottom: 2em;
  border-bottom: 5px solid #FFDFD6;
}
#page-title h1{
  text-shadow: 0 0 3px #999;
  color: #fff;
  font-size: 1.5em;
}

#content{
  padding-bottom: 4em;
  position: relative;
}

#sub-footer{
  margin-top: 5em;
  border-top: 1px solid #e0e0e0;
  padding-top: 2em;
}
#footer{
  height: 50px;
}
#site-footer{
  background-color: #29343A;
  color: #C5C8CC;
}

h1{
  letter-spacing: 1px;
}

h2{
  letter-spacing: 1px;
}


.jqstooltip { 
  box-sizing: content-box;
}


#loading{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(0,0,0,0.75);
  z-index: 2000;
}
#loading .loading-content{
  position: fixed;
  top: 10em;
  left: 50%;
  transform: translate(-50%, 0);
}
.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #ffc107;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}


@media (min-width: 992px) {
  #page-title h1{
    font-size: 2em;
  }

  .nav-scroller.nav-scroller-expand-lg{
    height: auto;
    overflow-y: visible;
  }
  .nav-scroller.nav-scroller-expand-lg .nav{
    display: block;
    white-space: normal;
  }
  .nav-scroller.nav-scroller-expand-lg .nav .nav-item{
    display: inline-block;
  }
}

/* Our Clients */
.our-clients{
  font-size: 0;
  padding-left: 1px;
  padding-top: 1px;
}
.our-clients img{
  width: 100%;
  max-width: 80px;
  padding: 5px;

  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter:opacity(80) progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);
  opacity: 0.8;

  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.our-clients img:hover{
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter:opacity(100) progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
  -webkit-filter: grayscale(0);
  opacity: 1;
}
.our-clients .list-inline-item{
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-size: 1em;
  border: 1px solid #f0f0f0;
  margin-left: -1px;
  margin-top: -1px;
}
.form-control[readonly] {
  background-color: #fff;
}
@media screen and (min-width: 768px){
  #home-welcome-banenr .carousel-item .carousel-item-content h2{
    font-size: 32px;
  }
}
@media screen and (min-width: 992px){
  .our-clients img{
    max-width: 150px;
    padding: 15px;
  }
  .col-lg-2x {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}