.topbarline .sp-module {
    margin:0px !important;
}

.btn.btn-primary {
    background: #257e4a;
}

.lang-inline {
    text-align: right;
    margin-top: 4px !important;
}

#sp-logo-line #sp-logo .logo img {
    max-height:120px;
}

body #sp-logo-line #sp-logo .logo {
    padding:5px 0;
    height:auto;
}

#sp-logo-line {
    height: auto;
    padding: 10px 0;
    background-color: #ffffff;
}

#sp-logo-line .logo a {
    font-size: 24px;
    line-height: 1;
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
}

#sp-header {
    padding:0px;
}

.mainmenu .container {
    padding:0px;
}

.topbarline {
    background:#fff;
    border-bottom:1px solid #257e4a;
}

.topbarline h6 {
    margin:0px;
}

.sp-megamenu-parent {
    float:left;
}

@media (min-width:992px) {
    #sp-menu {
        width:100%;
    }
}

#sp-menu ul.sp-megamenu-parent > li a {
    padding:8px 16px;
    font-weight: 300;
    margin-right: 25px;
}

#sp-menu ul.sp-megamenu-parent > li a::before,
#sp-menu ul.sp-megamenu-parent > li.active a::before {
    top:44px;
    background: #fff;
}

#sp-menu ul.sp-megamenu-parent > li.active a {
    color:#fff;
}

.logoLine #sp-logo {
    width: 117px;
}

.logoLine .slogan h2 {
    margin-bottom: 0px;
    margin-top: 30px;
    text-transform: uppercase;
}

.logoLine .slogan h6 {
    font-size: 25px;
    margin: -10px 0 0 0;
}

.mini-slogan .mini-slogan {
    padding: 10px 0;
    
}

.mini-slogan .first {
    margin: 0px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
}

.mini-slogan .second {
    margin: 0px;
    line-height: 20px;
    font-size: 14.7px;
}

.mini-slogan {
    opacity:0;
}

.menu-fixed .mini-slogan {
    opacity:1;
}

.crni-back {
    background-color:#060608;
    margin-top: 0px;
    padding: 0px 2.81vw 15px;
    color:#fff;
}

.crni-back .custom {
    max-width: 76.1rem !important;
    margin: 0 auto;
}

.headerslika p {
    margin:0px;
}

.container {
    width: 100%;
    padding: 0 5.62vw !important;
    margin: 0px;
}

a.scrollup {
    background-color: #257e4a;
}

.helix-social-share .helix-social-share-icon ul li div a:hover, .helix-social-share .helix-social-share-icon ul li div a:focus {
    background: #257e4a;
}

.custom.headerslika {
    background-size:cover;
    background-position: center center;
}

.custom.headerslika p {
    display:none;
}

@media (max-width:630px) {
    .custom.headerslika {
        height:290px;
    }
}

@media (min-width:631px) and (max-width:1000px) {
    .custom.headerslika {
        height:340px;
    }
}

@media (min-width:1001px) {
    .custom.headerslika {
        height:370px;
    }
}

.o-namaPozadina {
    background-image: url(/../producers/images/headers/olive.jpg)
}

#offcanvas-toggler {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin: 10px 0;
    text-align: center;
    line-height: 40px;
}

#offcanvas-toggler > i,
#offcanvas-toggler > i:hover {
    color: #fff;
}

#offcanvas-toggler:hover {
    background: rgba(255,255,255,.3);
}

.contactContainer {
    padding:0px !important;
}


/**************************/
/******** MAPA ************/
/**************************/

#iStoreLocator-search-bar .btn-primary,
#iStoreLocator-search-bar .add-on{
    margin:0px;
    height:43px;
}


#iStoreLocator-search-bar {
    min-width:608px;
}

.st-mapaAgro .gm-style .list-image {
    max-height: 200px;
    padding-top: 60%;
    position: relative;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
}

.st-mapaAgro .gm-style .list-image img {
    position: absolute;
    top: -30px;
    left: 0px;
    width: 140%;
    opacity: 1;
    width: 100%;
    max-height: 140%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 140%;
    object-fit: cover;
}

.st-mapaAgro .gm-style .loc-name {
    background: #257e4a;
    color: #fff;
    padding: 16px 8px;
    width: auto;
    font-family: 'Roboto','Helvetica','Arial',sans-serif !important;
}

.st-mapaAgro .gm-style .gm-style-iw {
    width: 100% !important;
    right: 0px !important;
    left: 1px !important;
    max-width: 340px !important;
    padding: 0 0 8px 0;
}

.st-mapaAgro .gm-ui-hover-effect {
    top:0px !important;
    right:0x !important;
}

.st-mapaAgro .gm-style .loc-addr {
    padding: 2px 8px 2px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.7);
    font-weight: 400;
}

.st-mapaAgro .gm-style .loc-misc {
    padding: 8px 16px 8px 8px;
    white-space: normal;
    width: unset;
    min-width: unset;
}

.st-mapaAgro .gm-style .loc-misc p {
    line-height: 18px;
    font-family: 'Roboto','Helvetica','Arial',sans-serif !important;
    font-size: 12px;
}

.st-mapaAgro .isl-list-container ul#isl-listings li {
    border-radius: 2px;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12);
    border: 0px;
    padding: 16px 16px 8px;
    width: calc(100% - 32px);
    margin: 0 0 8px;
}

.st-mapaAgro .isl-list-container ul#isl-listings li .list-content {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0 16px 8px;
    margin: 0 -16px 8px;
    position: relative;
}

.st-mapaAgro .isl-list-container ul#isl-listings li .list-label {
    margin-left: -8px;
    margin-bottom: 25px;
    margin-top: -3px;
}

.st-mapaAgro .isl-list-container ul#isl-listings li .loc-name {
    font-size: 18px;
    line-height: 20px;
    font-family: 'Roboto','Helvetica','Arial',sans-serif !important;
    color: #000;
    margin-bottom: 6px;
    padding-right: 50px;
    white-space: normal;
}

.st-mapaAgro .isl-list-container ul#isl-listings li .loc-addr {
    font-size: 14px;
    line-height: 18px;
    font-family: 'Roboto','Helvetica','Arial',sans-serif !important;
    text-shadow: none;
    padding-left: 30px;
}

.st-mapaAgro .isl-list-container ul#isl-listings li .loc-social-links, .st-mapaAgro .isl-list-container ul#isl-listings li .loc-directions-details {
   /* float: right; */
   /* clear: unset; */
   /* width: auto; */
    margin-top: 8px;
    vertical-align: middle;
    display: inline-block;
}

.st-mapaAgro .isl-list-container ul#isl-listings li .loc-social-links a, .st-mapaAgro .isl-list-container ul#isl-listings li .loc-directions-details a {
    color: #fff;
    text-decoration: none;
    padding: 0 8px;
    margin: 0 0 0 8px;
    height: 36px;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 14px;
    line-height: 36px;
    text-transform: uppercase;
    font-weight: 400;
    border:0px;
    border-radius:3px;
}

.st-mapaAgro .isl-list-container ul#isl-listings li .list-image, .st-mapaAgro .isl-list-container ul#isl-listings li .loc-misc, .st-mapaAgro .isl-list-container ul#isl-listings li .loc-social-links a .fa, .st-mapaAgro .isl-list-container ul#isl-listings li .loc-directions-details a .icon-road, .st-mapaAgro .isl-list-container #isl-search-result {
    display: none;
}

.st-mapaAgro .gm-style .loc-social-links {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
    padding: 8px 8px 0;
}

.st-mapaAgro .gm-style .loc-social-links a {
    color: #000;
    text-decoration: none;
    background: #fff;
    height: 36px;
    line-height: 36px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    margin: 0px;
    padding: 0px 16px;
}

.st-mapaAgro .isl-list-container ul#isl-listings li .loc-dist {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0px;
        margin-top: 0px;
    background: #257e4a;
    border-radius: 0px;
    padding: 4px 8px 3px 8px;
    color: #fff;
    text-shadow: none;
    font-family: 'Roboto','Helvetica','Arial',sans-serif !important;
    float: unset;
    margin-top: 3px;
}

.st-mapaAgro .gm-style .loc-social-links a:hover {
        background: rgba(0,0,0,0.1);
}

.st-mapaAgro .gm-style .loc-social-links a i {
    display:none;
}

.addInfoblock {
    margin-top:8px;
    padding-left: 13px
}

 .addInfoblock .loc-addInfo ul {
    padding: 0 0 0 13px !important;
}

.addInfoblock .loc-mobile .fa-mobile-alt {
    margin: 0 3px;
}

.addInfoblock .loc-addInfo i,
.addInfoblock .loc-addInfo p {
    display:inline-block;
}

.addInfoblock .loc-addInfo i {
    margin:0 1px;
}

.addInfoblock .loc-addInfo ul li {
    border: 0px !important;
    box-shadow: none !important;
    padding: 0px !important;
    width: auto !important;
    margin: 0px !important;
    float: unset !important;
    list-style: square !important;
    display: list-item !important; 
}

.st-mapaAgro .loc-addInfoWH {
    padding-left: 13px;
    margin-top: 8px;
}


@media screen and (max-width: 640px){ 
    /* Small devices in Landscape position */
	/* Hide Find My address label, but shows icons */
    .st-mapaAgro .isl_container {
        width: unset;
        margin: 0 -32px;
    }
    
    .st-mapaAgro .gm-style .gm-style-iw {
        max-width: 300px !important;
    }
}

@media (max-width:768px) {
    .st-mapaAgro .isl-list-container {
     margin-top: 16px;
     padding: 0px;
     height: auto !important;
    }
}



.producer-titleName .ja-masthead-detail {
    max-width:unset !important;
    padding: 90px 0 !important;
}

.producer-titleName .ja-masthead-detail h3 {
    font-size: 45px;
    font-weight: 500;
}

.producer-titleName .ja-masthead-detail .ja-masthead-description {
    font-size: 24px;
}

.view-contact .contactInfoDet,.view-contact .contact-extrafields {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 16px;
}