@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');

/* ===========
GLOBALS
   ===========*/

body {  font-family: 'Open sans', sans-serif;    font-size: 14px;    line-height: 30px;    color: #666666;    width: 100%;overflow-x: hidden;     background: #e9ebee;}
a { color: #555555; }

#page { margin: 0 auto; border-top:0px; border-bottom:0px;}
main { margin-top:20px; }

.h4, h4 {   font-size: 18px;     text-shadow: 1px 1px #fff; text-transform:uppercase;  }
h1, .h1, h2, .h2, h3, .h3,  h5, .h5, h6, .h6 { font-weight:300;  }



/* ===========
COLORS 
   =========== */

.bg-primary { background:#d42329 !important; }
.text-primary { color:#d42329 !important; }
.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #d42329 !important;
    border-color: #d42329;
}

.bg-secondary { background:#2e4354 !important; border-color: #2e4354; }
.text-secondary { color:#2e4354 !important; }
 
/* ===========
BUTTON EXTRAS
   ===========*/
.btn.addon { 
    padding-top: 12px;
    border-bottom: 4px solid rgba(0, 0, 0, 0.1) !important;
	position:relative;
	text-align:left !important;
}
.btn.addon i { line-height: 21px;  }
.btn.addon span {
display: block;
    float: right;
    text-align: center;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    line-height: 40px;
    font-size: 16px; font-weight:bold;
}
.btn.lg.addon span { width:40px; line-height:60px; }
.btn.lg.addon span:after { right:50px; right:45px; }
.btn.addon span:after {
    content: "";
    position: absolute;
    top: 0;
    right: 35px;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

/* ===========
CARDS
   ===========*/

.card, .blog-content { border:0px; border-radius:0px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); background:#fff; }
.card .card { box-shadow:none; }
.card-body { padding:10px; }
.card-title {padding: 0px 5px;
    line-height: 40px;
    border-radius: 0px;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #f2f2f2;
    color: #868686;
}
.blog-content { padding:20px; }
	
 

/* ===========
MAIN HEADER  
   ===========*/

.ppt-menu>ul>li>a { height: 60px; line-height: 60px; color: #fff; font-weight:normal; } 

.header-nav3 .btn { padding-top: 12px;  border-bottom: 4px solid rgba(0, 0, 0, 0.1) !important; position: relative; text-align: left !important; font-weight: normal; }


	
 /* ===========
FOOTER
   ===========*/
footer { color:#b7b7b7; }
footer .socials{overflow: hidden;}
footer .socials .social{display: inline-block;width: 40px;height: 36px;line-height: 36px;font-size: 18px;text-align: center;color: #b7b7b7;margin-right: 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
footer.widget.style2 .socials .social:hover{color: #b7b7b7;}
footer{font-size:14px;}
footer .links{padding:0px; list-style:none;}
footer .links li{line-height:40px; border-bottom: 1px solid rgba(221, 221, 221, 0.28); }
footer .links li a{color:#b7b7b7;}
footer .cards img{opacity:0.8}
footer .copyright { opacity:0.5; line-height:30px; }
 




 /* ===========
RESULTBOX
   ===========*/
.resultbox {  border-left:3px solid #fff; }
.page-content { margin-top:-25px; }

 




/* ===========
RESPONSIVE  
   ===========*/
 
/* XL */
@media (min-width: 992px) {
header .ppt-header .logo { padding:0px; }
.ppt-menu ul ul li>a {
    position: relative;
        padding: 14px 15px 14px 30px !important;
}
}
/* MD - LG */
@media (min-width: 768px) and (max-width: 992px) {
header .ppt-header .logo { padding:0px; }
.block-nav-categori { display:none; }
.burger-menu { top: 5px; }
}
 
/* SM - MD */
@media (min-width: 576px) and ( max-width: 768px ) {
.block-nav-categori { display:none; }
.burger-menu { top: 55px; }
}
/* MOBILE */
@media (max-width: 576px) {
.block-nav-categori { display:none; }
header .ppt-header { background:none !important; }
header .ppt-header .logo { padding:0px; }
header .ppt-header .logo img { margin-top:15px; }
}