/* GLOBALS */



p {font-size: 16px;}

a {    color: #28a745;}

a:hover {color: #80e196;}



/* NAVIGATION */

.navbar-brand img {

    max-width: 50px;opacity: 0;

}
.sticky .navbar-brand img {

    max-width: 50px; opacity: 1;

}
.navbar-nav .nav-item:hover a, .navbar-nav .nav-item.active a {
    color: #ea9e28;
 }
 .navbar-nav .nav-item a::before {
    background: #ea9e28;
 }
 .navbar-toggler .toggler-icon {
    background-color: #ea9e28;
 }
 .select-css {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%; 
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}
.select-css option {
    font-weight:normal;
}

.section-title:before,.section-title:after {

    height: 3px;

}

/* SLIDER */

.krubalo-title {
    position: absolute;
    top: 10vh;
    left: 10vh;
    max-width: 50%;
}
.krubalo {
    position: absolute;
    bottom: -200px;
    right: 10%;
    min-width: 40%;
    max-width: 50%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .krubalo-title {
        top: 10vh;
        left: 10vh;
        max-width: 60%;
    }
    .krubalo {
        bottom: -200px;
        right: 10vh;
        min-width: 75vh;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .krubalo-title {
        top: 10vh;
        left: 10vh;
        max-width: 680px;
    }
    .krubalo {
        bottom: -200px;
        right: 10vh;
        min-width: 75vh;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .krubalo-title {
        top: 10vh;
        left: 10vh;
        max-width: 460px;
    }
    .krubalo {
        bottom: -210px;
        right: -30%;
        min-width: 70%;
        max-width: 80%;
    }
}

@media only screen and (max-width: 575px) {
    .krubalo-title {
        top: 10vh;
        left: 10%;
        max-width: 80%;
    }
    .krubalo {
        bottom: -35%;
        right: -40%;
        min-width: 10%;
        max-width: 100%;
    }
}


/* ABOUT */



.about-image {

    max-width: 368px;

    text-align: center;

    margin: 0 auto;

}

@media only screen and (max-width: 767px) {

    .about-image {

        margin-bottom: 40px;

    }

}

.about-image img {border-radius: 20px;}

.intro-desc {font-size: 16px;}

/* PRESENTATIONS */

.team-item .info-text a.bk-modal  {color: #28a745; cursor: pointer;}

.team-item .info-text a.bk-modal:hover {color: #80e196;}

p.modal-title {

    font-weight: 700;

    font-size: 20px;

    color: #28a745;

}

button.btn.close-modal {

    background-color: #28a745

}

.modal-body img {

    max-width: 100%;

}



/* PRICING */



#pricing {

    background: url(../img/pricing.jpg);

    background-attachment: fixed;

    background-position: right;

    overflow: hidden;

    position: relative;

}

#pricing .overlay {

    width: 100%;    

    height: 100%;   

    top: 0; 

    left: 0;

    right: 0;   

    bottom: 0;

    background-color: rgba(0,0,0,.65);

    z-index: 2;

}

#pricing .price-block-wrapper .pricing-list {

    padding: 10px 20px 10px 28px;

}

span {

    display: inline;

}



/* MAP */



.i4ewOd-pzNkMb-haAclf.QUIbkc{

    display: none !important;

}



/* QUESTIONS */

p.answer { font-size: 14px;}

@media (max-width: 991px) {p.answer { font-size: 11px;}}

.accordion {

    width: 100%;

}



/* CONTACT */

.list-unstyled li {

    margin: 10px 0 0 20px;

    color:#28a745 !important;

}

.container-form .form-wrapper .form-control {

    text-transform: none;

}

.text-success {

    color: #28a745!important;

    margin: 10px auto;

}

.text-left {

    text-align: left!important;

}



/* FOOTER */

@media only screen and (max-width: 767px) {

    .footer-area {

        text-align: center;

    }

    .footer-area p {

        padding-right: 0;

    }

}

.footer-krubalo-logo img {

    max-width: 200px;

}

.footer-logo {

    max-width: 600px;

    display: block;

    margin: 60px auto;

}

.footer-logo img {

    border-radius: 20px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .footer-logo {

        max-width: 80%;

        margin: 48px auto;

    }

    .footer-logo img {

        border-radius: 12px;

    }

}

@media only screen and (max-width: 767px) {

    .footer-logo {

        max-width: 66.67%;

        margin: 30px auto;

    }

    .footer-logo img {

        border-radius: 5px;

    }

}

.newsletter-wrapper .btn-common {margin-bottom: 5px;}







#main-slide .carousel-item .carousel-caption .heading {

    text-shadow: 3px 2px 4px rgba(40,167,69,0.8);

}

#main-slide .carousel-item .carousel-caption p {

    text-shadow: 2px 2px 6px rgba(40,167,69,0.99);

}

#main-slide .carousel-item .carousel-caption span {

    background-image: linear-gradient(to right bottom, rgba(40, 167, 69, .8), rgba(40, 167, 69, .9));

    padding: .3rem .5rem .3rem;

    -webkit-box-decoration-break: clone;

    box-decoration-break: clone;

}