/*1C2023 2C3D3D F2AE23 F05C27 BF2527*/


body {background-color:#1C2023; color: #fff; margin: 0; padding: 0; font-family: 'Nunito Sans', sans-serif;}

header {background:#F2AE23 url("../img/header.jpg") no-repeat; background-size: cover; height: 170px}

header .logo{background: url("../img/banner.png") no-repeat top center; background-size: contain; min-height: 178px;}

section.main aside{ background-color: #2C3D3D;}


section.main article .content{ background-color: #f1f1f1; min-height: 150px; color: #1C2023; padding: 15px;}

section.main article .content h1{ font-size: 20px; border-bottom: 1px solid #ccc; border-left: 8px solid #BF2527; margin-top: 0px; height: 40px; line-height: 40px; padding-left: 5px;}

section.main article .content h2{ font-size: 18px; border-bottom: 1px solid #ccc; border-left: 4px solid #F05C27; margin-top: 0px; height: 40px; line-height: 40px; padding-left: 5px;}


footer { height: 50px; background-color:#161A1B; margin-top: 15px; padding: 15px; font-size: 12px; color: #474747 }

.serit {background: url("../img/serit.jpg"); height: 5px;}
.mp0{margin: 0 !important; padding: 0 !important;}
.col-centered{float: none !important; margin: 0 auto !important;}

hr {margin-top: 15px;margin-bottom: 15px;border: 0;border-top: 1px solid #d0d0d0;}

aside .list-group-item{padding: 15px 12px; background-color:#2C3D3D;     border: 1px solid #293131;
}

aside .list-group-item i{padding-right: 6px;
}

aside a.list-group-item, button.list-group-item {
    color: #e2e2e2;}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, 
button.list-group-item:hover {background-color:#F05C27; color: #fff; }

aside .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;}

aside .list-group-item:last-child {
 
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
/*menü*/

.navbar-default{ background-color:#2C3D3D; color: #fff !important;  border: none; font-weight: 700;}
.navbar-default .navbar-nav>li>a {color: #f1ae22 !important;}
.navbar-default .navbar-nav>li:hover {background-color: #BF2527 !important; color: #fff !important;}
.navbar-default .navbar-nav>li:hover a{color: #fff !important;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background-color: #BF2527; color: #fff !important;}


.open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);  
  opacity:1;
}
  
.dropdown-menu {
  opacity:.3;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;  
  animation-fill-mode: forwards; 
  -webkit-transform: scale(1, 0);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}


@media only screen and (max-width: 991px) {
  .sagblok {margin: 0; padding: 0;}
header .logo{background: url("../img/mobilebanner.png") no-repeat center; background-size: 100% 100%;}
}

@media only screen and (max-width: 500px) {
  .sagblok {margin: 0; padding: 0;}
header .logo{background: url("../img/mobilebanner.png") no-repeat center; background-size: 144% 73%;}
}




