@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Spectral+SC:400,700&subset=latin-ext');

body {font-family: 'Open Sans', sans-serif;}
a {color:#444444;}

/* .container {width:1200px} */
.container1 {width:98%;margin:0 auto;}
.animate {transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.round10 {-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.round5 {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.round2 {-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.circle {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.transition {-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.shadow {box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.txtshadoww {text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);}
.txtshadowb {text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
.reverse-row-order{flex-direction:row-reverse;}
.vertical-aligned {position:relative;top:50%;transform:translateY(-50%);}
@media screen and (max-width:768px) {.vertical-aligned {position:static;top:auto;transform:none}}
.preserve-3d {-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.wallpaper {background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.is-magentaBg {background-color:#EC268F;}
.is-magenta {color:#EC268F;}
.is-blue {color:#ADC5EA;}
.is-blueBg {background-color:#ADC5EA;}
.is-caps {text-transform:uppercase;}
.mainFont {font-family:'Open Sans';}
.subFont {font-family:'Spectral SC';}
.handwrite {font-family:'Pacifico';}
.left-border {border-left:5px solid #1A5905;padding-left:10px;}
/* BULMA reset */
.columns.is-gapless:not(:last-child) {margin:0;}
.title {word-break:normal;}
.HIDE {display:none!important;}
.test {border:1px dashed red;}



.pagination-next {content:">"}
	
/* header section */

#headerTop {background:black;height:30px;line-height:30px;border-bottom:1px solid white;color:white;text-transform:uppercase;}
#headerTop .container1 {padding:0 10px;}
#headerTop a{color:white;}
#headerTop .level-left img {height:22px;width:auto;margin:3px 10px 0 0;}


#header  {background:black;}
#header img {position:relative;top: 50%;transform: translateY(-50%);}

/* mobile header only */
#mobileHeader {padding:5px;background:black;}
#mobileHeader .logo {margin:5px 0 0 20px;}
#mobileHeader .logo img {height:45px;width:auto;}
#mobileHeader .icon i{font-size:1.5rem;text-align:right;line-height:50px;color:white;}

/* menu section */
#mainMenu ul {position:relative;padding:0;margin:0;list-style:none;line-height:110px;}
#mainMenu ul li{display:inline-block;}
#mainMenu ul li a{color:white;text-transform:uppercase;padding:0 15px;font-size:1rem;display:block;margin-top:5px;}
#mainMenu ul li a:hover{background:#333;}
#mainMenu ul li:hover {background:#333;}
/* dropdown */
#mainMenu ul ul {display:none;position:absolute;top:110px;z-index:9999;padding:0;line-height:50px;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
#mainMenu ul ul li a {color:white;padding:0 20px;}
#mainMenu ul li:hover > ul {display:block;background:#333;}
#mainMenu ul ul li {float:none;display:list-item;position:relative;}
#mainMenu ul ul li a:hover {background:black;}

#sliderGallery {max-height:500px;}

/* off canvas menu */
#offCanvasLeft {background:#222;}
#outsidePanel .level {background:black;padding:15px 0 10px 20px;border-bottom:1px solid #ffffff;margin:0;}
#outsidePanel .level-right {font-size:2rem;margin-right:10px;}

#mobileMenu a {font-size:1.1rem;color:white;border-bottom:1px dotted rgba(255,255,255,0.3);display:block;padding:10px 0 10px 30px;}
#mobileMenu a span {display:block;font-size:.7rem;color:#999999;}
/*#mobileMenu .level1 {font-size:1.5rem;}*/
#mobileMenu .levelL {border:0;}
#mobileMenu .home {display:none;}
#mobileMenu li li {display:none;}
#mobileMenu .iconSvg {float:right;margin-right:20px;background:#D6E2F6;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;}
#mobileMenu .iconSvg img {height:30px;width:auto;}

.mobileLang img {width:50px;height:auot;}

#outsidePanel .buttons {}

#outsidePanel .extra  {background:#111111;margin-top:2px;}
#outsidePanel .extra .column {border:1px solid grey;border-left:0;}
#outsidePanel .extra a {color:white;}
#outsidePanel .extra i {font-size:2rem;}

/* ---------  CONFIGURATOR  ---------  */
.rsNav {
    background:#efefef;
    bottom: auto;
    top: 0;
	/*position:absolute;*/
}
.rsDefault .rsThumbsHor{width:100%;height:60px}
.rsDefault.rsWithThumbsHor .rsThumbsContainer{position:relative;height:100%}
.rsDefault .rsThumb{float:left;overflow:hidden;width:96px;height:72px}
.rsDefault .rsThumb img{width:100%;height:100%;opacity:.3;filter:alpha(opacity=30)}
.rsDefault .rsThumb.rsNavSelected{background:none;}
.rsDefault .rsThumb.rsNavSelected img{opacity:1;filter:alpha(opacity=100)}
	@media screen and (max-width:768px) {
		
		.rsNav {  display:none; width:0 !important; height:0 !important;  }
		}

#configurator {padding-top:30px;background:white!important;}
@media screen and (max-width:768px) {#configurator {padding-top:0;}}
#mainSlider {height:auto;}
/*@media screen and (max-width:768px) {#mainSlider {height:350px;}}*/

#mainSlider .mainTitle {padding-bottom:30px;}
#mainSlider .mainTitle img {height:40px;width:auto;}

#mainSlider .description .columns {padding:0 10px 30px 10px;}
.options .columns {margin-top:10px;}
	@media screen and (max-width:768px) {
		#mainSlider .description .columns {padding:0 20px 10px 20px;}
		#mainSlider .description .column.is-12 {margin-bottom:20px;}
		.options .columns {padding:0 10px;}
	}

#mainSlider .price {padding:5px 10px;border-radius:10px;border:1px solid transparent;font-size:1.5rem;}
/*
#mainSlider .priceChangeAnim {color:red;border:1px solid red;
-webkit-box-shadow: 0px 0px 40px -5px black;-moz-box-shadow: 0px 0px 40px -5px black;box-shadow: 0px 0px 40px -5px black;
animation: fadein 1s;-moz-animation: fadein 1s;-webkit-animation: fadein 1s;-o-animation: fadein 1s;
}
@keyframes fadein{from{opacity:0}to{opacity:1}}
@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}
@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}
@-o-keyframes fadein{from{opacity:0}to{opacity:1}}
*/
#options {background:#241F20;padding-bottom:40px;}
/*
#options .handles {background:rgba(255,255,255,0.1)}
#options .boxes {background:rgba(255,255,255,0.2)}
#options .text {background:rgba(255,255,255,0.3)}
*/
#options .title {color:white;font-weight:normal;font-size:1.1rem;text-transform:uppercase;background:rgba(255,255,255,0.2);line-height:35px;}
#options .handleSect img {padding-bottom:10px;cursor:pointer;border-bottom:1px solid transparent;}
#options .handleSect .selected {border-bottom:1px solid white;}

.bladeSize {background:#676767;color:#efefef;padding:10px;}
.bladeSize input[type=radio] {position:absolute;visibility:hidden;display:none;}
.bladeSize label {cursor:pointer;border-bottom:1px solid transparent;margin:0 15px;display:inline-block;}
.bladeSize input[type="radio"]:checked ~ * {border-bottom:1px solid white;}

.textContainer {position:relative;}
.showText {height:25px;position:absolute;font-size:1rem;overflow:hidden;text-align:center;font-weight:bold;text-transform:uppercase;color:black;
top:20%;right:5%;width:27%;}
/*
#showText_0 {top:33%;left:30%;bottom:0;right:0;width:10%;}
#showText_1 {top:33%;left:30%;bottom:0;right:0;width:10%;}
#showText_2 {top:33%;left:30%;bottom:0;right:0;width:10%;}
#showText_3 {top:33%;left:30%;bottom:0;right:0;width:10%;}
#showText_4 {top:33%;left:30%;bottom:0;right:0;width:10%;}
#showText_5 {top:33%;left:30%;bottom:0;right:0;width:10%;}
*/


.form-error {color:red!important;}

/* gift box radios */
.boxes img {width:70%;}
.boxes input[type=radio] {visibility:hidden;position:absolute;}
.boxes input[type=radio]  + img{cursor:pointer;}
.boxes input[type=radio]:checked + img{background:rgba(0,0,0,0.5);}



/* ---------  CONFIGURATOR  ---------  */



.bottom {padding-top:20px;}

/* HOME PAGE */

#homeSlider img {width:100%;height:auto;border-bottom:2px solid white;}
#homeSlider {background:black;}
#homeSlider i {font-size:2rem;}
#homeSlider .glide__arrows {border:0;}
@media screen and (max-width:768px) {
	#homeSlider i {font-size:1.3rem;}
	#homeSlider img {height:150px;width:100%;}
}


#advantages {padding:20px 20px;}
#advantages .columns .columns .column {margin-top:20px;}
#advantages .columns .columns .title {margin-top:10px;}
#advantages .columns .columns .title:not(:last-child) {margin-bottom:10px;:}
#advantages .columns .columns .icon {background: #fceabb; background: -moz-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); background: -webkit-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); background: linear-gradient(135deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 );
color:black;width:40px;height:40px;line-height:40px;}
#advantages b {padding-bottom:20px;}
#advantages p {text-align:justify;}
	@media screen and (max-width:768px) {
		#advantages {padding:20px;}
	}

#knifeInfo {background:black;padding:30px 0;}
#knifeInfo #id3 {text-align:center;}
#knifeInfo #id3 .naslov {display:none;}
#knifeInfo p {color:#bbb;}
#knifeInfo .column .content  {color:white;width:70%;text-align:justify;}
#knifeInfo .column#id1 .content  {float:right;padding-right:50px;}
#knifeInfo .column#id2 .content {float:left;padding-left:50px;}
#knifeInfo .column#id4 .content  {float:right;padding-right:50px;}
#knifeInfo .column#idL .content  {float:left;padding-left:50px;}

.kontakt i {font-size:2rem;background:black;color:white;width:50px;height:50px;line-height:50px;border-radius:50%;text-align:center;margin-right:20px;}

/* WIDGETS */
.widget {}
#widget1 p {margin:30px 10%;}
#widget1 .content {padding:150px 0;}
#widget1 #slideDown {display:none;line-height:30px;background:black;color:white;padding:30px 15%;}
#widget1 #slideDown .text {text-align:center;}
#widget1 #slideDown .podpis {text-align:right;}
#widget1 #slideDown .podpis img {width:180px;height:auto;}

	@media screen and (max-width:768px) {
		#widget1 .content {padding:50px 0;}
	}
#widget2 .content {padding:100px 0;}
#widget2 {background:black;color:white;}
#widget2 p{margin:30px 50px 30px 10%;}
#widget2 .title{margin-right:50px;color:white;}
	@media screen and (max-width:768px) {
		#widget2 .content {padding:50px 0;}
		#widget2 p{margin:30px 5% 30px 5%;text-align:center;}
		#widget2 .title{margin:0;text-align:center;}
	}

/* Testimonials */
#testimonials  {padding-top:50px;background:white;color:black;padding-bottom:50px;}
#testimonials p {margin:0 auto;font-size:.8rem;}
#testimonials img {width:230px;height:230px;}
#testimonials .title {color:black;padding-top:5px;font-size:1.2rem;}
	@media screen and (max-width:768px) {
		
		#testimonials p {width:auto;}
	}


/* faq */
#faq {background-image:url('/files/upload/faq_ozadje.jpg');}
#faq .content{margin:50px 3% 50px 0;overflow:hidden;color:white;font-size:1.2rem;/*height:500px;*/}
#faq .content p {padding-left:40px;font-size:.9rem;font-weight:normal;line-height:20px;}
#faq .content ol,#faq .content ul {font-size:.9rem;font-weight:normal;line-height:20px;padding-left:40px;}
#faq .content p img {height:auto;width:40%;}
#faq .content a {color:white;font-weight:bold;}
#faq [data-accordion] [data-content]{overflow:hidden;max-height:0;}
#faq [data-accordion]{line-height:1}
#faq [data-control],[data-content] > *{padding:10px;}
#faq [data-content] [data-accordion]{border:0;padding:0}
#faq [data-accordion] [data-control]{position:relative;padding-left:40px;cursor:pointer;}
#faq [data-accordion] > [data-control]:after{content:"";position:absolute;left:10px;top:12px;font-size:25px;font-weight:200;color:#444;height:15px;width:24px;background:url(../img/down.png) center center no-repeat;background-size:50%}
#faq [data-accordion].open > [data-control]:after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}

/* NORMAL PAGE SECTION */
.pageBanner {height:300px;}

/* page content section */
#content {background-image:url('../img/squaresBg.png');background-size:cover;}
#content .pageTitle {padding:20px 0 15px 0;}
#content .pageTitle .level-left {max-width:700px;padding-right:20px;}
	
	@media screen and (max-width: 768px) {
		#content .pageTitle {background:none;padding:10px 0;margin-bottom:20px;border-bottom:3px dotted #D6E2F6;border-top:3px dotted #D6E2F6;}
	}
	
.columnBox {padding:15px 15px 30px 15px;background:white;margin-bottom:10px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition: all 0.2s ease-in-out;}
.columnBox:hover {box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
	
#content .leftColumn {margin-right:40px;}
#content .rightColumn .buttons p {font-size:.9rem;}
#content .rightColumn .buttons p:first-of-type {padding-bottom:25px;}
#content .rightColumn .buttons a {margin-top:5px;}

	@media screen and (max-width: 768px) {
		#content .leftColumn {margin-right:0px;}
		#content .rightColumn {}
	}

/* subpages in right column */
#showSubpages.columnBox {max-height:250px;overflow:hidden;transition: max-height 0.15s ease-out;}
#showSubpages.columnBox:hover {max-height:900px;transition: max-height 0.25s ease-in;}
#showSubpages .title {margin:0;padding-bottom:10px;text-transform:uppercase;}
#showSubpages .selected {background:#A6CE39;padding-left:5px;}
#showSubpages ul {list-style:none;}
#showSubpages li a {display:block;text-decoration:none;font-size:.9rem;color:black;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#showSubpages li a:hover {text-decoration:underline;}


#content .featuresTop {padding-top:40px;}
#content .featuresTop .box {padding:30px;position:relative;}
#content .featuresTop .column:nth-child(2) {margin:0 40px;}
#content .featuresTop p {font-size:1.1rem;padding:30px;}
#content .featuresTop b {display:block;margin:0 0 10px 0;color:#ADC5EA;border-bottom:1px dotted #ADC5EA;font-size:1.3rem;text-transform:uppercase;}
	@media screen and (max-width: 768px) {
		#content .featuresTop {padding-top:10px;}
		#content .featuresTop .box {padding:10px;}
		#content .featuresTop .column:nth-child(2){margin:20px 0;}
		#content .featuresTop p {padding:10px;}
		#content .featuresTop b {display:block;margin:0;}
	}

#content .pageDescription p {font-size:1rem;text-align:justify;line-height:30px;}
#content .pageDescription h2 {color:black;border-bottom:1px dotted black;text-transform:uppercase;}
#content .pageDescription em {font:normal 200% 'Caveat';}
#content .pageDescription .image {float:right;width:40%;height:auto;margin:0 0 20px 20px;}
#content .pageDescription .image img{padding-bottom:20px;}
#content .pageDescription .companyDetails {width:45%;}
	@media screen and (max-width: 768px) {
		#content .pageDescription p {font-size:.9rem;line-height:25px;}
		#content .pageDescription .image  {margin:0 0 20px 0;width:100%}
		#content .pageDescription h2 {font-size:1.2rem;}
	}

#content .featuresRight i {font-size:2rem;position:absolute;margin:50px 0 0 -50px;}
#content .featuresRight b {display:block;margin:20px 0;color:#FD9927;border-bottom:1px dotted #FD9927;font-size:1.3rem;}
#content .featuresRight .image {float:left;margin:0 30px 20px 0;}
#content .featuresRight .image img{padding-bottom:20px;padding-right:30px;}

	@media screen and (max-width: 768px) {
		#content {padding:20px 10px;}


		#content .featuresRight i {position:relative;}
		
	}

/* breadcrumbs section */
.breadcrumb a {color:white;font-size:.8rem;}
.breadcrumb {color:#efefef;font-size:.8rem;}

#pageSlider {padding-bottom:20px;}
#pageSlider img {width:100%;height:auto;}
#pageSlider .title {border-bottom:2px solid grey;display: table;text-align:center;margin:0 auto 20px auto;padding:20px 0 10px 0;}
#pageSlider p {width:70%;margin:0 auto;height:100px;}
#pageSlider .glide__bullets {bottom:45%;}
#pageSlider .glide__arrows {top:40%;}

#pageSlider .tecaj_gumb  {text-align:center;padding:30px 0;}
#pageSlider .tecaj_gumb a {background:#F9C841;}


@media screen and (max-width: 768px) {
	#pageSlider .title {border-bottom:1px solid grey;display:block;text-align:center;padding:20px 0 10px 0;}
	#pageSlider p {width:auto;margin:0 auto;height:auto;}
	#pageSlider .glide__bullets {display:none}
	#pageSlider .glide__arrows {top:10%;}
}

/* bottom gallery */
#imageGallery a{width:18%;height:160px;margin-right:10px;position:relative;overflow:hidden;display:inline-block;border:3px solid rgba(0,0,0,0.2);-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
#imageGallery a:hover{border:3px solid rgba(0,0,0,0.6);}
#imageGallery a img{position:absolute;left:50%;top:50%;height:100%;width:auto;max-width:none;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#imageGallery a img.portrait{width:100%;height:auto;max-width:none}
@media screen and (max-width: 768px) {
	#imageGallery a {width:100%;height:auto;margin:0;overflow:visible;border:0;position:static;display:block;}
	#imageGallery a img{position:static;left:auto;top:auto;height:auto;width:100%;max-width:none;-webkit-transform:none;-ms-transform:none;transform:none;}
}



#filesList  {padding-bottom:30px;}
#filesList .control {margin-bottom:20px;}
#filesList img{padding-right:10px;}
/* OFF CANVAS */	


	
/* front about section */
#aboutus {padding:100px 0;min-height:500px;background:transparent;color:#ccc;}
#aboutus h1 {padding-bottom:20px;color:#1A5905;}
#aboutus p {padding-bottom:40px;color:white;}
#aboutus .group {width:150px;border-bottom:1px dotted #ccc;font-size:1rem;color:#1A5905;padding-bottom:10px;text-align:center;}
#aboutus .count span span  {font-size:4rem;color:#1A5905;}
	@media screen and (min-width: 320px) and (max-width: 770px) {
		#aboutus {padding:30px 0;}
		#aboutus  .content{padding:0 20px;text-align:center;}
	}
	
	
/* ORDER & CART */
#order {}
#orderProducts {border-top:1px solid #ccc;margin-top:30px;padding-top:15px;}
#userData {background:#ccc;padding:20px;}
#userData .input {border:1px solid #999;}
#userData .help {color:#999;}
#shippingAndPayments {background:#ccc;padding:20px;}
.cartAttributes {font-size:.8rem;border-top:1px solid #bbbbbb;width:200px;font-weight:normal;padding:5px 10px;margin-top:5px;}

/* shipping and payment */

#incorrectVoucher {color:red;text-align:center;}

/* shipping and payment right */
#order #shippingAndPayments label {width:100%;color:#00689A;display:block;background:#efefef;float:left;padding:10px;cursor:pointer;margin:0 10px 10px 0;}
#order #shippingAndPayments label:hover {background:#efefef;}
#order #shippingAndPayments input {display:none;}
#order #shippingAndPayments input[type="radio"]:checked+label{background:#efefef url('../img/check.png')no-repeat right;} 
#order #shippingAndPayments input[type="radio"]:checked+label h3{color:white;}

/* progress bar */
#progressBar {padding:20px 0;}
#progressBar .column {}
#progressBar .column:first-of-type {text-align:center;text-transform:uppercase;font-size:3rem;background:#efefef;}

.progressbar{counter-reset:step}
.progressbar li{list-style:none;display:inline-block;width:30.33%;position:relative;text-align:center;cursor:pointer}
.progressbar li:before{content:counter(step);counter-increment:step;width:30px;height:30px;line-height:30px;border:1px solid #ddd;border-radius:100%;display:block;text-align:center;margin:0 auto 10px;background-color:#fff}
.progressbar li:after{content:"";position:absolute;width:100%;height:1px;background-color:#ddd;top:15px;left:-50%;z-index:-1}
.progressbar li:first-child:after{content:none}
.progressbar li.active{color:red}
.progressbar li.active:before{border-color:red}
.progressbar li.active + li:after{background-color:red}
	
/* footer section */
.footer {padding:30px;background:black;color:white;font-weight:normal;}
.footer a{color:white;text-decoration:none;font-weight:normal;}
.footer i {color:black;background:white;border-radius:50%;text-align:center;width:40px;height:40px;line-height:40px;font-size:1.3rem;margin:30px 0 10px 0;}
.footer .is-3 {font-size:.9rem;font-weight:normal;}

.footer .menuFooter li {display:inline-block;margin-right:10px;}
.footer .menuFooter ul ul {display:none;}
.footer .menuFooter a {font-size:.7rem;text-decoration:none;}
.footer .menuFooter a:hover {text-decoration:underline;}
.footer hr {margin:5px 0;}

.footer .author img {width:120px;height:auto;}


#toTop {
    position: fixed;
    bottom: 100px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#toTop:hover {
    background: #e9ebec;
}
#toTop.show {
    opacity: 1;
}