/* CSS Bagus Yudha Domina - http://www.dominayudha.com/ */
/* dominayudha.css v1.0.0 */

/* Materialze */
@font-face {font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../font/Material-Icons.woff2) format('woff2');}
.material-icons {
    font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; /* -webkit-font-feature-settings: 'liga'; */ -webkit-font-smoothing: antialiased;
}
@font-face {font-family: 'Novotype'; font-style: normal; font-weight: normal; src: url('fonts/novotype_regular-webfont.woff') format('woff');}
@font-face {font-family: 'Novotype-Medium';font-weight: normal; font-style: normal; src: url('fonts/novotype_medium-webfont.woff') format('woff');}

@font-face {font-family: 'Space Mono', monospace; src: url('../font/SpaceMono-Regular.ttf');}



    body {text-decoration: none !important;}
    .true {background-color: #388e3cd6 !important; text-transform: capitalize !important; width: 100%;}
    .false {background-color: #b71c1cd6 !important; text-transform: capitalize !important; width: 100%;}

/* Sidebar */
    .sidebar {padding: 0 !important; margin: 0 !important;}
    .sidebar .m8 {height: 100%; background-color: #000; color: #fff;}
    .sidebar .m8 .container {margin-top: 20%; text-align: justify;}
    .sidebar .m8 .container a > img {height: 5em;}
    .sidebar .m4 {height: 100%; background-color: #fff;}
    .sidebar .m4 .container {margin-top: 10%;}
    .sidebar .m4 .container .row span {font-size: 0.8em; padding: 1em; text-align: center;}
    .sidebar-form {}
    .sidebar-form a {padding-bottom: 2em; text-align: center;}
    .sidebar-form a > img {height: 5em;}
    .sidebar-form h5 {text-transform: uppercase; font-weight: bold; font-size: 1.5em; text-align: center;}
    .sidebar-form .forgot {font-size: 0.8em; padding-bottom: 1em; text-align: right; font-weight: bold; font-weight: bold;}
    .sidebar-form .forgot a {color: #000;}
    .sidebar-form .accept {font-size: 0.8em; padding-bottom: 1em; text-align: center;}
    .sidebar-form .accept a {}
    .sidebar-form .submit {padding: 1em 0;}
    .sidebar-form .submit button {width: 100%; background-color: #000;}
    .sidebar-form .register {font-size: 0.8em; padding-top: 1em; text-align: center; color: #000;}
    .sidebar-form .register a {color: #000; font-weight: bold;}
    .sidebar-form .login {font-size: 0.8em; padding-top: 1em; text-align: center; color: #000;}
    .sidebar-form .login a {color: #000; font-weight: bold;}

/* Home */

/* Product */

/* Blog */
    .blog {text-align: center; text-transform: uppercase;}
    .blog h3 {font-weight: bold;}
    .blog div > a {color: #000; font-size: 0.8em;}
    .blog div > a:hover {font-size: 1em; font-weight: bold;}
    .blog div > i {padding: 0 1em; vertical-align: middle;}
    .blog section {height: 175px;}
    .blog-list {padding: 2em 3em; text-align: center;}
    .blog-list a {color: #000; padding-bottom: 2em !important; filter: grayscale(100%);}
    .blog-list a:hover {color: #000; font-weight: bold !important; padding-bottom: 2em !important; filter: grayscale(0%);}
    .blog-list a > small {color: #666; font-size: 0.75em;}
    .blog-list a > h5 {font-size: 1em; margin: 0; padding: 0.5em 0; text-transform: uppercase;}
    .blog-detail {text-align: center; padding-top: 3em; color: #fff;}
    .blog-detail h6 {padding-bottom: 1.5em; font-weight: bold;}
    .blog-detail div {font-size: 0.75em;}
    .blog-detail div > span {padding: 0 0.5em}
    .blog-intro {text-align: center; padding: 3em 0 1em 0;}
    .blog-intro .container h5 {color: #000; font-weight: bold; text-transform: uppercase; padding: 1em; margin: 0; font-size: 1em;}
    .blog-intro .container h5 > a {color: #000;}
    .blog-intro .container small {text-transform: uppercase; padding: 1em; margin: 0; font-size: 1em;}
    .blog-intro .container small > a {color: #000;}
    .blog-intro .container small > a:hover {font-weight: bold;}
    .blog-intro .container small > span {padding: 0 1em;}
    .blog-intro .container address {text-transform: uppercase; padding: 2em;}
    .blog-intro .container h6 {font-weight: bold; text-transform: uppercase; padding: 0; margin: 0;}
    .blog-description {}
    .blog-description .container {}
    .blog-description .container h2 {letter-spacing: 5px; text-align: center; text-transform: uppercase; font-size: 2em;}
    .blog-contact {padding: 3em 0;}
    .blog-contact .parallax-container {height: 250px; text-align: center;}
    .blog-contact .parallax-container .parallax {background-color: #000;}
    .blog-contact .parallax-container h4 {color: #fff; padding-bottom: 1.5em; padding-top: 1em; text-transform: uppercase;}
    .blog-contact .parallax-container a {background-color: #fff; border: 2px solid #000; color: #000; font-weight: bold; padding: 1em;}
    .blog-contact .parallax-container a:hover {background-color: #000 !important; border: 2px solid #fff; color: #fff !important;}

/* Gallery */
    .gallery-breadcrumb {text-align: center;margin-top: 5em;}
    .gallery-breadcrumb div {color: #fff !important; font-size: 3em !important; font-weight: bold; text-align: center; text-transform: uppercase; padding-top: 1em;}
    .gallery-breadcrumb div > span {width: 3em; border-top: 3px solid #fff; display: block; margin-top: 1em; margin-right: auto; margin-bottom: 1em; margin-left: auto;}
    .gallery-breadcrumb p {text-align: justify; color: #fff !important;}
    .gallery-content {padding: 5em 0;}
    .gallery-description {font-size: 0.7em !important;}
    .gallery-description i {font-size: 0.7em !important;}

/* Profile */
    .profile {text-align: center; color: #fff; padding-top: 5em; background-color: #000; height: 400px;}
    .profile a > img {height: 10em;}
    .edit {font-size: 0.75em;}
    .edit a {;}
    .edit span {padding: 0 1em;}
    .verified {color: green; padding: 0.5em; font-size: 1em;}
    .verified i {vertical-align: middle; font-size: 1em;}
    .name {font-weight: bold; font-size: 1.5em; color: #fff; text-transform: uppercase;}
    .email {color: #fff; font-size: 1em;}
    .roleid {color: #fff; font-size: 0.75em;}
    .logout {padding-top: 1em; font-weight: bold;}
    .logout a {color: red;}
    .logout a > i {vertical-align: middle; font-size: 2em;}

/* Admin Login */
    .admin-login {
        text-align: right;
    }
    .admin-login h2 {
        font-weight: bold !important;
        text-transform: uppercase !important;
        background-color: #000 !important;
    }
    .toggle-sidebar-left {
        background: #000 !important;
    }
    .admin-logout a {
        color: black;
        font-weight: bold;
    }
    .admin-logout a > i {
        color: red;
    }
    .admin-profile figure > i {
        color: #000 !important;
    }
    .admin-border-top {
        border-top-color: #000 !important;
    }
    .admin-loading-overlay {
        text-align: center;
    }
    .admin-loading-overlay div {
        background-color: #CCC;
        border-radius: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 auto;
        text-align: center;
        width: 40px;
    }
    .admin-signin {
        text-align: right;
    }
    .admin-signin button {
        border-color: #000 !important;
        background-color: #000;
    }
    .logo img {
        height: 3em;
    }
    .admin-logo-footer {
        margin-bottom: 15px;
        text-align: center;
    }
    .admin-logo-footer a > img {
        height: 2em;
    }
    .admin-copyright {
        color: #000 !important;
        text-align: center;
    }

/* Admin Dashboard */
    .page-header h2 {
        border-bottom-color: #000 !important;
    }
    .col-sm-3 a {
        text-decoration: none;
    }
    .col-sm-3 a > section > div {
        padding: 75px;
        text-align: center;
        color: #000;
    }
    .col-sm-3 a > section > div > i {
        font-size: 4em;
        color: #333;
    }

/* Admin Modul */
    .admin-modal-top {
        color: #000 !important;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        padding-top: 1em;
    }
    .admin-modal-top span {
        width: 1em;
        border-top: 3px solid #000;
        display: block;
        margin-top: 1em;
        margin-right: auto;
        margin-bottom: 1em;
        margin-left: auto;
    }
    .admin-modal-middel {
        text-align: center !important;
        font-size: 1em;
        color: #000;
    }
    .admin-modal-middel p {
        padding-bottom: 1em;
    }
    .admin-modal-middel img {
        width: 450px;
        border: 1px solid #000;
        padding: 0;
        margin-bottom: 1em;
    }
    .admin-modal-bottom {
        text-align: center;
        margin-top: 2em;
        margin-right: auto;
        margin-bottom: 1em;
        margin-left: auto;
    }
    .dimension b {
        color: #000;
    }


    .material-icons {
    	font-family: 'Material Icons';
    	font-weight: normal;
    	font-style: normal;
    	font-size: 24px;
    	line-height: 1;
    	letter-spacing: normal;
    	text-transform: none;
    	display: inline-block;
    	white-space: nowrap;
    	word-wrap: normal;
    	direction: ltr;
    	-webkit-font-feature-settings: 'liga';
    	-webkit-font-smoothing: antialiased;
    }
    .top-navbar{}
    .top-navbar .row{
    	padding: 8px 0;
    	margin: 0;
    	font-size: 12px;
    }
    .top-navbar div > div > span {}
    .top-navbar div > div > span > a {
    	font-weight: bold;
    	color: #333;
    }
    .top-navbar div > div > span > span {
    	padding: 0 5px;
    }
    .brand-logo img {
    	height: 60px !important;
    }
    .judul {
    	color: #fff !important;
    	font-size: 20px;
    	font-weight: bold;
    	text-align: center;
    	text-transform: uppercase;
    	padding-top: 1em;
    }
    .judul h3 {}
    .judul a {}
    .judul p {}
    .judul span {
        width: 3em; 
        border-top: 3px solid #fff; 
        display: block; 
        margin-top: 1em; 
        margin-right: auto; 
        margin-bottom: 1em; 
        margin-left: auto;
    }
    .parallax-container {
    	height: 500px;
    }
    .parallax-breadcrumb {
        text-align: center;
        margin-top: 5em;
    }
    .parallax-breadcrumb div {
        color: #fff !important;
        font-size: 3em !important;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        padding-top: 1em;
    }
    .parallax-breadcrumb div > span {
        width: 3em; 
        border-top: 3px solid #fff; 
        display: block; 
        margin-top: 1em; 
        margin-right: auto; 
        margin-bottom: 1em; 
        margin-left: auto;
    }
    .parallax-breadcrumb p {
        text-align: justify;
        color: #fff !important;
    }
            	.description {
            		text-align: justify;
            		font-size: 12px;
            		padding: 5em 0;
            	}
            	.description div {
            		padding-bottom: 1em;
            	}
            	.description div > h4 {
            		font-size: 16px;
            		font-weight: bold;
            	}
            	.newsletter {
            		background-color: #efefef;
            		font-weight: bold;
            		padding: 3em 0;
            	}
            	.newsletter .row {
            		padding: 0;
            		margin: 0;
            	}

/* Visible & Hidden */
    .visible-s,
    .visible-m,
    .visible-l,
    .visible-xl {display: none !important;}
    .visible-s-block,
    .visible-s-inline,
    .visible-s-inline-block,
    .visible-m-block,
    .visible-m-inline,
    .visible-m-inline-block,
    .visible-l-block,
    .visible-l-inline,
    .visible-l-inline-block,
    .visible-xl-block,
    .visible-xl-inline,
    .visible-xl-inline-block {display: none !important;}
    @media (max-width: 767px) {
        .visible-s {display: block !important;}
        table.visible-s {display: table !important;}
        tr.visible-s {display: table-row !important;}
        th.visible-s,
        td.visible-s {display: table-cell !important;}
    }
    @media (max-width: 767px) {
        .visible-s-block {
            display: block !important;
        }
    }
    @media (max-width: 767px) {
        .visible-s-inline {
            display: inline !important;
        }
    }
    @media (max-width: 767px) {
        .visible-s-inline-block {
            display: inline-block !important;
        }
    }
    @media (min-width: 768px) and (max-width: 991px) {
        .visible-m {
            display: block !important;
        }
        table.visible-m {
            display: table !important;
        }
        tr.visible-m {
            display: table-row !important;
        }
        th.visible-m,
        td.visible-m {
            display: table-cell !important;
        }
    }
    @media (min-width: 768px) and (max-width: 991px) {
        .visible-m-block {
            display: block !important;
        }
    }
    @media (min-width: 768px) and (max-width: 991px) {
        .visible-m-inline {
            display: inline !important;
        }
    }
    @media (min-width: 768px) and (max-width: 991px) {
        .visible-m-inline-block {
            display: inline-block !important;
        }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
        .visible-l {
            display: block !important;
        }
        table.visible-l {
            display: table !important;
        }
        tr.visible-l {
            display: table-row !important;
        }
        th.visible-l,
        td.visible-l {
            display: table-cell !important;
        }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
        .visible-l-block {
            display: block !important;
        }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
        .visible-l-inline {
            display: inline !important;
        }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
        .visible-l-inline-block {
            display: inline-block !important;
        }
    }
    @media (min-width: 1200px) {
        .visible-xl {
            display: block !important;
        }
        table.visible-xl {
            display: table !important;
        }
        tr.visible-xl {
            display: table-row !important;
        }
        th.visible-xl,
        td.visible-xl {
            display: table-cell !important;
        }
    }
    @media (min-width: 1200px) {
      .visible-xl-block {
        display: block !important;
      }
    }
    @media (min-width: 1200px) {
      .visible-xl-inline {
        display: inline !important;
      }
    }
    @media (min-width: 1200px) {
      .visible-xl-inline-block {
        display: inline-block !important;
      }
    }
    @media (max-width: 767px) {
      .hidden-s {
        display: none !important;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .hidden-m {
        display: none !important;
      }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .hidden-l {
        display: none !important;
      }
    }
    @media (min-width: 1200px) {
      .hidden-xl {
        display: none !important;
      }
    }
    .visible-print {
      display: none !important;
    }
    @media print {
      .visible-print {
        display: block !important;
      }
      table.visible-print {
        display: table !important;
      }
      tr.visible-print {
        display: table-row !important;
      }
      th.visible-print,
      td.visible-print {
        display: table-cell !important;
      }
    }
    .visible-print-block {
        display: none !important;
    }
    @media print {
        .visible-print-block {
            display: block !important;
        }
    }
    .visible-print-inline {
        display: none !important;
    }
    @media print {
        .visible-print-inline {
            display: inline !important;
        }
    }
    .visible-print-inline-block {
        display: none !important;
    }
    @media print {
        .visible-print-inline-block {
            display: inline-block !important;
        }
    }
    @media print {
        .hidden-print {
            display: none !important;
        }
    }