@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
*,*:before,*:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{font-family:sans-serif; /* 1 */-ms-text-size-adjust:100%; /* 2 */-webkit-text-size-adjust:100%; /* 2 */}
/***Remove default margin. */
body{margin:0;font-family:'Roboto',sans-serif;font-size:16px;line-height:30px;font-weight:400;background:#252525;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
/* HTML5 display definitions ====== */
/*** Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
/*** 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome,Firefox,and Opera. */
audio,canvas,progress,video{display:inline-block; /* 1 */
  vertical-align:baseline; /* 2 */}
/*** Prevent modern browsers from displaying `audio` without controls. *Remove excess height in iOS 5 devices. */
audio:not([controls]){display:none;height:0;}
/*** Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11,Safari,and Firefox < 22. */
[hidden],template{display:none;}
/* Links ============ */
/**Remove the gray background color from active links in IE 10.*/
a{background-color:transparent;outline:none;}
/** Improvereadability when focused and also mouse hovered in all browsers. */
a:active,a:hover,a:focus{outline:none;}
/* Text-level semantics ===================== */
/*** Address styling not present in IE 8/9/10/11,Safari,and Chrome. */
abbr[title]{border-bottom:1px dotted;}
/*** Address style set to `bolder` in Firefox 4+,Safari,and Chrome. */
b,strong{font-weight:bold;}
/*** Address styling not present in Safari and Chrome. */
dfn{font-style:italic;}
/*** Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+,Safari,and Chrome. */
h1{font-size:2em;margin:0.67em 0;}
/*** Address styling not present in IE 8/9. */
mark{background:#ff0;color:#000;}
/*** Address inconsistent and variable font size in all browsers. */
small{font-size:80%;}
/*** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
/* Embedded content===================== */
/***Remove border when inside `a` element in IE 8/9/10. */
img{border:0;max-width:100%;}
/*** Correct overflow not hidden in IE 9/10/11.*/
svg:not(:root){overflow:hidden;}
/* Grouping content ================================*/
/** Address margin not present in IE 8/9 and Safari. */
figure{margin:1em 40px;}
/** Address differences between Firefox and other browsers.*/
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
/** Contain overflow in all browsers.*/
pre{overflow:auto;}
/** Address odd `em`-unit font sizerendering in all browsers.*/
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}
/* Forms ======================================== */
/*** Known limitation:by default,Chrome and Safari on OS X allow very limited * styling of `select`,unless a `border` property is set. */
/*** 1. Correct color not being inherited.
 *    Known issue:affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+,Safari,and Chrome.*/
button,input,optgroup,select,textarea{color:inherit; /* 1 */font:inherit; /* 2 */margin:0; /* 3 */}
/*** Address `overflow` set to `hidden` in IE 8/9/10/11.*/
button{overflow:visible;}
/*** Address inconsistent `text-transform` inheritance for `button` and `select`.* All other form control elements do not inherit `text-transform` values.* Correct `button` style inheritance in Firefox,IE 8/9/10/11,and Opera.* Correct `select` style inheritance in Firefox.*/
button,select{text-transform:none;}
/*** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.* 2. Correct inability to style clickable `input` types in iOS.* 3. Improve usability and consistency of cursor style between image-type*    `input` and others. */
button,html input[type="button"],/* 1 */input[type="reset"],input[type="submit"]{-webkit-appearance:button; /* 2 */cursor:pointer; /* 3 */}
/*** input color placeholder */
::-webkit-input-placeholder{color:#cecece; opacity:1 !important;}
:-moz-placeholder{color:#cecece; opacity:1;}
::-moz-placeholder{color:#cecece; opacity:1;}
:-ms-input-placeholder{color:#cecece;}
/***Re-set default cursor for disabled elements. */
button[disabled],html input[disabled]{cursor:default;}
/***Remove inner padding and border in Firefox 4+.*/
button::-moz-focus-inner,input::-moz-focus-inner{border:0; padding:0;}
/*** Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */
input{line-height:normal;}
/*** It'srecommended that you don't attempt to style these elements. * Firefox's implementation doesn'trespect box-sizing,padding,or width.
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2.Remove excess padding in IE 8/9/10. */
input[type="checkbox"],input[type="radio"]{box-sizing:border-box; /* 1 */padding:0; /* 2 */}
/*** Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`,it causes the cursor style of the * decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
/*** 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"]{-webkit-appearance:textfield; /* 1 */
  -moz-box-sizing:content-box;-webkit-box-sizing:content-box; /* 2 */box-sizing:content-box;}
/***Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
/*** Define consistent border,margin,and padding. */
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
/*** 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2.Remove padding so people aren't caught out if they zero out fieldsets. */
legend{border:0; /* 1 */padding:0; /* 2 */}
/***Remove default vertical scrollbar in IE 8/9/10/11. */
textarea{overflow:auto;}
/*** Don't inherit the `font-weight` (applied by arule above). * NOTE:the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup{font-weight:bold;}
/* Tables ================================ */
/***Remove most spacing between table cells. */
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container{position:relative;width:100%;max-width:1600px;margin:0 auto;padding:10px;box-sizing:border-box;}
/* For devices larger than 400px */
@media (min-width:1650px){
  .container{width:100%;padding:0;}
}
/* Base Style –––––––––––––––––––––––––––––––––––––––– */
/* NOTE html is set to 62.5% so that all theREM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */
html{font-size:62.5%;}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1,h2,h3,h4,h5,h6{font-family:'Roboto',sans-serif;margin-top:0;margin-bottom:5px;font-weight:400;letter-spacing:0; color:#cecece; text-transform:uppercase;}
h1{font-size:28px; line-height:32px; margin-bottom:30px;font-style:italic;}
h2{font-size:24px; line-height:28px;}
h3{font-size:22px; line-height:26px;}
h4{font-size:20px; line-height:24px;}
h5{font-size:16px; line-height:20px;}
h6{font-size:14px; line-height:18px;}
p{margin-top:0;font-family:'Roboto',sans-serif;color:#ccc;font-size:16px;line-height:26px;font-weight:300;}
/* Links ––––––––––––––––––––––––––––––––––––– */
a{color:#9f322d;text-decoration:none;font-size:16px;line-height:30px;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;transition:all 0.6s ease;}
a:hover{color:#da222e;text-decoration:none; }
.info a:hover{color:#da222e;}
/* Buttons ––––––––––––––––––––––––––––––––––––––– */
.button,button,input[type="submit"],input[type="reset"],
input[type="button"]{display:inline-block;height:35px;width:100%;padding:0 30px;color:#fff;text-align:center;font-size:14px;line-height:20px;font-weight:400;letter-spacing:0;text-decoration:none;white-space:nowrap;background-color:#9f322d;border:1px solid #9f322d;cursor:pointer;transition:all 0.6s ease;box-sizing:border-box;margin:8px 0 0 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-transform:uppercase;}
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus{color:#fff;border-color:#da222e;background:#da222e;outline:none;}
.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary{color:#FFF;background-color:#1C567B;border-color:#1C567B;}
.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus{
  color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB;}
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select{height:35px;width:100%;text-align:left;padding:6px 10px; /* The 6px vertically centers text on FF,ignored by Webkit */background-color:#292929;border:1px solid #292929;box-shadow:none;box-sizing:border-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*Removes awkward default styles on some inputs for iOS */
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
textarea{min-height:85px;padding:10px;border:1px solid #292929;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:16px;line-height:26px;}
input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus{border:1px solid #333333;outline:none;}
label,legend{display:inline-block;margin-bottom:7px;font-weight:400;color:#4d4d4d;font-family:'Roboto',sans-serif;}
fieldset{padding:0;border-width:0;}
input[type="checkbox"],input[type="radio"]{display:inline;margin-right:10px;}
label > .label-body{display:inline-block;margin-left:.5rem;font-weight:normal;}
/* Lists––––––––––––––––––––––––––––––––––––––– */
ul{list-style-type:none;list-style-position:inside;}
ol{list-style:decimal inside;list-style-position:inside;}
ol,ul{padding-left:10px;margin-top:0;}
ul ul,ul ol,ol ol,ol ul{font-size:100%;}
li{margin-bottom:5px;color:#ccc;font-size:16px;line-height:30px;background:url(../images/list.svg)no-repeat top 10px left;padding-left:20px;}
/* Tables––––––––––––––––––––––––––––––––––– */
th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1;}
th:first-child,td:first-child{padding-left:0;}
th:last-child,td:last-child{padding-right:0;}
/* Spacing––––––––––––––––––––––––––––––––––––––– */
button,.button{margin-bottom:10px;}
input,textarea,select,fieldset{margin-bottom:15px;color:#cecece;font-weight:400;letter-spacing:1px;}
pre,blockquote,dl,figure,table,p,ul,ol{margin-bottom:15px;}
form{margin-bottom:0;}
/* Misc–––––––––––––––––––––––––––––––––––––––––– */
hr{margin-top:30px;margin-bottom:35px;border-width:0;border-top:1px solid #E1E1E1;}
/* Clearing––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.container:after,.row:after,.u-cf{content:"";display:table;clear:both;}
/* Default transition --------------------------- */
.slider .bx-wrapper .bx-pager.bx-default-pager a,.lang a,.product,.product img,.product-box h2,.product span,.category a,.all,.kate ul li ul,.under-kate,.under-kate-img,.news-box h3,.paginacija a,.main-menu span,.katalog,.pop{-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;transition:all 0.6s ease;}
/* Main Style Start–––––––––––––––––––––––––––––––––– */
.error{background:url(../images/ex.svg) no-repeat scrollright 15px center;border:1px solid #9f322d;color:#9f322d;font-size:16px;line-height:26px;font-weight:400;padding:6px 10px;margin-bottom:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.txt_error{border:1px solid #9f322d !important;}
.success{background:url(../images/tick.svg) no-repeat left top 7px;color:#59bd1c;font-size:16px;line-height:26px;font-weight:400;padding:6px 10px 6px 35px;margin-bottom:10px;}
.toggle{display:block;width:auto;max-width:100%;float:left;top:6px;margin:0 auto;position:absolute;right:0;background:url(../images/nav.svg);width:40px;height:40px;text-indent:-9999px;}
.toggle:hover{color:red;}
.b-c{display:block;float:left;width:100%;list-style-type:none; margin:-20px 0 50px 0; padding:0 0 7px 0;}
.b-c li{background:none;float:left;margin-right:10px;margin-bottom: 10px;padding-left:0;}
.b-c a{display:block;float:left;width:100%;}
.b-c li,.b-c a{font-size:14px;line-height:20px;color:#6e6e6e;}
.b-c li{font-weight:400;}
.b-c li img{padding:4px 0 0 0;}
.b-c a{font-weight:600;}
.b-c a:hover{color:#949494;}
.clearfix{display:block;clear:both;width:100%;}
.content,.main-content{display:block;float:left;width:100%;position:relative;}
.rights{padding:10px 0 2px;}
.copyright{color:#707070;float:left;font-size:13px;width:100%;}
.v_link{display:inline-block;line-height:29px;color:#707070;padding:2px 0px;font-size:13px;font-weight:400;float:right;}
.none{text-indent:-9999px;overflow:hidden;float:left;}
.v{display:block;padding:7px 0 0 0;}
.copy{float:left;color:#707070;font-size:12px;}
.header{background:rgba(57,57,57,0.2);padding:20px 0;z-index:1;}
.header span,.header span > a{float:right;display:block;color:#f3f3f3;font-size:14px;font-weight:700;margin-right:15px;}
.lang,.main-menu{float:right;list-style-type:none;}
.main-menu{margin:0;padding:50px 0 0 0;}
.lang{margin:0;padding:0;}
.lang li,.main-menu li{display:block;float:left;margin:0;background:none;}
.lang a,.main-menu a{display:block;float:left;width:100%;}
.lang a,.kate a{text-transform:uppercase;color:#f3f3f3;}
.lang img{vertical-align:middle;margin-right:4px;}
.lang a{font-size:14px;line-height:20px;padding:5px 10px;opacity:0.5;}
.lang a.mslc,.lang a:hover{background:rgba(51,51,51,0.9);opacity:1;}
.main-menu li{margin-left:15px;position:relative;}
.main-menu a{-webkit-text-shadow:1px 1px 1pxrgba(0,0,0,0.5);-moz-text-shadow:1px 1px 1pxrgba(0,0,0,0.5);text-shadow:1px 1px 1pxrgba(0,0,0,0.5);font-weight:900;position:relative;color:#f1f1f1;text-transform:uppercase;}
.main-menu a:hover,.main-menu a.mslc{color:#c6c6c6;}
.main-menu a:hover span,.main-menu a.mslc span{opacity:1;bottom:0;}
.main-menu span{position:absolute;opacity:0;background:#7c0000;height:2px;width:100%;bottom:-5px;top:auto;-webkit-text-shadow:1px 1px 1pxrgba(0,0,0,0.5);-moz-text-shadow:1px 1px 1pxrgba(0,0,0,0.5);text-shadow:1px 1px 1pxrgba(0,0,0,0.5);}
.logo{float:left;}
.slider{margin-top:-153px;}
.slider .bx-wrapper .bx-viewport{background:url(../images/slider-bg.jpg)repeat-x top left;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;left:0;transform:translateZ(0px);border:none;}
.slider .bx-wrapper{margin:0 auto;padding:0;position:relative;}
.slider .bx-wrapper img{margin:0 auto;}
.slider-txt{position:absolute;display:block;float:left;text-align:center;width:100%;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); opacity:1 !important;}
.slider-txt h2,.slider-txt p{color:#eaeaea;}
.slider-txt h2{font-size:48px;line-height:60px;font-weight:900;}
.slider-txt p{font-size:24px;line-height:30px;font-weight:400;}
.slider .bx-wrapper .bx-pager{text-align:center;}
.slider .bx-wrapper .bx-pager.bx-default-pager a{background:#000;border-radius:20px;height:20px;width:20px;}
.slider .bx-wrapper .bx-pager.bx-default-pager a:hover,.slider .bx-wrapper .bx-pager.bx-default-pager a.active{background:#ad0913;}
.slider .bx-wrapper .bx-pager .bx-pager-item,.slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item{float:none;}
.slider .bx-wrapper .bx-pager,.slider .bx-wrapper .bx-controls-auto{bottom:50px;}
.main-slider{padding:0;position:relative;}
.main-slider li{background:none;padding:0;}
.opacity{opacity:0.3;}
.kate{z-index:1;}
.kate,.kate ul li ul,.under-kate{background:#333;-webkit-box-shadow:0px 6px 12px rgba(0,0,0,0.7);-moz-box-shadow:0px 6px 12px rgba(0,0,0,0.7);box-shadow:0px 6px 12px rgba(0,0,0,0.7);}
.kate .container{max-width:980px;}
.kate ul{display:block;margin:0;padding:0;list-style-type:none;width:100%;}
.kate li{background:none;float:left;display:block;margin-bottom:0;padding:30px 0 25px 0;}
.kate a{font-size:18px;line-height:24px;font-weight:300;padding:0 15px;}
.kate a.mslc{color:#d13740;}
.kate li:hover a{color:#d13740;}
.kate ul li:hover ul,.kate ul li:hover .under-kate{visibility:visible; opacity:1;top:76px;}
.under-kate{visibility:hidden; opacity:0;position:absolute;top:70px;left:0;padding:10px;width:100%;-webkit-transition:all 0.8s ease-out;-moz-transition:all 0.8s ease-out;transition:all 0.8s ease-out;}
.under-kate-img-hold{background:url(../images/blank.png)no-repeat top left;display:block;float:left;width:100px;height:100px;overflow:hidden;}
.under-kate ul{display:block;float:left;width:auto;list-style-type:none;padding:0;margin:0;}
.under-kate-img{display:none;float:left;}
.under-kate-img-default{display:block;float:left;margin-right:10px;}
.under-kate-img.show{display:block;}
.kate ul li ul.under-kate-ul{display:block;float:left;list-style-type:none;padding:0;margin:0;background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;max-width:680px;min-width:680px;}
.kate ul li ul.under-kate-ul li{display:block;padding:0;width:100%; background:none;}
.kate ul li ul.under-kate-ul a{font-size:14px;line-height:20px;text-transform:none;}
.kate ul li ul.under-kate-ul a{color:#fff;}
.kate ul li ul.under-kate-ul a:hover{color:#ababab;}
.featured{background:url(../images/rough-skin.jpg)repeat-x top -2px left;padding-bottom:0;}
.page{background:url(../images/rough-skin-2.png)repeat-y;}
.featured h1,.categories h1,.news h1,.intro h1,.media h1,.page h1{font-size:28px;line-height:40px;font-weight:700; text-transform:uppercase;letter-spacing:2px;}
.featured h1,.categories h1,.news h1,.intro h1,.media h1{font-style:italic;}
.featured h1,.news h1,.media h1{color:#939393;}
.featured h1,.news h1{margin:100px 0;}
.categories h1{color:#652f2c;margin-bottom:70px;}
.intro h1,.page h1{color:#cecece;}
.page h1{font-style:normal;margin-bottom:80px;}
.media h1{margin-top:40px;}
.featured h1,.categories h1,.media h1{text-align:center;}
.news h1,.intro h1,.page h1{text-align:left;}
.box4x{display:block;float:left;width:24.6%;margin-right:2px;}
.page .box4x{margin-bottom:40px;}
.box4x:nth-of-type(4n+4){margin-right:0;}
.product-box a{display:block;width:100%;}
.product-box h2{font-size:28px;line-height:36px;font-weight:900;color:#d1d1d1; text-align:center; text-transform:uppercase; margin-bottom:40px;opacity:0.6;}
.product-box a:hover .product-box h2{opacity:1;}
.product{background:#353535 url(../images/ch-grey.png)no-repeat top 30px center;padding:80px 20px;position:relative;}
.product img{float:none;margin:0 auto;opacity:0.65;display:block;}
.product span{font-size:14px;line-height:20px;color:#fff;font-weight:400;background:#ad0913;width:100%;max-width:130px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:3px solid #7c070e;text-transform:uppercase;position:absolute;display:block;float:none;margin:0 auto;text-align:center;width:100%;top:auto;right:0;bottom:30px;left:0;z-index:1;padding:11px 0;opacity:0;}
.product-box a:hover .product span{opacity:1;}
.product-box a:hover .product{background:#2b2b2b url(../images/ch-red.png)no-repeat top 30px center;}
.product-box a:hover .product img{opacity:1;}
.pop{font-size:14px;line-height:20px;color:#fff;font-weight:400;background:#ad0913;width:100%;max-width:200px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; border:3px solid #7c070e;text-transform:uppercase;position:absolute;display:block;float:none;margin:0 auto;text-align:center;width:100%;top:auto;right:0;bottom:30px;left:0;z-index:1;padding:11px 0;opacity:1;}
.pop:hover{color:#fff;-webkit-box-shadow:0px 0px 7px rgba(0, 0, 0, 0.5);-moz-box-shadow:0px 0px 7px rgba(0, 0, 0, 0.5);box-shadow:0px 0px 7px rgba(0, 0, 0, 0.5);}
.categories{padding-top:200px;z-index:1;}
.box5x{display:block;float:left;width:100%;margin-right:15px;}
.box5x:nth-of-type(5n+5){margin-right:0;}
.category a{border:5px solid #1d1d1d;-webkit-box-shadow:0px 6px 12px rgba(0,0,0,0.7);-moz-box-shadow:0px 6px 12px rgba(0,0,0,0.7);box-shadow:0px 6px 12px rgba(0,0,0,0.7);display:block;float:left;width:310px;height:310px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:url(../images/mask-red.png) center no-repeat;position:relative;}
.category a:hover{border:5px solid #f2f2f2;}
.category h2{font-size:20px;line-height:28px;color:#e4e4e4;font-weight:700;text-transform:uppercase;text-align:center; -webkit-text-shadow:0 1px 3px rgba(0,0,0,0.6);-moz-text-shadow:0 1px 3px rgba(0,0,0,0.6);text-shadow:0 1px 3px rgba(0,0,0,0.6);margin-top:20px;min-height:60px;}
.category h2 span{font-weight:300;text-transform:none;width:100%;float:left;}
.category img {left: 0;margin: 0 auto;position: absolute;right: 0;}
.news{background:#1d1d1d;margin-top:-50px;padding:150px 0 100px;z-index:0;}
.news,.media,.options,.karta{-webkit-box-shadow:0 0 12pxrgba(124,38,35,0.5);-moz-box-shadow:0 0 12pxrgba(124,38,35,0.5);box-shadow:0 0 12pxrgba(124,38,35,0.5);}
.news .container{max-width:1400px;}
.box2x{width:47%;display:block;float:left; margin-right:50px;position:relative;}
.box2x:nth-of-type(2n+2){margin-right:0;}
.page .box2x{margin-bottom:100px;}
.news-box h3,.all{color:#cecece;}
.news-box h3:hover{color:#9f322d;}
.news-box img{float:left;margin-right:25px;border:1px solid #9f322d;}
.red-link{color:#9f322d;position:absolute;bottom:0;}
.date{color:#a2a2a2;font-style:italic;font-size:14px;line-height:20px;position:absolute;bottom:0;right:0;}
.all{float:right;font-size:14px;background:#393939;padding:2px 10px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;margin-top:50px;border:2px solid #202020;}
.all:hover{color:#cecece;background:#202020;border:2px solid #393939;}
.intro{background:url(../images/world.png)no-repeat top center;padding:250px 0 300px 0;margin-top:100px;}
.intro .container{max-width:990px;}
.media .container{max-width:630px;}
.video-holder{float:left;position:relative;width:100%;margin-bottom:80px;}
.video{display:inline-block;height:0;padding-bottom:56%;position:relative;width:100%;z-index:1;}
.video iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:2;}
.footer{background:#252525 url(../images/footer-mask.png)repeat-x;padding:100px 0;}
.cert{float:right;margin-left:16px; position: relative;}
.info{float:left;margin-left:100px;}
.info p{font-size:18px;line-height:24px;margin-bottom:5px;color:#fff; font-weight:300;}
.info span{font-weight:700;}
.info a{color:#fff;}
.page{padding:100px 0;}
.feat .clearfix{margin-top:40px;}
.proizvod .box4x{float:left;position:relative;margin-right:6%;width:24.6%}
.proizvod .product{background:#353535;padding:40px 0; padding:40px 25px;}
.feat{display:block;float:left;width:65%;margin:0px;}
.container .feat ul{margin-bottom:30px;display:block;float:left;}
.feat h4,.options h4{font-weight:500;margin-bottom:15px;}
.feat ul{list-style-type:none;margin:0;padding:0;}
.feat ul li{background:url(../images/feat-tick.svg)no-repeat top 8px left;padding-left:30px;width:50%;display:block;float:left;font-weight:300;padding-right:20px;}
.options{display:block;float:left;width:70%;background:#1d1d1d;margin:40px 0 0 0;padding:20px;}
.gallery,.gallery-plain{display:block;float:left;width:100%;position:relative;}
.gallery{margin-top:100px;}
.gallery-plain{margin-top:50px;}
.gallery a{display:block;float:left;width:24.8%;background:#fff;padding:10px;opacity:0.9;margin-right:3px;margin-bottom:3px;}
.gallery a:hover{opacity:1;background:#f1f1f1;}
.gallery h2{font-style:italic;font-weight:500;letter-spacing:2px;margin-bottom:100px;text-align:center;font-size:28px;}
.gallery-plain a{display:block;float:left;background:#353535;padding:10px;width:11%;margin-right:2px;}
.gallery-plain a:hover{background:#f1f1f1;}
.popup-container{max-width:680px;margin:47px auto;padding:40px 45px;background:#252525 url(../images/footer-mask.png) no-repeat;position:relative;}
.popup-container h3{margin-bottom:20px;}
.popup-container input[type="email"],.popup-container input[type="number"],.popup-container input[type="text"]{background:#333;border:1px solid #333;font-size:16px;line-height:26px;font-weight:400;letter-spacing:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.popup-container input[type="email"]:focus,.popup-container input[type="number"]:focus,.popup-container input[type="text"]:focus,.popup-container textarea:focus{border:1px solid #1d1d1d !important;}
.popup-container textarea{border:1px solid #333 !important;background:#333 !important;font-size:16px;line-height:26px;font-weight:400;letter-spacing:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.popup-container .button,.popup-container button,.popup-container input[type="submit"],.popup-container input[type="reset"],.popup-container input[type="button"]{background:#1d1d1d;border:1px solid #1d1d1d;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.mfp-close-btn-in .mfp-close{color:#ccc !important;}
.to-right{float:right;background:#353535;padding:10px;}
.contact{display:block;float:left;width:60%;}
.contact p{margin-bottom:5px;}
.forma{display:block;float:left;width:40%;background:#202020;padding:30px;border-radius:10px;}
.tri-list{display:block;float:left;width:100%;}
.tri-list ul li{display:block;float:left;width:33%;}
#map{width:100%;height:500px;}
.karta{padding:40px 0;}
.vidible#upit{display:block!important;}
.paginacija ul{list-style-type:none;padding:0;margin:0;}
.paginacija li{background:none;display:inline;padding:0;margin:0 0 0 2px;}
.paginacija a{color:#6e6e6e;background:#333;padding:3px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.paginacija a:hover,.paginacija a.aktivni{background:#000;}
.katalog{background:#1d1d1d url(../images/red-arrow.svg) no-repeat scroll left -9px top 14px;-webkit-border-radius:15px;;-moz-border-radius:15px;border-radius:15px;color:#a7a7a7;padding:10px 25px 10px 40px;text-transform:uppercase;margin-top:30px;float:left;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.5);font-weight:600;}
.katalog:hover{background:#1d1d1d url(../images/red-arrow.svg) no-repeat scroll left -5px top 14px;color:#f1f1f1;}
.cookie-container {
  background: rgba(0,0,0,0.8);
  bottom: 0;
  display: block;
  padding: 10px 0 0 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);
}
.cookie-container .center {
  padding: 10px 20px;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.cookie-container .center span {
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
}
.cookie-container .center p {
  display: inline;
  color: #fff;
  font-size:14px;
  line-height: 20px;
}
.cookie-container .center a {
  text-decoration: underline;
  transition: all 0.6s ease;
  font-size:14px;
  line-height: 20px;
}

.msg_1 {
  float: left;
  width: 100%;
  color:#fff;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 10px;
}

@media (min-width:600px) {
  .cookie-container .center a {float: none;width: auto;}
}

/* Media Start
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width:1300px){
  .toggle{display:none;}
}