/* PRIMERIS Custom CSS file */

/* ------ Splošni popravki ------ */

*, body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: Montserrat;}
a {color: #6e6e6e;}
/*a {color: #C8C8C8;}*/
body {background: #F1F1F1}
#page {max-width: 1280px; margin: auto; box-shadow: 0px 0px 10px #888888; background: #fff; overflow: hidden;}
.header-top .block-content {color:#fff; float: right;}


/* ------ Header and around ------ */

#page .header-container, #page header, #page #header .header-content.menu_ontop {background:rgba(33, 33, 29, 0.8); border-bottom: none; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none;}
#page #header .header-content.menu_ontop {max-width: 1280px; margin: auto; left: auto}
#page .columns-container.move_down {margin-top: 70px}
#page header .header-top {background-color: #373737;}
.nav .box-support .box-phone .media-body p span {color:#C8C8C8;}
.nav .box-support .box-phone .media-body p {color:#C8C8C8;}
#header .inner-box {padding: 10px 0;}
#page header .header-top #languages-block-top .current, #page header .header-top #languages-block-top .current::after, #page header .header-top .pagelink-default a.call-pagelink, #page header .header-top .pagelink-default a.call-pagelink::after {height: auto}

#header .pagelink-default a.call-pagelink::after {position:absolute;}
#page header .header-top .pagelink-default:hover a.call-pagelink::after {height: 32px; left: 0;}
#page header .header-top #languages-block-top .current::after {position:absolute;}
#page header .header-top #languages-block-top:hover .current::after {height: 32px; left: 0;}


/* ------ Navigation [MENU] ------ */

.header-content #nav_topmenu ul.nav > li > a {color: #ebebeb;}
#nav_topmenu ul.nav > li.dropdown > a::after {display:none;}
#topmenu {padding-top: 15px;}
.header-content #nav_topmenu.smile_home13 {padding-top:5px;}
/*
.header-content .header-content-left {width: 22%;}
.header-content .header-content-right {width: 78%;}
*/
.header-content #blockcart-top .shopping_cart > a:first-child {color: #FDFDFD;}
.header-content #blockcart-top .shopping_cart {background-color: #615A55;}
.header-content a#call_search_block {background-color: #615A55; color: #FDFDFD;}

#nav_topmenu div#topmenu ul.nav ul.smile_mega_style li.level-2 > a::before {width: 0px; height: 0px; left: 0px;}
#nav_topmenu.smile_home13 div#topmenu ul.nav ul.smile_mega_style li.level-2 > a {padding-left: 0}
#nav_topmenu #topmenu ul.nav ul.smile_mega_style li.level-2:hover a {color: #fff !important; border-bottom: none}
#nav_topmenu #topmenu ul.nav ul.smile_mega_style li.level-2:last-of-type a {border-bottom: none; margin-bottom: 20px}
#nav_topmenu #topmenu ul.nav ul.smile_mega_style li.group_header.level-2:hover a {color: #000 !important; cursor: default; margin-bottom: -1px}
#nav_topmenu div#topmenu ul.nav ul.smile_mega_style li.level-2:hover {background: #76b729 !important; margin-bottom: 1px;}
#nav_topmenu div#topmenu ul.nav ul.smile_mega_style li.group_header.level-2:hover {background: #fff !important;}
#nav_topmenu .navbar-nav > li > .dropdown-menu.mega_dropdown {top: 55px !important;}
#nav_topmenu ul.nav ul.block li.level-2.group_header a {font-size: 18px !important;}
#nav_topmenu ul.nav .list ul.block li.level-2 > a {line-height: 35px !important;}
#nav_topmenu ul.nav > li.dropdown > a {margin: 0 15px 0 15px;}
#nav_topmenu ul.nav > li.dropdown:first-child > a {margin-left: 0px;}

@media screen and (max-width: 996px) {
	.header-content #nav_topmenu.smile_home13 {padding: 5px;}
	.header-content #nav_topmenu .navbar-header {margin-top: 0;}
	.header-container #header #search_block_top, .header-container #header #blockcart-top {margin-top: -36px; margin-right: 5px;}
	.header-content #nav_topmenu .navbar-header, .header-content #nav_topmenu, .header-content #nav_topmenu ul.nav {background: #373737;}
}


/* ------ Home Page Slider ------ */

#homepage-slider .bx-wrapper img {margin: 0 auto;}
.index .bx-controls-direction {display: none;}
#homepage-slider .homeslider-description .bx-caption {background-color: transparent; top: 20%; left: 55%}
.homeslider-description .play .caption2 p::before {border-top: none;}
.homeslider-description .play .caption2 p {font-weight: bold;}
.homeslider-description .play .caption3, .homeslider-description .play .caption3:hover {background-color: transparent;}
.homeslider-description .play .blackcaption {color: #222222;}
.homeslider-description .play .whitecaption {color: #ffffff;}

/*#homepage-slider .homeslider-description {position: absolute; top: 30%; right: 9%;}*/
/*#homepage-slider .homeslider-description .slideshow-text h2, #homepage-slider .homeslider-description .slideshow-text h3 {color: #333; font-weight:bold;}*/
/*#homepage-slider .homeslider-description .slideshow-text img {margin-top: 30px}*/


/* ------ Home Page Slider spodaj teksti in ostali stuff ------ */

#homepage-slider .bx-wrapper .bx-pager {text-align: left; font-size: 1.2em; font-weight: normal; padding-top: 0px; background: #f0f0f0; border-bottom: .0625rem solid #d3d3d3; border-top: .0625rem solid #d3d3d3; padding-left: 1.25rem;}
#page #homepage-slider .bx-wrapper .bx-pager.bx-default-pager a {text-indent:0px; padding: 10px 15px; color: #333; width:auto; height:auto; background:#f0f0f0; margin:0; font-family: Montserrat;}
#page #homepage-slider .bx-wrapper .bx-pager.bx-default-pager a:hover {color: #76b729;}
#page #homepage-slider .bx-wrapper .bx-pager.bx-default-pager a.active {position: relative; background: #fff;}
#page #homepage-slider .bx-wrapper .bx-pager.bx-default-pager a.active:after {bottom: 100%; left: 50%; border: solid transparent;content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px;}
#page #homepage-slider .bx-wrapper .magic-caption .caption2 {padding-bottom: 0px}

/*#page #homepage-slider .bx-wrapper .magic-caption {margin-top: -25px}*/
/*#page #homepage-slider .bx-wrapper .magic-caption .caption3 {margin-top: 0px}*/

@media screen and (max-width: 768px) {.slideshow-text {display: none;}}


/* ------ Flexible group banners ------ */

#home_top_column .box-text.box-01 h3, #home_top_column .box-text.box-02 h3, #home_top_column .box-text.box-03 h3 {text-transform: inherit; color: #fefefe; font-size: 17px;}
#home_top_column .box-text.box-01, #home_top_column .box-text.box-02, #home_top_column .box-text.box-03 {bottom:0; margin:-39px 0 0 0; padding: 8px 24px; background-color: rgba(0, 0, 0, 0.8); position: relative;}
.flexgroupbanners .flexgroupbanners-row.col-sm-12 {margin: auto}
.flexgroupbanners .flexgroupbanners-banners, .nbs-flexisel-container .owl-item.active .image-container, .storitve .st-img-container  {border: 1px solid #ccc}


/* ------ Thumbnail zoom effect for flexible group banners and Storitve ------ */

.flexgroupbanners .banner-effect1 img, .storitve img, .stolpci-bottom img {transition: All 0.45s ease; -webkit-transition: All 0.45s ease; -moz-transition: All 0.45s ease; -o-transition: All 0.45s ease; display: inline-block;}
.flexgroupbanners .banner-effect1:hover img, .storitve img:hover, .stolpci-bottom img:hover {transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15);}
.flexgroupbanners .banner-effect1 a::before, .flexgroupbanners .banner-effect1 a::after {background: none !important;}
.flexgroupbanners .banner-effect1, .st-img-container {overflow: hidden}


/* ------ Product ------ */

#attributes fieldset label {white-space: nowrap; margin-top: 9px; margin-bottom: 5px}
.product_attributes #quantity_wanted_p label {margin-bottom: 5px}
#product-tab-wrap .tab-content {background: #F8F8F8}
#product-tab-wrap .nav > li > a {background: #F1F1F1 !important;}
#product-tab-wrap .nav > li.active > a {background: #F8F8F8 !important;}
ul.thumbs_list_frame_vertical_item li img, #image-block #view_full_size img {border: 1px solid #ccc}
ul.product_list .product-image-container img {border: 1px solid #ccc;}
@media screen and (min-width: 1200px) {#product #page div#image-block {max-width: 360px}}


/* ------ Footer ------ */

@media screen and (min-width: 768px) {
    #advancefooter #block_1_1 {width: 30%}
    #advancefooter #block_1_2 {width: 20%}
    #advancefooter #block_1_3 {width: 20%}
    #advancefooter #block_1_4 {width: 30%}
    .custom-footer-contact {padding-right: 20%}
}
#advancefooter .blockcategories_footer.footer-block.col-xs-12.col-sm-2 {width: 100%}
.custom-footer-contact, .footer-container #advancefooter .custom-footer-contact a, .footer-container #advancefooter .custom-footer-store a, .footer-container #advancefooter .category_footer a, .footer-container #advancefooter .block-subscribe label {color: #ededed}
.footer-container #advancefooter .category_footer a {text-transform: none}
.custom-footer-contact p, .footer-contact-info {margin-top: 20px}
.custom-footer-contact .footer-contact-info p {margin-top: 0px}
.custom-footer-contact .footer-contact-info .fa {font-size: 16px; margin-right: 10px}
.e2pgreen {color: #76b729}


/* ------ Modules ------ */

#homepage-slider .bx-wrapper .bx-pager {position: static;}
#homepage-slider .bx-pager.bx-default-pager a.bx-pager-link {background: #a3a3a3; border-radius: 0;}
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}

/*#HOME_TOP_CONTENT .module-name::before {border-top: none;}
#HOME_TOP_CONTENT .module-name {color:#444; font-size: 36px;}*/
#HOME_TOP_CONTENT .simplecategory-default p {font-size: 20px; line-height: 24px;}
#HOME_TOP_CONTENT .simplecategory-default-des::before {display: none;}

.owl_carousel .right-block .content_price {display:none;}
.owl_carousel .right-block {bottom: 75px;}
.owl_carousel ul.product_list .product-name {font-weight: bold; font-size: 20px; height: 24px;}

#HOME_TOP_CONTENT .owl_carousel .ajax_block_product {padding-bottom: 0;}
#HOME_TOP_CONTENT .owl_carousel .product-container {padding-top:0;}
#HOME_TOP_CONTENT .owl_carousel .product-image-container {margin-bottom:0;}

.parallax .div_full_width {margin-left:0 !important;}

/*#HOME_BOTTOM_CONTENT .module-name::before {border-top: none;}*/
#HOME_BOTTOM_CONTENT .module-name {color:#444; font-size: 36px; font-weight: bold;}
#HOME_BOTTOM_CONTENT .simplecategory-simple  p {font-size: 20px; line-height: 24px;}
#HOME_BOTTOM_CONTENT .simplecategory-default-des::before {display: none;}

#brands_slider #brand_list {padding: 15px 0;}
#brands_slider #brand_list .owl-item {margin-right: 0px;}

.blockcategories_footer {padding-left: 0; text-transform: uppercase}
.blockcategories_footer h4 {display: none}
.footer-container #footer .footer-block {margin-top: 0px;}

.block-subscribe .actions button.button span {font-size: inherit !important;}

.block-policy .icons-box .icon span {margin-left: 0}
.block-policy p::before {border-bottom: 1px solid #ededed; bottom: 51px; content: ""; height: 1px; left: 0; margin: auto; position: absolute; right: 0; text-align: center; width: 50%;}
.block-policy .text-box h3 {color: #ededed;}
.block-policy .text-box p {font-family: inherit; color: #ededed; font-size: 13px; padding: 16px 0 0;}

.block-testimonials .customer {display: none !important;}
.block-testimonials .testimonial .testimonial_text p {font-size: 20px; font-weight: bold}
.columns-container .block-testimonials {padding: 60px 0;}
.block-testimonials .testimonial .testimonial_text span {margin-top: 15px; padding-bottom: 3px; color: #eee}

.simplecategory-default.home2 h3.module-name::before {display: initial; border-top: 1px solid #ccc; content: ""; height: 1px; left: 0; margin: auto; position: absolute; right: 0; top: 50%; width: 50%; z-index: 0;}
.simplecategory-default.home2 h3.module-name {font-size: 28px; line-height: 28px; margin: 0 0 25px 0; text-align: center; text-transform: uppercase; position: relative;}
.simplecategory-default .content_price {display:none;}

#index .simplecategory-default.home2 .tab-content {margin: 0;}
#index ul.product_list.grid > li .product-container .product-image-container .quick-view {font-size: 13px; background: #292929; border-radius: 0; line-height: 34px; padding: 0; width: 130px; height: 34px; margin-left: -65px; margin-top: -17px;}
#index.home1 .simplecategory-default:nth-child(2) {margin: 0 0 40px 0;}

.quick-view i {display:none;}

#index ul.product_list.grid li .product-container .product-image-container a.product_img_link img {border: 1px solid #ccc}

.fp-promo {text-align:center; margin: 10px 0;}
.fp-promo h3 {font-size:28px; font-weight:bold;}
.fp-promo p {font-size:16px;}

.bookmark::before {display: initial; border-top: 2px solid #ccc; content: ""; height: 1px; left: 0; margin: auto; position: absolute; right: 0; top: 50%; width: 25%; z-index: 0;}
.bookmark {margin: 10px; display: block; position: relative;}
.ikona {display: inline-block; font: normal normal normal 24px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff; padding: 0 10px; position: relative;}
.ikona:before {content: "\f097";}


/* ------ Bestseller  in Storitve - kvadratki ------ */

.bestseller, .storitve {display:flex; flex-wrap:wrap; justify-content: space-around;}
.bs-kvadratek, .st-kvadratek {margin: 0 auto;}
.bestseller h5, .storitve h5 {font-size: 16px; text-align:center; padding: 5px 0;}
.simplecategory-default p {text-align:center; margin-bottom: 30px; font-size: 14px;}
.simplecategory-default p.first-paragraph {margin-bottom: 10px;}
#HOME_BOTTOM_CONTENT .simplecategory-default .owl-nav {display:none;}


/* ------ Ikone na home parallaxu / policy block ------ */

.file {background: url('../../img/icon/parallax/files.png') 0 0 no-repeat; width:34px; height:34px; margin:13px !important;}
.file span {position: absolute; top:0; left:0; bottom:0; right:0; background: url('../../img/icon/parallax/files_hover.png') no-repeat; background-position: 13px 13px; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;}
.icon:hover .file span {opacity: 1;}
div#block-policy div.icons-box a div.text-box h3:hover {color: #76b729}

.cart {background: url('../../img/icon/parallax/cart.png') 0 0 no-repeat; width:34px; height:34px; margin:13px !important;}
.cart span {position: absolute; top:0; left:0; bottom:0; right:0; background: url('../../img/icon/parallax/cart_hover.png') no-repeat; background-position: 13px 13px; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;}
.icon:hover .cart span {opacity: 1;}

.users {background: url('../../img/icon/parallax/users.png') 0 0 no-repeat; width:34px; height:34px; margin:13px !important;}
.users span {position: absolute; top:0; left:0; bottom:0; right:0; background: url('../../img/icon/parallax/users_hover.png') no-repeat; background-position: 13px 13px; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;}
.icon:hover .users span {opacity: 1;}

.user {background: url('../../img/icon/parallax/business.png') 0 0 no-repeat; width:34px; height:34px; margin:13px !important;}
.user span {position: absolute; top:0; left:0; bottom:0; right:0; background: url('../../img/icon/parallax/business_hover.png') no-repeat; background-position: 13px 13px; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;}
.icon:hover .user span {opacity: 1;}

#page .block-policy {padding: 35px 0 30px}


/* ------ Content bottom - 3 columns layout ------ */

.stolpci-bottom {display:flex; flex-wrap:wrap; justify-content: space-between;}
.w33 {width:33%; margin: 0 auto; text-align: center; padding: 0 20px;}
.w33 p {font-size:14px; margin-top:20px; color:#585858;}
.w33 img {width:100%; height:auto; border: 1px solid #ccc}

@media screen and (max-width: 768px) {.w33 {width:100%;}}

.simplecategory-default.home2 h3.module-name.small::before {top: 60%; width:85%;}
.simplecategory-default.home2 h3.module-name.small > span {font-size: 18px;}


/* ------ Bestseller skriti tabi za menjat med produkti ------ */

#HOME_BOTTOM_CONTENT #product-tab {display:none;}


/* ------ Slike izdelkov - popravek ene barve na hover ------ */

#page .ug-tabs-wrapper a.ug-tab.ug-tab-selected, .ug-tabs-wrapper a.ug-tab.ug-tab-selected:hover {background-color: #76B729 !important;}


/* ------ Category view ------ */

body#category.category div.content_scene_cat {border-top: none}
#category ul.product_list.grid > li {padding-bottom: 15px;}


/* ------ Tooltips PRO predelave------ */

body .tooltip_keyword {text-decoration: none;}
.tooltip_keyword:after {font-family:FontAwesome; content:"\F05A"; margin:0 10px;}
/*.product_attributes #attributes fieldset label {display: flex;}*/


/* ------ Product-list in Search-list predelava za enak pogled kot na FP ------ */

#product-category ul.product_list .product-image-container .quick-view {font-size: 13px; background: #292929; border-radius: 0; line-height: 34px; padding: 0; width: 130px; height: 34px; margin-left: -65px; margin-top: -17px;}
#category ul.product_list .product-image-container .quick-view {font-size: 13px; background: #292929; border-radius: 0; line-height: 34px; padding: 0; width: 130px; height: 34px; margin-left: -65px; margin-top: -17px;}
#search ul.product_list .product-image-container .quick-view {font-size: 13px; background: #292929; border-radius: 0; line-height: 34px; padding: 0; width: 130px; height: 34px; margin-left: -65px; margin-top: -17px;}


/* ------ Produkti block desno ------ */

.primary_block .pb-center-column h1 {font-size:28px;}
.content_prices .our_price_display, .content_prices .our_price_display .price {font-weight: 200; font-size:24px;}


/* ------ Produkti image block poravnave ------ */

#product #bigpic {width:350px;}
#product #views_block_vertical {max-width: 80px;}
#product #thumbs_list_vertical li {margin-bottom: 10px;}

@media screen and (max-width: 768px) {
	#product .pb-left-column #image-block, #product .pb-left-column #views_block {float: none; text-align: center;}
	#product #thumbs_list {overflow: initial; float: none; width: 100%;}
	#product #thumbs_list ul#thumbs_list_frame {height:auto; display: flex; flex-wrap: wrap; justify-content: center; width: 100% !important;}
}


/* ------ Produkt - opcije za izbiro pri naročanju ------*/

/*
#product #attributes fieldset {display: inline-flex; background: #f8f8f8; margin: 2px 0; flex-wrap: nowrap; justify-content: space-between; float:none; width:100%; clear:both;}
#product .product_attributes #attributes fieldset label {display: inherit; width: 30%;}
#product #attributes .attribute_list {width:70%;}
*/

#product .product_attributes #attributes fieldset {/*background: #f8f8f8;*/ margin: 4px 0; padding-bottom:0px;}
#product .product_attributes #attributes fieldset label {float: left; width: 30%;}
#product .product_attributes #attributes .attribute_list {float: left; width:70%;}
#product .product_attributes div.selector {background:#f2f2f2; border: 1px solid #d0d0d0; font-size: 13px; font-weight: bold; padding: 0; min-width: 290px;} 

#product #attributes .attribute_list div.selector span::before {font-size: 2em; font-weight: 800; color: #76b729;}
#product #attributes .attribute_list div.selector span {background: #f2f2f2; padding:0 10px;}
#product #attributes .attribute_list div.selector select {left:-1px;}

#product #attributes div.selector select {height: 38px; font-size: 13px; font-weight: bold; line-height: 36px; color:#333;}
#product #attributes .attribute_list .form-control {width: 100%; min-width:290px;}
#product #attributes .attribute_list .form-control option {background: #f2f2f2; color: #333; font-size: 13px; font-weight: normal; line-height: 36px; height: 38px; padding: 10px;}
#product #attributes .attribute_list select{-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 10px;}
#product #attributes .form-control:focus {border: 1px solid #d0d0d0; outline: 0; -webkit-box-shadow: none; box-shadow: none;}


/* ------ Produkti poravnave in ostalo ------ */

#product .pb-center-column {margin-top: 20px;}


/* ------ CMS custom elementi ------ */

.w50 {width:50%; padding:2rem; float: left;}
.w50 span {margin: 0 10px 0 0; font-size: 18px;}


/* ------ Bestseller predelava za prikaz vseh ikon na enkrat + 2 na vrstico ------ */

@media screen and (max-width: 991px) {
	#HOME_BOTTOM_CONTENT .simplecategory-default .owl-carousel .owl-stage-outer .owl-stage {width: 100%!important; display: flex; flex-wrap: wrap; transform: none !important;}
	#HOME_BOTTOM_CONTENT .simplecategory-default .owl-carousel .owl-stage-outer .owl-item {width:25%!important; margin-right:0!important; padding: 10px;}
	#HOME_BOTTOM_CONTENT .simplecategory-default .owl-carousel .owl-stage-outer {transform: none !important; -ms-transform: none !important; -webkit-transform: none !important;}
}

@media screen and (max-width: 768px) {
	#HOME_BOTTOM_CONTENT .simplecategory-default .owl-carousel .owl-stage-outer .owl-stage {width: 100%!important; display: flex; flex-wrap: wrap; transform: none !important;}
	#HOME_BOTTOM_CONTENT .simplecategory-default .owl-carousel .owl-stage-outer .owl-item {width:50%!important; margin-right:0!important; padding: 10px;}
	#HOME_BOTTOM_CONTENT .simplecategory-default .owl-carousel .owl-stage-outer {transform: none !important; -ms-transform: none !important; -webkit-transform: none !important;}	
}


/* ------ Prikaz knofa za nalaganje datotek v produktih ------ */

.customizableProductsFile #customizedDatas {float:none;}
.btn:hover {background-color: #666;}

/* ------ Phone and Tablet screen sizes in ostali responsive shit ------ */

@media screen and (max-width: 480px) {
	html .index #homepage-slider {display:none;}
	#product #attributes .attribute_list .form-control {min-width:220px;}
	#product .product_attributes #attributes fieldset label {min-width:120px;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {#homepage-slider .homeslider-description .play .caption3 {display: block; width:135px; margin: 0 auto;}}
@media screen and (min-width: 767px) and (max-width: 1199px) {homeslider-description {display:none;}}
@media screen and (max-width: 768px) {
	#advancefooter {text-align:center;}
	#brand_list {display:none;}
	#product #attributes .attribute_list .form-control option {padding: 2px;}
}
@media screen and (max-width: 991px) {#homepage-slider .homeslider-description .bx-caption {top:0; left:0; background-color: rgba(255,255,255,0.8);}