body {
    letter-spacing: 0.5px;
}
:focus {
    outline: none !important;
}
@media(max-width:991px){
h1 { font-size: 28px !important; }
h2 { font-size: 26px !important; }
h3 { font-size: 24px !important; }
h4 { font-size: 22px !important; }
h5 { font-size: 20px !important; }
h6 { font-size: 18px !important; }
body { font-size: 14px !important; }
    .service-box-01 h3{
        font-size: 14px !important;
    }
}
@media only screen and (max-width: 991px){
.sppb-title-subheading br, .sppb-addon-title br, .sppb-addon-content br {
    display: unset !important;
  }}
.sppb-container-inner-width section#sp-main-body .sppb-row-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
.sppb-container-inner-width section#sp-main-body .sppb-container-inner {
    width: 750px;
  }
}
@media (min-width: 992px) {
.sppb-container-inner-width section#sp-main-body .sppb-container-inner {
    width: 970px;
  }
}
@media (min-width: 1200px) {
.sppb-container-inner-width section#sp-main-body .sppb-container-inner {
    width: 1170px;
  }
}

.sppb-container-inner-width section#sp-main-body .sppb-container-inner{
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a {
    color: #ff5e14;
}
.sp-megamenu-wrapper i {
    color: #000 !important;
}
.sp-megamenu-wrapper i:hover {
    color: #06163a !important;
}
@media (max-width: 991px){
  h5 { 
     margin-bottom:0px;
  }
 h1 {
  margin-top: 5px;
  }}

/*header menu*/
header#sp-header {
    border-bottom: 1px solid #ffffff90;
    top: 0;
    background: linear-gradient(180deg, #fff, transparent);
}
@media(max-width:991px){
header#sp-header {
    background:#ffffff90;
}
}
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    color: #06163a;
    letter-spacing: 1px;
}
.sp-megamenu-parent >li.active>a {
    color: #06163a;
    font-weight: 800;
}
.sp-megamenu-parent >li:hover>a {
    color: #06163a;
}
#sp-header.menu-fixed .sp-megamenu-parent >li a:before  {
    position: absolute;
    content: '';
    background: #06163a;
    height: 3px;
    width: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.5s;
}
#sp-header.menu-fixed  .sp-megamenu-parent >li.active>a:before, #sp-header.menu-fixed  .sp-megamenu-parent >li a:hover:before {
    position: absolute;
    content: '';
    background: #06163a;
    height: 3px;
    width: 75%;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
}
#sp-header .sp-megamenu-parent >li a:before  {
    position: absolute;
    content: '';
    background: #06163a;
    height: 4px;
    width: 0;
    bottom: 2px;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.5s;
}
#sp-header .sp-megamenu-parent >li.active>a:before, #sp-header .sp-megamenu-parent >li a:hover:before {
    position: absolute;
    content: '';
    background: #06163a;
    height: 4px;
    width: 75%;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
}
#sp-header.menu-fixed {
    background: #fff;
}
.menu-slide-down .sp-has-child >.sp-dropdown {
    top: 88px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
    color: #06163a;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item:active >a {
    background: #06163a;
    color: #fff !important;
}
.sp-dropdown.sp-dropdown-main.sp-menu-right {
    width: 300px!important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    background: #06163a;
    color: #fff !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:before {
    display: none;
}


/*page title*/
.sp-page-title h2 {
    font-size: 48px !important;
    letter-spacing: 1px;
    text-shadow: 0px 0px 10px #000;
}
.sp-page-title {
    padding: 250px 0px 160px 0px;
}
.about-us-page .sp-page-title {
    background: center bottom;
    height: 700px;
    background-size: cover;
    display:flex;
    justify-content:center;
    align-items:center;
}
.about-us-page .sp-page-title h2{
    display:none;
}
@media (max-width:991px){
    .about-us-page .sp-page-title {
        height: 500px;
    }
}
@media (max-width:767px){
    .about-us-page .sp-page-title {
        height: 500px;
    }
}
@media (max-width:575px){
    .about-us-page .sp-page-title {
        height: 340px;
    }
}
@media(max-width:991px){
.sp-page-title h2 {
    font-size: 24px !important;
    letter-spacing: 1px !important;
    text-shadow: 0px 0px 10px #000;
}
.about-us-page .sp-page-title h2 {
    font-size: 40px !important;
}
.sp-page-title {
    padding: 150px 0px 60px 0px;
    background-attachment: scroll;
}}

/*off-canvas*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover {
    color: #ff5e14 !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li.active > span {
    color: #ff5e14 !important;
}
.offcanvas-menu {
    background: #ffffff;
    border-left: 5px solid #ff5e14;
    background-image: url(/images/001-TKH/home/5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: right;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    color: #000;
    line-height: 2.5;
}
.close-offcanvas {
    border: none;
    color: #000 !important;
}
.close-offcanvas:hover {
    color: #00000050;
}
span.menu-toggler {
    color: #000 !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    color: #000 !important;
}
.offcanvas-menu ul.menu-child li:before {
  position: absolute;
  content: ">";
  color: #000;
  left: 0px;
    line-height: 2.5;
  font-weight: 500;
}
.offcanvas-menu ul.menu-child li {
  position: relative;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
  padding-left: 15px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
  color: #ff5e14;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #000;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {
    background: transparent !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
    background: transparent !important;
}

/*bottom*/
#sp-bottom2 .sp-column, #sp-bottom3 .sp-column {
    margin-top: unset;
}
#sp-bottom .sp-module {
    margin-bottom: 0px;
}
#sp-bottom .sp-module .sp-module-title {
    font-weight: 700;
    font-size: 16px !Important;
    letter-spacing: 1px;
    color: #ff5e14;
}
#sp-bottom .sp-module ul > li > a {
    position: relative;
    font-weight: 400;
    color: #000;
    letter-spacing: 1px !important;
    font-size: 16px !Important;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    transition: 0.3s;
}
#sp-bottom .sp-module ul >li >a:after {
    position: absolute !important;
    content:'>' !important;
    color: #000 !important;
    left: 0px !important;
    opacity: 0 !important;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}
#sp-bottom .sp-module ul >li >a:hover {
    padding-left: 15px !important;
}
#sp-bottom .sp-module ul >li >a:hover:after {
    opacity: 1 !important;
}
#sp-bottom4 .sppb-addon-content {
    font-weight: 400;
    letter-spacing: 1px;
}
#sp-bottom1 .sp-module ul >li >a:before {
  display: none;
}
#sp-bottom1 .sp-module ul >li >a {
  color: #fff !important;
}
#sp-bottom1 .sp-module ul >li >a:hover {
  color: #ffffff90 !important;
}
.bottom-logo-img {
    width: 200px;
}
#sp-bottom1, #sp-bottom2, #sp-bottom3 {
    margin-bottom: 30px;
}

@media (max-width: 991px){
#sp-bottom .sp-module ul > li > a {
    font-size: 14px;
    line-height: 1.8;
}}
#sp-bottom {
    padding: 50px 0px !important;
}

/*footer*/
#sp-footer:before {
    display: none;
}
@media(max-width:991px){
#sp-footer {
    padding: 15px 0px 70px 0px !important;
}}
#sp-footer {
    background-color: #06163a !important;
    padding: 10px 0px;
}
span.sp-copyright {
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px !important;
}
span.sp-copyright a {
    color: #fff !important;
    letter-spacing: 1px;
}
span.sp-copyright a:hover {
    color: #ffffff90 !important;
}
.contact-form-section .contact-email-content {
    margin-top:40px !important;
}