/*====added by razlanirazali@gmail.com====*/
h1[itemprop="headline"] { padding: 50px; color: antiquewhite; border-radius: 10px; margin-bottom:30px !important; background: url(/images/bg-h1.png) scroll no-repeat bottom right, linear-gradient(to right, #413927, #726a56); background-size:contain;}
div[itemprop="articleBody"] .sppb-row-column {padding:0;}

#sp-main-body {padding:10px 0 50px 0;}
#sp-main-body .container {padding:0px 30px;}

#sp-bottom {padding-bottom:0; }
#sp-bottom .sp-module {margin-bottom:0; }

#sp-main-menu {position: relative; /* default */ width: 100%;}
#sp-main-menu.sticky { position: fixed;top: 0; left: 0; z-index: 999; background-color:#fff;
box-shadow:0 0 10px 5px rgba(0,0,0,0.3); animation: spFadeInDown 2s;}



#sp-main-menu .container-inner {background: linear-gradient(to right, #bd9d17, #dfbb24); border-radius:10px; padding:0px 20px;}
#sp-header.maipk-header {box-shadow: none; height: auto;}
#sp-header.maipk-header::before { content: ""; position: absolute; top: 0; left: 0; height: 15px; width: 100%; background: linear-gradient(to right, #413927, #726a56);}
#sp-footer.maipk-footer {background: linear-gradient(to right, #413927, #726a56);}
#sp-footer .container-inner {border:none;}
#sp-footer2 .sp-module {display:none;}

/*general-html*/
blockquote  {font-style: italic; padding: 20px; background-color: antiquewhite;}
.breadcrumb {font-size:13px; background-color:transparent;}
.addtoany_container {margin:100px 0 50px 0; padding-top:50px; border-top:1px solid #ccc;}

/*visitorcounter*/
#sp-footer2 .sp-column {float:right;}
body .mod_jovisitorcounter.dark-theme {background-color:transparent; margin-top:-1px;}
body .mod_jovisitorcounter.dark-theme ul {flex-direction:row;}
body .mod_jovisitorcounter.dark-theme .list-group-item {background-color: transparent; border: none !important; padding:0; margin: 0 0 0 20px;}
.mod_jovisitorcounter.dark-theme .list-group-item span {background-color: transparent !important; border: none; box-shadow:none; min-width:auto;}

/*button*/
.mybtn-01 {padding:15px 30px; font-size:16px; font-weight:600; color:#fff; background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(189, 157, 23, 1) 0%, rgba(223, 187, 36, 1) 100%); border-radius:10px; border:none; transition: background 0.4s ease;}
.mybtn-01:hover {background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(65, 57, 39, 1) 0%, rgba(114, 106, 86, 1) 100%); color:#fff;}

.mybtn-02 {padding:15px 30px; font-size:16px; font-weight:600; color:#fff; background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(46, 84, 79, 1) 0%, rgba(0, 155, 135, 1) 100%); border-radius:10px; border:none; transition: background 0.4s ease;}
.mybtn-02:hover {background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(93, 114, 38, 1) 0%, rgba(149, 185, 52, 1) 100%); color:#fff;}

/*table*/
.mytable-01 {overflow-x:auto; width:100%; margin:20px 0;}
.mytable-01 td, .mytable-01 th {padding:15px; border: 1px solid #ddd;}
.mytable-01 tbody tr:hover {background-color:#efefef;}
.mytable-01 thead tr th, .mytable-01 thead tr td {background-color:#009b87; font-size:18px; font-weight:bold; color:#fff;}
.mytable-01 thead tr th a, .mytable-01 thead tr td a {color:#fff;}