html {
margin-top: 0px !important;
}html {
scroll-behavior: smooth;
}
body {
font-family: 'Nunito', sans-serif;
color: #555;
cursor: default;
font-size: 14px;
}
p {
margin: 0 0 20px;
} a,
a:focus {
color: #ffa500;
}
a:hover {
color: #ea9b09;
}
a.link-black,
a.link-black:focus {
color: #333;
}
a.link-black:hover {
color: #f1960d;
}
a,
a:hover,
a:focus,
a:active,
a:link,
a:visited {
text-decoration: none;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
a:focus {
outline: 0;
outline-offset: 0;
} .btn {
padding: 6px 20px;
font-weight: 800;
text-transform: uppercase;
border-radius: 6px;
line-height: 1.4;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 0;
outline-offset: 0;
}
.btn-primary {
color: #0592d8;
background-color: #fff;
border: 2px solid #1fa0e0;
}
.btn-primary:hover {
color: #fff;
background-color: #1fa0e0;
border-color: transparent;
}
.btn-primary.focus,
.btn-primary:focus {
color: #fff;
background-color: #1fa0e0;
border-color: transparent;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
color: #fff;
background-color: #1fa0e0;
border-color: transparent;
}
.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
color: #fff;
background-color: #1fa0e0;
border-color: transparent;
}
.btn-secondary {
color: #fff;
background-color: #1fa0e0;
border-color: transparent;
}
.btn-secondary:hover {
color: #fff;
background-color: #0e82bb;
border-color: transparent;
}
.btn-secondary.focus,
.btn-secondary:focus {
color: #fff;
background-color: #1fa0e0;
border-color: transparent;
}
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary:active.focus,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.open>.dropdown-toggle.btn-secondary.focus,
.open>.dropdown-toggle.btn-secondary:focus,
.open>.dropdown-toggle.btn-secondary:hover {
color: #fff;
background-color: #0e82bb;
border-color: transparent;
}
.btn-secondary.active,
.btn-secondary:active,
.open>.dropdown-toggle.btn-secondary {
color: #fff;
background-color: #1fa0e0;
border-color: transparent;
}
.btn-tertiary {
color: #fff;
background-color: #ffa500;
border-color: transparent;
}
.btn-tertiary:hover {
color: #fff;
background-color: #ea9905;
border-color: transparent;
}
.btn-tertiary.focus,
.btn-tertiary:focus {
color: #fff;
background-color: #ffa500;
border-color: transparent;
}
.btn-tertiary.active.focus,
.btn-tertiary.active:focus,
.btn-tertiary.active:hover,
.btn-tertiary:active.focus,
.btn-tertiary:active:focus,
.btn-tertiary:active:hover,
.open>.dropdown-toggle.btn-tertiary.focus,
.open>.dropdown-toggle.btn-tertiary:focus,
.open>.dropdown-toggle.btn-tertiary:hover {
color: #fff;
background-color: #ea9905;
border-color: transparent;
}
.btn-tertiary.active,
.btn-tertiary:active,
.open>.dropdown-toggle.btn-tertiary {
color: #fff;
background-color: #ffa500;
border-color: transparent;
}
.btn-pd {
padding: 10px 20px;
}
.btn-small {
padding: 6px 12px;
text-transform: capitalize;
font-weight: 600;
}
.btn-reply {
font-size: 12px;
font-weight: 800;
} .form-control {
border: none;
border-radius: 0;
background-color: #252525;
margin-bottom: 25px;
}
label {
margin-bottom: 10px;
} .modal {
text-align: center;
padding: 0 !important;
}
.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}
.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
} .cl-main {
color: #333 !important;
}
.cl-green {
color: #22be6b !important;
}
.cl-lightgrey {
color: #ccc;
}
.cl-grey {
color: #bbb;
}
.cl-blue {
color: #018acd;
}
.cl-red {
color: #f35f65 !important;
}
.cl-orange {
color: #ff9900;
}
.bg-cyan {
background-color: #e9f6ff;
}
.bg-darkcyan {
background-color: #d4edff;
}
.bg-green {
color: #fff;
background-color: #22be6b;
}
.bg-blue {
color: #fff;
background-color: #018acd;
}
.bg-grey {
background-color: #f7f7f7;
}
.bg-dark {
color: #fff;
background-color: #323232;
}
.bg-darker {
color: #fff;
background-color: #252525;
} .br10 {
border-radius: 10px;
} .p10{padding:10px}
.p15{padding:15px}
.p30{padding:30px}
.pt0{padding-top:0!important}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt35{padding-top:35px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pb0{padding-bottom:0!important}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pl0{padding-left:0!important}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl30{padding-left:30px}
.pr0{padding-right:0!important}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr30{padding-right:30px}
.m0{margin:0!important}
.mt0{margin-top:0!important}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px!important}
.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px!important}
.mr0{margin-right:0!important}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.ml0{margin-left:0!important}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
@media (max-width: 767px) {
.container {
padding-right: 25px;
padding-left: 25px;
}
} .f11{font-size:11px}
.f13{font-size:13px}
.f15{font-size:15px}
.f17{font-size:17px}
.f20{font-size:20px}
.f25{font-size:25px}
.f35{font-size:35px}
.f400{font-weight:400}
.f600{font-weight:600}
.f700{font-weight:700}
.f800{font-weight:800}
.tu{text-decoration:underline!important}
.tru{text-transform:uppercase}
@media (max-width: 767px) {
.f13-sm{font-size:13px}
.text-sm-left{text-align:left}
} .img-center {
margin: 0 auto;
}
.w350 {
width: 350px;
}
@media (max-width: 767px) {
img.pull-right {
float: none !important;
margin-left: 0;
}
} .o05 {
opacity: 0.5;
}
.o1 {
opacity: 1;
} .table a,
.table a:focus {
color: #1fa0e0;
}
.table a:hover {
color: #0166ae;
}
.table b {
font-weight: 800;
}
.table ol,
.table ul {
margin-bottom: 5px;
-webkit-padding-start: 20px;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
border-color: #bfe5ff;
}
.table>thead>tr>td,
.table>thead>tr>th {
padding-top: 15px;
padding-bottom: 12px;
color: #fff;
background-color: #1fa0e0;
line-height: 1;
}
.table>tbody>tr>td,
.table>tbody>tr>th {
padding: 12px;
}
.table>tbody>tr:last-child>td,
.table>tbody>tr:last-child>th {
border-bottom: 1px solid #ddd;
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #fafdff;
}
.table-hover>tbody>tr:hover {
background-color: #e9f6ff;
}
.table>thead:first-child>tr:first-child>th {
vertical-align: middle;
}
.table-20 th,
.table-20 td {
width: 20%;
max-width: 160px;
word-wrap: break-word;
}
@media (max-width: 767px) {
.table-responsive.h600 {
height: 600px;
overflow-y: auto;
}
.table-responsive>.table {
margin-top: 0;
}
.table-responsive .table-20 th,
.table-responsive .table-20 td {
white-space: initial  !important;
}
} .d-b{display:block}
.d-ib{display:inline-block}
@media (max-width: 767px) {
.d-sm-b{display:block}
} #header {
margin-bottom: 30px;
border-bottom: 1px solid #d2e9f9;
-webkit-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.03);
-moz-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.03);
box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.03);
}
#header.bg-fill {
background-image: url(//akuntansiterbaik.com/wp-content/themes/faktahosting/assets/img/bg-header.png);
background-size: cover;
background-repeat: no-repeat;
} .navbar {
border-radius: 0;
margin-bottom: 0;
}
.navbar-collapse {
padding-right: 10px;
padding-left: 10px;
}
.navbar-brand {
height: auto;
}
.navbar-right {
margin: 20px -15px 20px 0;
}
.nav>li>a {
padding: 15px 12px;
}
.nav>li>a:focus,
.nav>li>a:hover,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
outline: 0;
color: #0166ae;
background-color: transparent;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.navbar-nav>li>a {
color: #1fa0e0;
text-transform: uppercase;
font-weight: 800;
font-size: 13.5px;
padding: 13px 15px;
line-height: 1;
}
.navbar-nav>li>a.active {
cursor: default;
color: #fff;
background: #1fa0e0;
border-radius: 6px;
}
.navbar-nav>li>a>.fa {
margin-left: 3px;
}
.navbar-nav>li:last-child>a {
padding-left: 10px;
padding-right: 7px;
}
.navbar-toggle .icon-bar {
background-color: #0166ae;
}
.dropdown-menu>li>a {
padding: 10px 20px;
color: #0166ae;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
color: #0166ae;
background-color: #c1e2f9;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
color: #0166ae;
background-color: #dcf1ff;
}
@media (min-width: 992px) {
.navbar-nav>li>.dropdown-menu {
margin-top: 5px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.navbar-nav>li>a {
padding: 10px;
margin: 3px 0;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.navbar-right {
float: left !important;
margin-top: 0;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.navbar-nav>li>a {
margin-bottom: 5px;
}
.navbar-right {
float: left !important;
margin: 0 -30px 20px;
}
.navbar-header {
width: 100%;
text-align: center;
}
.navbar-brand {
float: none;
display: block;
}
.navbar-brand>img {
display: inline-block;
}
}
@media (max-width: 767px) {
.navbar-brand {
padding: 17px 15px;
}
.navbar-brand>img {
height: 40px;
}
.navbar-toggle {
margin: 20px 5px;
}
.nav>li>a {
padding: 10px 12px;
}
.navbar-right {
margin: 0 0 10px;
}
} footer {
margin-top: 30px;
border-top: 1px solid #d2e9f9;
-webkit-box-shadow: 3px -3px 8px 1px rgba(0,0,0,0.03);
-moz-box-shadow: 3px -3px 8px 1px rgba(0,0,0,0.03);
box-shadow: 3px -3px 8px 1px rgba(0,0,0,0.03);
}
footer > div:last-child {
border-top: 1px solid #c0def5;
}
#menu-bottom {
color: #777;
font-size: 15px;
}
#menu-bottom ul {
-webkit-padding-start: 25px;
color: #b7ae9d;
}
#menu-bottom ul li {
margin-bottom: 10px;
}
#menu-bottom a {
color: #1fa0e0;
text-decoration: underline;
font-weight: 700;
}
#menu-bottom a:hover,
#menu-bottom a:focus {
color: #0166ae;
}
.title-widget {
font-size: 18px;
font-weight: 800;
color: #555;
margin-bottom: 15px;
}
.footer-logo {
max-height: 50px;
}
.footer-copyright {
color: #1fa0e0;
font-size: 13px;
}
#menu-bottom .social a {
color: #fff;
}
.social a {
display: inline-block;
padding: 13px;
min-width: 45px;
text-align: center;
margin-right: 10px;
font-size: 18px;
line-height: 1;
border-radius: 50%;
background-color: #1fa0e0;
}
.social a,
.social a:hover {
color: #fff;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.social > a:last-child {
margin-right: 0;
}
.social > a:hover {
background-color: #0e82bb;
} #searchPopup .modal-content {
width: calc(100% - 7px);
}
#searchPopup .modal-body {
padding: 20px;
}
#searchPopup .form-control {
border: 1px solid #ddd;
background-color: #fff;
}
#searchPopup .btn {
letter-spacing: 2px;
}
#searchPopup .close {
color: #fff;
outline: 0;
padding-bottom: 1px;
opacity: .5;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
#searchPopup .close:focus,
#searchPopup .close:hover {
opacity: 1;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
#searchPopup .btn-close {
position: absolute;
right: -13px;
top: -13px;
background: #ce0606;
padding: 3px 8px;
border-radius: 50%;
}
@media (max-width: 767px) {
#searchPopup .modal-dialog {
margin: 20px 10px;
}
} .sticky {
position: -webkit-sticky;
position: sticky;
top: 30px;
margin-bottom: 30px;
}
@media (max-width: 991px) {
.sticky {
margin-top: 30px;
}
}
.sidebar {
width: 100%;
border-radius: 8px; border: 1px solid #ddd;
-webkit-box-shadow: 5px 5px 17px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 5px 5px 17px 1px rgba(0,0,0,0.05);
box-shadow: 5px 5px 17px 1px rgba(0,0,0,0.05);
}
.sidebar .header {
padding: 15px;
border-radius: 8px 8px 0 0;
color: #fff;
background-color: #1fa0e0;
font-size: 19px;
font-weight: 700;
text-align: center;
margin-bottom: 0;
}
.sidebar .desc {
padding: 15px;
font-size: 13px;
font-weight: 600;
text-align: center;
}
.sidebar .footer {
padding: 15px;
font-size: 11px;
background-color: #f9f9f9;
border-top: 1px solid #eee;
border-radius: 0 0 8px 8px;
}
.sidebar .list {
padding: 0 15px;
}
.sidebar .list > .item {
font-size: 11px;
font-weight: 700;
padding: 15px;
border: 1px solid #ddd;
border-radius: 8px;
background-color: #fff;
margin-bottom: 15px;
}
.sidebar .list img {
width: 100%;
max-width: 150px;
}
.sidebar .list a {
text-decoration: underline;
}
.sidebar .pointer {
width: fit-content;
margin: 10px auto;
text-align: left;
} .content {
font-size: 15px;
}
.headline {
color: #0166ae;
font-size: 38px;
font-weight: 800;
letter-spacing: -1px;
}
.headline.plus {
font-size: 50px;
}
.header-content .headline {
margin-top: 0;
}
.subheadline {
color: #0166ae;
opacity: .6;
font-size: 24px;
font-weight: 700;
letter-spacing: -1px;
margin-bottom: 20px;
}
.subheadline.plus {
font-size: 22px;
margin-top: 15px;
margin-bottom: 5px;
}
@media (max-width: 767px) {
.headline {
font-size: 30px;
}
.headline.plus {
font-size: 33px;
}
.subheadline {
font-size: 20px;
}
.subheadline.plus {
font-size: 17px;
}
}
.posted {
margin: 15px 0;
}
.posted > div {
display: inline-block;
font-size: 13px;
margin-right: 5px;
}
.posted > div:last-child {
margin-right: 0;
}
.posted img {
display: inline-block;
margin-right: 5px;
width: 40px;
border-radius: 50%;
}
.posted .author {
font-weight: 800;
}
.posted .date {
opacity: .6;
}
.title {
font-size: 25px;
font-weight: 800;
letter-spacing: -1px;
margin-bottom: 15px;
}
.desc {
line-height: 1.7em;
}
.entry-content {
line-height: 1.7em;
}
.entry-content ol,
.entry-content ul {
margin-bottom: 20px;
}
ol,
ul {
margin-bottom: 10px;
-webkit-padding-start: 20px;
}
ol.nosign,
ul.nosign {
-webkit-padding-start: 0;
list-style-type: none;
}
.form-control {
border: 1px solid #ccc;
background-color: #fff;
}
.sort-list .pointer {
background: #fcfcfc;
padding: 30px 15px 10px;
margin-left: 0;
margin-right: 0;
margin-bottom: 15px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.contributor {
font-size: 13px;
line-height: 1.5em;
background-color: #f9f9f9;
border-radius: 8px;
padding: 15px;
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}
.contributor img {
border-radius: 50%;
} .comment-content {
margin-top: 50px;
margin-bottom: 50px;
}
.comment-content .title {
font-size: 30px;
margin-bottom: 30px;
}
.comment-list,
.comment-list ol,
.comment-list ul {
-webkit-padding-start: 0;
list-style-type: none;
}
.comment-list .children {
margin-left: 30px;
}
.comment-image {
display: inline-block;
border-radius: 50%;
margin-top: -25px;
margin-right: 10px;
}
.comment-user {
display: inline-block;
}
.comment-user h5 {
margin-top: 0;
font-weight: 700;
margin-bottom: 5px;
}
.comment-meta {
font-size: 13px;
}
.div-comment .body {
padding: 20px;
border-radius: 8px;
margin: 10px 0;
background-color: #f9f9f9;
}
.div-comment {
margin-top: 5px;
margin-bottom: 5px;
}
.div-comment .body p:last-child {
margin-bottom: 0;
}
.div-comment .footer {
text-align: right;
}
.btn-reply a:hover,
.btn-reply a:focus {
color: #fff;
} .review-content {
margin-top: 50px;
margin-bottom: 30px;
}
.review-content .title {
font-size: 30px;
margin-bottom: 30px;
}
.review-list,
.review-list ol,
.review-list ul {
-webkit-padding-start: 0;
list-style-type: none;
}
.user-review-image {
display: inline-block;
border-radius: 50%;
margin-top: -25px;
margin-right: 10px;
}
.review-user {
display: inline-block;
}
.review-user h5 {
margin-top: 0;
font-size: 15px;
font-weight: 700;
margin-bottom: 5px;
}
.user-review-meta {
font-size: 14px;
opacity: .6;
}
.div-review {
margin-top: 30px;
margin-bottom: 30px;
}
.div-review .body {
padding: 20px;
border-radius: 8px;
margin: 10px 0;
background-color: #f9f9f9;
}
.user-review-title {
font-weight: 800;
margin-bottom: 15px;
}
span.stars,
span.stars span {
line-height: 1;
display: inline-block;
background: url(//akuntansiterbaik.com/wp-content/themes/faktahosting/assets/img/stars.png) 0 -16px repeat-x;
width: 80px;
height: 16px;
}
span.stars span {
background-position: 0 0;
}
.btn.btn-small.btn-reply.btn-secondary {
float: right;
}
.comment-author.vcard .photo {
width: 32px;
height: 32px;
border-radius: 50%;
margin-top: 10px;
}
.comment-reply-link {
color: white;
}
.fn{
margin-top: 0;
font-weight: 700;
margin-bottom: 5px;
font-style: initial;
margin-left: 5px;
}
.rating {
margin-left: 42px;
margin-top: 13px;
}
.comments-title{
font-size: 30px;
font-weight: 800;
margin-top: 30px;
margin-bottom: 30px;
}
.comment-meta {
font-size: 13px;
margin-left: 40px;
}
.comment-list p{
padding: 20px;
border-radius: 8px;
margin: 10px 0;
background-color: #f9f9f9;
margin-top: 20px;
}
.comment-respond{
margin-top: 70px;
}
.modal-body .input-group {
position: relative;
display: block !important;
border-collapse: separate;
}
.input-group .form-control {
width: 89%;
}
.list-item {
margin-top: 20px;
margin-bottom: 30px;
border-bottom: 1px solid #ddd;
padding-bottom: 7px;
}
.entry-content .wp-caption,
.entry-content .wp-caption img {
max-width: 100% !important;
height: auto !important
}
.wp-caption {
border: 1px solid #ddd;
padding: 15px;
border-radius: 6px;
-webkit-box-shadow: 0 0 30px rgba(0,0,0,.05);
box-shadow: 0 0 30px rgba(0,0,0,.05);
}
.wp-caption.aligncenter {
margin: 0 auto 20px;
}
img.aligncenter {
margin: auto;
max-width: 100%;
height: auto;
display: block;
}
.wp-caption.alignleft,
img.alignleft {
float: left;
margin: 5px 15px 10px 0;
}
.wp-caption.alignleft img {
float: none;
margin: 0;
}
.wp-caption.alignright,
img.alignright {
float: right;
margin: 5px 0 10px 15px;
}
.wp-caption.alignright img {
float: none;
margin: 0;
}
.wp-caption-text {
text-align: center;
font-size: 13px;
margin-top: 10px;
color: #666;
margin-bottom: 0;
line-height: 1.4em;
}