/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.head {
    position: relative;
}
.home .head {
    background: transparent;
    position: absolute;
    z-index: 10;
}

.home .head .c_menu li a.menu-item, .home .head .c_menu li .menu-item {
    color: #fff;
}


.head .logo img {
 width: 22rem;
}

@media (max-width: 1280px) {
    .head .logo img {
        max-width: 100%;
    }
}



/*--------------------------------------------------------------
Forhandler content
--------------------------------------------------------------*/
.row-forhandler img {min-height: 4rem;}

.right-sidebar {max-height: 50rem;}

.row-forhandler {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.row-forhandler:hover {
    -webkit-box-shadow: 0 0 20px 2px rgba(163, 163, 163, 0.2);
    box-shadow: 0 0 20px 2px rgba(163, 163, 163, 0.2);
}
.row-forhandler .pricelabel{
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.row-forhandler:hover .pricelabel{
  background: var(--c4);
    color: var(--c2)
}

.selected-forhandler .go-to {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}

.selected-forhandler:hover .go-to {
    background: #23699e;
}


/*--------------------------------------------------------------
Stars styling
--------------------------------------------------------------*/
.star-rating {
    overflow: hidden;
    position: relative;
    height: 25px;
    font-family: star, 'sans-serif';
    line-height: 1;
    font-size: 20px;
    letter-spacing: 5px;
    width: auto;
    display: inline-block;
}

.star-rating::before {
    content: '\73\73\73\73\73';
    color: #F2B413;
    top: 0;
    left: 0;
}


.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}

.star-rating span::before {
    color: #F2B413;
    content: '\53\53\53\53\53';
    top: 0;
    position: absolute;
    left: 0;
}

.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;

}
.star-rating {
    float: inherit;
}

/*--------------------------------------------------------------
Forside og other sider
--------------------------------------------------------------*/

.hero-txt {
    margin-top: 14rem;
    margin-bottom: 4rem;
}

.hero-txt .c-btn, .hero-txt a.c-btn {
    background: #fff;
    color: var(--c1);
}

.hero-txt .c-btn:hover, .hero-txt a.c-btn:hover {
    background: var(--c2);
    color: var(--c1);
}

.content-rows:first-child .row-info .border-top {
    border: none !important;
    margin-top: 0 !important;
}

/*

.theicon {
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
}*/

.sale-btn {
    position: relative;
    display: inline-block;
      top: 15px;
    height: 30px;
    z-index: 50;
    line-height: 30px;
}

.bbl  {
    position: relative;
    z-index: 20;
    bottom: 0;
    border-radius: 5px;
    padding: 10px 15px;
    transition: all 0.4s ease 0s;
}

.thumb-hover:hover .bbl {
    background: #d1e2d7;
}

/*--------------------------------------------------------------
Youtube CSS
--------------------------------------------------------------*/

.youtube {
    background-color: #000;
    margin-bottom: 0;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}

.youtube img {
    width: 100%;
    top: 0;
    left: 0;
    opacity: 1;
}


.youtube .play-button {
    width: 80px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 1;
    opacity: 0.8;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26px;
    border-color:transparent transparent transparent  #2f85c7;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}

.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}


/*--------------------------------------------------------------
ACCORDION
--------------------------------------------------------------*/

.accordion {
}
.accordion li {
    position: relative;
    list-style: none;
    margin: 0;
}
.accordion li .accrodion-txt {
    display: none;
}
.accordion a.accrodion-title {
    width: 100%;
    display: block;
    cursor: pointer;
    line-height: 3;
    user-select: none;
}
.accrodion-title .icon {
    position: relative;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    /* For display only */
    color: #fff;
    background-color: #245276;
    transition: background-color .25s ease-in;
    cursor: pointer;
}

.accrodion-title .icon:hover, .accrodion-title.active .icon {
    background-color: #0085bf;
}

.accrodion-title .icon__plus span {
    position: absolute;
    top: 45%;
    left: 25%;
    display: block;
    width: 50%;
    height: 10%;
    background-color: #fff;
    transform: rotate(0deg);
    transition: .25s ease-in;
}



.accrodion-title .icon__plus span:nth-child(2) {
    transform: rotate(90deg);
}

.accrodion-title.active #plus span:nth-child(1) {
    transform: rotate(-180deg);
}

.accrodion-title.active #plus span:nth-child(2) {
    transform: rotate(180deg);
}


/*--------------------------------------------------------------
speechbubble
--------------------------------------------------------------*/
span.speechbubble {
    background: #00cc99;
    color: #f6f6f6;
    position: relative;
    right: 0;
    bottom: -.4rem;
    border-radius: .8rem .8rem 0 0;
}
span.speechbubble:after {
    top: 88%;
    left: 0;
    position: absolute;
    content: "";
    border: 1.5rem solid;
    border-color: #00cc99 transparent transparent #00cc99;
}



/*--------------------------------------------------------------
Arrows
--------------------------------------------------------------*/
.c-start-movie {
    background: url(/wp-content/themes/paa-afbetaling/inc/files/c-start.svg) no-repeat;
}
.c-start {
    position: relative;
    left: -6rem;
    top: -4.5rem;
    margin-bottom: -4.5rem;
    width: 35rem;
    height: 8rem;
    overflow: hidden;
    text-indent: -9999px;
    background-size: contain;
    -ms-transform: rotate(4deg);
    transform: rotate(
            4deg
    );
}

/*--------------------------------------------------------------
flickity
--------------------------------------------------------------*/
.ed .flickity-viewport { overflow: visible; }

.carousel-cell {
    /* Add whatever CSS props you want */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.carousel-cell.pageloaded {
    max-height: 1000px;
    opacity:1 ;
    border-radius: 5rem;
    margin: 1.6rem;
}

.carousel-cell:hover {
    background:  var(--white);
}

.carousel-cell.is-selected {
    opacity: 1;
}

.forhandlere .main-flick .forhandler-link {
    width: 20rem;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

.sidebar  .d-none-sidebar {
    display: none; }


.fod-inner  .d-none-fod {
    display: none; }


.footer_menu {
    line-height: 3.6rem;
    margin: 0;
    list-style: none;
}

.footer_menu li {
    position: relative;
}

.footer_menu li a {
    color: #fff;
}

.footer_menu li a:hover {
    color: #59c2e6;
}

.ms-revoke a { color: #59c2e6 !important;}



/*--------------------------------------------------------------
Custom GDPR
--------------------------------------------------------------*/

.gdpr-small {
    font-size: 90%;
}

.cc-dismiss, .cc-allow {
background: #59c2e6 !important;
    color: #fff !important;
    border: solid 0 transparent !important;
    text-transform: uppercase;
    font-size: 12px;
    line-height: normal;
    border-radius: 1px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 15px !important;
    margin: 10px 0 10px !IMPORTANT;
}


.cc-dismiss:hover, .cc-allow:hover {
        background: #0b2d39 !important;
    color: #fff !important;
}

/*--------------------------------------------------------------
Progress bar
--------------------------------------------------------------*/
/* Progress CSS */
.progress {
    background: linear-gradient(to right, orange var(--scroll), transparent 0);
    background-repeat: no-repeat;
    position: fixed;
    width: 100%;
    height: 4px;
    z-index: 1;
    top: 0;
}