body{
    font-family: 'Open Sans', sans-serif;
    background-color: #262626;
}
.italianno{
    font-family: 'Italianno', cursive;
}

a{
    color: #8aa839;
}
a:hover{
    text-decoration: underline;
    color: #8aa839;
}
.btn-green{
    background: #8aa839;
    color: white;
}
a.btn-green{
    color: white !important;
}

#headNav{
    position: absolute;
    top: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 1000;
/*    background: none !important;*/
/*    background-color: rgba(138,168,57,0.6) !important;*/
    background-color: rgba(0,0,0,0.4) !important;
}

.subPage #headNav{
    background: #8aa839 !important;
}
.subPage .navbar-nav li a{
    color: white !important;
}

.subPage .contentWrapper{
    background: white;
    padding-top: 80px;
    padding-bottom: 60px;
}
.subPage .contentWrapper a{
    text-decoration: none;
    color:  #8aa839;
}
.contentWrapper a:hover{
    text-decoration: underline;
}

.kosarba-gomb{
    color:  white !important;
    background: #262626;
    border: 1px solid #262626;
    padding: 3px 30px;
    border-radius: 0;
}
.kosarba-gomb:hover{
    border: 1px solid #8aa839;
    background: #8aa839;
}

.strong{
    font-weight:  bold;
}
.breadcrumb{
    background: none;
}


.navbar-nav{
    width: 100%;
}
.navbar-nav li{
    padding-bottom: 0px;
}
.navbar-nav li a{
    color: white !important;
}
.navbar-nav li ul{
    position: absolute;
    z-index: 100;
    display: none !important;
    background: rgba(38,38,38,0.8);
    min-width: 200px;
    max-width: 250px;
    border-radius: 5px;
    padding: 5px 10px;
}
.navbar-nav li:hover ul{
    display: block !important;
}
.navbar-nav li ul li,
.navbar-nav li ul li a{
    max-width: 200px;
    display: block;
}
ul.navbar-nav > li > ul > li > a:hover{
    color: #8aa839 !important;
}


.headSearch{
    position: absolute;
    top: 10px;
    right: 50px;
    width: auto;
    z-index: 1500;
}
.headSearch a{
    color: white;
    display: inline-block;
    margin: 0px 10px;
}
.headSearch form{
    display: inline-block;
}
.headSearch input{
    border: none;
    width: 80px;
    color: white;
    background: none;
}
.headSearch input::placeholder{
    color: white !important;
}

form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cacaca !important;
  opacity: 1; /* Firefox */
}

form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #cacaca !important;
}

form input::-ms-input-placeholder { /* Microsoft Edge */
  color: #cacaca !important;
}



.headSearch input:focus{
    outline: none !important;

}
.headSearch button{
    color: white;
    border: none;
    background: none;
}

#mainOwl .sliderItem{
    background-position: center center;
    background-size: cover;
    min-height: 430px;
}


#mainOwl .sliderItem > div{
    position:  absolute;
    top:  0px;
    left: 0;
    right: 0;
}
.sliderContent{
/*    background-color: rgba(138,168,57,0.6) !important;*/
    background-color: rgba(0,0,0,0.4) !important;
    
    color: white;
    padding: 40px;
}
.sliderContent h2{
    color: white;
}
.sliderContent h3{
    color: white;
}
.sliderContentButton{
    border: 1px solid white;
    padding: 5px 50px;
    display: inline-block;
    color: white;
}
.sliderContentButton:hover{
    color: #262626;
    border: 1px solid #262626;
}


.owl-carousel h2{
    text-align:  center;
    font-size:  48px;
    color: white;
    font-weight:  bold;
}
.owl-nav{
    color:  white;
    margin:  0 !important;
}
.owl-prev{
    margin: 0 !important;
    position: absolute;
    top:  0;
    left: 10px;
    font-size:80px;
    height:  100%;
    width:  100px;
}
.owl-next{
    margin: 0 !important;
    position: absolute;
    top:  0;
    right: 10px;
    font-size:80px;
    height:  100%;
    width:  100px;
}
.owl-next:hover,
.owl-prev:hover{
    background-color:rgba(255, 255, 255, 0) !important;
}
.owl-nav:hover{
    background:  none !important;
}

.owl-prev i, .owl-next i{
    font-size:40pt;
    opacity: 0.80;    
}

.page-link span{
    color: #262626;
}

.mainQuote{
    font-size: 48px;
}
.mainQuote a{
    color: #8b937f;
}
.mainQuote2 p{
    font-size: 32px;
    color: #8b937f;
}

.mainIdopontfoglalasBal,
.mainIdopontfoglalasJobb{

/*    padding-left: 80px;*/
    padding-top: 80px;
    padding-bottom: 80px;
    color: white;
/*    background: url("../images/blokk1.jpg") left top no-repeat;*/
}
.mainIdopontfoglalasJobb{
/*    background: url("../images/blokk2.jpg") left top no-repeat;*/
}
.mainIdopontfoglalasBal a,
.mainIdopontfoglalasJobb a{
    color: white;
}


.mainBoxBg{
    background: #f2f3f1;
    color: #212121;
}
.mainBoxLink{
    text-align: center;
}
.mainBox a{
    color: #8aa839;
}


.serviceText h3{
    font-size: 20px;
}
.serviceText p{
    font-size: 14px;
}




.infoNumber{
    border: 5px solid #8aa839;
    border-radius: 25px;
    padding: 5px 13px;
    text-align:  center;
    display: inline-block;
    color:  #3d4345;
    font-weight:  bold;
    font-size:  18px;
}
.infoNumberBorder{
    background:  url("../images/infoNumberBg.png") right top repeat-y;
}
.infoNumberBorder2{
    background:  url("../images/infoNumberBg2.png") right top repeat-y;
}
.potty{
    height:  50px;
    background: url("../images/potty.png") right top no-repeat;
}
.infoButtonBorder > div{
    height: 50px;
    background:  url("../images/infoContentBg.png") left center repeat-x;
}

.sbr-btn{
    width:  25px;
    height:  25px;
    color:  white;
    background-color:  #8aa839;
}
.sbr-btn > *{
    width:  20px;
    height:  20px;
}

.sbr-btn > svg{
    fill:  white;
}

.catalog-one-product h4{
    font-size:  14px;

}


#coworkers-owl-carousel .owl-stage, 
#products-owl-carousel .owl-stage {
    display: flex;
}
#coworkers-owl-carousel .owl-item,
#products-owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}
#coworkers-owl-carousel .caption,
#products-owl-carousel .caption {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}
#coworkers-owl-carousel .flex-text,
#products-owl-carousel .flex-text {
    flex-grow: 1
}
#coworkers-owl-carousel .thumbnail,
#products-owl-carousel .thumbnail {
    display: flex;
    flex-direction: column;
    margin: 0 15px;
}


.oneCoworker,
.oneProductBg{
    background: #f8f8f8;
    font-size: 14px;
    padding: 10px;
    display: block;
}

#coworkers-owl-carousel,
#products-owl-carousel{
    margin-bottom: 60px;
}

.sliderItem.oneCoworker{
    margin: 0px 10px;

}
.sliderItem.oneProduct{
    margin: 0px 10px;
    display: flex;
}
.oneCoworkerBg h3,
.oneProductBg h3{
    font-size: 18px;
}


.fc-time-grid .fc-slats td {
    height: 2.5em;
}
.fc-content{
    text-align:  center;
    cursor:  pointer ;
}
.fc-time-grid-event.fc-short .fc-title{
    font-size: 16px;
}

.pagination li.active{
}

.pagination li.active a{
    text-decoration: underline;
    color: #262626;
}


blockquote {
    font-style: italic;
    /*font-family: Georgia, Times, "Times New Roman", serif;*/
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
}








#map{
    height:  350px;
    background:  white;
    width: 100%;
}

#mapoverlay{
    background: rgba(138, 168, 57, 0.7);
    position: relative;
    z-index: 1000;
    left: 15%;
    bottom: 160px;
    width: 430px;
    color: white;
    padding: 30px;
    font-size: 18px;
}
#mapoverlay h3{
    line-height: 40px;
    font-size: 40px;
}
#mapoverlay a{
    color: white;
}

.subPage #map{
    height: 400px !important;
}
#mapOverlay2{
    background: rgba(138, 168, 57, 0.7);
    position: relative;
    z-index: 1000;
    right: 5%;
    bottom: 445px;
    width: 500px;
    color: white;
    padding: 50px 30px;
    font-size: 14px;  
    float: right;  
    color: #262626;
}
.contactInput{
    border: none;
    background: none;
    border-bottom: 1px solid #262626;
    color: #262626;
    width: 100%;
}
.contactInput:focus{
    /*border: none !important;*/
    outline: none !important;
    background: none !important;
}
.contactInput::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #262626;
    opacity: 1; /* Firefox */
}

.contactInput::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #262626;
}

.contactInput::-ms-input-placeholder { /* Microsoft Edge */
  color: #262626;
}

.contactButton{
    border: 1px solid #262626;
    background: none;
    color: #262626;
    padding: 3px 20px;    
    transition: background-color 0.5s ease;
}
.contactButton:hover{
    background-color: #262626;
    color: white;
}


.newsOverlay{
    background: rgba(138, 168, 57, 0.7);
    position: relative;
    z-index: 10;
    right: 5%;
    bottom: 245px;
    margin-bottom: -300px;
    max-width: 730px;
    padding: 50px 30px;
    font-size: 14px;  
    float: right;  
    color: #262626;    
    height: 300px;
    color: white;
}
.newsBoxBg{
    background: #f8f8f8;
    padding: 10px 10px 20px 10px;
}
.newsBox h3{
    margin-top: 15px;
    font-size: 22px;
}

.newsPos1{

}
.newsPos2{
    padding-top: 120px;
}
.newsPos3{
    padding-top: 240px;
}
.mainNewsButton{
    color: #8aa839;
}
/*.newsButton{
    display: inline-block;
    color: #262626 !important;
    background: #959595;
    padding: 4px 20px;
    border: 1px solid #262626;
}*/
a.newsButton{
    color: #343a40 !important;
}
a.newsButton:hover{
    /*color: white !important;*/
    text-decoration: underline;
}
.newsButton2{
    display: inline-block;
    color: white !important;
    background: none;
    padding: 4px 20px;
    border: 1px solid white;

}

.footer{
    background-color:  #262626;
    color:  white;
    font-size:  14px;
}
.footer h3{
    font-weight: bold;
    text-transform: uppercase;
    font-size:  18px;
}
.footer p{
    padding:  0;
    margin:  0;
    padding-bottom:  12px;
}
.footerSocial{
    font-size: 22px;
}
.footer a{
    color:  white;
    transition: color 0.2s ease;
}
.footer a:hover{
    color: #8aa839;
}
.footerSocial a{
    color:  white;
    margin:  0px 5px;
    display: inline-block;
}



/* editor */
.contentGreen.contentWrapper{
  background-color:  #8aa839;
  color: white;
  padding: 30px 0px;
  font-family: 'Italianno', cursive;
  font-size: 42px;
}
.contentGreen > .row{
    margin: 0px;
}
.contentGray.contentWrapper{
  background-color:  #f2f3f1;
  color: #8b937f;
  padding: 30px 0px;
  font-family: 'Italianno', cursive;
  font-size: 42px;
}
.contentGray > .row{
    margin: 0px;
}
.contentWrapper.leftGray{
    margin: 0;
    padding-top: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.leftGray > div > .col-sm-7{
  background: #f2f3f1;
  padding: 30px 50px;
}
.leftGray > div > .col-sm-5{
    padding-right: 0px;
    margin-right: 0px;
    text-align:right;
}


.imageHoverText{
    position:relative;
    z-index: 10;
    background: #f2f3f1;
    max-height: 200px;
    padding: 30px;
    width: 55%;
}
.imageHoverText h3,
.imageHoverText2 h3
{
    font-size: 22px;
    padding: 0px;
    margin: 0px;
}
.pictureHover{
    position:relative;
    top: -100px;
    margin-bottom: -100px;
    z-index: 0;
}
.pictureHoverText > div.row > div:last-child{
    padding-top: 60px;
}
.imageHoverText2{
    position:relative;
    z-index: 10;
    background: #f2f3f1;
    max-height: 200px;
    padding: 30px;
    width: 55%;
    top: -50px;
    margin-bottom: -50px;
}


.grayBg{
    background: #f2f3f1;
    margin-left:0;
    margin-right: 0;
    padding: 20px 10px;
}
.grayBg > div:first-child{
    border-right: 1px solid #262626;
}
.grayBg > div{
    padding: 20px;
}
/* editor end */



#filterDiv .filterLabel{
    text-transform: lowercase;
}


.field-needs-mobile, .field-needs-phone{
    width: 79%;
    float: right;
}

/*naptar uj*/

.naptarCella .unavailable{
    display: inline-block;
    width: 100%;
    background: #979893;
    height: 30px;

}
.naptarCella .available{
    display: inline-block;
    width: 100%;
    background: #e8e8e6;
    height: 30px;
}
.naptarCella .selected{
    border: 1px solid green;
}

.error-summary{
    font-weight: bold;
    color: red;
}



@media(max-width:767px) {

    h2{
        font-size:  16px;
    }    

    h3{
        font-size:  16px;
    }
    .main #headNav{
        position: static;
        background: #8aa839 !important;
    }
    .main #headNav a{

        color: white;
    }
    .main .navbar-collapse{
        background: #8aa839 !important;
        width: 100%;
        padding: 10px;
        color white;
    }
    .sliderContent{
        margin: 0px 30px;
    }
    .owl-next{
        right: 0px !important;
        width: 80px !important;
    }
    .owl-prev{
        left: 0px !important;
        width: 80px !important;
    }

    #mainOwl .sliderItem{
        background-position: center center;
        background-size: cover;
        min-height: 300px;
    }
    #mainOwl .sliderItem .container{
        position: static;
        padding: 30px 10px;
    }
    .navbar-toggler{
        border-color: white !important;
        color: white;
    }
    .navbar-toggler-icon{
        color: white !important;
    }

    .infoNumber {
        border: 2px solid #4abc65;
        border-radius: 16px;
        padding: 0px 7px;
        text-align: center;
        display: inline-block;
        color: #3d4345;
        font-weight: bold;
        font-size: 13px;
    }
    .owl-carousel h2{
        font-size:  14px;
    }
    .owl-prev i, .owl-next i{
        font-size:20pt;    
    }

    .navbar-nav li ul{
        position: static;
        z-index: 1;
        display: block !important;
        background: none;
        min-width: 200px;
        border-radius: 0 px;
        padding: 5px 20px;
    }

    .headSearch{
        /*position:static;*/
        right: 10px;
    }
    .navbar-toggler{
        margin-top:40px;
    }
    .contentWrapperNews{
        margin-top: 80px !important;
    }
    .contentWrapper{
        margin-top: 80px !important;

    }
    .mainIdopontfoglalasBal,
    .mainIdopontfoglalasJobb{
        padding-left: 80px;
        padding-top: 30px;
        color: white;
    }
    .subPage .contentWrapper{
        padding-top: 0px;
    }
    .newsOverlay{
        background: rgba(138, 168, 57, 1);
        position: static;
        z-index: 10;
        right: 0;
        left: 0;
        bottom: 0px;
        margin-bottom: -80px;
        width: 100%;
        padding: 50px 30px;
        font-size: 14px;  
        float: none;  
        color: #262626;    
        height: auto;
        color: white;
    }
    .newsPos2, .newsPos3{
        padding-top: 0px;
    }


    /* editor area */
    .contentGreen.contentWrapper{
      font-size: 32px;
      padding-bottom: 10px;
    }


    .leftGray > div > .col-sm-5{
        text-align: center;
        padding-left: 0px;
    }

    /* end editor area */

    #mapoverlay{
        background: rgba(138, 168, 57, 0.7);
        position: relative;
        z-index: 1000;
        left: 0 ;
        right:0 ;
        bottom: 160px;
        width: 100%;
        color: white;
        padding: 30px;
        font-size: 18px;
    }

}

@media (min-width:768px) and (max-width: 991.98px) {

    .newsOverlay{
        padding: 20px;
        height: 200px;
        margin-bottom: -200px;
        bottom: 170px;
    }
    .newsOverlay h4{
        font-size: 16px;
    }


}