html,
body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
}
html { font-size:100%;  }
body { font-size:100%; padding: 0; margin:0; color: #1e1e1c; font-family: 'PT Sans', sans-serif; font-weight:400; background:#FFF; }
/*@media (max-width: 2000px) {*/
body { font-size:50%;}
/*}*/


.google-map-wrapper { position: relative;}
.google-map-wrapper span { display: none; position: absolute; top: 1em; left: 0; right: 0; bottom: 0; z-index: 0; overflow: hidden; font-size: 2em; font-weight: 500; color: #1e1e1c; text-align: center; text-transform: uppercase; letter-spacing: 0.1em; }
#map-canvas {
    background-color: #d2dbe2;
    /*background-image: url("/assets/images/marker.svg");*/
    background-image: url("/assets/images/trgovina.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    /*background-size:  calc(20%);*/
    background-size: cover;
}
.marker { width:2em; height:auto; padding-bottom:1em; }

/* BOF BOOTSTRAP OVERRIDE */
/*@media (min-width: 2380px) {*/
@media (min-width: 1200px) {
    .container-fluid {

        width: 1180px;
        /*width: 2360px;*/
    }
}

.row { margin-right: -1.25em; margin-left: -1.25em; }
.container-fluid {padding-right: 1.25em; padding-left: 1.25em;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-md-24
{ padding-right: 1.25em; padding-left: 1.25em; }



@media (min-width: 992px) {
    .col-md-24 { width:20%; float: left; position: relative; min-height: 1px; }	
}


.btn {
    display: inline-block;
    padding: 0.625em 3.125em;
    margin-bottom: 0;
    font-size: 1.625em;
    font-weight: 400;
    font-style:italic;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;

    border-radius: 0px;
}
.btn-default { background:#221a10; color:#fff; border: 2px solid #FFF;}
.btn-default:hover, .btn-default.focus, .btn-default:focus, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover,.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default.focus[disabled], .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    color: #FFF; background-color: #372717; border-color: #FFF;
    -webkit-box-shadow: 0px 0px 1em 0px #FFF;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0px 0px 1em 0px #FFF;  /* Firefox 3.5 - 3.6 */
    box-shadow:         0px 0px 1em 0px #FFF;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}
.btn-light { background:#FFF; color:#221a10; border: 1px solid #221a10;}
.btn-light:hover, .btn-light.focus, .btn-light:focus, .btn-light.active.focus, .btn-light.active:focus, .btn-light.active:hover, .btn-light:active.focus, .btn-light:active:focus, .btn-light:active:hover, .open>.dropdown-toggle.btn-light.focus, .open>.dropdown-toggle.btn-light:focus, .open>.dropdown-toggle.btn-light:hover,.btn-light.disabled.focus, .btn-light.disabled:focus, .btn-light.disabled:hover, .btn-light.focus[disabled], .btn-light[disabled]:focus, .btn-light[disabled]:hover, fieldset[disabled] .btn-light.focus, fieldset[disabled] .btn-light:focus, fieldset[disabled] .btn-light:hover {
    color: #efbe7d; background-color: #FFF; border-color: #efbe7d;
    -webkit-box-shadow: 0px 0px 1em 0px #FFF;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0px 0px 1em 0px #FFF;  /* Firefox 3.5 - 3.6 */
    box-shadow:         0px 0px 1em 0px #FFF;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.btn-padding-small {padding: 0.625em 1.125em;}
.pointer { cursor: pointer;}



.form-control {
    display: block;
    width: 100%;
    height: 2.25em;
    padding: 0.25em 0.5em;
    font-size: 2em;
    line-height: 1.42857143;
    color: #010101;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control.big {
    height: 3em;
    font-size: 2em;
    border: 1px solid #efbd7d;
}
.form-control.small {
    height: 2.125em;
    font-size: 2em;
    border: 1px solid #efbd7d;
}
textarea.form-control.big { height:auto; border: 1px solid #efbd7d;}
.form-control:focus {
    border-color: #FFF;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,255,255,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,255,255,.6);
}
.form-control.big:focus, 
.form-control.small:focus,
textarea.form-control.big:focus{
    border: 2px solid #efbd7d;	
}


.close:focus, .close:hover { outline:none;}

.modal-title { text-transform:uppercase;}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.modal-header { border-bottom: none; }
.modal-footer { border-top: none; }


/*Da ne zamika strani ko se odpre modalno okno*/
body.modal-open { overflow: auto; }
body.modal-open[style] { padding-right: 0px !important; }
.modal::-webkit-scrollbar { 
    width: 0 !important; /*removes the scrollbar but still scrollable*/
    /* reference: http://stackoverflow.com/a/26500272/2259400 */
}
/* EOF Da ne zamika strani ko se odpre modalno okno*/

.form-horizontal .control-label { font-weight:400; padding:0; padding-bottom:1em; margin:0; }
.form-horizontal .control-label.big { font-weight:700;}
@media (min-width: 768px) {
    .form-horizontal .control-label.big {
        padding-top: 1.125em;
        padding-bottom:0;
        margin-bottom: 0;
        text-align: right;
    }
}
/* EOF BOOTSTRAP OVERRIDE */
















/* CSS Document */
a { outline-style: none; outline:none; color:#FFF; }
a:focus, a:hover {
    color: #FFF;
    text-decoration: underline;
}


.ajax_loader,
.lang-menu,
.hidden { display:none;}

img.lazy { /*display: none;*/ }
.to_top { position:fixed; right:2%; bottom:4%; display:none; z-index:9999999999;}
.to_top span { padding:0.3125em 0.625em; background:#221a10; border:2px solid #efbe7d; display:block; text-align:center;}
.to_top:hover span {background:#372717; -webkit-box-shadow: 0px 0px 1em 0px #eebc7d;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
                    -moz-box-shadow:    0px 0px 1em 0px #eebc7d;  /* Firefox 3.5 - 3.6 */
                    box-shadow:         0px 0px 1em 0px #eebc7d;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */}
.to_top fa {}

.padding10 { padding:0.625em;}
.padding20 { padding:1.25em;}
.padding30 { padding:1.875em;}
.padding35 { padding:2.1875em;}
.padding40 { padding:2.5em;}
.paddingt10 { padding-top:0.625em;}
.paddingt15 { padding-top:0.9375em;}
.paddingt16 { padding-top:1em;}
.paddingt20 { padding-top:1.25em;}
.paddingt30 { padding-top:1.875em;}
.paddingt32 { padding-top:2em;}
.paddingt40 { padding-top:2.5em;}
.paddingt72 { padding-top:4.5em;}
.paddingb10 { padding-bottom:0.625em;}
.paddingb15 { padding-bottom:0.9375em;}
.paddingb20 { padding-bottom:1.25em;}
.paddingb25 { padding-bottom:1.5625em;}
.paddingb30 { padding-bottom:1.875em;}
.paddingb40 { padding-bottom:2.5em;}
.paddingb4x { padding-bottom:3.1em;}
.paddingb50 { padding-bottom:3.125em;}
.paddingb60 { padding-bottom:3.75em;}
.paddingb100 { padding-bottom:6.25em;}
.paddingb110 { padding-bottom:6.875em;}
.paddingl10 { padding-left:0.625em;}
.paddingl18 { padding-left:1.125em;}
.paddingl20 { padding-left:1.25em;}
.paddingl35 { padding-left:2.1875em;}
.paddingl36 { padding-left:2.25em;}
.paddingr10 { padding-right:0.625em;}
.paddingr20 { padding-right:1.25em;}
.paddingl-sm-20 { padding-left:1.25em;}
.padding-footer { padding:1.75em;}
.padding-news-20 { padding-top:1.25em; padding-bottom:1.25em; }
.paddingtb16 { padding-top:1em; padding-bottom:1em; }
.paddingtb20 { padding-top:1.25em; padding-bottom:1.25em; }
.paddingtb25 { padding-top:1.5625em; padding-bottom:1.5625em; }
.paddingltr20 { padding: 1.25em 1.25em 0.625em 1.25em;}
.paddingtb35 { padding-top:2.1875em; padding-bottom:2.1875em;}
.paddingtb36 { padding-top:2.25em; padding-bottom:2.25em;}
.paddingtb30 { padding-top:1.875em; padding-bottom:1.875em;}
.paddinglr20 { padding-left:1.25em; padding-right:1.25em; }
.paddinglr10 { padding-left:0.625em; padding-right:0.625em; }
.paddinglr32tb48 { padding:2em 3em;}
.paddinglr16tb22 { padding:1.375em 1em;}

.margint0 { margin-top:0;}
.margint10 { margin-top:0.625em;}
.margint20 { margin-top:1.25em;}
.margint50 { margin-top:3.125em;}
.margint60 { margin-top:3.75em;}
.margint90 { margin-top:5.625em;}
.margint100 { margin-top:6.25em;}
.margint120 { margin-top:7.5em;}
.margint200 { margin-top:12.5em;}
.marginb3 { margin-bottom:0.1875em;}
.marginb10 { margin-bottom:0.625em;}
.marginb20 { margin-bottom:1.25em;}
.marginb30 { margin-bottom:1.875em;}
.marginb40 { margin-bottom:2.5em;}
p.marginb40 { margin-bottom:1.25em;}
.marginb8 	{ margin-bottom:0.5em;}
.marginb50 { margin-bottom:3.125em;}
.marginb60 { margin-bottom:3.75em;}
.marginb88 { margin-bottom:5.5em;}
.marginb90 { margin-bottom:5.625em;}
.marginb100 { margin-bottom:6.25em;}
.marginb120 { margin-bottom:7.5em;}
.marginr40 { margin-right:2.5em;}
.margint0b30 { margin-top:0; margin-bottom:1.875em;}

.marginb140 { margin-bottom:8.75em;}

.margin0 {margin:0;}
.padding0 {padding:0;}


.uppercase { text-transform:uppercase;}
.lowercase { text-transform:lowercase;}
.italic { font-style:italic;}


.text-error { color:#a94442;}
.text-green { color:#99cc00}
.text-white { color:#FFF;}
.text-black,
a.text-black:hover { color:#1e1e1c;}

.text-black-20 	{ color:#cccccc;}
.text-black-40 	{ color:#999999;}
.text-black-60 	{ color:#818285;}
.text-black-80 	{ color:#333333;}
.text-blue, a.text-blue			{ color:#008eaa;}
.text-blue-20 	{ color:#cce8ed;}
.text-blue-40 	{ color:#99d1dd;}
.text-blue-60 	{ color:#66bbcc;}
.text-blue-80 	{ color:#33a4ba;}




.text-regular { font-weight: 400;}
.text-bold 		{ font-weight: 700;}

.text-header-right { text-align:right;}

.p-mb40 p { margin-bottom:1.25em;}


.bg-black 		{ background:#000000;}
.bg-black-5 	{ background:#F3F3F4;}
.bg-black-10 	{ background:#E6E7E8;}
.bg-black-20 	{ background:#cccccc;}
.bg-black-40 	{ background:#999999;}
.bg-black-60 	{ background:#818285;}
.bg-black-80 	{ background:#333333;}
.bg-blue			{ background:#d2dbe2;}
.bg-blue-20 	{ background:#cce8ed;}
.bg-blue-40 	{ background:#99d1dd;}
.bg-blue-60 	{ background:#66bbcc;}
.bg-blue-80 	{ background:#33a4ba;}


.bg-brown1 	{ background:#372817;}
.bg-brown2 	{ background:#eebc7d;}
.bg-brown3 	{ background:#efbd7d;}
.bg-black 	{ background:#1a1b1a;}
.bg-black1 	{ background:#030405;}
.bg-white 	{ background:#FFFFFF;}
.bg-white a:hover,
.bg-white a { color:#1e1e1c;}





.fs-10 { font-size:0.625em;}
.fs-11 { font-size:0.625em;}
.fs-12 { font-size:0.75em;}
.fs-13 { font-size:0.8125em;}
.fs-15 { font-size:0.9375em;}
.fs-16 { font-size:1em;}
.fs-18 { font-size:1.125em;}
.fs-22 { font-size:1.375em;}
ul.zc-links li,
ul.white-menu li,
.filter-holder,
.form-horizontal .control-label,
.fs-26 { font-size:1.625em;}
.header-phone,
ul.top-menu li,
.fs-28 { font-size:1.75em;}
.header-phone.kn_eur {font-size: .65rem; }
.fs-30 { font-size:1.875em;}
.fs-32 { font-size:2em;}
.fs-56 { font-size:3.5em;}



.line-height-16 { line-height:1em;}
.line-height-22 { line-height:1.375em;}
.line-height-26 { line-height:1.625em;}
.line-height-32 { line-height:2em;}


.hr_eur_price {font-size:0.625rem; color:#666; text-transform:none;}

.lang-menu { position:absolute; z-index:3; top:100%; width:100%; }


.index-btn-box {/*position:absolute; bottom:2.5em; right:0;*/}
.index-main-news { padding:5.625em 3.125em 3.125em 0;}
.index-main-news.left { padding:5.625em 0 3.125em 3.125em;}

.product-space-right {padding-right:2em;}
.product-space-left {padding-left:2em;}
.btn-contact { margin-right:2.5em;}

@media (max-width: 992px) {
    .marginb-md {margin-bottom:2.5em; }
}
@media (max-width: 768px) {
    .index-main-news { padding-left: 3.125em;}
    .marginb-xs { margin-bottom:2.5em;}
    /*.marginb-md {margin-bottom:0; }*/
    .table-responsive {margin-bottom:2.5em; border:none;}
    .product-space-right {padding-right:0em;}
    .product-space-left {padding-left:0em;}
    .text-header-right, .footer-logo, .header-logo { text-align:center;}
    .header-logo {margin-bottom:3em;}
    .block-xs { display:block;}
    .btn-contact { margin-right:0; margin-bottom:1em;}
    .text-center-xs { text-align:center !important; }
    .text-right-xs { text-align:right;}
    #map-canvas { height:50em;}
}
@media (max-width: 413px) {
    .table-responsive {border:1px solid #fff;}
    .btn { padding: 0.625em 1.5625em; }
}

.header-phone { font-style:normal; margin-left: 1.5rem; }
.header-phone,
.header-phone a,
.gold, .gold a { color:#efbe7d;}
.black { color:#1e1e1c;}
.black2,
.modal-title,
.modal-content {color:#010101;}

.header-phone a {color: inherit;}
.header-phone a:hover, .header-phone a:focus {text-decoration: none;}

ul.zc-links { margin:0; padding:0; list-style:none;}
ul.zc-links li { float:left; text-transform:uppercase; padding-left:1.25em; color:#FFF;}
ul.zc-links li:first-child {padding-left:0;}
ul.zc-links li:after { content:"|"; padding-left:1.25em;}
ul.zc-links li:last-child:after {padding-left:0; content:"";}



ul.top-menu {margin:0.625em 0 0 0; padding:0; list-style:none;}
ul.top-menu li { float:right; text-transform:uppercase; margin-left:1.875em; padding-bottom:0.5em; letter-spacing:0.18em; /*border-bottom:0.25em solid transparent; */

                 background-image: -moz-linear-gradient(left, #efbe7d, #b49463, #efbe7d);
                 background-image: -webkit-linear-gradient(left, #efbe7d, #b49463, #efbe7d);
                 background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#efbe7d), color-stop(0.5, #b49463), to(#efbe7d));
                 background-image: -o-linear-gradient(left, #efbe7d, #b49463, #efbe7d);
                 background-image: linear-gradient(left, #efbe7d, #b49463, #efbe7d);  

                 background-position: 50% 100%;
                 background-size: 0% 0.25em;
                 background-repeat: no-repeat;
                 transition: all 0.1s linear;
}
ul.top-menu li:last-child {margin-left:0;}
ul.top-menu li:hover, ul.top-menu li.active { /*border-bottom:0.25em solid #efbe7d;*/  background-size: 100% 0.25em; }
ul.top-menu li a:hover, ul.top-menu li a:focus { text-decoration:none;}
.logo-header { width:20.625em; height:auto;}


ul.content-menu {margin:0; padding:0; list-style:none;}
ul.content-menu li { text-transform:uppercase; margin-bottom:1.5384em; display:table; font-size:1.625em; padding-bottom: 0.5em; /*border-bottom:0.25em solid transparent;*/

                     background-image: -moz-linear-gradient(left, #efbe7d, #b49463, #efbe7d);
                     background-image: -webkit-linear-gradient(left, #efbe7d, #b49463, #efbe7d);
                     background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#efbe7d), color-stop(0.5, #b49463), to(#efbe7d));
                     background-image: -o-linear-gradient(left, #efbe7d, #b49463, #efbe7d);
                     background-image: linear-gradient(left, #efbe7d, #b49463, #efbe7d);  

                     background-position: 50% 100%;
                     background-size: 0% 0.25em;
                     background-repeat: no-repeat;
                     transition: all 0.1s linear;

}
ul.content-menu li:hover, ul.content-menu li.active { /*border-bottom:0.25em solid #efbe7d;*/ background-size: 100% 0.25em;}
ul.content-menu li a { color:#FFF;}
ul.content-menu li a:hover, ul.content-menu li a:focus { text-decoration:none;}







ul.white-menu { margin-bottom:5em;}
ul.white-menu li {text-transform:uppercase;  margin-bottom:1.875em; display:table; padding-bottom:0.25em; /*border-bottom:0.25em solid transparent;*/
                  background-image: -moz-linear-gradient(left, #efbe7d, #b49463, #efbe7d);
                  background-image: -webkit-linear-gradient(left, #efbe7d, #b49463, #efbe7d);
                  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#efbe7d), color-stop(0.5, #b49463), to(#efbe7d));
                  background-image: -o-linear-gradient(left, #efbe7d, #b49463, #efbe7d);
                  background-image: linear-gradient(left, #efbe7d, #b49463, #efbe7d);  

                  background-position: 50% 100%;
                  background-size: 0% 0.25em;
                  background-repeat: no-repeat;
                  transition: all 0.1s linear;

}
ul.white-menu li:hover, ul.white-menu li.active { /*border-bottom:0.25em solid #efbe7d;*/ background-size: 100% 0.25em;}
ul.white-menu li a { color:#010101;}
ul.white-menu li a:hover, ul.white-menu li a:focus { text-decoration:none;}



















.content-text ul {padding-left: 12px;}



h1 { font-size:2em; text-transform:uppercase; margin:0 0 1.875em 0; }
h1.paddingb110 {padding-bottom:3.4375em;}

h1.double-line { margin-bottom:1.5625em;}
section.mb {margin-bottom:2.5em;}
section.mb-20 {margin-bottom:1.25em;}


ul.content-menu li,
ul.white-menu li,
ul.zc-links li,
h1,
.letter-spacing { letter-spacing:0.1em;}

h1 { line-height: 1.42857143;}



.content-border-bottom { background-image: linear-gradient(to right, #FFF 33%, rgba(255,255,255,0) 0%);
                         background-position: center 100%;
                         background-size: 6px 1px;
                         background-repeat: repeat-x;
}
.content-border-bottom-gold { background-image: linear-gradient(to right, #efbe7d 33%, rgba(255,255,255,0) 0%);
                              background-position: center 100%;
                              background-size: 6px 1px;
                              background-repeat: repeat-x;
}
.content-border-bottom-black { background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                               background-position: center 100%;
                               background-size: 6px 1px;
                               background-repeat: repeat-x;
}
.content-border-bottom-black-index { background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                                     background-position: bottom;
                                     background-size: 6px 1px;
                                     background-repeat: repeat-x;
}
.content-border-top { background-image: linear-gradient(to right, #FFF 33%, rgba(255,255,255,0) 0%);
                      background-position: center 0%;
                      background-size: 6px 1px;
                      background-repeat: repeat-x;
}
.content-border-top-black { background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                            background-position: center 0%;
                            background-size: 6px 1px;
                            background-repeat: repeat-x;
}








a.no_underline:hover { text-decoration:none;}
.bottom-line { border-bottom:2px dotted #010101;

               /*background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                       background-position: center 100%;
                       background-size: 0.375em 1px;
                       background-repeat: repeat-x;*/

}



.filter-holder { display:block;  color:#FFF; position:relative;}
.filter-holder .title { color:#efbd7d; padding:0.76923em; cursor:pointer; border:1px solid #efbd7d; }
.filter-holder .choosen-filters { overflow:hidden; white-space: nowrap; width:90%; height:100%;}

/*.filter-holder .title.open {border-bottom:2px solid #000;}*/



.filter-holder .filters { padding:0 1.25em 1.25em 1.25em; position:absolute; top:97%; border-left:1px solid #efbd7d; border-right:1px solid #efbd7d; border-bottom:1px solid #efbd7d; width:100%; background:#000; z-index:2; display:none;}
.filter-holder .filters.active { display:block;}



/*http://stackoverflow.com/questions/6250394/how-to-increase-space-between-dotted-border-dots*/
.table.zc>thead:first-child>tr:first-child>th {
    border-top:none;
    background-image: linear-gradient(to right, #fff 33%, rgba(255,255,255,0) 0%);
    background-position: top;
    background-size: 0.375em 1px;
    background-repeat: repeat-x;

}
.table.zc>thead>tr>th { vertical-align: top; border-bottom:none;	padding-top:1.25em;	padding-bottom:2.5em; font-weight:400; }
.table>tbody>tr>td { padding: 0.5em;  vertical-align: top;  /*border-top: 1px dashed #fff;*/ border-top:none;  background-image: linear-gradient(to right, #fff 33%, rgba(255,255,255,0) 0%);
                     background-position: top;
                     background-size: 0.375em 1px;
                     background-repeat: repeat-x;}
.zc.table-hover>tbody>tr:hover { background-color: #000; }



.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1.5625em;
    height: 1.5625em;
    left: 0;
    top:0.375em;
    margin-left: -1.25em;
    border: 1px solid #efbd7d;
    border-radius: 0px;
    background-color: transparent;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    left: 0;
    top:0.375em;
    margin-left: -1.25em;
    padding-left: 0.3125em;
    padding-top: 0.0625em;
    font-size: 1em;
    color: #FFF;
}
.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before {outline: none;}
.checkbox label {
    padding-left: 1.25em;
    padding-top:0.375em;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #efbd7d;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}




.ajax_loader { background: url('../images/AjaxLoader.gif') no-repeat center center; width:32px; height:32px;}
#imgCaptcha { border:2px solid #efbd7d;}







/*BOF SITE LOADER*/
.page-loader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: hidden; display:block; text-align:center; background: rgba(51,51,51,0.95); }
.page-loader > .holder-loader {position:absolute; left:50%; top:50%;}
.page-loader > .holder-loader > .loader {
    position:relative;
    left: -5.125em;
    top: -5.125em;
    text-align:center;
    border: 1em solid #414042; /* Light grey */
    border-top: 1em solid #efbe7d;
    border-bottom: 1em solid #efbe7d;
    border-radius: 50%;
    width: 7.5em;
    height: 7.5em;
    animation: spin 2s linear infinite;
}
.page-loader > .holder-text { position:relative; top:60%; }
.page-loader > .holder-text > span { color:rgba(200,200,200,1.00); }
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*EOF SITE LOADER*/


/*BOF FOOTER*/
.footer { font-size:1.5em;/*border-top:1px dotted #999999;*/}
.footer p, 
.footer a { color:#010101; margin:0; line-height:1.75em;}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active { color: inherit; text-decoration: none; }
.footer p.title { font-size:0.75em; font-weight:700;}
/*EOF FOOTER*/






/*SCROLLER*/
.mCS-zc-theme.mCSB_scrollTools { width:21px;}
.mCS-zc-theme.mCSB_scrollTools .mCSB_dragger { min-height: 3.125em !important; height:3.125em !important; right:2px;}

.mCS-zc-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
    background-color:#fff;
    border:3px solid #d2dbe2;    
    height:3.125em;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:3.125em; 
}
.mCS-zc-theme.mCSB_scrollTools .mCSB_draggerRail{ background-color: #FFF; width:3px; } 
/*EOF SCROLLER*/


#cc-main {
/*    --cc-font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;;
    
    * Change button primary color to black *
     --cc-btn-primary-bg: #221a10;
     --cc-btn-primary-border-color: #efbe7d;
     --cc-btn-primary-hover-bg: #372717;
     --cc-btn-primary-hover-border-color: #efbe7d;

     * Also make toggles the same color as the button *
     --cc-toggle-on-bg: var(--cc-btn-primary-bg);
*/
     
     /* Make the buttons a bit rounder */
     --cc-btn-border-radius: 0px;
}