/* Transylvanian Turism Project */
/* General */
/*#sp-page-builder .sppb-section-title{
    margin-bottom: 50px;
}*/

a{
    color: #96cc29;
}
a.nostyle{
    color: black;
    cursor: pointer;
    text-decoration: none;
}
/* Button */
.btn-primary,
.sppb-btn-primary{
    background-color: #96cc29;
    border-color: #96cc29;
}
.btn-primary.active, .btn-primary:active,
.btn-primary.hover, .btn-primary:hover,
.btn-primary.focus, .btn-primary:focus{
    background-color: #83b324;
    border-color: #83b324;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
    background-color: #83b324;
    border-color: #83b324;
}
.sppb-btn-primary:hover, .sppb-btn-primary:focus, .sppb-btn-primary:active, .sppb-btn-primary.active, .open > .dropdown-toggle.sppb-btn-primary{
    background-color: #83b324;
}
input[type="checkbox"]{
    /*height: 20px;*/
    width: 20px!important;
}
#sp-page-builder .page-content .sppb-section, #sp-page-builder .sppb-section{
    margin-top: 0;
}
/* TOP AREA */
#sp-top-bar li > a{
    color: #333;
}
#sp-top-bar li > a:hover,
#sp-top-bar li > a:focus{
    /*color: #333;*/
    text-decoration: underline;
}
/* SP HEADER */
#sp-header .logo a{
    color: #333;
    font-size: 20px;
}
#sp-header .logo a img{
    max-width: 80px;
}
#sp-header .logo a img.sp-default-logo.visible-xs{
    max-width: 50px;
}
#sp-page-builder .sppb-section-title{
    margin-bottom: 30px;
}
#sp-top1 .sp-contact-info{
    float: left;
}
#sp-top2 .sp-module{
    float: right;
}
/* Menu */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
    padding: 0px;
}
li.sp-menu-item.active{
    background: #eee;
}
li.sp-menu-item.active a{
    color: #333;
}

/* Mobile Menu */
.offcanvas-menu .offcanvas-inner .sp-module{
    margin-bottom: 0px;
    margin-top: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a{
    text-transform: none;
}
/*.offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu li.active.deeper.parent a,*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li.current.active{
    background: #96cc29;
}

/* Slider-Carousel */
.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner > div{
    width: 100%;
}
#slider{
    color: #fff;
}
#slider h2, .sppb-cta-title{
    font-size: 60px;
    line-height: 1;
    margin: 20px 0 50px 0;
    text-shadow: 0 2px 3px rgba(0,0,0,0.8);
}
#slider h3{
    font-size: 36px;
    line-height: 1;
    margin: 20px 0 30px 0;
    text-shadow: 0 2px 3px rgba(0,0,0,0.8);
}
.sppb-carousel-inner>.sppb-item>img, .sppb-carousel-inner>.sppb-item>a>img{
    margin: auto;
}
.btn-primary, .sppb-btn-primary,
.cta .btn-primary, .cta .sppb-btn-primary{
    background-color: #96cc29;
    border-color: #96cc29;
}
.btn-primary:hover, .sppb-btn-primary:hover,
.btn-primary:focus, .sppb-btn-primary:focus,
.cta .btn-primary:hover, .cta .sppb-btn-primary:hover,
.cta .btn-primary:focus, .cta .sppb-btn-primary:focus{
    background-color: #83b324;
    border-color: #83b324;
}
.carousel-slider .sppb-carousel-inner > div{
    padding: 0!important;
}

.carousel-slider dl{
    text-align: left;
    margin-bottom: 30px;
}
.carousel-slider dt{
    float: left;
    text-align: left;
    width: 40%;
}
.carousel-slider dd{
    float: right;
    text-align: left;
    width: 60%;
}

#slider .btn-primary:hover, #slider .sppb-btn-primary:hover,
#slider .btn-primary:focus, #slider .sppb-btn-primary:focus,
.cta .btn-primary:hover, .cta .sppb-btn-primary:hover,
.cta .btn-primary:focus, .cta .sppb-btn-primary:focus{
    background-color: #83b324;
    border-color: #83b324;
}
#slider a.sppb-btn{
    box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    font-family: Merriweather, sans-serif;
}
/* SP Page Title */
#sp-page-title{
    display: none;
}

/* Mega Menu */
#offcanvas-toggler{
    /*display: none;*/
}
.sp-megamenu-parent >li.active{
    background: rgba(0,0,0,0.02);
}
.sp-megamenu-parent >li >a{
    border-top: 5px solid transparent;
    color: #666;
    font-family: Oswald, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 30px;
    padding: 28px 10px 27px 10px;
    text-transform: none; 
}
.sp-megamenu-parent >li >a:hover,
.sp-megamenu-parent >li >a:focus{
    color: #96cc29;
}
.sp-megamenu-parent >li.active>a{
    border-top: 5px solid #96cc29;
}

/* Categories */
#cat-title a{
    display: none;
}

.sub-category h2{
    margin: 0 0 20px 0;
}

section .sppb-addon-cta .sppb-cta-title{
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 20px;
}
section .sppb-addon-cta .sppb-cta-subtitle{
    line-height: 30px!important;
}
/* Simple Portfolio */
.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title{
    font-size: 24px;
    margin: 20px 0;
}

/* Main Body */
#sp-main-body{
    padding: 0 0 40px 0;
}

/* Article Content Box */
.content-box{
    max-width: 360px;
    margin: 0 auto 30px auto;
}

/* Footer */
#sp-footer1 li{
    display: inline-block;
    border-bottom: none;
}
#sp-footer1 .nav>li>a{
    display: inline;
    padding: 10px;
}
#sp-footer1 .nav>li>a:hover, #sp-footer1 .nav>li>a:focus{
    background: #111;
    color: #96cc29;
}
#sp-footer1 .nav>li.active>a{
    color: #96cc29;
    text-decoration: none;
}
#sp-footer1 li a:before{
    content: '';
    margin: 0;
}

/* Call to Action */
#cta #sppb-addon-1479897970940 {
    padding: 40px 40px 20px 40px;
}

/* Gallery */
a.image-gallery{
    display: inline-block;
    float: left;
    height: 178px;
}
#jcemediabox-popup-closelink{
    text-transform: none;
}
#jcemediabox-popup-caption h4{
    font-family: Merriweather, sans-serif;
    font-size: 16px;
    font-weight: 700;
}
span#jcemediabox-popup-numbers{
    font-size: 14px;
}
a.jcepopup span.jcemediabox-zoom-image{
    display: none;
}

/* Questions Form */
.question #bfElemwrap149{
    min-height: 100px!important;
}
.question #bfElemwrap150{
    min-height: 120px!important;
}
.question .bfElemWrap.control-group{
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 10px;
}
.question .bfQuickMode .controls .control-label {
    float: left;
    padding-right: 2%;
    min-width: 110px;
    vertical-align: text-top;
    width: 50%;
}
.question .bfQuickMode .controls .control-label + span{
    display: block;
    overflow: hidden;
    padding-left: 2%;
    width: 50%;
}
.question .bfQuickMode input[type=text], .question .bfQuickMode textarea, .question .bfQuickMode select, .question .bfQuickMode .uneditable-input {
    float: left;
    margin-left: 2%;
    max-width: 48%;
    width: 100%;
}
.question .radio.inline + .radio.inline, .question .checkbox.inline + .checkbox.inline {
    margin-left: 0; 
}
.question .form-search .radio input[type="radio"], .question .form-search .checkbox input[type="checkbox"],
.question .form-inline .radio input[type="radio"], .question .form-inline .checkbox input[type="checkbox"] {
    margin-top: 6px!important;
    margin-right: 10px!important;
}
label.radio.inline,
label.checkbox.inline{
    display: block;
    margin-left: 20px;
    margin-right: 20px;
}
.question .form-actions{
    margin: 0 0 0 50%;
    padding-left: 2%;
}
label.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline{
    margin-left: 20px;
    margin-right: 20px;
}
/* Contact  Form */
.contact .bfQuickMode .controls .control-label{
    display: block!important;
    margin-bottom: 10px!important;
    width: 100%!important;
}
.contact-form .bfQuickMode input[type=text], .contact-form .bfQuickMode textarea, 
.contact-form .bfQuickMode select, .contact-form .bfQuickMode .uneditable-input{
    display: block;
    font-size: 20px;
    line-height: 24px;
    min-width: 100%;
    width: 100%;
}
#bfElemWrap11 label,
#bfElemWrap16 label,
#bfElemWrap26 label,
#bfElemWrap33 label{
    width: 280px;
}
.contact .bfQuickMode .controls .control-label input[type="checkbox"]{
    float: left;
}
.contact .bfQuickMode .controls .control-label span{
    float: left;
    margin: 2px 10px 0 0;
}
.form-actions{
    background-color: transparent;
    border-top: none; 
    padding: 10px 0;
    width: 50%;
}
.form-actions button{
    float: none!important;
}
.form-actions .btn.btn-primary{
    font-size: 16px;
    padding: 5px 10px;
}
#bfGroupLabel109_3,
#bfGroupLabel109_11,
#bfGroupLabel150_3,
#bfGroupLabel150_11{
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.control-group{
    margin-bottom: 10px;
    padding: 10px;
    background: #f3f3f3;
}

/* One Day Tours */
.onedaytours h3{
    margin-bottom: 20px;
}
.onedaytours img{
    margin-bottom: 20px;
}
.onedaytours .well.well-sm{
    padding: 10px!important;
}
.onedaytours .well{
    background: #fcfcfc;
    /*border: 1px!important;*/
    border-radius: 0;
    border: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    border-left: 0;
    border-right: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.onedaytours .well ul{
    margin-bottom: 0;
}
.onedaytours .well ul li{
    font-size: 14px;
    font-weight: 600;
}
.onedaytours .well ul li:not(:first-child),
.onedaytours .well ul li:not(:last-child){
    padding: 0 15px;
}
.onedaytours .box-inner{
    padding: 15px;
}

/* Partners */
.partner-logo img{
    margin: 20px 0;
    width: 240px;
}
/* Bottomarea */
.bottomarea .sppb-container-inner .sppb-container{
    width: 100%;
}
#sp-page-builder .bottomarea .sppb-section-title .sppb-title-heading{
    font-size: 24px;
    line-height: 30px;
}
/* Tetimonials */
.sppb-testimonial-pro .sppb-testimonial-message,
.home-testimonials q{
    font-size: 16px;
    line-height: 24px;
}

/* Cookies */
.jb.cookie.green p a {
    color: #96cc29!important;
}
.jb.cookie.green p a:hover,
.jb.cookie.green p a:focus{
    color: #83b324!important;
}
.jb.accept.green {
    background: #96cc29!important;
    border: 0!important;
}
.jb.accept.green:hover,
.jb.accept.green:focus{
    background: #83b324!important;
}
.jb.accept{
    text-shadow: none!important;
}
/* Error Page */
.error-page-inner a.btn-primary{
    background: #96cc29!important;
    border-color: transparent!important;
}
,
.error-page-inner a.btn-primary:active:focus{
    border-color: transparent!important;   
}
.error-page-inner a.btn-primary:hover,
.error-page-inner a.btn-primary:focus{
    background: #83b324!important;
}
/* Tablet % Mobile versions */
@media(max-width:480px){
    #sp-header,
    #sp-header .logo{
        height: 60px;
    }
/*    section .sppb-addon-cta .sppb-cta-title{
        font-size: 48px!important;
        line-height: 50px;
    }*/
    #slider h2, .sppb-cta-title{
        font-size: 28px!important;
        line-height: 30px!important;
        margin: 10px 0!important;
    }
    #slider h3,
    #sp-page-builder .sppb-section-title .sppb-title-heading{
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 10px 0;
    }
    #offcanvas-toggler{
        display: block;
        line-height: 57px;
    }
    section .sppb-addon-cta .sppb-cta-title{
        font-size: 36px;
        line-height: 50px;
    }
    a.image-gallery{
        height: 141px;
        width: 50%;
    }
    .btn-primary, .sppb-btn-primary, .cta .btn-primary, .cta .sppb-btn-primary {
        font-size: 16px;
        padding: 10px 20px;
    }
    .contact .bfQuickMode .controls .control-label {
        display: block!important;
        margin-bottom: 10px!important;
        width: 100%!important;
    }
    .contact .bfQuickMode .controls .control-label
    .bfQuickMode .controls .control-label {
        max-width: 100% !important;
        min-width: 100% !important;
    }
    .contact .bfQuickMode .controls #bfLabel222.control-label,
    .contact .bfQuickMode .controls #bfLabel224.control-label,
    .contact .bfQuickMode .controls #bfLabel253.control-label,
    .contact .bfQuickMode .controls #bfLabel259.control-label{
        float: right;
    }
    label.radio.inline, label.checkbox.inline,
    label.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline{
        margin: 0 0 0 10px;
    }
    input[type="checkbox"]{
        height: 20px;
    }
    .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"]{
        left: -10px;
        height: 20px;
        position: relative;
        width: 20px;
    }
    .form-actions{
        margin: 0 0 20px 0;
        width: 100%;
    }
    .form-actions .btn.btn-primary {
        padding: 10px 20px;
    }
}

@media(min-width:481px) and (max-width:767px){
    #sp-header,
    #sp-header .logo{
        height: 60px;
    }
    section .sppb-addon-cta .sppb-cta-title{
        font-size: 48px!important;
        line-height: 50px;
    }
    #slider h2, .sppb-cta-title{
        font-size: 28px;
        line-height: 30px;
        margin: 10px 0;
    }
    #slider h3,
    #sp-page-builder .sppb-section-title .sppb-title-heading{
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 10px 0;
    }
    #offcanvas-toggler{
        display: block;
        line-height: 57px;
    }
    section .sppb-addon-cta .sppb-cta-title{
        font-size: 36px;
        line-height: 50px;
    }
    a.image-gallery{
        height: 150px;
        width: 33.33%;
    }
    .btn-primary, .sppb-btn-primary, .cta .btn-primary, .cta .sppb-btn-primary {
        font-size: 16px;
        padding: 10px 20px;
    }
    .contact .bfQuickMode .controls .control-label {
        display: block!important;
        margin-bottom: 10px!important;
        width: 100%!important;
    }
    .contact .bfQuickMode .controls .control-label,
    .bfQuickMode .controls .control-label {
        max-width: 100% !important;
        min-width: 100% !important;
    }
    .contact .bfQuickMode .controls #bfLabel222.control-label,
    .contact .bfQuickMode .controls #bfLabel224.control-label,
    .contact .bfQuickMode .controls #bfLabel253.control-label,
    .contact .bfQuickMode .controls #bfLabel259.control-label{
        float: right;
    }
    label.radio.inline, label.checkbox.inline,
    label.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline{
        margin: 0 0 0 10px;
    }
    input[type="checkbox"]{
        height: 20px;
    }
    .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"]{
        left: -10px;
        height: 20px;
        position: relative;
        width: 20px;
    }
    .form-actions{
        margin: 0 0 20px 0;
        width: 100%;
    }
    .form-actions .btn.btn-primary {
        padding: 10px 20px;
    }
}

@media(min-width:768px) and (max-width:991px){
    section .sppb-addon-cta .sppb-cta-title{
        font-size: 60px!important;
        line-height: 70px;
    }
    #slider h2, .sppb-cta-title{
        font-size: 48px;
        line-height: 50px;
        margin: 20px 0 40px 0;
    }
    #slider h3{
        font-size: 28px;
        line-height: 30px;
        margin: 0 0 20px 0;
    }
    #offcanvas-toggler{
        display: block;
    }
    section .sppb-addon-cta .sppb-cta-title{
        font-size: 36px;
        line-height: 50px;
    }
    a.image-gallery{
        height: 150px;
        width: 33.33%;
    }
    .btn-primary, .sppb-btn-primary, .cta .btn-primary, .cta .sppb-btn-primary {
        font-size: 16px;
        padding: 10px 20px;
    }
    .contact .bfQuickMode .controls .control-label {
        display: block!important;
        margin-bottom: 10px!important;
        width: 100%!important;
    }
    .contact .bfQuickMode .controls .control-label,
    .bfQuickMode .controls .control-label {
        max-width: 100% !important;
        min-width: 100% !important;
    }
    .contact .bfQuickMode .controls #bfLabel222.control-label,
    .contact .bfQuickMode .controls #bfLabel224.control-label,
    .contact .bfQuickMode .controls #bfLabel253.control-label,
    .contact .bfQuickMode .controls #bfLabel259.control-label{
        float: right;
    }
    label.radio.inline, label.checkbox.inline,
    label.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline{
        margin: 0 0 0 10px;
    }
    input[type="checkbox"]{
        height: 20px;
    }
    .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"]{
        left: -10px;
        height: 20px;
        position: relative;
        width: 20px;
    }
    .form-actions{
        margin: 0 0 20px 0;
        width: 100%;
    }
    .form-actions .btn.btn-primary {
        padding: 10px 20px;
    }
}

@media(min-width:992px) and (max-width:1199px){
    .sp-megamenu-parent >li >a{
        padding: 28px 10px 27px 10px;
    }
    #offcanvas-toggler{
        display: none;
    }
}