/*
transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease;
*/
/* PAGE MODULES */
body{
	font-family: 'Titillium Web', sans-serif;
	font-weight:300;
	color: #131313;
}




form p.ajaxInfo { display: none; padding: 10px 5px; border: 1px solid #000; text-align: center; color: #FFF; font-weight: 500; font-size: 16px; margin-bottom: 35px; }
form p.ajaxInfo.error { background-color: #690000; border-color: #F00; }
form p.ajaxInfo.error_send { background-color: #690000; border-color: #F00; }
form p.ajaxInfo.ok { background-color: #006900; border-color: #0F0; }

form p.error { display: none; }
form label { text-align: right; width: 120px; display: inline-block; line-height: 44px; vertical-align: top; }
form label.full { text-align: left; width: 100%; display: inline-block; }
form label,
form textarea,
form input { width: 100%; box-sizing: border-box; }
form .button { display: inline-block; vertical-align: top; }

textarea,
select,
input:not([type="checkbox"]):not([type="radio"]) { background: #ffffff; border: 1px solid #e8e8e8; box-sizing: border-box; height: 44px; padding: 0 10px; font-size: 15px; font-family: inherit; }
textarea { height: 120px; }
select {  }
input:not([type="checkbox"]):not([type="radio"]) { margin-bottom: 8px; }
textarea.error,
select.error,
input:not([type="checkbox"]):not([type="radio"]).error { border-color: #f00; }


:-moz-placeholder { opacity: 1; font-weight: 400; font-style: normal; color: #231f20; }
::-moz-placeholder { opacity: 1; font-weight: 400; font-style: normal; color: #231f20; }
:-ms-input-placeholder { opacity: 1; font-weight: 400; font-style: normal; color: #231f20; }
::-webkit-input-placeholder { opacity: 1; font-weight: 400; font-style: normal; color: #231f20; }

.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.cb { clear: both; }

.info { display: none; text-align: center; font-size: 24px; border: 2px solid #666; padding: 10px 20px; border-radius: 15px; margin: 10px 0 20px; }
.info.show { display: block; }
.info.error { background-color: #ab0268; border-color: #780148; color: #fff; }
.info.ok { background-color: #02ab68; border-color: #017848; color: #fff; }

.gallery {  }
.gallery-item { opacity: 1; display: inline-block; vertical-align: top; background: none no-repeat scroll center top transparent; max-width: 100%; width: 254px; height: 170px; background-size: cover; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; border: 10px #FFFFFF solid; }
.gallery-item:hover { opacity: 0.7; }

.button { cursor: pointer; background: none no-repeat scroll center center #d70084; border: none; box-sizing: border-box; color: #fff; height: 59px; line-height: 59px; padding: 0 37px; font-weight: 700; font-size: 16px; color: #fff; text-transform: lowercase; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.basket-top:hover button,
.button:active,
.button:focus,
.button:hover { background-color: #484848; text-decoration: none; outline: none; }


/* mobilne menu */
/*
.mobile-nav {  }
.mobile-nav nav { display: none; background: #b1c903; position: fixed; max-height: 100%; overflow: auto; z-index: 1005; width: 100%; text-align: center; padding: 15px 0; }
.mobile-nav nav.show { display: block; }
.mobile-nav nav ul { list-style: none; margin: 0; padding: 0; }
.mobile-nav nav li { display: block; }
.mobile-nav nav a { display: block; color: #FFF; padding: 8px 0; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 16px; }
.mobile-nav-toggle { padding: 0; position: fixed; top: 20px; right: 20px; width: 50px; height: 50px; box-sizing: border-box; border-radius: 100px; border: 3px solid #b1c903; background-color: #fff; z-index: 1020; }
.mobile-nav-toggle span { display: block; height: 3px; background: #b1c903; margin: 4px 8px; }
.mobile-nav-toggle:active,
.mobile-nav-toggle:focus,
.mobile-nav-toggle:hover { outline: none; opacity: 1; background-color: #fff; }
*/
/* /mobilne menu */

/* mobilne menu */
.mobile-nav {  }
.mobile-nav nav { display: none; background: #ec6013; position: fixed; max-height: 100%; overflow: auto; z-index: 1005; width: 100%; text-align: center; padding: 15px 0; }
.mobile-nav nav.show { display: block; }
.mobile-nav nav ul { list-style: none; margin: 0; padding: 0; }
.mobile-nav nav li { display: block; }
.mobile-nav nav a { display: block; color: #FFF; padding: 8px 0; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 16px; }
.mobile-nav nav .dropdown-menu { display: block; position: static; width: 100%; text-align: center; background: 0; border: none; box-shadow: none; background: rgba(255, 255, 255, 0.2); padding: 0; margin: 0 0 5px 0; }
.mobile-nav nav .dropdown-menu a { font-size: 14px; }
.mobile-nav nav .dropdown-menu a:hover { background: none; color: #FFF; }
.mobile-nav-toggle { padding: 0; position: fixed; top: 20px; right: 20px; width: 50px; height: 50px; box-sizing: border-box; border-radius: 100px; border: 3px solid #ec6013; background-color: #fff; z-index: 1020; }
.mobile-nav-toggle span { display: block; height: 3px; background: #ec6013; margin: 4px 8px; }
.mobile-nav-toggle:active,
.mobile-nav-toggle:focus,
.mobile-nav-toggle:hover { outline: none; opacity: 1; background-color: #fff; }
/* /mobilne menu */


header nav { text-align: right; margin-right: -15px; }
header nav ul { margin: 0; padding: 0; }
header nav li { display: inline-block; vertical-align: top; }
header nav a { display: block; font-size: 16.67px; text-transform: lowercase; font-weight: 300; color: #515151; text-decoration: none; padding: 0 22px; line-height: 99px; }
header nav li.current a,
header nav a:focus,
header nav a:active,
header nav a:hover { outline: none; text-decoration: none; color: #fff; background: #4aaedb; }
header nav li ul.dropdown-menu { opacity: 0; visibility: hidden; display: block; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
header nav li:hover ul { opacity: 1; visibility: visible; }
header nav li li { border: none; display: block; }
header nav li li a { text-decoration: none !important; }


/* RESPONSIVE */
/*
@media (min-width: 1230px) {...}

@media (min-width: 1022px) {...}

@media (max-width: 1021px) {...}

@media (min-width: 798px) {...}

@media (max-width: 797px) {...}

@media (max-width: 598px) {...}

@media (max-width: 510px) {...}

@media (min-width: 798px) and (max-width: 1021px) {...}

@media (min-width: 1022px) and (max-width: 1229px) {...}


*/

header { margin-top: 20px; }
header a { color:#58595b; }
header .mail, 
header .phone { display: inline-block; margin-left: 30px; color: #58595b; font-size: 16px; margin-top: 30px; }
header .mail::before { content:''; width:30px; height:30px; background:url(../img/ico-mail.png) no-repeat center center; display: inline-block; vertical-align: middle; margin-right: 10px; }
header .phone::before { content:''; width:30px; height:30px; background:url(../img/ico-phone.png) no-repeat center center; display: inline-block; vertical-align: middle; margin-right: 10px; }

.menu-row { border-top: 1px solid #d8d8da; margin-top: 20px; border-bottom:1px solid #f7941d; position: relative; margin-bottom: 35px; }

.menu { padding-left: 0; text-align: center; margin-bottom: 0; }
.menu li { display: inline-block; }
.menu li a { display: block; font-size: 16px; color: #58595b; padding: 11px 20px; font-weight: 600; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.menu li a:hover { color:#f7941e; text-decoration: none; }
.menu li.current a { color:#f7941e;  } 

#search input { width: 200px; height: 25px; border: none; border-bottom: 1px solid #d7d8da; margin-bottom: 0; } 
#search input:focus { outline-color: #fdead2; }
#search { position: absolute; right: 20px; top: 5px; }

#search button { background: transparent; border: none; font-size: 16px; color: #58595b; display: inline-block; height: 20px; vertical-align: bottom; font-weight: 400; }
#search button::after { content:''; background:url(../img/Search.png) no-repeat center center; width:20px; height:20px; display: inline-block; margin:0 10px; vertical-align: bottom;  }

.menu-left-bar { background:#f7941e; font-size:16px; font-weight: 600; color:#fff; line-height: 43px; padding-left:40px; }
.menu-left-start { border: 3px solid #f7941d; border-top: none; }

.menu-left-start a { display: block; padding-left: 25px; line-height: 19px; padding-bottom: 12px; padding-top: 12px; color: #414042; font-size: 15px; border-bottom: 1px solid #ebebeb; margin-left: 15px; margin-right: 15px; }

.col-3 { width:29%; float:left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col-9 { width:71%; float:left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.slider { height: 461px; margin-bottom: 30px; }
.slide { height: 461px; background: no-repeat center center/cover; padding-top: 20px; padding-right: 20px; }
.slide .text { text-align: right; font-size: 14px; color: #404041; font-weight: 400; }
.slide .text h2 { font-size: 30px; color: #f7941e; font-weight: 300; }

.popular-products h2 { color: #414042; font-size: 36px; padding-left: 20px; margin-bottom: 40px; }
.popular-products .product-photo { height: 266px; background: no-repeat bottom/cover; position: relative; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.product-item { margin: 0 7px; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.product-item .name { font-size: 26px; color: #fff; line-height: 60px; background: #f7941e; text-align: center; border-bottom: 4px solid #fff; position: relative; top:0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.product-desc { font-size: 12px; text-align: center; color: #2c2d2f; font-weight: 600; padding: 14px; }

.product-photo::after { content:''; background: #2c2d2f; position: absolute; top:0; left:0; right:0; bottom:0; z-index: 1; opacity:0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.product-item:hover .name { top:100px; z-index: 2; background: transparent; border:none; color:#f7941e; }
.product-item:hover .product-photo::after { opacity:0.8; }
.product-item:hover .product-photo { border:5px solid #2c2d2f; }
.product-item .absolute-link { position: absolute; top:0; left:0; right:0; bottom:0; z-index: 9; }

.owl-nav { position: absolute; top: 30%; left: 0; right: 0; }
.owl-prev,.owl-next { font-size: 0; width:29px; height:61px; position: absolute; }
.owl-prev { background:url(../img/prev.png) no-repeat center center; left:-60px;}
.owl-next { background:url(../img/next.png) no-repeat center center; right:-60px;}

.owl-dots { text-align: center; }
.owl-dot { width: 8px; height: 8px; background: #d1d1d1; display: inline-block; border-radius: 100%; margin: 0 3px; }
.owl-dot.active { width:12px; height:12px; background:#fa9d1a; }

.producers { margin-top: 30px; }
.producers h3 { color: rgba(44,45,47,0.6); font-size: 32px; text-align: center; text-transform: uppercase; }

.producers-carousel { text-align: center; margin-top: 10px; margin-bottom: 20px;} 
.producers-carousel .gallery-item { background: no-repeat center center; width: 15%; display: inline-block; }

.aboutCompany { padding-top: 30px; padding-bottom: 45px; background: no-repeat center center/cover; color: #fff; font-size: 14px; line-height: 22px; }
.aboutCompany h1 { margin-top: 0; text-transform: uppercase; font-size: 60px; font-weight: 600; margin-bottom: 0; }
.aboutCompany h2 { margin-top: 10px; font-size: 28px; margin-bottom: 30px; text-transform: uppercase; }
.aboutCompany a { font-size: 16px; color: #1f1f1f; background: #fff; display: inline-block; text-transform: uppercase; height: 60px; line-height: 58px; border-bottom: 3px solid #ba7109; border-radius: 30px; padding: 0 40px; font-weight: 400; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.aboutCompany a:hover { background:#ba7109; text-decoration: none; color:#fff; }

.kontakt-wrapper { padding-top: 20px; }
.kontakt-wrapper h2 { color: #414042; font-size: 36px; padding-left: 20px; margin-bottom: 55px; }

.contact-box img { margin-right: 20px; } 
.contact-box { color: #414042; font-size: 18px; margin-bottom: 20px; font-weight: 400; }
.contact-box a { color: #414042; }

.kontakt-wrapper { padding-bottom: 50px; }
.kontakt-wrapper input:not([type="checkbox"]):not([type="radio"]) { height: 37px; margin-bottom: 22px; font-size: 14px; }
.kontakt-wrapper textarea { height: 156px; resize: none;  font-size: 14px; padding-top: 5px;}
.kontakt-wrapper .button { background: #f7941d; font-weight: 300; font-size: 14px; display: inline-block; padding: 0 20px; height: 36px; line-height: 36px; }

footer { background: #404042; color: #6d6e71; }
footer a { color: #6d6e71; }
footer li { display: inline-block; line-height:65px; font-size:16px; }
footer li a { display: block; padding-right: 30px; font-weight: 600; }

.made-by { font-size: 13px; padding-top: 23px; font-weight: 400; text-align: right; }
.button { background: #f7941d; font-weight: 300; font-size: 14px; display: inline-block; padding: 0 20px; height: 36px; line-height: 36px; }

.subpage.minh { min-height: 400px; padding-top: 20px; padding-bottom: 60px; }

.map { position: relative; }
.map .in-map { position: absolute; top:0; right:0; bottom:0; left:0; z-index: 9; }

.category-desc-hidden { display: none; }
.category-desc-hidden.active { display: block; }
.left-nav { border: 3px solid #f7941d; border-top: none; }
.left-nav h3 { background: #f7941e; font-size: 16px; font-weight: 600; color: #fff; line-height: 43px; padding-left: 40px; }
.left-nav a { display: block; padding-left: 25px; line-height: 19px; padding-bottom: 12px; padding-top: 12px; color: #414042; font-size: 15px; border-bottom: 1px solid #ebebeb; margin-left: 15px; margin-right: 15px; }
.left-nav li { list-style: none; }
.left-nav ul { padding-left:10px; }
.left-nav ul ul { display: none; }
.expand-category h2 { margin: 0; position: relative; z-index: 3; font-size: 18px; } 
.expand-category { background: rgba(64,64,66,0.69); color: #fff; padding: 11px; margin: 20px 0 0; width: 70%; position: relative; padding-left: 60px;  }
.expand-category.active::before { width:111%; }
.expand-category:hover { cursor: pointer; }
.expand-category:hover::before { width:111%; }
.expand-category::before { width: 0; height: 0; border-style: solid; border-width: 41px 41px 0 0; border-color: #f7941e transparent transparent transparent; position: absolute; left: 0; top: 0; content: ''; z-index: 1; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; }
.expand-category::after { content: ''; position: absolute; right: -41px; width: 0; height: 0; border-style: solid; border-width: 41px 41px 0 0; border-color: rgba(64, 64, 66, 0.69) transparent transparent transparent; top: 0; }

.category-desc-hidden{ padding: 10px 20px; border-left: 1px solid #7b7b7c; }
.category-desc h3 { text-transform: uppercase; font-weight: 600; }
.container.subpage { margin-bottom: 30px; }

a:hover { color:#f7941e; }
.left-nav li.active a { color: #f7941e; font-weight: 700; }
.left-nav li:hover a { color: #f7941e; text-decoration: none; }

.banner-top { height: 300px; background: no-repeat center center/cover; margin-bottom: 30px; position: relative }
.banner-top h1 { background: rgba(247, 148, 30, 0.64); display: inline-block; padding: 20px; color: #fff; position: absolute; left: 0; right: 0; bottom: 20px; width: 400px; text-align: center; margin: 0 auto; }

.downloads { border:1px solid #f7941e; padding: 20px; margin-top: 15px; width:70%; }
.downloads h4 { color:#f7941e; }
.downloads a { font-weight: 600; color: #fff; display: inline-block; padding: 10px 30px; background: #7b7b7c; margin: 10px; }
.downloads a:hover { background:#fff; color:#7b7b7c; text-decoration: none; }

#contactFormOffer input:not([type="checkbox"]):not([type="radio"]) { height: 35px; border: 1px solid #d0d0d0; }
#contactFormOffer textarea { height: 80px; border: 1px solid #d0d0d0; }
#contactFormOffer { margin-top: 40px; padding:0 10px; }

#contactFormOffer :-moz-placeholder { opacity: 1; font-weight: 400; font-style: normal; color: #7b7b7c; }
#contactFormOffer ::-moz-placeholder { opacity: 1; font-weight: 400; font-style: normal; color: #7b7b7c; }
#contactFormOffer :-ms-input-placeholder { opacity: 1; font-weight: 400; font-style: normal; color: #7b7b7c; }
#contactFormOffer ::-webkit-input-placeholder { opacity: 1; font-weight: 400; font-style: normal; color: #7b7b7c; }

.expand-category .hide-this { position: absolute; right: 27px; top: 10px; display: none; }
.expand-category.active .hide-this { display: block; z-index: 99; }

.top { height: 280px; background: no-repeat center center/cover; }

@media (max-width:1230px) {
    .owl-prev { left:-10px; }
    .owl-next { right:-10px; }
    img { max-width:100%; }
    .producers-carousel .gallery-item { width:21%; }
}
@media (max-width:797px) {
    .menu-left-bar { padding-left: 15px }
    .menu-left-start a { padding-left: 5px; }
    .expand-category::after { display: none; }
    .expand-category::before { display: none; }
    .banner-top { height:130px; }
    #contactFormOffer { display: none; }
}

@media (max-width:650px) {
    .page-start .col-3 { display: none }
    .page-start .col-9 { width:100%; }
    .gallery-item.fancybox { width: 130px; background-size: contain; }
    .slide, .slider { height:280px; }
    .banner-top h1 { max-width: 100%; }
    
}