body {
    line-height: 2;
    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; }
}


/*pattern-style-001*/
/*.pattern-style-001 {
    position: relative;
}
.pattern-style-001:before {
    position: absolute;
    content: '';
    background: url(/images/001sinar/pattern-001.png);
    width: 400px;
    height: 400px;
    background-size: cover;
    right: -152px;
    top: -15px;
}
@media(max-width:991px){
.pattern-style-001:before {
    width: 200px;
    height: 200px;
    background-size: cover;
    right: -120px;
    top: 20px;
}
}*/

/*pattern-style-002*/
/*.pattern-style-002 {
    position: relative;
}
.pattern-style-002:after {
    position: absolute;
    content: '';
    background: url(/images/001sinar/pattern-002.png);
    width: 400px;
    height: 135px;
    background-size: cover;
    left: -40px;
    bottom: -70px;
}
@media(max-width:991px){
.pattern-style-002:after {
    width: 250px;
    height: 80px;
    background-size: cover;
    left: -30px;
    bottom: -50px;
}
}*/

/*header*/
#sp-header .sp-megamenu-parent > li > a, #sp-header .sp-megamenu-parent > li > span {
    line-height: 1.5 !important;
    color: #fff !important;
    text-transform: capitalize;
    font-size: 16px;
    margin-top: 4px;
}
#sp-header .sp-megamenu-parent > li {
    width: 15%;
    padding-top: 2px;
    text-align: center;
}
#sp-header .sp-megamenu-parent > li:not(:last-child) {
    margin-right: 15px;
}
#sp-header .sp-megamenu-parent > li > a:hover {
    opacity: 0.6;
}
#sp-header {
    height: 60px;
    background: #3aaae8 !important;
}
#sp-header.header-sticky {
    height: 60px;
}
.logo-image {
    height: 110px !important;
}
#sp-top-bar {
    background: #fff !important;
    padding: 15px 50px 15px 50px;
}
#sp-top1 {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-end !important;
}
@media (min-width: 992px){
#sp-top1 .sppb-col-md-2, #sp-top1 .sppb-col-md-1 {
    -ms-flex: 0 0 14%;
    flex: 0 0 14%;
    max-width: 14%;
}}
@media(max-width:991px){
#sp-header.header-sticky.d-md-none {
    display: inherit !important;
}
section#sp-top-bar {
    display: none !important;
}
#sp-menu {
    width: 19% !important;
    float: revert;
    position: absolute !important;
    right: 5px !important;
}
#sp-top3 {
    width: 80% !important;
}
section#sp-logo {
    padding: 15px;
}}
.sp-dropdown.sp-dropdown-main.sp-menu-right {
    width: 300px !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    padding: 5px 0px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:not(:last-child) {
    line-height: 3;
    border-bottom: 1px solid #d9d9d9;
    padding-top: 5px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 10px;
}

/*page title*/
.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading {
    opacity: 1;
}
@media screen and (min-width: 992px){
h2.sp-page-title-heading {
    font-size: 50px!important;
    font-weight: 900!important;
    color: white;
    text-shadow: 0px 2px 5px black;
    opacity: 1 !Important;
}}

/*offcanvas*/
#offcanvas-toggler {
    line-height: 60px !important;
    opacity: 1 !important;
}
#offcanvas-toggler i {
    color: #fff !important;
}
#offcanvas-toggler i:hover {
    opacity: 0.5 !important;
}
.offcanvas-menu:before {
    position: absolute;
    content: '';
    background: url(/images/001sinar/pattern-001.png);
    width: 250px;
    height: 250px;
    background-size: cover;
    right: -152px;
    bottom: -15px;
}
.offcanvas-menu:after {
    position: absolute;
    content: '';
    background: url(/images/001sinar/pattern-001.png);
    width: 250px;
    height: 250px;
    background-size: cover;
    left: -152px;
    bottom: -100px;
}

/*log in*/
div#id-user {
    line-height: 1.5;
    margin-top: 6px;
}
#sp-top3 .cls-login {
    line-height: 1.5;
    margin-top: 6px;
}
#sp-top3 a {
    color: #fff;
    line-height: 1;
    transition: 0.3s;
}
i.fa.fa-user-circle {
    padding-right: 5px;
}
#sp-top3 a:hover {
    opacity: 0.6 !Important;
}
ul.cls-dropdown-menu.dropdown-menu.show a {
    color: #000 !important;
    padding: 0px 15px !important;
    line-height: 3 !important;
    font-size: 14px;
}
ul.cls-dropdown-menu.dropdown-menu.show li {
    height: unset !important;
    line-height: 1 !important;
}
ul.cls-dropdown-menu.dropdown-menu.show {
    border: none;
    border-radius: 0px !IMPORTANT;
    top: 7px !important;
    box-shadow: 0px 0px 10px #00000030;
}
@media(max-width:991px){
ul.cls-dropdown-menu.dropdown-menu.show {
    top: 10px !important;
}
#id-user {
    margin-top: 9px !important;
}
#sp-top3 .cls-login {
    margin-top: 9px !important;
}
}

/*bottom-logo*/

/*bottom*/
#sp-bottom .sp-module .sp-module-title {
    font-weight: 700;
    font-size: 18px !Important;
    letter-spacing: 1px;
    color: #000000;
}
#sp-bottom .sp-module ul > li > a {
    position: relative;
    font-weight: 500;
    color: #000;
    letter-spacing: 0.5px !important;
    font-size: 14px !Important;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    transition: 0.3s;
    line-height: 1 !important;
}
#sp-bottom .sp-module ul >li >a:hover {
    opacity: 0.6;
}
#sp-bottom .sp-module ul >li >a:hover:after {
    opacity: 1 !important;
}
#sp-bottom4 .sppb-addon-content {
    font-weight: 400;
    letter-spacing: 1px;
  }
#sp-bottom4 a {
   transition:0.3s
}
#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;
}
#sp-bottom1, #sp-bottom2, #sp-bottom3 {
    margin-bottom: 30px;
}
#sp-bottom #sp-bottom2 ul.nav.menu li {
    margin-bottom: 0px;
}
#sp-bottom .sp-module {
    margin-bottom: 0px;
}
@media (max-width: 991px){
#sp-bottom .sp-module ul > li > a {
    font-size: 14px;
    line-height: 1.8;
}}
#sp-bottom {
    padding: 50px 0px !important;
}
#sp-bottom {
    border-top: none;
}
#sp-bottom4 h3.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
    font-size: 15px !important;
}
#sp-bottom4 .sppb-addon-text {
    font-size: 15px;
}
@media(max-width:991px){
#sp-bottom {
    padding: 50px 15px !important;
}}
@media(max-width:991px){
#sp-bottom .sp-module .sp-module-title {
    margin-bottom: 20px;
    font-size: 18px !important;
    color: #e4a13a;
}}

/*footer*/
@media(max-width:991px){
#sp-footer {
    padding: 20px 0px 70px 0px !important;
}}
#sp-footer {
    background-color: #050505 !important;
    text-align: center;
    padding: 0px !important;
}
span.sp-copyright {
    color: #ffffff;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 400 !Important;
    text-transform: capitalize;
    letter-spacing: 1px !important;
}
span.sp-copyright a {
    color: #ffffff !important;
    letter-spacing: 1px;
}
span.sp-copyright a:hover {
    color: #ffffff5c !important;
}
#sp-footer .container-inner {
    padding: 15px 0px !important;
}
@media(max-width:991px){
#sp-footer{
    padding: 0px 0px 70px 0px !important;
}}

/*live chat*/
input#fabCheckbox {
    display: none !important;
}


/*go to top*/
.sp-scroll-up {
    right: 100px;
    bottom: 33px;
}

.first-row {
    margin-top: -70px !important;
}

/*table*/
table th, table td {
    padding: 5px 10px !important;
}