@charset "UTF-8";
@font-face{
    font-family: 'fontello';
    src: url('../fonts/fontello.eot?60480245');
    src: url('../fonts/fontello.eot?60480245#iefix') format('embedded-opentype'), url('../fonts/fontello.woff2?60480245') format('woff2'), url('../fonts/fontello.woff?60480245') format('woff'), url('../fonts/fontello.ttf?60480245') format('truetype'), url('../fonts/fontello.svg?60480245#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
    }
/*Fontello icons*/
[class*="font-icon-"]{
    position: relative;
    padding-left: 35px;
    }
[class*="font-icon-"]:before, .search-form .search-btn:after, .js-open-search:after, .articles-list .media-box .gallery-item.zoom:after, .main-slider .swiper-btn:before, .thumbs-slider .swiper-btn:before, .thumbs-slider .swiper-slide:after, .time.has-icon:before, #to-top:after, .reserve-link:before, .reserve-link:after, .sub-gallery .more-photos:before, .steps-progress .current:before, .checkbox-item input[type="checkbox"]:checked + label:before, .checkbox-item input[type="radio"]:checked + label:before,  .previous-step:before{
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 22px;
    line-height: 28px;
    color: #85b827;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    height: 28px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
strong, b{
    font-weight: 700;
    }
em, i{
    font-style: italic;
    }
sup, sub{
    position: relative;
    top: -0.6em;
    font-size: 75% !important;
    line-height: 1em !important;
    }
sub{
    top: auto;
    bottom: -0.3em;
    }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section, main{
    display: block;
    }
/*_____________________________________________*/
html{
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    }
body{
    height: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 2em;
    letter-spacing: .02em;
    color: #545454;
    min-width: 320px;
    }
/*Common styles*/
*, *:before, *:after{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
    outline: none !important;
    }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    position: relative;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    line-height: 1.25em;
    color: #010101;
    }
h1, .h1{
    font-size: 32px;
    margin: 44px 0 21px;
    }
h2, .h2{
    font-size: 28px;
    line-height: 1.428571428571429em;
    margin: 44px 0 10px;
    }
h3, .h3{
    font-size: 24px;
    margin: 38px 0 14px;
    }
h4, .h4{
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5em;
    margin: 32px 0 14px;
    }
h5, .h5{
    font-weight: 700;
    font-size: 18px;
    line-height: 1.666666666666667em;
    margin: 34px 0 12px;
    }
h6, .h6{
    font-weight: 700;
    font-size: 15px;
    line-height: 1.333333333333333em;
    margin: 28px 0 16px;
    }
ol, ul{
    list-style: none;
    margin: 14px 0;
    }
ul li, ol li{
    position: relative;
    padding-left: 23px;
    margin-bottom: 6px;
    background: url("../i/list-bullet.svg") no-repeat 2px 12px/6px 6px;
    }
ul ul, ol ol{
    margin: 6px 0 10px;
    }
ol{
    counter-reset: list1;
    list-style: none;
    }
ol > li{
    padding: 0 0 0 23px;
    background: none;
    }
ol > li:before{
    counter-increment: list1;
    content: counter(list1) ".";
    position: absolute;
    left: 0;
    top: 7px;
    line-height: 1em;    
    }
ol ol{
    counter-reset: list2;
    }
ol ol li{
    padding-left: 42px;
    background: none;
    }
ol ol li:before{
    left: 0;
    counter-increment: list2;
    content: counter(list1) "." counter(list2) ". ";
    }
ul li p:first-child, ol li p:first-child{
    margin-top: 0 !important;
    }
ul li p:last-child, ol li p:last-child{
    margin-bottom: 0 !important;
    }
a{
    color: #72a417;
    text-decoration: none;
    outline: none !important;
    }
.no-touchevents a:hover{
    color: #a4d44b;
    }
a[href^=tel]{
    white-space: nowrap;
    }
p{
    margin: 6px auto;
    }
img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 26px auto;
    }
a img{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    }
img.left{
    margin: 26px 30px 26px 0;
    max-width: 50%;
    }
img.right{
    margin: 26px 0 26px 30px;
    max-width: 50%;
    }
p img.left, p img.right{
    margin-top: 24px;
    margin-bottom: 18px;
    }
p img:first-child{
    margin-top: 10px;
    }
/*___________________________*/
/*Form styles*/


.kalender {
    width:300px
}
.kalender table{
	margin:2px;    
}
.kalender table td{
	padding: 0;
    text-transform:uppercase;
}


.form{
    position: relative;
    margin: 32px auto;
    }
.form .field{
    position: relative;
    margin: 0 0 11px;
    line-height: 0;
    }
.form .checkbox-field{
    margin-top: 24px;
    }
.disabled-field{
    opacity: .3;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    }
.form .field-name{
    display: block;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    color: #010101;
    margin: 0 0 8px;
    }
.form .checkbox-field .field-name{
    font-size: 14px;
    line-height: 18px;
    color: #545454;
    margin: 0 0 18px;
    }
.form .required .field-name:after{
    content: '*';
    margin-left: 4px;
    }
.form p{
    font-size: 14px;
    line-height: 1.33333333em;
    margin: 0 0 12px;
    }
.form-control{
    position: relative;
    z-index: 9;
    display: block;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    line-height: 47px;
    letter-spacing: 0;
    width: 100%;
    height: 49px;
    margin: 0 0 5px;
    padding: 0 14px;
    border: 1px solid #d7d7d8;
    background: #fcfcfc;
    border-radius: 5px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none !important;
    text-overflow: ellipsis;
    }
.kort{
    width:50px;
    display:inline
    }
.middel{
    width:90px;
    display:inline
    }
.lang{
    width: calc(95% - 90px);
    display:inline
    }
.disabled-field .form-control{
    border-color: #dddedf;
    background: #dddedf;
    opacity: .75;
    }
textarea.form-control{
    line-height: 23px;
    height: 97px;
    min-height: 97px;
    max-width: 100%;
    min-width: 100%;
    overflow: auto;
    padding: 12px 14px 13px;
    }
.error-message h5 {
    color:orangered;
    margin:0
}
.error-field .form-control{
    border-color: #e45f5f;
    }
.form-control:focus, .error-field .form-control:focus{
    border-color: #d7d7d8;
    }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
    opacity: 1;
    color: #494949;
    }
input::-moz-placeholder, textarea::-moz-placeholder{
    opacity: 1;
    color: #494949;
    }
input:-ms-input-placeholder, textarea:-ms-input-placeholder{
    opacity: 1;
    color: #494949;
    }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{
    opacity: 0 !important;
    }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{
    opacity: 0 !important;
    }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{
    opacity: 0 !important;
    }
.form-control-box{
    display: flex;
    align-items: center;
    }
.form-control-box .form-control{
    max-width: 370px;
    min-width: 370px;
    }
.field-hint{
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    color: #8b8b8b;
    margin: 0 0 0 5px;
    }
.form-control-box .field-hint{
    padding: 0 0 0 12px;
    margin: 0 0 5px;
    flex: auto;
    }
/*Btn*/
button{
    border: none;
    cursor: pointer;
    outline: none !important;
    }
.btn{
    position: relative;
    z-index: 4;
    display: table;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: .02em;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 12px 20px;
    max-width: 100%;
    margin: 31px auto 0;
    background: #85b827;
    border: 2px solid #85b827;
    border-radius: 3px;
    cursor: pointer;
    }
.btn.small{
    font-size: 14px;
    line-height: 19px;
    padding: 6px 17px 5px;
    }
.btn.full-width{
    width: 100%;
    }
.btn.light-btn{
    color: #85b827;
    background: #fff;
    border-color: #fff;
    }
.btn.transparent{
    border-color: #c2db93;
    color: #85b827;
    background: transparent;
    }
.btn::-moz-focus-inner{
    border: 0;
    }
.no-touchevents .btn:not(:disabled):hover{
    color: #85b827;
    background: transparent;
    }
.no-touchevents .btn.light-btn:not(:disabled):hover{
    color: #fff;
    background: transparent;
    }
.no-touchevents .btn.transparent:not(:disabled):hover{
    color: #85b827;
    border-color: #85b827;
    }
.no-touchevents .btn:not(:disabled):active{
    border-color: #c2db93;
    }
.btn:disabled, .btn.disabled{
    opacity: .6;
    cursor: default;
    }
.btn[class*="font-icon-"]:before{
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 1em;
    height: auto;
    margin: 1px 9px 0 -4px;
    }
.btn.light-btn[class*="font-icon-"]:before{
    color: #85b827;
    }
.no-touchevents .btn.light-btn[class*="font-icon-"]:hover:before{
    color: #fff;
    }
/*Radio and Checkboxes*/
.checkbox-item{
    position: relative;
    margin: 18px 0 23px;
    }
.checkbox-item input[type="checkbox"]{
    width: 0;
    height: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
    }
.checkbox-item input[type="checkbox"] + label{
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    color: #010101;
    padding-left: 32px;
    cursor: pointer;
    }
.checkbox-item input[type="checkbox"]:disabled + label{
    cursor: default;
    opacity: .3;
    }
.checkbox-item input[type="checkbox"] + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 20px;
    height: 20px;
    border: 1px solid #bababa;
    border-radius: 3px;
    }
.checkbox-item input[type="checkbox"]:checked + label:before{
    content: '\e815';
    top: -2px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    height: 20px;
    }
.checkbox-item input[type="checkbox"]:disabled + label:before{
    color: #7d7d7d;
    cursor: default;
    background-color: #bababa;
    }
/*Form message*/
.error-field-text, .form .error-field-text{
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    color: #e45f5f;
    margin: 0 0 16px;
    }
/*Appearance*/
.left{
    float: left;
    }
.right{
    float: right;
    }
.center{
    text-align: center;
    }
.uppercase{
    text-transform: uppercase;
    }
.no-indent{
    margin-bottom: 0 !important;
    }
.align-m, .align-b{
    display: table-cell;
    vertical-align: middle;
    }
.align-b{
    vertical-align: bottom;
    }
.no-wrap{
    white-space: nowrap;
    }
/*Independent*/
.container{
    position: relative;
    z-index: 2;
    max-width: 1218px;
    padding: 0 24px;
    margin: 0 auto;
    }
.container:after{
    content: '';
    display: table;
    width: 0;
    height: 0;
    clear: both;
    }
/*=========================================================================
								STRUCTURE
==========================================================================*/



/*Popup*/
#popup-box{
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    min-width: 320px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    background: rgba(255, 255, 255, .7);
    }
.opened-popup #popup-box, #popup-box.html-popup{
    visibility: visible;
    opacity: 1;
    }
#popup-box .container{
    font-size: 0;
    text-align: center;
    height: 100%;
    max-width: none;
    overflow: hidden;
    overflow-y: auto;
    padding: 24px 10px 0;
    }
#popup-box:not(.html-popup) .container:before{
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
    margin: 0 -1px 0 0;
    }
#popup-box .popup.hidden{
    display: none;
    }
#popup-box .popup.visible{
    display: inline-block;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    }
#popup-box .popup{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 2em;
    text-align: left;
    width: 1100px;
    max-width: 100%;
    padding: 60px 32px 56px;
    margin: 0 0 24px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 16px 0 rgba(63, 63, 63, .1);
    box-shadow: 0 4px 16px 0 rgba(63, 63, 63, .1);
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
    opacity: 0;
    }
#popup-box.html-popup .popup{
    display: block;
    padding-top: 0;
    margin: 0 auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
.add-event-box{
    display: flex;
    flex-wrap: wrap;
    padding-right: 24px;
    }
.steps-box h1{
    margin:0 0 25px 0
    }
.add-event-box .steps-progress{
    width: 322px;    
    float:left;
    }
.steps-progress li{
    font-weight: 500;
    color: #8b8b8b;
    padding: 0 0 0 27px;
    margin: 0 0 4px;
    background: none;
    }
.steps-progress .current, .steps-progress .current .step{
    color: #010101;
    }
.steps-progress .current:before{
    content: '\e815';
    font-size: 16px;
    line-height: 1em;
    height: auto;
    position:relative;
    margin:0 4px 0 -24px
    }
.steps-progress .step{
    color: #aaacb1;
    }
.add-event-box .steps-box{
    width: calc(100% - 322px);
    float:left;    
    }
#popup-box .popup .h1{
    margin-top: 0;
    }
.add-event-box {
    margin: 0;
    }
.steps-box .btn{
    width: 370px;
    margin: 42px 0 0;
    }

.previous-step{
    font-size: 14px;
    line-height: 45px;    
    margin: 18px 0 0 20px;
    position: relative;
    font-weight: 500;
    color: #85b827;
    }
.previous-step:before{
    content: '\e80a';
    position: absolute;
    left: -18px;
    top: 2px;
    font-size: 16px;
    line-height: 1em;
    height: auto;
    }
.android .previous-step:before{
    top: 1px;
    }
.js-close-popup{
    position: absolute;
    right: 10px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    cursor: pointer;
    }
.no-touchevents .js-close-popup:hover{
    opacity: .7;
    }


/*=========================TRANSITIONS=========================*/
.no-touchevents a, .no-touchevents .btn, .no-touchevents .search-form .search-btn, .no-touchevents .btn[class*="font-icon-"]:before, .no-touchevents .js-open-search, .no-touchevents .js-close-search, .no-touchevents .js-close-nav, .no-touchevents .share-links a:before, .no-touchevents .articles-list .media-box .gallery-item.zoom:after, .no-touchevents .articles-list .media-box .gallery-item.play:after, .thumbs-slider .swiper-slide:after, .no-touchevents .thumbs-slider .swiper-btn:before, .no-touchevents .main-slider .swiper-btn:before, .no-touchevents .main-slider .swiper-btn, .no-touchevents #footer .social-links a:before, #to-top-box, .no-touchevents #to-top:after, .no-touchevents .search-form .search-btn:after, .no-touchevents .classifieds-list .item, .no-touchevents .sub-gallery a:after, .no-touchevents .js-close-popup, #popup-box{
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    }
/*Resolutions*/
@media screen and (max-width: 1024px){
    /*Popup*/
    .add-event-box .steps-progress{
        width: 292px;
        }
    .add-event-box .steps-box{
        width: calc(100% - 292px);
        }
    }

@media screen and (max-width: 780px){
 
    /*Popup*/
    #popup-box .popup{
        padding: 60px 24px 56px;
        }
    .add-event-box{
        padding: 0;
        }
    .add-event-box .steps-progress{
        width: 40%;
        padding-right: 32px;
        }
    .add-event-box .steps-box{
        width: 60%;
        }
      }
@media screen and (max-width: 740px){

    /*Popup*/
    .add-event-box .steps-progress{
        width: 100%;
        padding: 0;
        margin: 0 0 32px;
        }
    .steps-progress li{
        padding-left: 24px;
        }
    .add-event-box .steps-box{
        width: 100%;
        }
    }
@media screen and (max-width: 640px){
    /*Form*/
    .form-control-box{
        display: block;
        margin: 0 0 16px;
        }
    .form-control-box .form-control{
        max-width: 100%;
        min-width: 0;
        }
    .form-control-box .field-hint{
        padding: 0;
        margin: 6px 0 2px;
        }
    .form-control-box + .error-field-text, .form .form-control-box + .error-field-text{
        margin-top: -14px;
        }
    }
@media screen and (max-width: 480px){
    h1, .h1{
        font-size: 30px;
        }
    h2, .h2{
        font-size: 26px;
        margin: 36px 0 10px;
        }
    h3, .h3{
        font-size: 22px;
        line-height: 1.45em;
        margin: 30px 0 14px;
        }
    h4, .h4{
        margin: 28px 0 14px;
        }
    h5, .h5{
        margin: 30px 0 12px;
        }
    h6, .h6{
        margin: 28px 0 16px;
        } 
    /*Popup*/
    #popup-box .popup{
        padding: 60px 16px 56px;
        }
    }
@media screen and (max-width: 420px){

    /*Popup*/
    #popup-box .container{
        padding: 24px 0 0;
        }
    }

.wegweg {
    visibility:hidden
}

.adminmode {    
    color: #8b8b8b;
}

.uploader {    

    margin-left:23px
}





/*Radio and Checkboxes*/
.checkbox-item{
    position: relative;
    margin: 18px 0 23px;
    }
.checkbox-item input[type="radio"]{
    width: 0;
    height: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
    }
.checkbox-item input[type="radio"] + label{
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    color: #010101;
    padding-left: 32px;
    cursor: pointer;
    }
.checkbox-item input[type="radio"]:disabled + label{
    cursor: default;
    opacity: .3;
    }
.checkbox-item input[type="radio"] + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 20px;
    height: 20px;
    border: 1px solid #bababa;
    border-radius: 3px;
    }
.checkbox-item input[type="radio"]:checked + label:before{
    content: '\e815';
    top: -2px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    height: 20px;
    }
.checkbox-item input[type="radio"]:disabled + label:before{
    color: #7d7d7d;
    cursor: default;
    background-color: #bababa;
    }


.fluo { 
    color:#666666;
    background-color:#fffd60;
    padding:2px 4px 0 4px;
}