body{
font-family: 'Gotham SSm A', 'Gotham SSm B';
font-weight: 300;
font-style: normal;
color: #444;
}

body.fixed-top{padding-top: 70px;}


h1,
h2,
h3,
h4,
h5,
h6{
font-family: 'Gotham SSm A', 'Gotham SSm B';
font-weight: 400;
font-style: normal;
color: #444;

}





/*******************/
/** topbar **/
/******************/

@media (max-width: 767px) {
    #midle-searchbar #top-logo,
    #midle-searchbar #top-user{display: none; visibility: hidden;}
}


/*#top-user, #nettmagasin-link, #top-logo{background: green;}*/
.topbar {padding-top: 0.5rem; padding-bottom: 0.5rem;}
.topbar h1{font-size: 105%; /*margin-top: 0.8rem;*/ margin-top: 0; font-weight: 300; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}

@media (min-width: 544px) {
    .topbar {/*padding-top: 1.2rem; */padding-bottom: 0;}
    .topbar h1{margin-top: 0.4rem;}
}





.topbar h1 a{color: rgba(255, 255, 255, 0.55);}
.topbar .fa-user,
.grey-bar .fa-user,
#midle-searchbar .fa-user{color: #fff;}



.logo-container img{
    margin-top: 0;
    padding-top: 0;
}


@media (min-width: 1280px) {
    .logo-container img{max-width:185px; }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.logo-container img{width: 80%!important;}
}



/*******************/
/** nav bar **/
/******************/
/*.navbar{padding-top: 1.125rem; padding-bottom: 1.125rem; border-radius: 0!important;}
.navbar p{margin-bottom: 0;}
.navbar .form-group{margin-bottom: 0;}*/


.dropdown .dropdown-menu{
    margin: 0 0 0;
    color: #373a3c;
    background-color: #f3f3f3;
    border: none;
    border-radius: 0;
    /*min-width: 100%; */
    padding: 5px 15px;
    font-size: 0.85rem;

}



.dropdown .dropdown-item{
    display: block;
    width: 100%;
    padding: 10px 10px;
    clear: both;
    font-weight: 500;
    line-height: 1.5;
    color: #636363;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #e4e4e4;
    text-transform: uppercase;
}
.dropdown .dropdown-item:hover{color: #333;}

.dropdown  .dropdown-item:last-child{border-bottom: none;}



.searchform .btn{color: #fd6d38; background: #fff; border:none;}
.searchform input{border: none;}

.search {position: relative;}
.search input{width: 100%; border-radius: 0; padding: .7rem .75rem}
.search .fa-search {
  position: absolute;
  top: 14px;
  right: 10px;
  color: #fd6d38;
}


/*******************/
/** grey bar **/
/******************/
.grey-bar{background: #4a4a4a!important; }



/*
@media (max-width: 544px) {
.grey-bar .btn-white-outline{margin-top: 1rem;}
}
*/





/*******************/
/** img-container **/
/******************/
.img-container{
    position: relative;
}
.img-container:before {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: inherit;
  content: ' ';
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.img-container.is-locked:after{display: none;}
}

.img-container.is-locked:after{
  color: #fff;
  background: #fd6d38;
  padding: 0.2rem 0.4rem;
  position: absolute;
  bottom: 0;
  right: 0;
  content: "\f067";
  border: 0;
  /*font: normal normal normal 14px/1 FontAwesome;*/
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.img-container .card{

    padding-top: 8%;
    padding-bottom: 17%;
    border: none;
}

.img-container .category-title{font-size: 80%; margin-bottom: 2rem;}

.img-container .card h2{
    font-size: 170%;
    /*padding: 0 15.5rem;*/
    font-weight: normal;
    line-height: 2.5rem;
    margin-bottom: 3rem;
    color: #fff;
}



.byline{
    color: #f0f0f1;
    font-weight: 200!important;
    font-style: italic;
    font-size: 70%;
    margin-bottom: 0;
}

.byline strong{font-weight: 700!important;}




/*
@media (max-width: 544px) {
    .img-container .card{padding-top: 0.5rem; padding-bottom: 0.5rem;}
    .img-container .card h2{font-size: 110%; line-height: 2rem; margin-bottom: 0.2rem;}
    .byline{font-size: 80%;}
}*/

@media (min-width: 992px) {
.img-container .category-title{font-size: 80%; margin-bottom: 3.4rem;}

    .img-container .card h2{
        font-size: 250%;
        line-height: 3.2rem;
        margin-bottom: 3rem;
    }
}

.img-container .read-more{margin-bottom: 0; margin-top: -1rem;}



/*******************/
/** black-bar **/
/******************/

.black-bar{background: #343434; padding: 2.5rem 2.3rem;}

.black-bar .nav-white{padding-top: 10px; font-size: 70%; margin-bottom: 0; padding-bottom: 0;}
.black-bar .nav-white a{ color: #fff; text-transform: uppercase;}
.black-bar .nav-white a:hover{color:#b0b0b0;}
.black-bar .nav-inline .nav-item+.nav-item,
.black-bar .nav-inline .nav-link+.nav-link{margin-left: 0.5rem;}

@media (min-width: 992px) {
.black-bar .nav-white{font-size: 80%;}
.black-bar .nav-inline .nav-item+.nav-item,
.black-bar .nav-inline .nav-link+.nav-link{margin-left: 1rem;}
}


.nav-social .fa-inverse{color: #666666;}
.nav-social a {color: #444444;}
.nav-social a:hover .fa-inverse{color: #fff;}

@media (max-width: 543px) {
     .black-bar .nav-white{margin-bottom: 1.4rem;}

    .black-bar .nav-white a{
    display: block;
    /*margin: 0 0 0.8rem 0;*/
    }

    .nav-social{text-align: center; float: none; margin: 0 auto;}

}



/*******************/
/** article list **/
/******************/
.article-list-item img{margin-bottom: .6rem!important;}

/*.article-list-item .big-target{position: relative;}*/



.article-list-item .is-locked {
  position: relative;
  display: block;
}
.article-list-item .is-locked:after {
  color: #fff;
  background: #fd6d38;
  padding: 0.15rem 0.4rem;
  position: absolute;
  top: 0px;
  right: 0;
  content: "\f067";
  border: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 900;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.article-list-item a:hover{text-decoration: none;}

.article-list-item a:hover .sub-title{color: #b7b7b7;}
.article-list-item a:hover h3{color: #80d5f0;}
.article-list-item a:hover .item-text{color: #afafaf;}

.article-list-item .sub-title {color: #757575; font-size: 75%; font-weight: 700; margin-bottom: 1.6rem;}

.article-list-item h3 {
    color: #2DAFE6;
    /*
    -ms-word-break: break-all;
    word-break: break-all;

    // Non standard for webkit
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    */
    font-size: 120%;
    font-weight: 500;
    line-height: 1.65rem;
}

.article-list-item .item-text {color: #3f3f3f; font-size: 80%; font-weight: 400; line-height: 1.45rem;}


.section-headiding-small{text-transform: uppercase; text-align: center; font-weight: 500; font-size: 90%;}



.endless_container{
    text-align: center;
    float: left;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 100%;
}

.big-target-click-zone-hover, .big-target-click-zone{cursor:pointer!important;}

/*******************/
/** footer **/
/******************/

#footer p{font-size: 80%;}

/*******************/
/** text colour **/
/******************/

.text-org{color: #fd6d38;}
.text-light-grey{color: #fafafa;}


/*******************/
/** article **/
/******************/
/*
.blockquote {
    padding: 1rem 1rem;
    margin-top: 1.3rem;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
    border-left: none;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    font-style: italic;
}
.blockquote p{color: #fd6d38; text-align: center;}
*/










.article-content p{
    font-size: 120%;
    line-height: 2.2rem;
    margin-bottom: 2rem;
    font-weight: 400;
}

.article-content p strong{font-weight: 700;}

.article-content ul,
.article-content ol{
    font-size: 120%;
    line-height: 2.2rem;
    font-weight: 400;
}

.article-content .card ul,
.article-content .card ul{padding-left: 24px;}

.brd-rgt{border-right: 1px solid #efefef;}

.brd-wht{border-color: white;}



.blockquote-brd{border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding-top: 1.5rem; padding-bottom: 3rem;}
.blockquote{border-left: none;text-align: center; margin-bottom: 0;}
.article-content .blockquote p{margin-bottom: 0!important;}
.blockquote-footer{font-size: 60%; margin-top: 1rem;}
.article-content .blockquote p.quote-sign{
    font-size: 250%!important; color: #fd6d38; line-height:normal; margin-bottom: 1rem!important;
    -ms-transform: rotate(180deg)!important; /* IE 9 */
    -webkit-transform: rotate(180deg)!important; /* Chrome, Safari, Opera */
    transform: rotate(180deg)!important;
}


@font-face {
  font-family: 'fontello';
  src: url("../fonts/fontello/fontello.f3de25119db5.eot?55903339");
  src: url("../fonts/fontello/fontello.f3de25119db5.eot?55903339#iefix") format('embedded-opentype'),
       url("../fonts/fontello/fontello.a310d9a34c5d.woff?55903339") format('woff'),
       url("../fonts/fontello/fontello.37d5cc6d67c9.ttf?55903339") format('truetype'),
       url("../fonts/fontello/fontello.aba072f1139d.svg?55903339#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}


    .fontello-icon{
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;

      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      /* opacity: .8; */

      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;

      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;


      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */

      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

/*<i class="fontello-icon icon-quote">&#xe800;</i>*/




.blockquote-footer::before {
    content: "";
}




@media print {
    .article-content{
      float: left!important;
      width: 100%!important;
      margin: 0!important;
      padding: 0!important;
    }
    .article-content ul,
    .article-content ol{
        font-size: 90%;
        line-height: 1.8rem;
        font-weight: 400;
    }

    .article-content p{
        font-size: 90%;
        line-height: 1.8rem;
        margin-bottom: 1.9rem;
        font-weight: 400;
    }
}


/*******************/
/** panel **/
/******************/



.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 120%;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}



/*******************/
/** card **/
/******************/



.card {border-radius: 0;}
.card-img {border-radius: 0;}
.card.card-img-container{border: none;}
.card.card-no-bg{background: none;}
.card.card-no-brd{border: none;}
.card-inverse .card-blockquote>footer, .card-inverse .card-link, .card-inverse .card-text{color: rgba(255,255,255,1);}
.card-default{background: #f3f3f3;}

.card-grey{background:#f3f3f3; border-color: #f3f3f3;}
.card-lightgrey{background:#f3efed; border-color: #f3efed;}


/*******************/
/** button **/
/******************/


.btn {
  border-radius: 0;
}
.btn.btn-wide {
  padding: .7rem 2.3rem;
}


.btn-org {
  color: #fff;
  background-color: #ff6b2b;
  border-color: #ff6b2b;
}

.btn-org:hover {
  color: #fff;
  background-color: #fd9669;
  border-color: #fd9669;
}

.btn-org:focus, .btn-org.focus {
  color: #fff;
  background-color: #fd9669;
  border-color: #fd9669;
}

.btn-org:active, .btn-og.active,
.open > .btn-org.dropdown-toggle {
  color: #fff;
  background-color: #fd9669;
  background-image: none;
  border-color: #fd9669;
}

.btn-org:active:hover, .btn-org:active:focus, .btn-org:active.focus, .btn-org.active:hover, .btn-org.active:focus, .btn-org.active.focus,
.open > .btn-org.dropdown-toggle:hover,
.open > .btn-org.dropdown-toggle:focus,
.open > .btn-org.dropdown-toggle.focus {
  color: #fff;
  background-color: #fd9669;
  border-color: #fd9669;
}



.btn-white-outline {
  color: #fff;
  background-color: transparent;
  background-image: none;
  border-color: #fff;
}

.btn-white-outline:focus, .btn-white-outline.focus, .btn-white-outline:active, .btn-white-outline.active,
.open > .btn-white-outline.dropdown-toggle {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}

.btn-white-outline:hover {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}

.btn-white-outline.disabled:focus, .btn-white-outline.disabled.focus, .btn-white-outline:disabled:focus, .btn-white-outline:disabled.focus {
  border-color: white;
}

.btn-white-outline.disabled:hover, .btn-white-outline:disabled:hover {
  border-color: white;
}


.dropdown .btn{text-align: left; color: #545454; background: #fff;}


.btn-secondary.active,
.btn-secondary:active,
.open>.btn-secondary.dropdown-toggle {
    color: #545454;
    background-color: #fff!important;
    background-image: none;
    border-color: #fff!important;
}

.dropdown .dropdown-toggle::after {
    position: absolute;
    right: 8px;
    top: 8px;
    display: inline-block;
    width: auto;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    color: #fd6d38;

    text-align: right;
    vertical-align: top;
    content: "\f078";
    border: 0;
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;


}

.m-b-4{margin-bottom: 4rem!important;}
.m-b-5{margin-bottom: 5rem!important;}
.m-b-6{margin-bottom: 6rem!important;}


.m-t-4{margin-top: 4rem!important;}
.m-t-5{margin-top: 5rem!important;}
.m-t-6{margin-top: 6rem!important;}
.m-t-7{margin-top: 7rem!important;}
.m-t-8{margin-top: 8rem!important;}
.m-t-9{margin-top: 9rem!important;}
.m-t-10{margin-top: 10rem!important;}


.no_margin, .no-margin{margin-bottom: 0!important; margin-top: 0!important;}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.not_rounded{border-radius: 0!important;}


/* ============================= */
/* Stickybadge   */
/* ============================= */

.stickybadge{
    position: fixed;
    bottom: 10px;
    right:10px;
    max-width: 10%;
}
    @media (max-width: 768px){
        .stickybadge{
            max-width: 30%;
        }
    }
