/*

roza - #c3143d
temna roza - #aa1538

*/

* {outline: 0; border: 0; margin: 0; padding: 0;}
a {text-decoration: none; color: inherit;}
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
ul, ol {list-style: none;}

html, body {min-width: 320px;}
input, textarea {-webkit-appearance: none; -webkit-border-radius:0px;}
.clear {
clear: both;
}
.galerija-thumbi{
position: relative;
float: left;
width: 100%;
}
.galerija-thumbi img{
position: relative;
float: left;
width: 80px;
height: 80px;
margin: 0 10px 10px 0;
cursor: pointer;
}
.galerija-blog{
position: fixed;
visibility: hidden;
opacity: 0;
width: 1200px;
height: 800px;
left: 50%;
top: 50%;
margin: -400px 0 0 -600px;
z-index: 12010;
-webkit-transition: opacity 430ms linear, visibility 430ms linear;
-moz-transition: opacity 430ms linear, visibility 430ms linear;
-o-transition: opacity 430ms linear, visibility 430ms linear;
-ms-transition: opacity 430ms linear, visibility 430ms linear;
transition: opacity 430ms linear, visibility 430ms linear;
}
.galerija-blog .zapri{
position: absolute;
right: 0;
top: 0;
width: 48px;
cursor: pointer;
height: 48px;
background: url(../images/ikone/galerija-zapri-1.png) no-repeat center #c11940;
-webkit-transition: background-color 360ms linear;
-moz-transition: background-color 360ms linear;
-o-transition: background-color 360ms linear;
-ms-transition: background-color 360ms linear;
transition: background-color 360ms linear;
z-index: 100;
}
.galerija-blog .levo, .galerija-blog .desno{
position: absolute;
top: 50%;
width: 48px;
height: 48px;
background: rgba(0,0,0,0.8);
margin-top: -24px;
z-index: 100;
cursor: pointer;
-webkit-transition: background-color 360ms linear;
-moz-transition: background-color 360ms linear;
-o-transition: background-color 360ms linear;
-ms-transition: background-color 360ms linear;
transition: background-color 360ms linear;
}
.galerija-blog .levo {left: 0; background: url(../images/ikone/smernica-levo-bela.svg) no-repeat center rgba(0,0,0,0.8);}
.galerija-blog .desno {right: 0; background: url(../images/ikone/smernica-desno-bela.svg) no-repeat center rgba(0,0,0,0.8);}
.galerija-blog .levo:hover, .galerija-blog .desno:hover{
background-color: #000;
}
.galerija-blog .zapri:hover{
background: url(../images/ikone/galerija-zapri-2.png) no-repeat center #fff;
}
.galerija-crnina{
position: fixed;
visibility: hidden;
opacity: 0;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1200;
background: rgba(0,0,0,0.7);
-webkit-transition: opacity 430ms linear, visibility 430ms linear;
-moz-transition: opacity 430ms linear, visibility 430ms linear;
-o-transition: opacity 430ms linear, visibility 430ms linear;
-ms-transition: opacity 430ms linear, visibility 430ms linear;
transition: opacity 430ms linear, visibility 430ms linear;
}
.galerija-crnina.odprt, .galerija-blog.odprt{
visibility: visible;
opacity: 1;
-webkit-transition: opacity 430ms linear, visibility 0 linear;
-moz-transition: opacity 430ms linear, visibility 0 linear;
-o-transition: opacity 430ms linear, visibility 0 linear;
-ms-transition: opacity 430ms linear, visibility 0 linear;
transition: opacity 430ms linear, visibility 0 linear;

}

.center-vertical-column{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-moz-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-column{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.center-horizontal-row{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.floating-linki{
position: fixed;
right: 0;
width: 45px;
top: 50%;
margin-top: -171px;
z-index: 1100;
}
@media screen and (max-width: 500px){
.floating-linki{
display: none;
}
}
.floating-linki a{
position: relative;
float: left;
width: 45px;
height: 136px;
background-color: rgba(0,0,0,0.7);
display: block;
-webkit-transition: all 430ms ease;
-moz-transition: all 430ms ease;
-o-transition: all 430ms ease;
-ms-transition: all 430ms ease;
transition: all 430ms ease;
margin-bottom: 10px;
}
.floating-linki a:last-of-type{
margin-bottom: 0;
}
.floating-linki a:nth-of-type(1){
background: url(../images/ikone/vovkoshop.svg) no-repeat center rgba(0,0,0,0.7);
}
.floating-linki a:nth-of-type(2){
background: url(../images/ikone/vovkosi.svg) no-repeat center rgba(0,0,0,0.7);
}
.floating-linki a:hover, .floating-linki a:active{
background-color: #c11940;
}

.popup-crnina{
visibility: hidden;
opacity: 0;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
z-index: 1200;
-webkit-transition: opacity 430ms linear, visibility 430ms linear;
-moz-transition: opacity 430ms linear, visibility 430ms linear;
-o-transition: opacity 430ms linear, visibility 430ms linear;
-ms-transition: opacity 430ms linear, visibility 430ms linear;
transition: opacity 430ms linear, visibility 430ms linear;
}
.popup-vovko{
visibility: hidden;
opacity: 0;
position: fixed;
width: 552px;
padding: 30px;
left: 50%;
margin-left: -276px;
top: 50%;
font-family: 'Oswald', sans-serif;
z-index: 1205;
box-sizing: border-box;
-webkit-transform:scale(0); /* Safari and Chrome */
-moz-transform:scale(0); /* Firefox */
-ms-transform:scale(0); /* IE 9 */
-o-transform:scale(0); /* Opera */
transform:scale(0);
-webkit-transition: all 430ms ease;
-moz-transition: all 430ms ease;
-o-transition: all 430ms ease;
-ms-transition: all 430ms ease;
transition: all 430ms ease;
background: #fff;
}
.popup-vovko.odprt, .popup-crnina.odprt{
visibility: visible;
opacity: 1;
-webkit-transition: opacity 430ms ease, visibility 0ms;
-moz-transition: opacity 430ms ease, visibility 0ms;
-o-transition: opacity 430ms ease, visibility 0ms;
-ms-transition: opacity 430ms ease, visibility 0ms;
transition: opacity 430ms ease, visibility 0ms;
}
.popup-vovko.odprt{
-webkit-transform:scale(1); /* Safari and Chrome */
-moz-transform:scale(1); /* Firefox */
-ms-transform:scale(1); /* IE 9 */
-o-transform:scale(1); /* Opera */
transform:scale(1);

-webkit-transition: all 430ms ease;
-moz-transition: all 430ms ease;
-o-transition: all 430ms ease;
-ms-transition: all 430ms ease;
transition: all 430ms ease;
}
.popup-vovko.otvoritev{
margin-top: -245px;
}
.popup-vovko .polovica{
position: relative;
float: left;
width: 50%;
box-sizing: border-box;
padding: 100px 0;
}
.popup-vovko .polovica:first-child{
border-right: 1px solid #edb8c5;
}
.popup-vovko .polovica > span{
position: relative;
float: left;
left: 50%;
margin-left: -37px;
width: 75px;
height: 75px;
border-radius: 100%;
clear: both;
margin-bottom: 30px;
}
.popup-vovko .polovica > span.kosarica {background: url(../images/kosarica.png) no-repeat center #c2153f;}
.popup-vovko .polovica > span.kljucavnica {background: url(../images/kljucavnica.png) no-repeat center #c2153f;}
.popup-vovko .zapri{
position: absolute;
top: 0;
width: 48px;
height: 48px;
left: 50%;
margin-left: -24px;
cursor: pointer;
background: url(../images/vovko-krizec.png) no-repeat center #c2153f;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
-ms-transition: all 300ms ease;
transition: all 300ms ease;
z-index: 1;
}
.popup-vovko .zapri:hover{
background-color: #231f20;
}
.popup-vovko .font-rdeca{
color: #c2153f;
}
.popup-vovko p{
position: relative;
float: left;
width: 100%;
text-align: center;
font-weight: 400;
color: #231f20;
margin: 0;
font-size: 22px;
line-height: 32px;
margin-bottom: 5px;
}
.popup-vovko p.naslov{
line-height: 47px;
font-size: 36px;
color: #c2153f;
font-weight: 300;
margin-bottom: 15px;
}
.popup-vovko.index p.naslov{
font-size: 26px;
line-height: 26px;
margin-bottom: 5px;
}
.popup-vovko strong{
font-weight: 700;
}
.popup-vovko span.thin{
font-weight: 300;
font-size: 20px;
}
.popup-vovko a{
position: relative;
float: left;
width: 230px;
clear: both;
left: 50%;
margin-left: -115px;
margin-top: 25px;
background: #c2153f;
line-height: 50px;
text-align: center;
color: #fff;
font-weight: 400;
font-size: 18px;
text-transform: uppercase;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
-ms-transition: all 300ms ease;
transition: all 300ms ease;
}
.popup-vovko a:hover, .popup-vovko a:active{
background: #231f20;
}

.test-label{
position: fixed;
right: 30px;
top: 150px;
width: auto;
padding: 10px;
background: #fcfcfc;
color: #122121;
font-size: 12px;
line-height: 18px;
z-index: 66666;
display: none;
}

html, html a {
text-rendering: optimizeLegibility !important;

-webkit-font-smoothing: antialiased !important;}

::-webkit-input-placeholder { /* WebKit browsers */
color:    inherit;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:    inherit;
opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:    inherit;
opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color:    inherit;
}
input, textarea {font-family: inherit;}

.font-roza {color: #c3143d;}

body {
position: absolute;
height: auto;
width: 100%;
overflow: hidden;
overflow-y: auto;
font-weight: 300;
font-family: 'Ubuntu', sans-serif;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.wrapper{
position: relative;
float: left;
width: 1280px;
left: 50%;
margin-left: -640px;
}
.boxingPad {
box-sizing: border-box;
}
.wrapper.boxingPad, #content .certifikati.wrapper.boxingPad, #content .footer-wrapper.boxingPad {padding-left: 30px; padding-right: 30px; left: auto; margin-left: 0; width: 100%;}
.footer-wrapper{
position: relative;
float: left;
width: 100%;
padding-left: 50px;
padding-right: 50px;
box-sizing: border-box;
}
@media screen and (max-width: 400px){
.zemljevid .footer-wrapper ul{
width: 100%;
box-sizing: border-box;
}	
}
#content, #footer, #credits{
position: relative;
float: left;
width: 100%;
}
#header{
position: fixed;
left: 0;
top: 0;
width: 100%;
background: #c3143d;
z-index: 800;
-webkit-transform: translateZ(0);
}
#header.vmes li a {
font-size: 13px;
padding: 0 10px;
}
#header > a {z-index: 4; display: block; position: relative; float: left; padding: 5px;}

#header .belina{
position: absolute;
bottom: -1px;
width: 100%;
height: 1px;
background: rgba(255,255,255,0.2);
}

#header img {position: relative; float: left; height: 50px; width: auto; z-index: 4; }
#header .roza-ozadje{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: inherit;
z-index: 3
}
#header ul {
position: relative;
float: right;
width: auto;
font-family: 'PT Sans Narrow', sans-serif;
font-weight: 400;
color: #fff;
z-index: 4;
}
#header li {
position: relative;
float: left;
box-sizing: border-box;
}
#header li .mobile-puscica{
display: none;
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
border-left: 1px solid rgba(255,255,255,0.3);
cursor: pointer;
background: url('../images/IKONE_MOBILNA_NAVIGACIJA/IKONE_MOBILNA_NAVIGACIJA/PUSCICE_BELE/puscica_bela_skrit_menu.svg') no-repeat center;
}
#header li:not(.odprt):hover .mobile-puscica, #header li:not(.odprt):active .mobile-puscica, #header li:not(.odprt).active .mobile-puscica{
border-left: 1px solid rgba(168,25,58,0.4);
background: url('../images/IKONE_MOBILNA_NAVIGACIJA/IKONE_MOBILNA_NAVIGACIJA/PUSCICE_ROZA/puscica_roza_skrit_menu.svg') no-repeat center;
}
#header li .mobile-puscica.spuscen{
background: url('../images/IKONE_MOBILNA_NAVIGACIJA/IKONE_MOBILNA_NAVIGACIJA/PUSCICE_BELE/puscica_bela_prikazan_menu.svg') no-repeat center;
}
#header li:not(.odprt):hover .mobile-puscica.spuscen, #header li:not(.odprt):active .mobile-puscica.spuscen, #header li:not(.odprt).active .mobile-puscica.spuscen{
background: url('../images/IKONE_MOBILNA_NAVIGACIJA/IKONE_MOBILNA_NAVIGACIJA/PUSCICE_ROZA/puscica_roza_prikazan_menu.svg') no-repeat center;
}
#header li a{
position: relative;
float: left;
line-height: 60px;
text-transform: uppercase;
font-weight: 300;
font-size: 15px;
padding: 0 15px;
display: block;
-webkit-transition: background-color 120ms linear;
-moz-transition: background-color 120ms linear;
-o-transition: background-color 120ms linear;
-ms-transition: background-color 120ms linear;
transition: background-color 120ms linear;
border-left: 1px solid rgba(255,255,255,0.3);
}
#header li > ul{
position: absolute;
top: 60px;
height: 0;
overflow: hidden;
width: 100%;
min-width: 200px;
left: 0;
-webkit-transition: height 300ms linear;
-moz-transition: height 300ms linear;
-o-transition: height 300ms linear;
-ms-transition: height 300ms linear;
transition: height 300ms linear;
}
#header li > ul > li{
position: relative;
float: left;
width: 100%;
background: transparent;
border-bottom: 1px solid #535351;
border-left: 0;
}
#header li > ul > li:last-of-type{
border-bottom: 0;
}
#header li > ul > li a{
display: block;
width: 100%;
line-height: 45px;
background: rgba(0,0,0,0.95);
color: #fff;
font-family: 'Ubuntu', sans-serif;
font-size: 13px;
box-sizing: border-box;
padding: 0;
text-align: center;
}
#header li > ul > li a:hover, #header li > ul > li.active a, #header li > ul > li a:active{
background: #c3143d;
}
#header #mobile-ikona {
position: absolute;
display: none;
right: 0;
width: 60px;
height: 60px;
z-index: 4;
cursor: pointer;
background: transparent;
cursor: pointer;
}
#header #mobile-ikona span{
position: relative;
float: left;
left: 50%;
top: 50%;
margin: -10px 0 0 -15px;
width: 	30px;
height: 20px;
background: url(https://www.protivlomna-vrata.com/images/ikone/header-mobile.png.pagespeed.ce.Jk17ftA4Ej.png) no-repeat 0 0;
}
#header #mobile-ikona:hover, #header ul.odprt + #mobile-ikona {
background: #aa1538;
}
#header li a:hover{
background-color: #aa1538;
-webkit-transition: background-color 120ms linear;
-moz-transition: background-color 120ms linear;
-o-transition: background-color 120ms linear;
-ms-transition: background-color 120ms linear;
transition: background-color 120ms linear;
}
#header > ul > li.active > a{
background: #fff;
color: #c3143d;
}

#stock-android-msg {display: none;}
#star-browser, #stock-android-msg{
position: relative;
width: 640px;
margin: 0 auto;
font-size: 13px;
color: #1d1d1b;
text-align: center;
}
#stock-android-msg {width: 90%; margin-left: 5%;}
#star-browser > * {max-width: 640px;}
#star-browser a, #star-browser a:active, #stock-android-msg a, #stock-android-msg a:active { position: relative; float: left; width: 100%; color: #c3143d; font-size: 16px; margin-bottom: 10px;}
#star-browser p, #stock-android-msg p {line-height: 21px; margin-bottom: 10px; position: relative; float: left; width: 100%;}
#star-browser .font-rdeca, #stock-android-msg .font-rdeca{color: #c3143d;}
#star-browser h1, #star-browser h2, #star-browser h3, #stock-android-msg h1, #stock-android-msg h2, #stock-android-msg h3{
font-family: 'Oswald', sans-serif;
margin-bottom: 15px;
}
#star-browser li, #stock-android-msg li{
position: relative;
float: left;
width: 100%;
}
#star-browser li.spec a, #stock-android-msg li.spec a {float: none}
#star-browser h1, #stock-android-msg h1 {font-size: 28px; margin-top: 20px; position: relative; float: left; width: 100%;}
#star-browser h2, #stock-android-msg h2 {font-size: 24px; margin: 15px 0; position: relative; float: left; width: 100%;}
#star-browser h3, #stock-android-msg h3 {font-size: 16px; margin-top: 15px; margin-bottom: 3px; position: relative; float: left; width: 100%;}
#stock-android-msg > * {width: 100%;}

body.stock-android > :not(#stock-android-msg){
display: none;
}
body.stock-android #stock-android-msg{
display: block;
}

/*#header #mobile-ikona:hover span{
background: url(https://www.protivlomna-vrata.com/images/ikone/header-mobile.png.pagespeed.ce.Jk17ftA4Ej.png) no-repeat 0 -20px;
}*/
@media screen and (min-width: 1410px){
#header li a {
padding: 0 30px;
}
}
@media screen and (min-width: 1197px) and (max-width: 1409px){
#header li a {
padding: 0 25px;
border: 0;
}
}
@media screen and (max-width: 1196px) and (min-width: 1098px){
#header li a {
padding: 0 20px;
border: 0;
}
}
@media screen and (max-width: 1097px) and (min-width: 960px){
#header li a {
padding: 0 15px;
border: 0;
}
}
@media screen and (max-width: 1037px) and (min-width: 960px){
#header li a {
padding: 0 10px;
font-size: 13px;
border: 0;
}
}
@media screen and (min-width: 1297px){

}
@media screen and (min-width: 1760px){
#header li a {
padding: 0 40px;
}
}
@media screen and (min-width: 1850px){
#header li a {
padding: 0 50px;
}
}
@media screen and (min-width: 1940px){
#header li a {
padding: 0 60px;
}
}
@media screen and (min-width: 2030px){
#header li a {
padding: 0 60px;
}
}
@media screen and (max-width: 959px){
#header ul {
position: absolute;
right: -270px;
height: 100%;
width: 270px;
top: 60px;
height: auto;
background: #c11940;
overflow-y: scroll; 
}
#header li .mobile-puscica {display: block;}
#header li > ul {width: 100%; position: relative; top: auto; color: #fff}
#header > li > ul > li > a {background: #f9ecef; color: #c11940;}
#header li > ul > li {border-bottom: 1px solid #e3b4bf;}
#header li > ul > li a:hover, #header li > ul > li.active a, #header li > ul > li a:active{
background: #fff;
color: #c11940;
}
#header li > ul > li a{
text-align: left;
padding-left: 30px;
background-color: #f9ecef;
color: #c11940;
box-sizing: border-box;
font-family: 'Oswald', sans-serif;
font-size: 15px;
}
#header li {
position: relative;
float: left;
width: 100%;
background: #a8193a;
border-bottom: 1px solid rgba(255,255,255,0.2);
}
#header > ul > li:not(.odprt):hover > a, #header > ul > li:not(.odprt):active > a{
background: #fff;
color: #c11940;
}
#header li a {
padding: 0; 
width: 100%; 
display: block;
box-sizing: border-box;
font-size: 15px; 
line-height: 50px;
text-align: left;
padding-left: 30px;
border-left: 0;
}
#header #mobile-ikona{
display: block;
}
#header ul.zaprt{
right: -270px;
-webkit-animation: zamikStranskiMenuOff 0.5s; /* Safari 4+ */
-moz-animation:    zamikStranskiMenuOff 0.5s; /* Fx 5+ */
-o-animation:      zamikStranskiMenuOff 0.5s; /* Opera 12+ */
animation:         zamikStranskiMenuOff 0.5s; /* IE 10+, Fx 29+ */
}
#header ul.odprt{
right: 0;
-webkit-animation: zamikStranskiMenuOn 0.5s; /* Safari 4+ */
-moz-animation:    zamikStranskiMenuOn 0.5s; /* Fx 5+ */
-o-animation:      zamikStranskiMenuOn 0.5s; /* Opera 12+ */
animation:         zamikStranskiMenuOn 0.5s; /* IE 10+, Fx 29+ */
}
}

#content{
margin-top: 60px;
overflow: hidden;
}
#content.zaprt-menu{
right: 0;
-webkit-animation: zamikMenuOff 0.5s; /* Safari 4+ */
-moz-animation:    zamikMenuOff 0.5s; /* Fx 5+ */
-o-animation:      zamikMenuOff 0.5s; /* Opera 12+ */
animation:         zamikMenuOff 0.5s; /* IE 10+, Fx 29+ */
}
#content.odprt-menu {
right: 270px;
-webkit-animation: zamikMenuOn 0.5s; /* Safari 4+ */
-moz-animation:    zamikMenuOn 0.5s; /* Fx 5+ */
-o-animation:      zamikMenuOn 0.5s; /* Opera 12+ */
animation:         zamikMenuOn 0.5s; /* IE 10+, Fx 29+ */
}
#video-big{
position: fixed;
height: 95%;
height: -webkit-calc(100% - 60px); 	
height: -moz-calc(100% - 60px);
height: calc(100% - 60px);
width: 100%;
left: -100%;
top: 60px;
background: #ddd;
z-index: 6000;
-webkit-transition: left 300ms linear;
-moz-transition: left 300ms linear;
-o-transition: left 300ms linear;
-ms-transition: left 300ms linear;
transition: left 300ms linear;
}
#video-big.odprt{
left: 0;
-webkit-transition: left 300ms linear;
-moz-transition: left 300ms linear;
-o-transition: left 300ms linear;
-ms-transition: left 300ms linear;
transition: left 300ms linear;
}
#video-big iframe{
width: 100%;
height: 100%;
z-index: 2;
position: absolute;
}
#video-big .zapri{
width: 50px;
height: 50px;
position: absolute;
z-index: 3;
right: 0;
top: 50%;
margin-top: -44px;
cursor: pointer;
background: url(../images/ikone/ikona_skrji_karto.svg) no-repeat center center rgba(0,0,0,0.85);
}
#video-big .zapri:hover, #video-big .zapri:active{
background: url(../images/ikone/ikona_skrji_karto.svg) no-repeat center center #c3143d;
}
#video-big .wait{
position: absolute;
color: #fff;
width: 100%;
line-height: 50px;
top: 50%;
line-height: 50px;
font-family: 'Oswald', sans-serif;
font-size: 34px;
font-weight: 300;
letter-spacing: 1px;
margin-top: -44px;
text-transform: uppercase;
text-align: center;
z-index: 1;
}

.slider {
position: relative;
float: left;
width: 100%;
height: -webkit-calc(100vh - 60px);
height: -moz-calc(100vh - 60px);
height: calc(100vh - 60px);
overflow: hidden;
}
.slider .ozadje{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover !important;
background-position: center !important; 
}
.slider .navigacija{
position: absolute;
left: 30px;
width: auto;
z-index: 10;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-moz-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 1140px){
.slider .navigacija{
left: 0;
top: 80px;
bottom: auto;
width: 100%;
height: auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
.slider .puscica-dol{
position: absolute;
width: 50px;
height: 50px;
background: url(https://www.protivlomna-vrata.com/images/ikone/puscica-dol.png.pagespeed.ce.--QwHeovz2.png) no-repeat center;
border: 2px solid #dadada;
box-sizing: border-box;
bottom: 80px;
left: 50%;
margin-left: -20px;
-webkit-animation: jump 2s infinite; /* Safari 4+ */
-moz-animation:    jump 2s infinite; /* Fx 5+ */
-o-animation:      jump 2s infinite; /* Opera 12+ */
animation:         jump 2s infinite; /* IE 10+, Fx 29+ */
border-radius: 50px;
display: inline-block;
height: 50px;
transition: all 0.2s ease 0s;
width: 50px;
z-index: 11;
cursor: pointer;
}
@keyframes jump {
20% {
transform: translateY(-30px);
}
50% {
transform: translateY(0px);
}
70% {
transform: translateY(-30px);
}
}
@media screen and (max-width: 978px){
.slider .puscica-dol{
bottom: 50px;
}
}
@media screen and (max-width: 730px){
.slider .puscica-dol{
bottom: 30px;
}
}
@media screen and (max-height: 580px){
.slider .navigacija {display: none;}
}
@media screen and (max-height: 320px){
.slider .napis, .hise .slider .napis {display: none;}
}
.slider .puscica-dol:hover, .slider .puscica-dol:active{
border-color: #c3143d;
background-color: #c3143d;
animation-name: none;
}
.slider .bel-pas{
position: absolute;
bottom: 0;
left: 0;
height: 10px;
width: 100%;
background: rgba(255,255,255,0.9);
z-index: 1;
height: 2px;
}
.slider .bel-pas .rdec-trak{
position: absolute;
left: 0;
top: 0;
height: 2px;
background-color: #c3143d;
width: 0;
-webkit-transition: width 500ms linear;
-moz-transition: width 500ms linear;
-o-transition: width 500ms linear;
-ms-transition: width 500ms linear;
transition: width 500ms linear;
}
.slider .bel-pas .rdec-trak.go{
width: 100%;
-webkit-transition: width 3500ms linear;
-moz-transition: width 3500ms linear;
-o-transition: width 3500ms linear;
-ms-transition: width 3500ms linear;
transition: width 3500ms linear;
}

.slider .napis {
position: absolute;
left: 50%;
top: 50%;
margin-top: -90px;
margin-left: -380px;
width: auto;
z-index: 1;
}
.hise .slider .napis{
margin-top: -143px;
}

.slider .napis div{
position: relative;
float: left;
margin-right: 10px;
}
.slider .napis div:last-of-type{margin-right: 0;}
.slider .napis .levo{
width: 20px;
height: 180px;
background: #c3143d;
}
.slider .napis .vmes{
width: 490px;
height: 80px;
background: rgba(0,0,0,0.7);
color: #fff;
padding: 50px 0 50px 50px;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
.hise .slider .napis .vmes{
background: rgba(0,0,0,0.7);
}
.hise .slider .napis .vmes{
position: absolute;
height: auto;
width: 700px;
text-align: center;
padding: 50px;
box-sizing: border-box;
}
.hise .slider .napis .vmes.skrit{
opacity: 0;
-webkit-transition: opacity 300ms linear;
-moz-transition: opacity 300ms linear;
-o-transition: opacity 300ms linear;
-ms-transition: opacity 300ms linear;
transition: opacity 300ms linear;
}
.hise .slider .napis .vmes.odkrit{
opacity: 1;
-webkit-transition: opacity 300ms linear;
-moz-transition: opacity 300ms linear;
-o-transition: opacity 300ms linear;
-ms-transition: opacity 300ms linear;
transition: opacity 300ms linear;
}
.slider .napis .vmes .crta-zgoraj, .slider .napis .vmes .crta-spodaj{
position: absolute;
background-color: #c3143d;
width: 180px;
left: 50%;
margin-left: -90px;
}
.slider .napis .vmes .crta-zgoraj{
top: -10px;
height: 10px;
}
.slider .napis .vmes .crta-spodaj{
bottom: -2px;
height: 2px;
}
.hise .slider .napis {margin-left: -350px;}
.hise .slider .napis .vmes h1{line-height: 72px;}


.slider .napis .vmes h1 {
position: relative;
float: left;
line-height: 50px; 	
font-size: 50px;
font-weight: 700;
margin-top: -3px;
margin-bottom: 7px;
}
.slider .napis .vmes p{
position: relative;
float: left;
line-height: 30px;
font-size: 26px;
}
.slider .napis .desno{
width: 180px;
height: 180px;
background: url(../images/ikone/simbol_leta_tradicije.svg) no-repeat center center #c3143d;
background-size: 80% auto;
}
@media screen and (max-width: 1140px){
.slider .napis {
position: absolute;
left: 50%;
top: 50%;
margin-top: -115px;
margin-left: -380px;
width: auto;
z-index: 1;
}
}
@media screen and (max-width: 842px){
.slider .napis .desno, .slider .napis .levo {display: none;}
.slider .napis, .hise .slider .napis {width: 90%; margin-left: 5%; left: auto;}
.hise .slider .napis .vmes {width: 100%; padding: 30px;}
.slider .napis .vmes{
padding: 50px;
box-sizing: border-box;
width: 100%;
height: auto;
text-align: center;
}
.slider .napis .vmes h1, .slider .napis .vmes > p {width: 100%;}
}
@media screen and (max-width: 600px) and (min-width: 501px){
.slider .napis .vmes h1 {font-size: 40px; margin: 0;}
.slider .napis .vmes p {font-size: 20px; margin: 0;}
.slider .napis .vmes {padding: 30px;}
}
@media screen and (max-width: 500px)  and (min-width: 420px){
.slider .napis .vmes {padding: 30px;}
.slider .napis .vmes h1{font-size: 35px; line-height: 45px; margin: 0;}
.slider .napis .vmes p {font-size: 18px; margin: 0;}
}
@media screen and (max-width: 419px){
.slider .napis .vmes {padding: 25px;}
.slider .napis .vmes h1 {font-size: 27px; line-height: 40px; margin: 0;}
.slider .napis .vmes p {font-size: 15px; margin: 0;}
}

@media screen and (max-width: 1458px){
.hise .slider .napis .vmes h1{
font-size: 44px;
}
.hise .slider .napis .vmes{
padding: 44px;
}
}
@media screen and (max-width: 700px){
.hise .slider .napis .vmes h1{
font-size: 38px;
line-height: 60px;
}
.hise .slider .napis .vmes{
padding: 38px;
}
}
@media screen and (max-width: 600px){
.hise .slider .napis .vmes h1{
font-size: 33px;
line-height: 50px;
}
.hise .slider .napis .vmes{
padding: 33px;
}
}
@media screen and (max-width: 547px){
.hise .slider .napis .vmes h1{
font-size: 28px;
line-height: 45px;
}
.hise .slider .napis .vmes{
padding: 28px;
}
}

#content .roza-polje, #content .sivo-polje{
position: relative;
float: left;
width: 100%;
padding: 90px 0;
text-align: center;
}
#content .roza-polje {background: #c3143d; color: #ffffff;}
#content .sivo-polje {background: #eeeeee; color: #1d1d1b;}
#content .sivo-polje.nk-sivo-polje {padding: 0;}

@media screen and (max-width: 977px){
#content .roza-polje, #content .sivo-polje{
padding: 75px 0;
}
}

#content .roza-polje .polovica{
position: relative;
float: left;
width: 50%;
height: 120px;
}
#content .roza-polje .polovica:last-of-type{width: auto; float: right;}
#content .roza-polje.silvelox .polovica {text-align: left;}
#content .roza-polje.stanovanja-izmera .polovica {height: auto;}
#content .roza-polje.stanovanja-izmera .polovica .telefon {margin-right: 20px;}
#content .roza-polje.stanovanja-izmera .wrapper{
width: 1180px;
margin-left: -590px;
}
@media screen and (max-width: 1317px){
#content .roza-polje.stanovanja-izmera .wrapper{
width: 100%;
margin-left: 0;
left: auto;
padding: 0;
}
#content .roza-polje.stanovanja-izmera{
padding: 90px 60px;
box-sizing: border-box;
}
#content .roza-polje.stanovanja-izmera .polovica h3{
width: auto;
left: auto;
margin-left: 0;
}
#content .roza-polje.stanovanja-izmera .polovica:first-of-type {width: auto;}
#content .roza-polje.stanovanja-izmera .polovica h3{padding: 0;}
}
@media screen and (max-width: 1247px){
#content .roza-polje.stanovanja-izmera{
padding: 90px 30px;
}
}
@media screen and (max-width: 1187px){
#content .roza-polje.stanovanja-izmera .polovica:first-of-type,  #content .roza-polje.stanovanja-izmera .polovica:last-of-type{
width: 100%;
}
#content .roza-polje.stanovanja-izmera .polovica:first-of-type {margin-bottom: 20px;}
}
@media screen and (max-width: 1117px){
#content .roza-polje.silvelox .polovica:first-of-type{margin-left: 0; width: 100%; text-align: center; height: auto;}
#content .roza-polje.silvelox .polovica:last-of-type{display: none;}
}
@media screen and (max-width: 552px){
#content .roza-polje.stanovanja-izmera a.telefon {margin-left: 0; margin-right: 0;}
#content .roza-polje.stanovanja-izmera a.telefon > .signal {display: none;}
}
@media screen and (max-width: 517px){
#content .roza-polje.stanovanja-izmera .polovica .telefon {margin-left: 30px; margin-right: 30px; margin-bottom: 10px;}
}
@media screen and (max-width: 457px){
#content .roza-polje.stanovanja-izmera .polovica .telefon {margin-left: 0px; margin-right: 0px; margin-bottom: 10px;}
}


#content .roza-polje.silvelox .polovica:last-of-type{
}
#content .roza-polje.silvelox .polovica:last-of-type img{
position: relative;
float: right;
}
#content .roza-polje.silvelox h3 {
position: relative;
clear: both;
font-family: 'Oswald', sans-serif;
font-size: 32px;
font-weight: 700;
margin-bottom: 10px;
line-height: 32px;
}

#content .roza-polje:not(.silvelox) h3 {
position: relative;
clear: both;
font-family: 'Oswald', sans-serif;
font-size: 32px;
font-weight: 700;
width: 600px;
margin-left: -300px;
left: 50%;
text-transform: uppercase;
}

#content .roza-polje.certificirana-vrata h3 {margin-bottom: 0;}
#content .roza-polje:not(.silvelox) h3 + p{
position: relative;
font-size: 16px;
width: 820px;
margin-left: -410px;
line-height: 24px;
left: 50%;
position: relative;
}
@media screen and (max-width: 880px){
#content .roza-polje:not(.silvelox) h3 + p, #content .roza-polje:not(.silvelox) h3 {
width: 100%;
padding: 0 30px;
box-sizing: border-box;
left: auto;
margin-left: 0;
}
}
@media screen and (max-width: 640px){
#content .roza-polje:not(.silvelox) h3 + p, #content .roza-polje:not(.silvelox) h3 {
padding: 0;
}
}
@media screen and (max-width: 584px){
#content .roza-polje.silvelox h3 {line-height: 40px;}
}
#content .roza-polje.silvelox h3 + p{
position: relative;
font-size: 14px;
line-height: 22px;
position: relative;
}
#content .stevec{
position: relative;
float: left;
width: 240px;
font-family: 'Oswald', sans-serif;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

#content .stevec > figure
{
position: absolute;
top: 0;
width: 170px;
height: 170px;
left: 50%;
margin-left: -85px;
}
#content .stevec > figure canvas{
position: relative;
float: left;
width: 100%;
height: 100%;
}
#content .stevec > p{
font-size: 34px;
font-weight: 700;
margin-bottom: 20px;
line-height: 170px;
text-align: center;
z-index: 2
}
#content .stevec h3{
position: relative;
float: left;
font-size: 18px;
font-weight: 300;
line-height: 20px;
width: 100%;
text-transform: uppercase;
}

#content .stevci-mobile{
position: relative;
float: left;
width: 100%;
padding: 70px 30px;
height: auto;
display: none;
box-sizing: border-box;
background: #eeeeee;
}
#content .stevec-mobile{
position: relative;
float: left;
width: 100%;
height: 40px;
margin-bottom: 15px;
background: #fff;
}
#content .stevci-mobile p{
font-size: 18px;
position: relative;
float: left;
line-height: 18px;
font-family: 'Oswald', sans-serif;
font-weight: 300;
color: #c3143d;
width: 100%;
margin-bottom: 20px;
}
#content .stevci-mobile p:last-of-type {margin-bottom: 0;}
#content .stevec-mobile div.rdeca{
position: absolute;
left: 0;
top: 0;
height: 40px;
background: #c3143d;
width: 0;
z-index: 1;
}
#content .stevci-mobile.aktivirani .stevec-mobile.sm75 div.rdeca{
width: 75%;
-webkit-transition: width 1300ms linear;
-moz-transition: width 1300ms linear;
-o-transition: width 1300ms linear;
-ms-transition: width 1300ms linear;
transition: width 1300ms linear;
}
#content .stevci-mobile.aktivirani .stevec-mobile.sm45 div.rdeca{
width: 45%;
-webkit-transition: width 1300ms linear;
-moz-transition: width 1300ms linear;
-o-transition: width 1300ms linear;
-ms-transition: width 1300ms linear;
transition: width 1300ms linear;
}
#content .stevci-mobile.aktivirani .stevec-mobile.sm50 div.rdeca{
width: 50%;
-webkit-transition: width 1300ms linear;
-moz-transition: width 1300ms linear;
-o-transition: width 1300ms linear;
-ms-transition: width 1300ms linear;
transition: width 1300ms linear;
}
#content .stevci-mobile.aktivirani .stevec-mobile.sm80 div.rdeca{
width: 80%;
-webkit-transition: width 1300ms linear;
-moz-transition: width 1300ms linear;
-o-transition: width 1300ms linear;
-ms-transition: width 1300ms linear;
transition: width 1300ms linear;
}
#content .stevci-mobile.aktivirani .stevec-mobile.sm100 div.rdeca{
width: 100%;
-webkit-transition: width 1300ms linear;
-moz-transition: width 1300ms linear;
-o-transition: width 1300ms linear;
-ms-transition: width 1300ms linear;
transition: width 1300ms linear;
}
#content .stevec-mobile p{
position: relative;
float: left;
line-height: 40px;
margin-left: 20px;
color: #fff;
z-index: 2;
font-family: 'Oswald', sans-serif;
font-size: 18px;
font-weight: 400;
}

@media screen and (max-width: 1217px) and (min-width: 977px) {
body:not(.hise) #content .stevec:nth-of-type(5){
display: none;
}
}
@media screen and (max-width: 976px) and (min-width: 738px){
body:not(.hise) #content .stevec:nth-of-type(-n+3){
margin-bottom: 20px;
}
}
@media screen and (max-width: 500px){
body:not(.hise) #content .stevec{
margin-bottom: 20px;
}
}

@media screen and (max-width: 737px) and (min-width: 497px) {
#content .stevci-index .stevec:nth-of-type(5){
display: none;
}
#content .stevci-index .stevec{
margin-bottom: 20px;
}
#content .stevci-index .stevec:nth-of-type(n+3){
margin-bottom: 0;
}
}
@media screen and (max-width: 496px){
#content .stevci-index {display: none;}
#content .stevci-mobile {display: block;}
}


#content .polovicka {
position: relative;
float: left;
width: 490px;
padding: 90px 0;
}
#content .polovicka:nth-of-type(2n){
margin-left: 90px;
}
@media screen and (max-width: 1147px) and (min-width: 1087px){
#content .polovicka:nth-of-type(2n) {
margin-left: 30px;
}
}
@media screen and (max-width: 1087px) and (min-width: 800px){
#content .polovicka{
width: -webkit-calc(50% - 15px);
width: -moz-calc(50% - 15px);
width: calc(50% - 15px);
}
#content .polovicka:nth-of-type(2n) {
margin-left: 30px;
}
}
@media screen and (max-width: 799px){
#content .polovicka{
width: 100%;
height: auto;
padding: 0;
padding-top: 60px;
}
#content .polovicka:nth-of-type(2n) {
margin-top: 30px;
margin-left: 0;
padding-top: 0;
padding-bottom: 60px;
}
}

#content .polovicka h2{
position: relative;
float: left;
font-size: 30px;
font-family: 'Oswald', sans-serif;
font-weight: 700;
color: #252421;
line-height: 60px;
margin-bottom: 30px;
text-transform: uppercase;
}
@media screen and (max-width: 820px) and (min-width: 411px){
#content .polovicka h2 {font-size: 28px;}
}
@media screen and (max-width: 410px){
#content .polovicka h2 {font-size: 19px;}
}
#content .polovicka h2 span{
position: relative;
float: left;
width: 60px;
height: 60px;
border-radius: 100px;
margin-right: 20px;
}
#content .polovicka.hise h2 span {background: url(../images/ikone/ikona_hise.svg) no-repeat center center #c3143d;}
#content .polovicka.stanovanja h2 span {background: url(../images/ikone/ikona_stanovanja.svg) no-repeat center center #c3143d;}
#content .polovicka p{
position: relative;
float: left;
font-size: 14px;
line-height: 22px;
color: #4d4d4d;
margin-bottom: 10px;
}
#content .polovicka a{
position: relative;
float: left;
color: #c3143d;
font-size: 16px;
font-weight: 400;
margin-top: 10px;
text-transform: uppercase;
}
#content ul.polovicka {font-family: 'Oswald', sans-serif; color: #252421;}
#content ul.polovicka li:first-of-type {
font-size: 32px;
font-weight: 700;
line-height: 32px;
margin-bottom: 40px;
}
#content ul.polovicka li:not(:first-of-type){
font-size: 18px;
padding-left: 47px;
font-weight: 400;
line-height: 40px;
background: url(../images/ikone/kljukica.png) no-repeat left center;
}
#content .polovicka.zaslon {
height: 280px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#content .polovicka.zaslon > img{
position: relative;
float: left;
width: auto;
height: auto;
}
#content .polovicka.zaslon > div {
position: absolute;
width: 80px;
height: 80px;
background: rgba(195, 20, 61, 0.85);
border-radius: 100%;
top: 50%;
left: 50%;
margin-left: -40px;
margin-top: -40px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-transition: background-color 200ms linear;
-moz-transition: background-color 200ms linear;
-o-transition: background-color 200ms linear;
-ms-transition: background-color 200ms linear;
transition: background-color 200ms linear;
}
@media screen and (max-width: 570px){
#content .polovicka.zaslon{
background-size: 100% auto;
height: auto;
}
#content .polovicka.zaslon > img{
width: 100%;
height: auto;
}
#content .polovicka.zaslon > div{
margin-top: -20px;
}
}
#content .polovicka.zaslon > div img {margin-left: 4px;}
#content .polovicka.zaslon > div:hover, #content .polovicka.zaslon > div:active {
background: rgba(0,0,0,0.85);
-webkit-transition: background-color 200ms linear;
-moz-transition: background-color 200ms linear;
-o-transition: background-color 200ms linear;
-ms-transition: background-color 200ms linear;
transition: background-color 200ms linear;
}
#content .polovicka.zaslon + div.polovicka p{width: 100%;}
#content .polovicka.zaslon + div.polovicka {
width: 50%;
font-size: 14px;
line-height: 20px;
color: #252421;
height: 280px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}


#content div.tretjina.informativnik ul {
position: relative;
width: 270px;
margin: 0 auto;
}

@media screen and (max-width: 976px){
#content .polovicka.zaslon + div.polovicka{
height: auto;
padding-top: 0;
width: 100%;
}
#content .polovicka.zaslon {padding-top: 60px; width: 100%;}
}


#content div.tretjina{
position: relative;
float: left;
padding: 90px 0;
width: 400px;
}
@media screen and (max-width: 1277px) and (min-width: 830px){
#content .informativniki div.tretjina{
width: 230px;
margin-right: -webkit-calc(33% - 230px);
margin-right: -moz-calc(33% - 230px);
margin-right: calc(33% - 230px);
}
#content .informativniki div.tretjina:last-of-type{
margin-right: 0;
}
#content .informativniki div.tretjina ul {
width: 100%;
}
}
@media screen and (max-width: 829px) and (min-width: 785px){
#content .informativniki div.tretjina{
width: 200px;
margin-right: 53px;
}
#content .informativniki div.tretjina:last-of-type{
margin-right: 0;
}
#content .informativniki div.tretjina ul {
width: 100%;
}
}
@media screen and (max-width: 784px){
#content .informativniki div.tretjina{
width: 100%;
margin-right: 0;
padding: 90px 0;
background-color: #fff;
}
#content .informativniki div.tretjina:nth-of-type(2){
background-color: #f9ecef;
}
.hise #content .informativniki div.tretjina{
background-color: #f9ecef;
}
.hise #content .informativniki div.tretjina:nth-of-type(2){
background-color: #fff;
}
}
@media screen and (max-width: 829px){
#content div.informativniki{
padding: 0;
}
}

#content div.tretjina.informativnik ul li {position: relative; float: left; width: 100%;}
#content div.tretjina.informativnik ul h2 {width: 230px;}
#content div.tretjina.informativnik ul h2, #content div.tretjina.informativnik ul img, #content div.tretjina.informativnik ul p {
position: relative;
float: none;margin: 0 auto;
}
#content div.tretjina.informativnik ul h2 {
font-size: 26px;
font-weight: 700;
font-family: 'Oswald', sans-serif;
color: #c3143d;
text-transform: uppercase;
text-align: center;
line-height: 36px;
margin-bottom: 16px;
}
#content div.tretjina.informativnik ul img{
position: relative;
float: left;
width: 45px;
height: 50px;
margin-bottom: 40px;
left: 50%;
margin-left: -22px;
}
#content div.tretjina.informativnik li.komentar{
font-size: 14px;
line-height: 22px;
color: #2f2f23;
text-align: center;
margin-bottom: 44px;
}

#content div.tretjina.informativnik li:not(.komentar) > p{
font-family: 'Oswald', sans-serif;
color: #c3143d;
position: relative;
float: left;
width: 100%;
text-align: center;
}
#content div.tretjina.informativnik li:not(.komentar) > p:first-of-type{
font-size: 40px;
font-weight: 700; 
line-height: 40px;
margin-bottom: 10px;
}
#content div.tretjina.informativnik li:not(.komentar) > p:last-of-type{
font-size: 16px;
line-height: 16px;
}

a.telefon{
display: block;
position: relative;
float: left;
width: 103px;
text-align: center;
border: 3px solid #fff;
border-radius: 30px;
padding: 8px 39px 8px 63px;
font-size: 24px;
line-height: 24px;
color: #fff;
font-family: 'Oswald', sans-serif;
font-weight: 700;
margin-left: 36px;
}
a.telefon > .pikica{
position: absolute;
width: 16px;
height: 16px;
background: #fff;
left: 19px;
top: 12px;
border-radius: 100%;
}
a.telefon > .signal {
position: absolute;
left: -36px;
top: -9px;
width: 27px;
height: 57px;
background: url(../images/ikone/ikona_signal.svg);
}
#content .roza-polje p.zgornja-polovica{
text-align: center;
position: relative;
float: left;
width: 800px;
margin-left: -400px;
left: 50%;
font-size: 28px;
font-weight:  700;
font-family: 'Oswald', sans-serif;
line-height: 43px;
margin-bottom: 40px;
}
@media screen and (max-width: 1041px){
#content .roza-polje p.zgornja-polovica{
line-height: 36px;
}
}
@media screen and (max-width: 876px){
#content .roza-polje p.zgornja-polovica{
width: 100%;
padding: 0 30px;
box-sizing: border-box;
left: auto;
margin-left: 0;
}
}

#content .roza-polje p.zgornja-polovica + div {
position: relative;
float: left;
width: 100%;
}
#content .roza-polje p.zgornja-polovica + div .gumb{
margin-left: 40px;
}
#content .roza-polje .gumb, #float-pomoc .wrapper > div .gumb{
position: relative;
float: left; 
border: 3px solid #fff;
border-radius: 30px;
width: 202px;
text-align: center;
text-transform: uppercase;
font-size: 14px;
cursor: pointer;
line-height: 42px;
font-weight: 700;
cursor: pointer;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
-ms-transition: all 300ms ease;
transition: all 300ms ease;
}
#content .roza-polje .gumb:hover{
background: #fff;
color: #c3143d;
}
@media screen and (max-width: 575px){
#content .roza-polje p.zgornja-polovica{
padding: 0;
}
#content .roza-polje p.zgornja-polovica + div .gumb{
margin-left: 0;
margin-top: 10px;
}
#content .roza-polje p.zgornja-polovica + div{
width: 320px;
left: 50%;
margin-left: -160px;
clear: both;
}
#content .roza-polje{
padding: 60px 0;
}
#content .roza-polje a.telefon > .signal{
display: none;
}
#content .roza-polje a.telefon {margin-left: 0;}
}
#float-pomoc .wrapper > div .gumb:hover{
background: #fff;
color: #222;
}
#content .sivo-polje.popusti h3, #content .sivo-polje.popusti ul{
position: relative;
float: left;
width: 100%;
font-family: 'Oswald', sans-serif;
}
#content .sivo-polje.popusti h3{
font-weight: 700;
color: #252421;
font-size: 32px;
display: inline;
}
@media screen and (max-width: 699px){
#content .sivo-polje.popusti h3{
line-height: 40px;
font-size: 30px;
}
}
#content .sivo-polje.popusti ul{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}

#content .sivo-polje.popusti li {
position: relative;
float: left;
width: auto;
padding-left: 47px;
background: url(../images/ikone/ikona_check_box.svg) no-repeat left center;
line-height: 28px;
color: #252421; 
text-align: left;
font-size: 22px;
font-weight: 400;
margin-right: 66px;
margin-top: 30px;
}
#content .sivo-polje.popusti li:last-of-type {margin-right: 0;}
#content .sivo-polje.popusti li a{
color: #252421;
-webkit-transition: color 300ms linear;
-moz-transition: color 300ms linear;
-o-transition: color 300ms linear;
-ms-transition: color 300ms linear;
transition: color 300ms linear;
}
#content .sivo-polje.popusti li a:hover, #content .sivo-polje.popusti li:active{
color: #c3143d;
-webkit-transition: color 300ms linear;
-moz-transition: color 300ms linear;
-o-transition: color 300ms linear;
-ms-transition: color 300ms linear;
transition: color 300ms linear;
}
@media screen and (max-width: 694px){
#content .sivo-polje.popusti2 ul{
width: 320px;
left: 50%;
margin-left: -160px;
clear: both;
position: relative;
float: left;
}
#content .sivo-polje.popusti2 li {margin-right: 0;}
}
@media screen and (max-width: 594px){
#content .sivo-polje.popusti ul{
width: 320px;
left: 50%;
margin-left: -160px;
clear: both;
position: relative;
float: left;
}
#content .sivo-polje.popusti li {margin-right: 0;}
}
#footer .footer-slider{
position: relative;
float: left;
width: 100%;
padding: 90px 0;
height: 190px;
background: url(https://www.protivlomna-vrata.com/images/ozadja/xslika_mnenja_strank_vovko.jpg.pagespeed.ic.ZteO8bV8tP.jpg) no-repeat bottom center #fff;
color: #fff;
text-align: center;
}
.zaslonka{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
}
.zaslonka.glavna {
z-index: 604; 
opacity: 0;
-webkit-animation: opacityChangeOff 0.5s; /* Safari 4+ */
-moz-animation:    opacityChangeOff 0.5s; /* Fx 5+ */
-o-animation:      opacityChangeOff 0.5s; /* Opera 12+ */
animation:         opacityChangeOff 0.5s; /* IE 10+, Fx 29+ */
}
.zaslonka.glavna.init {display: none;}
.zaslonka.glavna.odprta{
opacity: 1;
-webkit-animation: opacityChangeOn 0.5s; /* Safari 4+ */
-moz-animation:    opacityChangeOn 0.5s; /* Fx 5+ */
-o-animation:      opacityChangeOn 0.5s; /* Opera 12+ */
animation:         opacityChangeOn 0.5s; /* IE 10+, Fx 29+ */
}
#footer .footer-slider .mnenja-box{
position: relative;
float: left;
width: 100%;
height: 108px;
overflow: hidden;
}
#footer .footer-slider .mnenja-box > div{
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
opacity: 0;
-webkit-animation: opacityChangeOff 1.5s; /* Safari 4+ */
-moz-animation:    opacityChangeOff 1.5s; /* Fx 5+ */
-o-animation:      opacityChangeOff 1.5s; /* Opera 12+ */
animation:         opacityChangeOff 1.5s; /* IE 10+, Fx 29+ */
}
#footer .footer-slider .mnenja-box > div:hover p.avtor, #footer .footer-slider .mnenja-box > div:active p.avtor{
text-decoration: underline;
}
#footer .footer-slider .mnenja-box > div.active{
opacity: 1;
-webkit-animation: opacityChangeOn 1.5s; /* Safari 4+ */
-moz-animation:    opacityChangeOn 1.5s; /* Fx 5+ */
-o-animation:      opacityChangeOn 1.5s; /* Opera 12+ */
animation:         opacityChangeOn 1.5s; /* IE 10+, Fx 29+ */
}
#footer .footer-slider h2, #footer .footer-slider p {position: relative; float: left; width: 100%; z-index: 1;}
#footer .footer-slider h2{
font-family: 'Oswald', sans-serif;
font-size: 32px;
line-height: 32px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 15px;
}
@media screen and (max-width: 380px){
#footer .footer-slider h2{
line-height: 40px;
font-size: 30px;
}
}
#footer .footer-slider p.mnenje, #footer .footer-slider p.avtor{
font-size: 16px;
line-height: 24px;
width: 750px;
left: 50%;
margin-left: -375px;
font-style: italic;
clear: both;
}

@media screen and (max-width: 829px){
#footer .footer-slider .mnenja-box{
padding: 0 30px;
box-sizing: border-box;
}
#footer .footer-slider p.mnenje, #footer .footer-slider p.avtor{
width: 100%;
left: auto;
margin-left: 0;
}
#footer .footer-slider .mnenja-box > div {width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); left: auto; margin-left: 0;}
}

#footer .footer-slider p.avtor{
margin-top: 12px;
}
#footer .footer-slider nav{
position: absolute;
width: 74px;
left: 50%;
bottom: 90px;
margin-left: -37px;
}
#footer .footer-slider nav > span, .slider .navigacija span{
position: relative;
float: left;
width: 14px;
height: 14px;
border-radius: 100%;
border: 1px solid #fff;
background: transparent;
margin-right: 13px;
cursor: pointer;
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
.slider .navigacija span {margin-bottom: 13px; margin-right: 0;}
.slider .navigacija span:last-of-type{margin-bottom: 0;}
#footer .footer-slider nav > span:last-of-type{margin-right: 0;}
@media screen and (max-width: 1140px){
.slider .navigacija span {margin-bottom: 0; margin-right: 13px;}
.slider .navigacija span:last-of-type{margin-right: 0;}
}
#footer .footer-slider nav > span.active {
background: #fff; 
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
.slider .navigacija span{
border-color: #000;
}
.slider .navigacija span.active{
background: #000; 
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
#footer .footer-slider nav > span:last-of-type, .slider .navigacija span:last-of-type {margin-right: 0;}
#footer .footer-roza-polje{
position: relative;
padding: 60px 0;
float: left;
width: 100%;
background: #c3143d;
color: #fff;
z-index: 605;
}
#footer .footer-roza-polje:not(.f247) p{
position: relative;
float: left;
width: auto;
font-family: 'Oswald', sans-serif;
font-size: 27px;
font-weight: 700;
margin-left: 20px;
line-height: 50px;
}

#footer .footer-roza-polje .vnasalnik{
position: relative;
float: left;
color: #fff;
margin-left: 50px;
margin-right: 70px;
}
@media screen and (max-width: 1297px){
#footer .footer-roza-polje:not(.f247) p {margin-left: 0; width: 100%; text-align: center; margin-bottom: 20px;}
#footer .footer-roza-polje .vnasalnik {
margin-left: -webkit-calc(50% - 343px); 
margin-left: -moz-calc(50% - 343px); 
margin-left: calc(50% - 343px); 
margin-right: 40px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;}
}

#footer .footer-roza-polje input[type='text'] {
position: relative;
float: left;
line-height: 20px;
padding: 13px 30px;
font-size: 15px;
border: 2px solid #fff;
border-radius: 30px;
width: 234px;
background: transparent;
color: #fff;
margin-right: 20px;
}
#footer .footer-roza-polje .gumb{
position: relative;
float: left;
line-height: 46px;
padding: 0 36px;
border: 2px solid #fff;
border-radius: 30px;
background: #fff;
color: #c3143d;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-weight: 700;
cursor: pointer;
}
#footer .footer-roza-polje .gumb:hover, #footer .footer-roza-polje .gumb:active{
background: transparent;
color: #fff;
}
@media screen and (max-width: 521px){
#footer .footer-roza-polje input{
width: -webkit-calc(100% - 208px);
width: -moz-calc(100% - 208px);
width: calc(100% - 208px);
}
}
@media screen and (max-width: 447px){
#footer .footer-roza-polje input{
width: 100%;
margin-bottom: 20px;
box-sizing: border-box;
text-align: center;
}
#footer .footer-roza-polje .gumb {
width: 100%;
box-sizing: border-box;
margin-left: 0;
text-align: center;
}
}
div.zemljevid{
position: relative;
float: left;
width: 100%;
height: 550px;
background: #fe88a4;
}
div.zemljevid.celozaslonski{
position: absolute;
left: 0;
top: 0;
z-index: 667;
height: 100%;
width: 100%;
}
div.zemljevid.celozaslonski ul {display: none;}
div.zemljevid .footer-wrapper {pointer-events: none;}
#karta {
position: absolute;
left: 0;
top: 0;
z-index: 0;
height: inherit;
width: inherit;
}
div.zemljevid ul{
position: relative;
float: left;
padding: 90px 60px;
background: rgba(0,0,0,0.85);
border-radius: 0 30px;
width: 235px;
color: #fff;
text-align: center;
margin-top: 35px;
pointer-events: auto;
}
div.zemljevid.celozaslonski .footer-wrapper{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-moz-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
height: 100%;
}
div.zemljevid li.dt h3{
font-size: 23px;
line-height: 23px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
margin-top: 25px;
}
div.zemljevid li.dt:first-of-type h3{margin-top: 0;}
div.zemljevid li{
font-size: 14px;
line-height: 23px;
}
div.zemljevid .celozaslonsko{
position: absolute;
right: 50px;
top: 50px;
width: 50px;
height: 50px;
background: url(../images/ikone/ikona_prikazi_karto.svg) no-repeat center center rgba(0,0,0,0.6);
cursor: pointer;
pointer-events: auto;
}
div.zemljevid .celozaslonsko:hover, div.zemljevid .celozaslonsko:active{
background-color: #c3143d;
}


@media screen and (max-width: 731px){
div.zemljevid .celozaslonsko {display: none;}
}

@media screen and (max-width: 499px){
div.zemljevid dl{
left: 50%;
margin-left: -150px;
}
div.zemljevid .celozaslonsko{
right: 20px;
top: 20px;
}
}
@media screen and (max-width: 499px){
div.zemljevid dl{
margin-top: 35px;
}
}

#celozaslonska-karta{
position: fixed;
left: 0;
top: 60px;
width: 100%;
height: -webkit-calc(100% - 60px);
height: -moz-calc(100% - 60px);
height: calc(100% - 60px);
z-index: 750;
opacity: 0;
background: #eee;
-webkit-animation: opacityChangeOff 1.5s; /* Safari 4+ */
-moz-animation:    opacityChangeOff 1.5s; /* Fx 5+ */
-o-animation:      opacityChangeOff 1.5s; /* Opera 12+ */
animation:         opacityChangeOff 1.5s; /* IE 10+, Fx 29+ */
}
#celozaslonska-karta.init{
display: none;
}
#celozaslonska-karta.odprta{
display: block;
opacity: 1;
-webkit-animation: opacityChangeOn 1.5s; /* Safari 4+ */
-moz-animation:    opacityChangeOn 1.5s; /* Fx 5+ */
-o-animation:      opacityChangeOn 1.5s; /* Opera 12+ */
animation:         opacityChangeOn 1.5s; /* IE 10+, Fx 29+ */
}
#celozaslonska-karta #karta-velika{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
#celozaslonska-karta .zapri{
position: absolute;
right: 50px;
top: 50px;
width: 50px;
height: 50px;
background: url(../images/ikone/ikona_skrji_karto.svg) no-repeat center center rgba(0,0,0,0.85);
cursor: pointer;
}
#celozaslonska-karta .zapri:hover, #celozaslonska-karta .zapri:active {background: url(../images/ikone/ikona_skrji_karto.svg) no-repeat center center #c3143d;}
#karta-velika-info{
position: absolute;
bottom: 0;
width: 100%; 
padding: 40px 30px;
box-sizing: border-box;
background: rgba(0,0,0,0.85);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#karta-velika-info > div{
position: relative;
float: left;
width: auto;
margin-right: 50px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-moz-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#karta-velika-info > div:last-of-type{
margin-right: 0;
}
#karta-velika-info h3{
font-size: 15px;
font-weight: 300;
color: #fff;
}
#karta-velika-info > div > span{
position: relative;
float: left;
margin-right: 10px;
width: 26px;
height: 26px;
}
#karta-velika-info > div.k-natisni  {cursor: pointer;}
#karta-velika-info > div.k-lokacija > span {background: url(../images/ikone/k-lokacija.svg);}
#karta-velika-info > div.k-telefon > span {background: url(../images/ikone/k-kontakt.svg);}
#karta-velika-info > div.k-email > span {background: url(../images/ikone/k-mail.svg);}
#karta-velika-info > div.k-email a {display: block; float: right; margin-left: 5px; line-height: 21px;}
#karta-velika-info > div.k-obratovalni > span {background: url(../images/ikone/k-obratovalni.svg);}
#karta-velika-info > div.k-natisni > span {background: url(../images/ikone/k-natisni.svg);}
#karta-velika-info h3 strong {
font-family: 'Oswald', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 21px;
}
@media screen and (max-width: 1230px){
#karta-velika-info > div{margin-right: 30px;}
}
@media screen and (max-width: 1151px){
#karta-velika-info > div{margin-right: 20px;}
}
@media screen and (max-width: 1111px){
#karta-velika-info > div{margin-right: 50px;}
#karta-velika-info > div > span {display: none;}
}
@media screen and (max-width: 1051px){
#karta-velika-info > div{margin-right: 30px;}
#karta-velika-info > div > span {display: none;}
}
@media screen and (max-width: 971px){
#karta-velika-info > div{margin-right: 20px;}
#karta-velika-info > div > span {display: none;}
}
@media screen and (max-width: 936px){
#karta-velika-info > div{margin-right: 30px;}
#karta-velika-info > div.k-natisni {display: none;}
#karta-velika-info > div > span {display: none;}
#karta-velika-info > div.k-obratovalni{margin-right: 0;}
}
@media screen and (max-width: 863px){
#karta-velika-info > div {width: auto; margin-right: 20px;}
#karta-velika-info > div > span {display: block;}
#karta-velika-info h3 strong {display: none;}
}
@media screen and (max-width: 731px){
#karta-velika-info{
display: none;
}
}

#footer div.footer-odpiralni-casi{
position: relative;
float: left;
left: 50%;
padding: 60px 40px;
width: 1200px;
margin-left: -640px;
color: #1d1d1b;
max-width: 100%;
}
#footer div.footer-odpiralni-casi > p{
position: relative;
float: left;
width: auto;
font-size: 28px;
line-height: 46px;
font-weight: 700;
font-family: 'Oswald', sans-serif;
}
#footer div.footer-odpiralni-casi .odpiralni-casi{
position: relative;
float: right;
}
#footer div.footer-odpiralni-casi p.trgovina{
position: relative;
float: left;
line-height: 23px;
font-size: 14px;
text-align: center;
}
#footer div.footer-odpiralni-casi p.trgovina:last-of-type{
margin-left: 50px;
}
@media screen and (max-width: 1147px){
#footer div.footer-odpiralni-casi > p{
width: 100%;
text-align: center;
margin-bottom: 20px;
}
#footer div.footer-odpiralni-casi .odpiralni-casi{
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}

@media screen and (max-width: 593px){
#footer div.footer-odpiralni-casi p.trgovina:last-of-type{
margin-left: 0;
margin-top: 15px;
}
#footer div.footer-odpiralni-casi p.trgovina {width: 100%;}
#footer div.footer-odpiralni-casi .odpiralni-casi{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
#footer .footer-roza-polje.f247 > .wrapper{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

#footer .footer-roza-polje.f247 > .wrapper > img{
position: relative;
float: left;
margin-right: 40px;
}
#footer .footer-roza-polje.f247 > .wrapper > div{
position: relative;
float: left;
font-size: 22px;
margin-right: 40px;
font-weight: 300;
font-family: 'Oswald', sans-serif;
height: 54px;
text-transform: uppercase;
}
#footer .footer-roza-polje.f247 > .wrapper > div span, #footer .footer-roza-polje.f247 > .wrapper > div p, #footer .footer-roza-polje.f247 > .wrapper > div img{
position: relative;
float: left;
line-height: 54px;
}
#footer .footer-roza-polje.f247 > .wrapper > div img{
margin-right: 40px;
}
#footer .footer-roza-polje.f247 > .wrapper > div span {line-height: 54px; margin-right: 10px;}
#footer .footer-roza-polje.f247 > .wrapper > div p {line-height: 22px; margin-top: 24px;}
#footer .footer-roza-polje.f247 > .wrapper > div span{
font-size: 40px;
font-weight: 700;
text-transform: none;
}
#footer .footer-roza-polje.f247 > .wrapper > .f-telefon{
position: relative;
float: left;
font-size: 30px;
font-family: 'Oswald', sans-serif;
font-weight: 700;
padding-right: 36px;
background: url(../images/ikone/signal_stevilke_noga.svg) no-repeat center right;
line-height: 40px;
margin-right: 100px;
line-height: 50px;
margin-top: 10px;
}
#footer .footer-roza-polje.f247 .gumb{
background: transparent;
color: #fff;
}
#footer .footer-roza-polje.f247 .gumb:hover, #footer .footer-roza-polje.f247 .gumb:active{
background: #fff;
color: #c3143d;
}
#footer .footer-roza-polje.obvescanje {z-index: 11;}
#footer .footer-roza-polje.obvescanje > .wrapper > .social{
position: relative;
float: left;
}
#footer .footer-roza-polje.obvescanje > .wrapper > .social a{
position: relative;
display: block;
float: left;
width: 50px;
height: 50px;
margin-left: 20px;
}
#footer .footer-roza-polje.obvescanje > .wrapper > .social a:first-of-type {margin-left: 0;}
#footer .footer-roza-polje.obvescanje > .wrapper > .social a span {
position: absolute;
width: 22px;
height: 22px;
left: 50%;
margin-left: -11px;
top: 50%;
margin-top: -11px;
}
#footer .footer-roza-polje.obvescanje > .wrapper > .social a:hover, #footer .footer-roza-polje.obvescanje > .wrapper > .social a:active{
background: #fff;
}
#footer .footer-roza-polje.obvescanje > .wrapper > .social a.fb {background: url(../images/ikone/ikona_facebook_1.svg)}
#footer .footer-roza-polje.obvescanje > .wrapper > .social a.gp {background: url(../images/ikone/ikona_google_plus_1.svg)}
#footer .footer-roza-polje.obvescanje > .wrapper > .social a.yt {background: url(../images/ikone/ikona_youtbe_1.svg)}

#footer .footer-roza-polje.obvescanje > .wrapper > .social a.fb:hover, #footer .footer-roza-polje.f247 > .wrapper > .social a.fb:active {background: url(../images/ikone/ikona_facebook_2.svg);}
#footer .footer-roza-polje.obvescanje > .wrapper > .social a.gp:hover, #footer .footer-roza-polje.f247 > .wrapper > .social a.gp:active {background: url(../images/ikone/ikona_google_plus_2.svg);}
#footer .footer-roza-polje.obvescanje > .wrapper > .social a.yt:hover, #footer .footer-roza-polje.f247 > .wrapper > .social a.yt:active {background: url(../images/ikone/ikona_youtube_2.svg);}
#credits{
text-align: center;
position: relative;
float: left;
width: 100%;
font-size: 12px;
color: #fff;
background: #1d1d1b;
z-index: 606;
padding: 30px 0;
line-height: 16px;
}

#footer .footer-roza-polje.f247 .bela-crta{
width: 100%;
height: 1px;
position: relative;
float: left;
background: rgba(255,255,255,0.4);
display: none;
}

@media screen and (max-width: 817px){
#credits{
padding: 30px;
box-sizing: border-box;
line-height: 21px;
}
}
@media screen and (max-width: 1182px){
#footer .footer-roza-polje.f247 > .wrapper > .f-telefon {margin-right: 0;}
}
@media screen and (max-width: 1066px){
#footer .footer-roza-polje.f247 .bela-crta{
display: block;
margin-top: 60px;
}
#footer .footer-roza-polje.f247 .gumb{
margin-bottom: 0;
margin-top: 30px;
}
#footer .footer-roza-polje.f247 > .wrapper{
padding: 0;
}
#footer .footer-roza-polje.f247{
padding: 60px 0 30px;
}
}
@media screen and (max-width: 781px){
#footer .footer-roza-polje.f247 > .wrapper{
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#footer .footer-roza-polje.f247 > .wrapper > div, #footer .footer-roza-polje.f247 > .wrapper > .f-telefon, #footer .footer-roza-polje.f247 .gumb {margin: 0 0 15px 0;}
#footer .footer-roza-polje.f247 > .wrapper > .f-telefon {line-height: 30px;}
#footer .footer-roza-polje.f247 > .wrapper > p {line-height: 45px;}
#footer .footer-roza-polje.f247 > .wrapper > div{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: auto;
}
#footer .footer-roza-polje.f247 > .wrapper > div > img, #footer .footer-roza-polje.f247 > .wrapper > div > p {
margin: 0 0 30px 0;
}
#footer .footer-roza-polje.f247 > .wrapper > div > span {
margin: 0 0 15px 0;
}
#footer .footer-roza-polje.f247 > .wrapper > .f-telefon {
margin: 0 0 60px 0;
}
#footer .footer-roza-polje.f247 .bela-crta{
display: block;
margin-top: 0;
}
#footer .footer-roza-polje.f247 .gumb{
margin-bottom: 0;
margin-top: 30px;
width: auto;
}
#footer .footer-roza-polje.f247 > .wrapper{
padding: 0;
}
#footer .footer-roza-polje.f247 > .wrapper > div{
margin-bottom: 0;
}
}
@media screen and (max-width: 744px){
#footer .footer-roza-polje.obvescanje > .wrapper{
padding: 0;
}
#footer .footer-roza-polje:not(.f247) p{
width: 100%;
padding: 0 30px;
box-sizing: border-box;
}
#footer .footer-roza-polje.obvescanje{
padding: 60px 0 30px;
}
#footer .footer-roza-polje .vnasalnik{
margin: 0;
width: 100%;
margin-bottom: 60px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 30px;
box-sizing: border-box;
}
#footer .footer-roza-polje.obvescanje > .wrapper > .social{
border-top: 1px solid rgba(255,255,255,0.3);
padding-top: 24px;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 447px){
#footer .footer-roza-polje .vnasalnik {margin-bottom: 50px;}
}

#footer .footer-roza-polje.obvescanje{z-index: 10;}


#content .nav-bar{
position: relative;
float: left;
width: 100%;
background: #fff;
}
#content .nav-bar h4, #content .nav-bar span{
position: relative;
float: left;
width: auto;
font-family: 'Oswald', sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 60px;
}
#content .nav-bar span {margin: 0 2px;}
#content .mini-slider{
position: relative;
float: left;
width: 100%;
height: auto;
padding: 80px 0;
overflow: hidden;
}
#content .mini-slider .napisi {
z-index: 2; 
text-align: center;
width: 870px;
margin-left: -435px;
left: 50%;
}

@media screen and (max-width: 947px){
#content .mini-slider .napisi{
left: auto;
margin-left: 0;
width: 100%;
padding: 0 30px;
box-sizing: border-box;
}
}

#content .mini-slider h1, #content .mini-slider p{
position: relative;
float: left;
width: 100%;
color: #fff;
}
#content .mini-slider h1{
font-family: 'Oswald', sans-serif;
font-size: 32px;
font-weight: 700;
margin-bottom: 10px;
}
#content .mini-slider p {
font-size: 15px;
line-height: 24px;
}
#content .mini-slider p:last-of-type{
font-size: 20px;
text-transform: uppercase;
margin-top: 20px;
font-family: 'Oswald', sans-serif;
} 
@media screen and (max-width: 469px) and (min-width: 410px){
#content .mini-slider h1 {font-size: 28px;}
#content .mini-slider p:last-of-type {font-size: 20px; margin-top: 15px;}
#content .mini-slider p {font-size: 14px;}
}
@media screen and (max-width: 409px){
#content .mini-slider h1 {font-size: 22px;}
#content .mini-slider p:last-of-type {font-size: 17px; margin-top: 10px;}
#content .mini-slider p {font-size: 13px;}
}
@media screen and (max-width: 554px) and (min-width: 486px){
body.stanovanja #content .mini-slider h1{
font-size: 27px;
}
}
@media screen and (max-width: 485px) and (min-width: 404px){
body.stanovanja #content .mini-slider h1{
font-size: 21px;
}
}
@media screen and (max-width: 403px){
body.stanovanja #content .mini-slider h1{
font-size: 17px;
}
}
#content .mini-slider img{
position: absolute;
width: 1600px;
left: 50%;
margin-left: -800px;
height: 500px;
top: 50%;
margin-top: -250px;
z-index: 0;
}
@media screen and (min-width: 1600px){
#content .mini-slider img{
left: auto;
margin-left: 0;
width: 100%;
height: auto;
top: 0;
margin-top: 0;
}
}
#content .mini-slider .zaslonka {z-index: 1;}

#content .statistika{
position: relative;
float: left;
width: 100%;
padding: 90px 0 10px 0;
}
#content .statistika h2{
position: relative;
float: left;
width: 100%;
text-align: center;
font-size: 32px;
font-family: 'Oswald', sans-serif;
font-weight: 700;
line-height: 32px;
margin-bottom: 10px;
text-transform: uppercase;
color: #1d1d1b;
}
#content .statistika .wrapper > p {
position: relative;
float: left;
width: 100%;
text-align: center;
font-size: 15px;
line-height: 24px;
color: #1d1d1b;
}
#content > .stevci {color: #c3143d;}
#content .statistika .stevci{
position: relative;
float: left;
width: 100%;
padding: 0 60px;
margin-top: 90px;
margin-bottom: 80px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
box-sizing: border-box;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #c3143d;
}
#content .statistika .stevci > .stevec > p{
color: #c3143d;
}
#content .statistika .stevci.s1366 {
}
#content .statistika .stevci[class^='s'] {padding: 0 30px;}
#content .statistika .stevci.s1366 .stevec:nth-last-of-type(1), #content .statistika .stevci.s1280 .stevec:nth-last-of-type(1) {
display: none;
}
#content .statistika .stevci.s1280 .stevec canvas{ width: 158px; height: 158px; }
#content .statistika .stevci.s1280 .stevec p{ line-height: 158px; }

#content .statistika .stevci.s768 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#content .statistika .stevci.s768 .stevec {width: -webkit-calc(25% - 10px); width: -moz-calc(25% - 10px); width: calc(25% - 10px); margin-left: 10px;}
#content .statistika .stevci.s768 .stevec:nth-of-type(-n+4) {margin-bottom: 40px;}
#content .statistika .stevci.s768 .stevec:nth-of-type(1), #content .statistika .stevci.s768 .stevec:nth-of-type(5) {margin-left: 0;}
#content .statistika .stevci.s768 figure{
width: 170px;
height: 170px;
}
#content .statistika .stevci.s1490 figure {width: 170px; height: 170px; margin-left: -85px;}
#content .statistika .stevci.s1410 figure {width: 160px; height: 160px; margin-left: -80px;}
#content .statistika .stevci.s1310 figure {width: 170px; height: 170px; margin-left: -85px;}
#content .statistika .stevci.s1240 figure {width: 160px; height: 160px; margin-left: -80px;}
#content .statistika .stevci.s1130 figure {width: 170px; height: 170px; margin-left: -85px;}
#content .statistika .stevci.s1070 figure {width: 160px; height: 160px; margin-left: -80px;}
#content .statistika .stevci.s768 figure {width: 170px; height: 170px; margin-left: -85px;}

#content .statistika .stevci.s1410 .stevec > p, #content .statistika .stevci.s1240 .stevec > p, #content .statistika .stevci.s1070 .stevec > p {line-height: 160px;}

#content .statistika .stevci.s1310 .stevec:nth-of-type(8), #content .statistika .stevci.s1240 .stevec:nth-of-type(8), #content .statistika .stevci.s1130 .stevec:nth-of-type(8), #content .statistika .stevci.s1070 .stevec:nth-of-type(8){
display: none;
}
#content .statistika .stevci.s1130 .stevec:nth-of-type(7), #content .statistika .stevci.s1070 .stevec:nth-of-type(7) {display: none;}

@media screen and (max-width: 785px){
#content .statistika .stevci.s768 .stevec{
width: 190px;
margin-bottom: 40px;
margin-left: 0;
}
}
@media screen and (max-width: 460px){
#content .statistika {display: none;}
}

#content .izdelava-vrat .vrata img {
position: relative;
float: left;
width: auto;
height: 169px;
margin-right: 47px;
}
#content .izdelava-vrat .vrata img:last-of-type {margin-right: 0;}
#content .izdelava-vrat .vrata {
position: relative;
float: left;
width: 960px;
left: 50%;
margin-left: -480px;
margin-bottom: 40px;
}
@media screen and (max-width: 1037px){
#content .izdelava-vrat .vrata{
width: 100%;
left: auto;
margin-left: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
#content .izdelava-vrat .vrata img {margin-right: 0; margin-bottom: 40px;}
#content .izdelava-vrat .vrata img:last-of-type {margin-bottom: 0;}
}
#content .izdelava-vrat {color: #1d1d1b; text-align: center;}
#content .izdelava-vrat h2, #content .izdelava-vrat h3, #content .izdelava-vrat p {position: relative; float: left; width: 100%; text-transform: uppercase;}
#content .izdelava-vrat h2 {font-size: 32px; line-height: 32px; margin-bottom: 10px; font-weight: 700; font-family: 'Oswald', sans-serif;}
#content .izdelava-vrat h3 {font-family: 'Oswald', sans-serif; font-size: 21px; font-weight: 700; }
#content .izdelava-vrat p {font-size: 18px; line-height: 18px; margin-bottom: 40px;}

@media screen and (max-width: 500px){
#content .izdelava-vrat p, #content .izdelava-vrat .vrata img {margin-bottom: 20px; width: 100%; height: auto;}
#content .izdelava-vrat .vrata {margin-bottom: 30px;}
#content .izdelava-vrat h2 {line-height: 45px;}
}
@media screen and (max-width: 400px){
#content .izdelava-vrat .vrata img {margin-bottom: 15px;}
}

#content > div.certifikati{
position: relative;
float: left;
width: 100%;
padding: 90px 0;
clear: both;
left: auto;
margin-left: 0;
}
.hise #content > div.certifikati {background: #eee;}
#content > div.certifikati h3 {
position: relative;
float: left;
width: 100%;
text-align: center;
font-size: 30px;
color: #252421;
line-height: 30px;
margin-bottom: 15px;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
@media screen and (max-width: 699px){
#content > div.certifikati h3{
line-height: 40px;
}
}
#content > div.certifikati p{
position: relative;
float: left;
font-size: 15px;
color: #4d4d4d;
line-height: 22px;
margin-bottom: 60px;
text-align: center;
width: 1000px;
left: 50%;
margin-left: -500px;
}
@media screen and (max-width: 1076px){
#content > div.certifikati p{
width: 100%;
left: auto;
margin-left: 0;
}
}
@media screen and (max-width: 640px){
#content > div.certifikati p{
font-size: 14px;
}
}
#content > div.certifikati > div{
position: relative;
float: left;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#content > div.certifikati > div img {margin-right: 120px;}
#content > div.certifikati > div img:last-of-type {margin-right: 0;}

@media screen and (max-width: 739px) and (min-width: 560px){
#content > div.certifikati{
padding: 60px 0;
}
#content > div.certifikati > div img{
margin-right: -webkit-calc(50% - 210px);
margin-right: -moz-calc(50% - 210px);
margin-right: calc(50% - 210px);
}
}
@media screen and (max-width: 559px){
#content > div.certifikati{
padding: 60px 0;
}
#content > div.certifikati > div img{
margin-right: 30px;
}
#content > div.certifikati p {margin-bottom: 30px;}
}

#content .vrata-polje{
position: relative;
float: left;
width: 100%;
color: #1d1d1b;
padding: 90px 0;
}
#content .vrata-polje .wrapper {clear: both;}
#content .vrata-polje .wrapper:first-of-type {margin-bottom: 60px;}
#content .vrata-polje > h2, #content .vrata-polje > p {position: relative; float: left; width: 100%; text-align: center; text-transform: uppercase;}
#content .vrata-polje > h2{
font-family: 'Oswald', sans-serif;
font-size: 32px;
line-height: 32px;
margin-bottom: 10px;
}
#content .vrata-polje > p{
font-size: 18px;
line-height: 18px;
margin-bottom: 90px;
}
@media screen and (max-width: 1137px){
#content .vrata-polje > h2, #content .vrata-polje > p{
width: 100%;
box-sizing: border-box;
padding: 0 30px;
}
}
@media screen and (max-width: 699px){
#content .vrata-polje > h2 {font-size: 30px; line-height: 40px;}
}

#content .dvo-enota{
position: relative;
float: left;
width: 320px;
height: auto;
}
#content .dvo-enota .enota-vrat:first-of-type {margin-bottom: 40px}
#content .dvo-enota .enota-vrat {width: 100%;}
#content .enota-vrat{
position: relative;
float: left;
width: 320px;
font-family: 'Oswald', sans-serif;
background: url(../images/ikone/vmesna-linija-vrata.png) no-repeat right center;
}
#content .enota-vrat.swiper-slide:last-of-type {background: transparent;}
#content .enota-vrat h4, #content .enota-vrat h3, #content .enota-vrat h4 + p{
position: relative;
float: left;
width: 100%;
text-align: center;
}
#content .enota-vrat h4 {font-size: 18px; font-weight: 300; color: #545454; line-height: 18px; margin-bottom: 14px; text-transform: uppercase;}
#content .enota-vrat h3 {font-size: 16px; font-weight: 400; color: #1d1d1d; font-family: 'Oswald', sans-serif; line-height: 18px; text-transform: uppercase;}
#content .enota-vrat h4 + p {font-size: 20px; font-weight: 700; line-height: 26px;}
#content .enota-vrat h4 + p > span.font-roza {font-size: 26px;}
#content .enota-vrat img {position: relative; margin: 0 auto; width: auto; height: 370px;}

.puscica-levo, .puscica-desno{
position: absolute;
top: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
cursor: pointer;
z-index: 2;
}
.puscica-levo {left: 0; background: #1d1d1b;}
.puscica-desno {right: 0; background: #c3143d;}
.puscica-levo span, .puscica-desno span{
position: absolute;
left: 50%;
top: 50%;
width: 10px;
margin-top: -8px;
margin-left: -5px;
height: 17px;
background: url(../images/ikone/navigacijske-puscice.png);
}
.puscica-levo span {background-position: 0 0;}
.puscica-levo span {background-position: 0 -17px;}
/* STANOVANJA */

.lastnosti-vrat canvas {position: relative; background: url(https://www.protivlomna-vrata.com/images/ozadja/vrata2.jpg.pagespeed.ce.I2nWNJC-sR.jpg) no-repeat; background-position: 107px 85px; background-size: 1082px auto;}

.konfigurator-vrat{
position: relative;
float: left;
width: 1260px;
left: 50%;
margin-left: -670px;
padding: 90px 0;
}


.konfigurator-vrat .konfigurator{
position: relative;
float: left;
width: 980px;
box-sizing: border-box;
padding-left: 80px;
padding-right: 138px;
}
.konfigurator-vrat .konfigurator .zig {
position: absolute;
left: 0;
top: 120px;
z-index: 2;
}
.konfigurator-vrat .konfigurator .roza{
position: absolute;
left: -160px;
top: 215px;
z-index: 2;
}
.konfigurator-vrat .konfigurator .vrata{
position: relative;
float: left;
width: 295px;
height: 643px;
background: url(https://www.protivlomna-vrata.com/images/KONFIGURATOR_MATERIJAL_POSREDOVAN_OD_VOVKO/PRIPRAVLJENE/SLIKE_IN_VZORCI_1_NA_BELEM_PODBOJU/SLIKE_NA_BELEM_OKVIRJU/vrata_bela_konfigurator_slika.jpg.pagespeed.ce.BUg56Ohu3j.jpg);
background-size: 100% auto !important;
}
.konfigurator-vrat .konfigurator .vrata.bela {background: url(https://www.protivlomna-vrata.com/images/konfigurator/BELI_PODBOJ/xvrata_bela_beli_podboj.jpg.pagespeed.ic.63bC1P9pvk.jpg);}
.konfigurator-vrat .konfigurator .vrata.bukev {background: url(../images/konfigurator/BELI_PODBOJ/vrata_bukev_beli_podboj.jpg);}
.konfigurator-vrat .konfigurator .vrata.naravni-hrast {background: url(../images/konfigurator/BELI_PODBOJ/vrata_naravni_hrast_beli_podboj.jpg);}
.konfigurator-vrat .konfigurator .vrata.beljen-hrast {background: url(../images/konfigurator/BELI_PODBOJ/vrata_beljen_hrast_beli_podboj.jpg);}
.konfigurator-vrat .konfigurator .vrata.temni-hrast {background: url(../images/konfigurator/BELI_PODBOJ/vrata_temni_hrast_beli_podboj.jpg);}
.konfigurator-vrat .konfigurator .vrata.oreh {background: url(../images/konfigurator/BELI_PODBOJ/vrata_oreh_beli_podboj.jpg);}
.konfigurator-vrat .konfigurator .vrata.jelsa {background: url(../images/konfigurator/BELI_PODBOJ/vrata_jelsa_beli_podboj.jpg);}
.konfigurator-vrat .konfigurator .vrata.mahagonij {background: url(../images/konfigurator/BELI_PODBOJ/vrata_mahagonija_beli_podboj.jpg);}
.konfigurator-vrat .konfigurator .vrata.cesnja {background: url(../images/konfigurator/BELI_PODBOJ/vrata_cesnja_beli_podboj.jpg);}
.konfigurator-vrat .konfigurator .vrata.sivi-hrast {background: url(../images/konfigurator/BELI_PODBOJ/vrata_sivi_hrast_beli_podboj.jpg);}

.konfigurator-vrat .konfigurator.crn .vrata.bela {background: url(../images/konfigurator/RJAVI_PODBOJ/vrata_bela_rjavi_podboj.jpg);}
.konfigurator-vrat .konfigurator.crn .vrata.bukev {background: url(../images/konfigurator/RJAVI_PODBOJ/vrata_bukev_rjavi_podboj.jpg);}
.konfigurator-vrat .konfigurator.crn .vrata.naravni-hrast {background: url(../images/konfigurator/RJAVI_PODBOJ/vrata_naravni_hrast_rjavi_podboj.jpg);}
.konfigurator-vrat .konfigurator.crn .vrata.beljen-hrast {background: url(../images/konfigurator/RJAVI_PODBOJ/vrata_beljen_hrast_rjavi_podboj.jpg);}
.konfigurator-vrat .konfigurator.crn .vrata.temni-hrast {background: url(../images/konfigurator/RJAVI_PODBOJ/vrata_temni_hrast_rjavi_podboj.jpg);}
.konfigurator-vrat .konfigurator.crn .vrata.oreh {background: url(../images/konfigurator/RJAVI_PODBOJ/vrata_oreh_rjavi_podboj.jpg);}
.konfigurator-vrat .konfigurator.crn .vrata.jelsa {background: url(../images/konfigurator/RJAVI_PODBOJ/vrata_jelsa_rjavi_podboj.jpg);}
.konfigurator-vrat .konfigurator.crn .vrata.mahagonij {background: url(../images/konfigurator/RJAVI_PODBOJ/vrata_mahagonij_rjavi_podboj.jpg);}
.konfigurator-vrat .konfigurator.crn .vrata.cesnja {background: url(../images/konfigurator/RJAVI_PODBOJ/vrata_cesnja_rjavi_podboj.jpg);}
.konfigurator-vrat .konfigurator.crn .vrata.sivi-hrast {background: url(../images/konfigurator/RJAVI_PODBOJ/vrata_sivi_hrast_rjavi_podboj.jpg);}

.konfigurator-vrat .konfigurator .vrata .gumbi-barve{
position: absolute;
bottom: 30px;
left: 50%;
margin-left: -65px;
width: 130px;
height: 60px;
}
.konfigurator-vrat .konfigurator .vrata .gumbi-barve span{
position: relative;
float: left;
display: block;
width: 60px;
height: 60px;
margin-left: 10px;
font-size: 13px;
font-family: 'Oswald', sans-serif;
font-weight: 300;
color: #fff;
text-transform: uppercase;
padding: 9px;
box-sizing: border-box;
text-align: center;
cursor: pointer;
}
.konfigurator-vrat .konfigurator .vrata .gumbi-barve span.unactive{
background: #c3143d;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
}
.konfigurator-vrat .konfigurator .vrata .gumbi-barve span.active{
background: #181818;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
}
.konfigurator-vrat .konfigurator .vrata .gumbi-barve span:first-of-type{
margin-left: 0;
}

.konfigurator-vrat .konfigurator .vrata .senca{
position: absolute;
bottom: -129px;
height: 129px;
width: 295px;
left: 0;
background: url(../images/elementi/konfigurator/vrata-senca.png);
background-size: 100% auto !important;
background-position: top center !important;
background-repeat: no-repeat !important;
}
.konfigurator-vrat .konfigurator .vrata.bela .senca {background: url(https://www.protivlomna-vrata.com/images/konfigurator/SENCE/xsenca_bela_vrata.jpg.pagespeed.ic.TacaeiCufb.jpg);}
.konfigurator-vrat .konfigurator .vrata.bukev .senca {background: url(../images/konfigurator/SENCE/senca_bukev.jpg);}
.konfigurator-vrat .konfigurator .vrata.naravni-hrast .senca {background: url(../images/konfigurator/SENCE/senca_naravni_hrast.jpg);}
.konfigurator-vrat .konfigurator .vrata.beljen-hrast .senca {background: url(../images/konfigurator/SENCE/senca_beljen_hrast.jpg);}
.konfigurator-vrat .konfigurator .vrata.temni-hrast .senca {background: url(../images/konfigurator/SENCE/senca_temni_hrast.jpg);}
.konfigurator-vrat .konfigurator .vrata.oreh .senca {background: url(../images/konfigurator/SENCE/senca_oreh.jpg);}
.konfigurator-vrat .konfigurator .vrata.jelsa .senca {background: url(../images/konfigurator/SENCE/senca_jelsa.jpg);}
.konfigurator-vrat .konfigurator .vrata.mahagonij .senca {background: url(../images/konfigurator/SENCE/senca_mahagonij.jpg);}
.konfigurator-vrat .konfigurator .vrata.cesnja .senca {background: url(../images/konfigurator/SENCE/senca_cesnja.jpg);}
.konfigurator-vrat .konfigurator .vrata.sivi-hrast .senca {background: url(../images/konfigurator/SENCE/senca_sivi_hrast.jpg);}

.konfigurator-vrat .konfigurator .izbirnik{
position: relative;
float: right;
width: 300px;
}
.konfigurator-vrat .konfigurator .izbirnik h3{
position: relative;
float: left;
width: 100%;
text-align: center;
font-size: 28px;
font-weight: 700;
font-family: 'Oswald', sans-serif;
line-height: 28px;
margin-bottom: 4px;
}
.konfigurator-vrat .konfigurator .izbirnik h3 + p{
position: relative;
float: left;
width: 100%;
text-align: center;
font-size: 14px;
font-weight: 400;
font-family: 'Oswald', sans-serif;
line-height: 14px;
margin-bottom: 7px;
text-transform: uppercase;
}
.konfigurator-vrat .konfigurator .izbirnik h3, .konfigurator-vrat .konfigurator .izbirnik h3 + p{
color: #c3143d;
-webkit-transition: font 300ms linear;
-moz-transition: font 300ms linear;
-o-transition: font 300ms linear;
-ms-transition: font 300ms linear;
transition: font 300ms linear;
}
.konfigurator-vrat .konfigurator.crn .izbirnik h3, .konfigurator-vrat .konfigurator.crn .izbirnik h3 + p {
color: #221a0e;
-webkit-transition: font 300ms linear;
-moz-transition: font 300ms linear;
-o-transition: font 300ms linear;
-ms-transition: font 300ms linear;
transition: font 300ms linear;
}
.konfigurator-vrat .konfigurator .izbirnik ul{
position: relative;
float: left;
width: 100%;
}
.konfigurator-vrat .konfigurator .izbirnik ul li{
position: relative;
float: left;
width: 280px;
border: 10px solid #fff;
cursor: pointer;
-webkit-transition: border-color 300ms linear;
-moz-transition: border-color 300ms linear;
-o-transition: border-color 300ms linear;
-ms-transition: border-color 300ms linear;
transition: border-color 300ms linear;
}
.konfigurator-vrat .konfigurator .izbirnik ul li span{
position: relative;
float: left;
width: 130px;
line-height: 55px;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 14px;
text-align: center;
}
.konfigurator-vrat .konfigurator .izbirnik ul li.senca{
position: absolute;
cursor: default;
width: 324px;
height: 129px;
bottom: -119px;
left: 10px;
border: 0;
opacity: 0.4;
background: url(../images/elementi/konfigurator/ul-senca.png) no-repeat;
}
.konfigurator-vrat .konfigurator .izbirnik ul li span {
background: #c3143d;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
}
.konfigurator-vrat .konfigurator.crn .izbirnik ul li span {
background: #221a0e;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
}
.konfigurator-vrat .konfigurator .izbirnik ul li:nth-of-type(1) {background: url(https://www.protivlomna-vrata.com/images/KONFIGURATOR_MATERIJAL_POSREDOVAN_OD_VOVKO/PRIPRAVLJENE/SLIKE_IN_VZORCI_1_NA_BELEM_PODBOJU/VZORCI/xvzorec_bela_konfigurator_slika.jpg.pagespeed.ic.khocUpxsE6.jpg) no-repeat right center;}
.konfigurator-vrat .konfigurator .izbirnik ul li:nth-of-type(2) {background: url(https://www.protivlomna-vrata.com/images/KONFIGURATOR_MATERIJAL_POSREDOVAN_OD_VOVKO/PRIPRAVLJENE/SLIKE_IN_VZORCI_1_NA_BELEM_PODBOJU/VZORCI/xvzorec_bukev_konfigurator_slika.jpg.pagespeed.ic.Wa0E3g33Mz.jpg) no-repeat right center;}
.konfigurator-vrat .konfigurator .izbirnik ul li:nth-of-type(3) {background: url(https://www.protivlomna-vrata.com/images/KONFIGURATOR_MATERIJAL_POSREDOVAN_OD_VOVKO/PRIPRAVLJENE/SLIKE_IN_VZORCI_1_NA_BELEM_PODBOJU/VZORCI/xvzorec_naravni_hrast_konfigurator_slika.jpg.pagespeed.ic.VwAcHbc18w.jpg) no-repeat right center;}
.konfigurator-vrat .konfigurator .izbirnik ul li:nth-of-type(4) {background: url(https://www.protivlomna-vrata.com/images/KONFIGURATOR_MATERIJAL_POSREDOVAN_OD_VOVKO/PRIPRAVLJENE/SLIKE_IN_VZORCI_1_NA_BELEM_PODBOJU/VZORCI/xvzorec_beljen_hrast_konfigurator_slika.jpg.pagespeed.ic.fo4iLNwnkn.jpg) no-repeat right center;}
.konfigurator-vrat .konfigurator .izbirnik ul li:nth-of-type(5) {background: url(https://www.protivlomna-vrata.com/images/KONFIGURATOR_MATERIJAL_POSREDOVAN_OD_VOVKO/PRIPRAVLJENE/SLIKE_IN_VZORCI_1_NA_BELEM_PODBOJU/VZORCI/xvzorec_temni_hrast_konfigurator_slika.jpg.pagespeed.ic.DeaGpRC6RC.jpg) no-repeat right center;}
.konfigurator-vrat .konfigurator .izbirnik ul li:nth-of-type(6) {background: url(../images/KONFIGURATOR_MATERIJAL_POSREDOVAN_OD_VOVKO/PRIPRAVLJENE/SLIKE_IN_VZORCI_1_NA_BELEM_PODBOJU/VZORCI/vzorec_oreh_konfigurator_slika.jpg) no-repeat right center;}
.konfigurator-vrat .konfigurator .izbirnik ul li:nth-of-type(7) {background: url(../images/KONFIGURATOR_MATERIJAL_POSREDOVAN_OD_VOVKO/PRIPRAVLJENE/SLIKE_IN_VZORCI_1_NA_BELEM_PODBOJU/VZORCI/vzorec_jelsa_konfigurator_slika.jpg) no-repeat right center;}
.konfigurator-vrat .konfigurator .izbirnik ul li:nth-of-type(8) {background: url(https://www.protivlomna-vrata.com/images/KONFIGURATOR_MATERIJAL_POSREDOVAN_OD_VOVKO/PRIPRAVLJENE/SLIKE_IN_VZORCI_1_NA_BELEM_PODBOJU/VZORCI/xvzorec_mahagonij_konfigurator_slika.jpg.pagespeed.ic.YJl9urpP_D.jpg) no-repeat right center;}
.konfigurator-vrat .konfigurator .izbirnik ul li:nth-of-type(7) {background: url(https://www.protivlomna-vrata.com/images/KONFIGURATOR_MATERIJAL_POSREDOVAN_OD_VOVKO/PRIPRAVLJENE/SLIKE_IN_VZORCI_1_NA_BELEM_PODBOJU/VZORCI/xvzorec_cesnja_konfigurator_slika.jpg.pagespeed.ic.JJvkHjT-cC.jpg) no-repeat right center;}
.konfigurator-vrat .konfigurator .izbirnik ul li:nth-of-type(9) {background: url(https://www.protivlomna-vrata.com/images/KONFIGURATOR_MATERIJAL_POSREDOVAN_OD_VOVKO/PRIPRAVLJENE/SLIKE_IN_VZORCI_1_NA_BELEM_PODBOJU/VZORCI/xvzorec_sivi_hrast_konfigurator_slika.jpg.pagespeed.ic._o5WuswstG.jpg) no-repeat right center;}
.konfigurator-vrat .konfigurator .izbirnik ul li:hover, .konfigurator-vrat .konfigurator .izbirnik ul li:active, .konfigurator-vrat .konfigurator .izbirnik ul li.active{
border-color: #eee;
-webkit-transition: border-color 300ms linear;
-moz-transition: border-color 300ms linear;
-o-transition: border-color 300ms linear;
-ms-transition: border-color 300ms linear;
transition: border-color 300ms linear;
}
.konfigurator-vrat .reklamno{
position: relative;
float: left;
width: 280px;
}

.konfigurator-vrat .reklamno ul{
position: relative;
float: left;
width: 100%;
box-sizing: border-box;
padding: 50px 45px;
background: #c3143d;
}
.konfigurator-vrat .reklamno ul, .konfigurator-vrat .reklamno li {
position: relative;
float: left;
width: 100%;
}
.konfigurator-vrat .reklamno li{
font-size: 18px;
line-height: 22px;
margin-bottom: 20px;
font-weight: 400;
font-family: 'Oswald', sans-serif;
padding-left: 36px;
background: url(../images/elementi/konfigurator/konfigurator-kljukica.svg) no-repeat left center;
box-sizing: border-box;
color: #fff;
text-transform: uppercase;
}
.konfigurator-vrat .reklamno li:last-of-type {margin-bottom: 0;}
.konfigurator-vrat .reklamno .certifikati{
position: relative;
float: left;
width: 100%;
box-sizing: border-box;
padding: 50px 20px;
background: #f9ecef;
}
.konfigurator-vrat .reklamno .certifikati img {
height: 65px;
width: auto;
margin-right: 10px;
}
.konfigurator-vrat .reklamno .certifikati img:last-of-type{ margin-right: 0;}
.konfigurator-vrat .reklamno .roza{
position: relative;
float: left;
width: 100%;
padding: 40px 0;
background: #c3143d;
}
.konfigurator-vrat .reklamno .roza p, .konfigurator-vrat .reklamno .roza h4{
position: relative;
float: left;
width: 100%;
text-align: center;
font-family: 'Oswald', sans-serif;
color: #fff;
text-transform: uppercase;
}
.konfigurator-vrat .reklamno .roza p{font-size: 33px; line-height: 33px; margin-bottom: 12px;}
.konfigurator-vrat .reklamno .roza h4 {font-size: 62px; line-height: 62px; font-weight: 700;}
.konfigurator-vrat .reklamno .roza .senca {position: absolute; left: 0; bottom: -94px; width: 280px; height: 94px; background: url(../images/elementi/konfigurator/cena-senca.png);}

/**/

@media screen and (max-width: 1024px){
.konfigurator-vrat{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-left: 100px;
}
.konfigurator-vrat .reklamno{
width: 100%;
margin-top: 60px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.konfigurator-vrat .reklamno .roza, .konfigurator-vrat .reklamno .certifikati, .konfigurator-vrat .reklamno ul{
width: -webkit-calc(100% / 3);
width: -moz-calc(100% / 3);
width: calc(100% / 3);
}
.konfigurator-vrat .reklamno .roza .senca {display: none;}
.konfigurator-vrat .reklamno .roza{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.konfigurator-vrat .reklamno li {margin-bottom: 10px;}
.konfigurator-vrat .reklamno .certifikati img {height: auto; width: -webkit-calc(100% / 4); width: -moz-calc(100% / 4); width: calc(100% / 4);}
}
@media screen and (max-width: 1397px){
.konfigurator-vrat{
width: 100%;
padding: 90px 30px;
left: auto;
margin: 0;
box-sizing: border-box;
}
.konfigurator-vrat .konfigurator{
width: -webkit-calc(100% - 360px);
padding-right: -webkit-calc(50% - 517px);
width: -moz-calc(100% - 360px);
padding-right: -moz-calc(50% - 517px);
width: calc(100% - 360px);
padding-right: calc(50% - 517px);
}
}
@media screen and (max-width: 1220px){
.konfigurator-vrat .konfigurator{
width: 803px;
padding-right: 67px;
margin-left: -webkit-calc(50% - 581px);
margin-left: -moz-calc(50% - 581px);
margin-left: calc(50% - 581px);
}
.konfigurator-vrat{padding: 90px 60px;}
}
@media screen and (max-width: 1167px){
.konfigurator-vrat{padding: 90px 30px;}
}
@media screen and (max-width: 1024px){
.konfigurator-vrat .konfigurator{
width: 100%;
padding: 0;
margin-left: 0;
padding-left: 0;
}
}
@media screen and (max-width: 1239px){
.konfigurator-vrat .konfigurator .zig {display: none;}
.konfigurator-vrat .konfigurator {
padding-left: 0;
margin-left: 0; 
padding-right: -webkit-calc(50% - 434px); 
width: -webkit-calc(100% - 280px);
padding-right: -moz-calc(50% - 434px); 
width: -moz-calc(100% - 280px);
padding-right: calc(50% - 434px); 
width: calc(100% - 280px);
}
}
@media screen and (max-width: 1024px){
.konfigurator-vrat .konfigurator .zig {display: block; left: -80px;}
.konfigurator-vrat .konfigurator {width: 646px; padding-right: 0;}
.konfigurator-vrat .konfigurator .izbirnik{ float: left; margin-left: 50px;}
}
@media screen and (max-width: 880px){
.konfigurator-vrat .konfigurator .zig {display: none;}
}
@media screen and (max-width: 750px){
.konfigurator-vrat .konfigurator{
width: 100%;
}
.konfigurator-vrat .konfigurator .izbirnik {width: -webkit-calc(100% - 345px); width: -moz-calc(100% - 345px); width: calc(100% - 345px);}
.konfigurator-vrat .konfigurator .izbirnik ul li {width: 100%; box-sizing: border-box;}
.konfigurator-vrat .konfigurator .izbirnik ul li span {width: 50%;}
.konfigurator-vrat .konfigurator .izbirnik ul li.senca {width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); background-size: 100% auto !important;}
}

@media screen and (max-width: 892px){
.konfigurator-vrat .reklamno .certifikati{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
.konfigurator-vrat .reklamno .certifikati img {margin-right: 0; margin-bottom: 15px; height: 65px; width: auto;}
.konfigurator-vrat .reklamno .certifikati img:last-of-type{margin-bottom: 0;}
.konfigurator-vrat .reklamno .roza, .konfigurator-vrat .reklamno ul{
width: 280px;
}
.konfigurator-vrat .reklamno .certifikati{
width: -webkit-calc(100% - 560px);
width: -moz-calc(100% - 560px);
width: calc(100% - 560px);
}
}
@media screen and (max-width: 762px){
.konfigurator-vrat .reklamno .roza{
width: 49%;
width: -webkit-calc(50% - 1px);
width: -moz-calc(50% - 1px);
width: calc(50% - 1px);
border-left: 1px solid #d45e7a;
box-sizing: border-box;

}
.konfigurator-vrat .reklamno ul{
width: 49%;
width: -webkit-calc(50% - 1px);
width: -moz-calc(50% - 1px);
width: calc(50% - 1px);
border-right: 1px solid #d45e7a;
box-sizing: border-box;
padding-left: 50px;
}
.konfigurator-vrat .reklamno .certifikati{
width: 2px;
background: #c3143d;
}
.konfigurator-vrat .reklamno .certifikati > * {display: none;}
}
@media screen and (max-width: 633px){
.konfigurator-vrat .reklamno .roza{
width: 100%;
}
.konfigurator-vrat .reklamno .certifikati, .konfigurator-vrat .reklamno ul{display: none;}
}
@media screen and (max-width: 417px){
#link-barve-panelov{
padding: 60px 0;
}
.konfigurator-vrat .reklamno .certifikati{
display: block;
width: 100%;
height: 1px;
}
.konfigurator-vrat .reklamno .roza{
width: 100%;
border-left: 0;
border-top: 1px solid #fff;
}
.konfigurator-vrat .reklamno ul{
display: block;
width: 100%;
border-right: 0;
border-bottom: 1px solid #fff;
padding: 50px 0;
padding: 50px -webkit-calc(50% - 90px);
padding: 50px -moz-calc(50% - 90px);
padding: 50px calc(50% - 90px);
}
}

@media screen and (max-width: 632px){
.konfigurator-vrat{
display: none;
}
}

.lastnosti-vrat{
position: relative;
float: left;
width: 100%;
padding: 90px 0;
}
.lastnosti-vrat .napisi{
position: absolute;
width: 1280px;
height: 920px;
z-index: 10;
left: 50%;
margin-left: -640px;
top: 233px;
}
.lastnosti-vrat .napis{
position: absolute;
text-align: left;
width: 142px;
opacity: 0;
}
.lastnosti-vrat .napis.odprt{
opacity: 1;
-webkit-transition: opacity 300ms linear;
-moz-transition: opacity 300ms linear;
-o-transition: opacity 300ms linear;
-ms-transition: opacity 300ms linear;
transition: opacity 300ms linear;
}

.lastnosti-vrat .napis:nth-of-type(-n+7){
text-align: right;
}
.lastnosti-vrat .napis:nth-of-type(1){right: 1059px; top: 65px;}
.lastnosti-vrat .napis:nth-of-type(2){right: 1059px; top: 177px;}
.lastnosti-vrat .napis:nth-of-type(3){right: 1059px; top: 295px;}
.lastnosti-vrat .napis:nth-of-type(4){right: 1059px; top: 433px; width: 200px;}
.lastnosti-vrat .napis:nth-of-type(5){right: 1059px; top: 549px;}
.lastnosti-vrat .napis:nth-of-type(6){right: 1059px; top: 684px; width: 160px;}
.lastnosti-vrat .napis:nth-of-type(7){right: 1059px; top: 818px; width: 220px;}
.lastnosti-vrat .napis:nth-of-type(8){left: 1029px; top: 223px; width: 250px;}
.lastnosti-vrat .napis:nth-of-type(9){left: 1029px; top: 82px;}
.lastnosti-vrat .napis:nth-of-type(10){left: 1029px; top: 374px; width: 250px;}
.lastnosti-vrat .napis:nth-of-type(11){left: 1029px; top: 577px; width: 250px;}
.lastnosti-vrat .napis:nth-of-type(12){left: 1029px; top: 766px; width: 250px;}
.lastnosti-vrat .napis li > span{
position: relative;
float: left;
position: relative;
margin-right: 20px;
width: 7px;
height: 7px;
background: #c3143d;
border-radius: 100%;
margin-top: 10px;
}
.lastnosti-vrat .napis h4, .lastnosti-vrat .napis p, .lastnosti-vrat .napis ul, .lastnosti-vrat .napis li{
position: relative;
float: left;
width: 100%;
clear: both;
}
.lastnosti-vrat .napis ul {margin-top: 5px;}
.lastnosti-vrat .napis h4{
font-size: 18px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
color: #c3143d;
}
.lastnosti-vrat .napis p, .lastnosti-vrat .napis li{
font-size: 16px;
font-family: 'Oswald', sans-serif;
font-weight: 300;
color: #c3143d;
}
.lastnosti-vrat .ogrodje{
position: relative;
display: none;
}
.lastnosti-vrat img.mp {display: none;}
@media screen and (max-width: 1296px){
.svetloroza-polje section:nth-of-type(3), .svetloroza-polje section:nth-of-type(4) {background: #fff;}
.lastnosti-vrat canvas{
display: none;
}
.lastnosti-vrat .ogrodje{
display: block;
position: absolute;
width: 813px;
height: 935px;
left: 50%;
margin-left: -421px;
top: 232px;
background: url(../images/sestava/ogrodje-stopnja1.png) no-repeat center;
z-index: 2;
}
.lastnosti-vrat img.mp{
display: block;
height: 915px;
min-width: 1164px;
margin-top: 30px;
z-index: 1;
margin-top: 30px;
}
.lastnosti-vrat .napis {opacity: 1;}
.lastnosti-vrat .napis:nth-of-type(1){right: 989px;}
.lastnosti-vrat .napis:nth-of-type(2){right: 989px; width: 155px; top: 191px;}
.lastnosti-vrat .napis:nth-of-type(3){right: 989px; top: 290px;}
.lastnosti-vrat .napis:nth-of-type(4){right: 989px;width: 200px; top: 415px;}
.lastnosti-vrat .napis:nth-of-type(5){right: 989px; top: 540px;}
.lastnosti-vrat .napis:nth-of-type(6){right: 989px;width: 160px; top: 691px;}
.lastnosti-vrat .napis:nth-of-type(7){right: 989px;width: 220px;}
.lastnosti-vrat .napis:nth-of-type(8){left: 959px;width: 250px; top: 231px;}
.lastnosti-vrat .napis:nth-of-type(9){left: 959px; top: 87px;}
.lastnosti-vrat .napis:nth-of-type(10){left: 959px;width: 250px;}
.lastnosti-vrat .napis:nth-of-type(11){left: 959px;width: 250px; top: 573px;}
.lastnosti-vrat .napis:nth-of-type(12){left: 959px;width: 250px; top: 769px;}
}
@media screen and (max-width: 1156px){
.lastnosti-vrat .ogrodje{
background: url(../images/sestava/ogrodje-stopnja2.png) no-repeat center;
width: 660px;
margin-left: -346px;
}
.lastnosti-vrat .napis:nth-of-type(1){right: 919px;}
.lastnosti-vrat .napis:nth-of-type(2){right: 919px;width: 155px; top: 191px;}
.lastnosti-vrat .napis:nth-of-type(3){right: 919px; top: 290px;}
.lastnosti-vrat .napis:nth-of-type(4){right: 919px;width: 200px; top: 415px;}
.lastnosti-vrat .napis:nth-of-type(5){right: 919px; top: 540px;}
.lastnosti-vrat .napis:nth-of-type(6){right: 919px;width: 160px; top: 691px;}
.lastnosti-vrat .napis:nth-of-type(7){right: 919px;width: 220px;}
.lastnosti-vrat .napis:nth-of-type(8){left: 889px;width: 250px; top: 231px;}
.lastnosti-vrat .napis:nth-of-type(9){left: 889px; top: 87px;}
.lastnosti-vrat .napis:nth-of-type(10){left: 889px;width: 250px;}
.lastnosti-vrat .napis:nth-of-type(11){left: 889px;width: 250px; top: 573px;}
.lastnosti-vrat .napis:nth-of-type(12){left: 889px;width: 250px; top: 769px;}
.lastnosti-vrat .napis h4 {font-size: 16px;}
.lastnosti-vrat .napis p, .lastnosti-vrat .napis li {font-size: 15px;}
.lastnosti-vrat .napis li > span {display: none;}
}
@media screen and (max-width: 976px){
.svetloroza-polje section:nth-of-type(1), .svetloroza-polje section:nth-of-type(2), .svetloroza-polje section:nth-of-type(5), .svetloroza-polje section:nth-of-type(6){background: #fff;}
.svetloroza-polje section:nth-of-type(3), .svetloroza-polje section:nth-of-type(4) {background: transparent;}
.lastnosti-vrat{
display: none;
}
}

.antibakterijsko {
position: relative;
float: left;
width: 100%;
color: #ffffff;
padding: 90px 0;
background: #c3143d;
overflow: hidden;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.antibakterijsko img.paralax-ozadje{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
z-index: 1;
opacity: 0.1;
-webkit-transition: top 100ms linear;
-moz-transition: top 100ms linear;
-o-transition: top 100ms linear;
-ms-transition: top 100ms linear;
transition: top 100ms linear;
}
.antibakterijsko img.paralax-ozadje.bg{
top: 0;
left: auto;
height: 100%;
width: auto;
margin: 0 auto;
min-width: 100%; min-height: 100%;
}
.antibakterijsko .polovica{
position: relative;
float: left;
width: 590px;
box-sizing: border-box;
z-index: 2;
}
.antibakterijsko .polovica:nth-of-type(2){ padding-left: 60px; }

.antibakterijsko h3, .antibakterijsko h4, .antibakterijsko p{
position: relative;
float: left;
width: 100%;
}
.antibakterijsko h3 {
font-size: 32px;
font-weight: 700;
color: inherit;
line-height: 32px;
margin-bottom: 10px;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
.antibakterijsko h3 img {position: absolute; right: 144px; top: 0;}
.antibakterijsko h4 {
font-size: 20px;
font-weight: 400;
font-family: 'Oswald', sans-serif;
line-height: 20px;
}
.antibakterijsko p{
font-size: 14px;
line-height: 22px;
margin-top: 15px;
}
.antibakterijsko ul{
position: relative;
float: left;
width: 100%;
}
.antibakterijsko li{
line-height: 28px;
font-size: 20px;
font-weight: 400;
padding-left: 50px;
background: url(../images/ikone/antibakterijska_kljuka_kljukica.svg) no-repeat left top;
font-family: 'Oswald', sans-serif;
margin-bottom: 15px;
}
.antibakterijsko p.cena{
font-size: 32px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
line-height: 45px;
}
.antibakterijsko p.cena strong {
font-size: 45px;
font-weight: 700;
}

@media screen and (max-width: 1276px){
.antibakterijsko .polovica{
width: 50%;
padding: 0 30px;
}
.antibakterijsko .polovica:nth-of-type(2){
padding-left: 30px;
}
.antibakterijsko{
padding: 60px 30px;
box-sizing: border-box;
}
.antibakterijsko h3 img {right: 20px;}
}
@media screen and (max-width: 1097px){
.antibakterijsko .polovica:nth-of-type(2) {padding-left: 30px;}
}
@media screen and (max-width: 1020px){
.antibakterijsko {padding-left: 0; padding-right: 0;}
.antibakterijsko h3 img {display: none;}
}
@media screen and (max-width: 820px){
.antibakterijsko h3 img {display: none;}
.antibakterijsko .polovica{
width: 100%;
padding: 0 30px;
}
.antibakterijsko .polovica:nth-of-type(2) {margin-top: 30px; padding-left: 30px;}
}
@media screen and (max-width: 525px){
.antibakterijsko h3 img {display: none;}
.antibakterijsko li{
font-size: 16px;
margin-bottom: 10px;
}
}

.gradbeno-opozorilo {
position: relative;
float: left;
width: 100%;
line-height: 90px;
color: #333;
font-size: 14px;
text-align: center;
}
.svetloroza-polje{
position: relative;
float: left;
width: 100%;
background: #f9ecef;
}
.svetloroza-polje ul {
position: relative;
float: left;
width: 490px;
height: 200px;
margin-left: 100px;
}
.svetloroza-polje li{
line-height: 22px;
}
.svetloroza-polje section {position: relative; float: left; width: 50%; box-sizing:border-box;}
.svetloroza-polje section:nth-of-type(2n) ul {float: left;}
.svetloroza-polje section:nth-of-type(2n-1) ul {float: right;}
.svetloroza-polje section:nth-of-type(2n) {padding-left: 50px;}
.svetloroza-polje section:nth-of-type(2n-1) {padding-right: 50px;}
.svetloroza-polje {margin-left: 0;}

.svetloroza-polje ul > li{
position: relative;
float: left;
width: 325px;
color: #1d1d1b;
}
.svetloroza-polje ul > li:first-of-type{
height: 85px;
width: 85px;
background: #c3143d;
color: #fff;
margin-right: 40px;
padding: 20px;
}
.svetloroza-polje ul > li:first-of-type h4{
font-family: 'Oswald', sans-serif;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
line-height: 20px;
}
.svetloroza-polje ul > li:first-of-type h4 > span {
position: absolute;
bottom: 20px;
right: 20px;
font-weight: 700;
font-size: 43px;
width: auto;
line-height: 43px;
text-transform: uppercase;
}
.svetloroza-polje ul > li:first-of-type h4 > span small {font-size: 26px; font-weight: 400; text-transform: none;}
.svetloroza-polje ul > li h3{
font-family: 'Oswald', sans-serif;
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
margin-bottom: 15px;
}
.svetloroza-polje ul > li:last-of-type{
line-height: 20px;
font-size: 14px;
}
.svetloroza-polje ul:nth-of-type(2n-1) {margin-left: 0;}
.svetloroza-polje {padding-top: 75px;}

@media screen and (max-width: 1297px){
.svetloroza-polje {padding-top: 0;}
.svetloroza-polje section {padding-top: 75px;}
.svetloroza-polje section:nth-of-type(2n) {padding-left: -webkit-calc(16.6667% - 160px); padding-left: -moz-calc(16.6667% - 160px); padding-left: calc(16.6667% - 160px);}
.svetloroza-polje section:nth-of-type(2n-1) {padding-right: -webkit-calc(16.6667% - 160px); padding-right: -moz-calc(16.6667% - 160px); padding-right: calc(16.6667% - 160px); }
.svetloroza-polje section:nth-of-type(1), .svetloroza-polje section:nth-of-type(2) {padding-top: 75px;}  
.svetloroza-polje section:nth-of-type(5), .svetloroza-polje section:nth-of-type(6) {padding-bottom: 75px;}  
.svetloroza-polje section:nth-of-type(5) ul, .svetloroza-polje section:nth-of-type(6) ul {height: auto;}  
.svetloroza-polje ul {margin-left: 20px;}
.svetloroza-polje.lastnosti > .wrapper{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-moz-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media screen and (max-width: 1077px){
.svetloroza-polje section{
padding: 60px 0;
}
.svetloroza-polje section:nth-of-type(1), .svetloroza-polje section:nth-of-type(2) {padding-top: 60px;}  
.svetloroza-polje section:nth-of-type(5), .svetloroza-polje section:nth-of-type(6) {padding-bottom: 60px;}  
.svetloroza-polje section:nth-of-type(2n){
padding-left: 50px;
}
.svetloroza-polje section:nth-of-type(2n-1){
padding-right: 50px;
}
.svetloroza-polje ul {
width: auto;
margin-left: 0;
height: 300px;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-moz-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.svetloroza-polje ul > li:first-of-type {margin: 0 0 20px;}
.svetloroza-polje ul > li {max-width: 300px;}
}
@media screen and (max-width: 967px){
.svetloroza-polje section:nth-of-type(2n) {padding-left: -webkit-calc(16.6667% - 108px); padding-left: -moz-calc(16.6667% - 108px); padding-left: calc(16.6667% - 108px);}
.svetloroza-polje section:nth-of-type(2n-1) {padding-right: -webkit-calc(16.6667% - 108px); padding-right: -moz-calc(16.6667% - 108px); padding-right: calc(16.6667% - 108px);}
}
@media screen and (max-width: 766px){
.svetloroza-polje section:nth-of-type(2n) {padding-left: -webkit-calc(33.3333% - 216px); padding-left: -moz-calc(33.3333% - 216px); padding-left: calc(33.3333% - 216px);}
.svetloroza-polje section:nth-of-type(2n-1) {padding-right: -webkit-calc(33.3333% - 216px); padding-right: -moz-calc(33.3333% - 216px); padding-right: calc(33.3333% - 216px);}
}
@media screen and (max-width: 729px){
.svetloroza-polje ul > li{
width: 90%;
}
}
@media screen and (max-width: 676px){
.svetloroza-polje section{
width: 100%;
height: auto;
padding: 60px 0;
}
.svetloroza-polje section:nth-of-type(2n) ul, .svetloroza-polje section:nth-of-type(2n-1) ul{
float: none;
margin: 0 auto;
height: auto;
}
.svetloroza-polje section:nth-of-type(2n) {background: #fff;}
.svetloroza-polje section:nth-of-type(2n-1) {background: transparent;}
}

.kljuke{
position: relative;
float: left;
width: 100%;
padding: 90px 0;
}
.kljuke .vec-kljuk{
position: relative;
display: block;
font-size: 15px;
color: #fff;
background: #c3143d;
border: 2px solid #c3143d;
border-radius: 25px;
font-family: 'Oswald', sans-serif;
text-align: center;
line-height: 46px;
width: 304px;
left: 50%;
margin-left: -152px;
text-transform: uppercase;
margin-top: 30px;
clear: both;
font-weight: 400;
-webkit-transition: background-color 300ms linear, color 300ms linear;
-moz-transition: background-color 300ms linear, color 300ms linear;
-o-transition: background-color 300ms linear, color 300ms linear;
-ms-transition: background-color 300ms linear, color 300ms linear;
transition: background-color 300ms linear, color 300ms linear;
}
.kljuke .vec-kljuk:hover, .kljuke .vec-kljuk:active{
background: #fff;
color: #c3143d;
-webkit-transition: background-color 300ms linear, color 300ms linear;
-moz-transition: background-color 300ms linear, color 300ms linear;
-o-transition: background-color 300ms linear, color 300ms linear;
-ms-transition: background-color 300ms linear, color 300ms linear;
transition: background-color 300ms linear, color 300ms linear;
}
.kljuke ul{
position: relative;
float: left;
width: 320px;
margin-right: 110px;
color: #1d1d1b;
margin-bottom: 80px;
height: 300px;
}
.kljuke ul:nth-child(n+4){
margin-bottom: 90px;
height: auto;
}
.kljuke ul:nth-child(3n){
margin-right: 0;
}
.kljuke ul > li:first-of-type span{
position: relative;
float: left;
width: 60px;
height: 60px;
background: #a8a8a8;
color: #fff;
border-radius: 100%;
font-family: 'Oswald', sans-serif;
line-height: 60px;
text-align: center;
font-size: 28px;
font-weight: 700;
margin-right: 20px;
}
.kljuke ul > li:last-of-type{
position: relative;
float: left;
width: 100%;
font-size: 15px;
line-height: 15px;
}
.kljuke ul > li:last-of-type h3 strong {font-weight: 400;}
.kljuke ul > li > h3{
position: relative;
float: left;
font-family: 'Oswald', sans-serif;
width: 185px;
font-size: 24px;
line-height: 30px;
font-weight: 300;
}
.kljuke ul > li > h3 strong{
position: relative;
float: left;
width: inherit;
font-weight: 400;
}
.kljuke h2{
position: relative;
float: left;
width: 100%;
text-align: center;
color: #1d1d1b;
font-size: 32px;
line-height: 32px;
margin-bottom: 15px;
font-family: 'Oswald', sans-serif;
}
.kljuke h2 + p {
position: relative;
float: left;
width: 960px;
left: 50%;
margin-left: -480px;
font-size: 14px;
color: #1d1d1b;
line-height: 24px;
font-size: 16px;
margin-bottom: 80px;
text-align: center;
}
.kljuke section{
position: relative;
width: 1180px;
margin: 0 auto;
clear: both;
}
.kljuke section + p{
position: relative;
float: left;
width: 100%;
text-align: center;
font-size: 16px;
}
.kljuke section + p > a {color: #c3143d;}
.kljuke ul li img {max-width: 100%;}

@media screen and (max-width: 1037px){
.kljuke h2 + p {width: 100%; margin-left: 0; left: auto;}
}
@media screen and (max-width: 1257px){
.kljuke section{
width: 100%;
margin: 0;
}
.kljuke ul{
margin-right: 40px;
width: -webkit-calc(100% / 3 - 30px);
width: -moz-calc(100% / 3 - 30px);
width: calc(100% / 3 - 30px);
padding-left: 0;
}
}
@media screen and (max-width: 1027px){
#content .kljuke ul{
width: 300px;
margin-left: -webkit-calc(25% - 150px); margin-right: -webkit-calc(25% - 150px);
margin-left: -moz-calc(25% - 150px); margin-right: -moz-calc(25% - 150px);
margin-left: calc(25% - 150px); margin-right: calc(25% - 150px);
}
.kljuke ul:nth-of-type(2n-1){
clear: left;
}
}
@media screen and (max-width: 737px){
.kljuke ul > li > h3 {width: 178px;}
#content .kljuke ul{
width: 300px;
float: none;
left: 50%;
margin-left: -150px;
}
}
@media screen and (max-width: 377px){
#content .kljuke ul, .kljuke .vec-kljuk{
width: 100%;
left: auto;
margin-left: 0;
}
}
#content .sivo-polje.nadsvetloba figure{
position: relative;
float: left;
width: auto;
max-width: 955px;
}
#content .sivo-polje.nadsvetloba .polovica:first-child{
width: 500px;
}
#content .sivo-polje.nadsvetloba h3{
position: relative;
float: left;
width: 100%;
font-size: 31px;
font-family: 'Oswald', sans-serif;
font-weight: 700;
line-height: 31px;
text-transform: uppercase;
margin-bottom: 15px;
}
#content .sivo-polje.nadsvetloba p {font-size: 16px; line-height: 24px; margin-bottom: 40px; max-width: 955px; }
#content .sivo-polje.nadsvetloba figure img {margin-bottom: 20px; }
@media screen and (max-width: 963px){
#content .sivo-polje.nadsvetloba {padding-left: 30px; padding-right: 30px; box-sizing: border-box;}
#content .sivo-polje.nadsvetloba figure img {width: 100%; height: auto;}
}
#content .sivo-polje.nadsvetloba figcaption{
position: relative;
float: left;
width: 103%;
color: #1d1d1b;
font-family: 'Oswald', sans-serif;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
}
#content .sivo-polje.nadsvetloba figcaption span {position: relative; float: left; text-align: center; margin-right: 6%;}
#content .sivo-polje.nadsvetloba figcaption span:last-of-type{margin-right: 0;}
#content .sivo-polje.nadsvetloba figcaption span:nth-of-type(1){width: 26%;}
#content .sivo-polje.nadsvetloba figcaption span:nth-of-type(2){width: 26%; margin-right: 4%;}
#content .sivo-polje.nadsvetloba figcaption span:nth-of-type(3){width: 15%; margin-right: 4%;}
#content .sivo-polje.nadsvetloba figcaption span:nth-of-type(4){width: 18%;}

@media screen and (max-width: 1217px){
#content .sivo-polje.nadsvetloba .polovica{
text-align: center;
padding: 0;
}
#content .sivo-polje.nadsvetloba .polovica:nth-of-type(1){
margin-bottom: 40px;
}
#content .sivo-polje.nadsvetloba .polovica:first-child{width: 700px}
}
@media screen and (max-width: 780px){
#content .sivo-polje.nadsvetloba .polovica{
width: 100%;
padding: 0 30px;
box-sizing: border-box;
}
}
@media screen and (max-width: 540px){
#content .sivo-polje.nadsvetloba figcaption span {display: none;}
#content .sivo-polje.nadsvetloba .polovica:nth-of-type(1) {margin-bottom: 0; margin-top: 20px;}
}


#content .sivo-polje.cilindricni-vlozki{
color: #1d1d1b;
background: #fff;
}
#content .cilindricni-vlozki .tretjina{
width: 320px;
margin-right: 110px;
text-align: left;
padding: 70px 0 40px 0;
}
#content .cilindricni-vlozki .tretjina:first-of-type{margin-left: 50px;}
#content .cilindricni-vlozki .tretjina:last-of-type{margin-right: 0;}
.cilindricni-vlozki .tretjina i{
position: relative;
display: inline-block;
float: left;
width: 60px;
height: 60px;
border-radius: 100%;
line-height: 60px;
font-family: 'Oswald', sans-serif;
text-align: center;
color: #fff;
font-size: 28px;
font-weight: 700;
font-style: normal;
margin-right: 20px;
}
.cilindricni-vlozki .tretjina:nth-of-type(1) i {background: #a8a8a8;}
.cilindricni-vlozki .tretjina:nth-of-type(3) i {background: #c3143d;}
.cilindricni-vlozki .tretjina:nth-of-type(2) i {background: #1d1d1b;}
.cilindricni-vlozki h2{
font-size: 32px;
font-family: 'Oswald', sans-serif;
font-weight: 700;
line-height: 32px;
margin-bottom: 10px;
}
.cilindricni-vlozki h2 + p{
max-width: 960px;
margin: 0 auto;
line-height: 24px;
font-size: 16px;
color: #1d1d1b;
}
.cilindricni-vlozki .tretjina h4{
font-size: 24px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
position: relative;
float: left;
width: 120px;
line-height: 30px;
text-transform: uppercase;
}
@media screen and (max-width: 877px){
.cilindricni-vlozki .tretjina h4{
width: 90px;
}
}
.cilindricni-vlozki .tretjina h4 span{
position: relative;
float: left;
width: inherit;
font-weight: 300;
}
.cilindricni-vlozki .tretjina img {
margin: 30px 0;
max-width: 100%;
}
.cilindricni-vlozki .tretjina figure{
max-width: 100%;
position: relative;
float: left;
}
.cilindricni-vlozki .tretjina figure img{
position: relative;
float: left;
left: 0;
}
.cilindricni-vlozki .tretjina figure img.odkrita{
opacity: 1;
}
.cilindricni-vlozki .tretjina figure img.skrita{
opacity: 0;
position: absolute;
z-index: 1;
left: 0;
-webkit-animation: blinkanje 8s infinite; /* Safari 4+ */
-moz-animation:    blinkanje 8s infinite; /* Fx 5+ */
-o-animation:      blinkanje 8s infinite; /* Opera 12+ */
animation:         blinkanje 8s infinite; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes blinkanje {
40% {
opacity: 0;
}
50% {
opacity: 1;
}
90%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@-moz-keyframes blinkanje {
40% {
opacity: 0;
}
50% {
opacity: 1;
}
90%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@-o-keyframes blinkanje {
40% {
opacity: 0;
}
50% {
opacity: 1;
}
90%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@keyframes blinkanje {
40% {
opacity: 0;
}
50% {
opacity: 1;
}
90%{
opacity: 1;
}
100%{
opacity: 0;
}
}
.cilindricni-vlozki .tretjina p {
position: relative;
float: left;
width: 250px;
font-size: 14px;
line-height: 20px;
}

@media screen and (max-width: 1297px){
#content .cilindricni-vlozki .tretjina {
margin: 0;
box-sizing: border-box;
width: -webkit-calc(100% / 3 - 60px);
width: -moz-calc(100% / 3 - 60px);
width: calc(100% / 3 - 60px);
margin-left: 90px;
}
#content .cilindricni-vlozki .tretjina:first-of-type {margin-left: 0;}
#content .cilindricni-vlozki .tretjina img {max-width: 100%;}
.cilindricni-vlozki .tretjina p {width: 100%;}
}

@media screen and (max-width: 819px){
#content .cilindricni-vlozki .tretjina {width: -webkit-calc(100% / 3 - 40px); width: -moz-calc(100% / 3 - 40px); width: calc(100% / 3 - 40px); margin-left: 60px; padding-bottom: 0;}
#content .sivo-polje.cilindricni-vlozki {padding: 60px 0;}
#content .cilindricni-vlozki div.tretjina:last-of-type {padding-bottom: 0;}
#content .cilindricni-vlozki div.tretjina:first-of-type {padding-top: 70px;}
}
@media screen and (max-width: 719px){
#content .cilindricni-vlozki .tretjina {width: -webkit-calc(100% / 3 - 20px); width: -moz-calc(100% / 3 - 20px); width: calc(100% / 3 - 20px); margin-left: 30px; padding-bottom: 0;}
}
@media screen and (max-width: 663px){
#content .cilindricni-vlozki .tretjina:first-of-type, #content .cilindricni-vlozki .tretjina {width: 300px; clear: both; left: 50%; margin-left: -150px; padding-bottom: 0; margin-bottom: 30px;}
#content .cilindricni-vlozki div.tretjina:last-of-type {margin-bottom: 0;}
#content .cilindricni-vlozki .tretjina img, #content .cilindricni-vlozki .tretjina figure {width: 100%;}
#content .cilindricni-vlozki div.tretjina:last-of-type {margin-bottom: 70px;}
}
@media screen and (max-width: 377px){
#content .cilindricni-vlozki .tretjina:first-of-type, #content .cilindricni-vlozki .tretjina {
width: 100%;
left: auto; 
margin-left: 0;
}
}

.napredno-kukalo {
padding: 90px 0;
background: #eeeeee;
}
.napredno-kukalo .polovica{
position: relative;
float: left;
width: 540px;
height: 360px;
color: #1d1d1b;
}
.napredno-kukalo .polovica:first-of-type{
}
.napredno-kukalo h2{
position: relative;
float: left;
font-family: 'Oswald', sans-serif;
font-size: 34px;
color: #c3143d;
line-height: 31px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 5px;
width: 100%;
text-align: center;
}
.napredno-kukalo h3{
position: relative;
float: left;
font-family: 'Oswald', sans-serif;
font-size: 20px;
line-height: 34px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 20px;
width: 100%;
text-align: center;
}
.napredno-kukalo p:not(.cena) {
position: relative;
float: left;
line-height: 22px;
font-size: 14px;
}
.napredno-kukalo em{
font-style: normal;
position: relative;
float: left;
width: 100%;
font-size: 24px;
font-weight: 400;
color: #c3143d;
line-height: 24px;
margin-top: 25px;
font-family: 'Oswald',sans-serif;
}
.napredno-kukalo .cena{
position: absolute;
right: 0;
top: 275px;
font-size: 32px;
color: #c3143d;
font-weight: 400;
line-height: 30px;
width: 240px;
text-align: right;
}
.napredno-kukalo .cena span {
font-size: 45px;
font-weight: 700;
}
.napredno-kukalo .cena span + span{
position: relative;
float: right;
font-size: 15px;
color: #383838;
margin-top: 5px;
font-weight: 300;
}
.napredno-kukalo ul{
position: relative;
float: left;
width: 100%;
margin-top: 60px;
}
.napredno-kukalo li{
position: relative;
float: left;
margin-right: 20px;
width: 125px;
height: 125px;
border-radius: 100%;
background: #c3143d;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.napredno-kukalo li:nth-child(2n){background: #1d1d1b;}
.napredno-kukalo li span {
line-height: 24px;
float: left;
color: #fff;
font-family: 'Oswald',sans-serif;
font-size: 16px;
text-align: center;
text-transform: uppercase;
width: 76px;
position: relative;
left: 50%;
margin-left: -38px;
}
.napredno-kukalo li:last-of-type{
margin-right: 0;
}
.napredno-kukalo .polovica img{
float: right;
}
@media screen and (max-width: 1165px) and (min-width: 946px){
.napredno-kukalo .polovica:nth-of-type(1) {width: -webkit-calc(100% - 440px); width: -moz-calc(100% - 440px); width: calc(100% - 440px);}
.napredno-kukalo .polovica:nth-of-type(2) {width: 440px;}
.napredno-kukalo li {width: 115px; height: 115px; margin-right: 10px;}
}
@media screen and (max-width: 945px){
.napredno-kukalo .polovica {height: auto;}
.napredno-kukalo .polovica:nth-of-type(1) {width: 100%; margin-bottom: 40px;}
.napredno-kukalo .polovica:nth-of-type(1) > * {max-width: 500px; float: none; margin: 0 auto;}
.napredno-kukalo .polovica:nth-of-type(2) {width: 404px; left: 50%; margin-left: -202px;}
#content .napredno-kukalo .polovica:nth-of-type(1) > h2 {line-height: 40px; margin-bottom: 10px !important;}
#content .napredno-kukalo .polovica:nth-of-type(1) > h3 {margin-bottom: 10px !important;}
.napredno-kukalo ul {display: none;}
/*.napredno-kukalo ul {position: absolute; right: 0; width: 40%; margin-top: 0;}
.napredno-kukalo li {margin-bottom: 20px;}
.napredno-kukalo ul > li:last-of-type {margin-bottom: 0;}*/
}
/*@media screen and (max-width: 640px){
.napredno-kukalo ul {display: none;}
}*/
@media screen and (max-width: 453px){
.napredno-kukalo .polovica:nth-of-type(2) {width: 100%; left: 0; margin-left: 0;}
.napredno-kukalo .polovica img {width: 100%;}
.napredno-kukalo .cena {top: 230px;}
.napredno-kukalo.wrapper {padding-bottom: 140px;}

}

.tabela-vrat{
position: relative;
float: left;
padding: 90px 0;
clear: both;
}
.tabela-vrat ul {
position: relative;
float: left;
width: 1090px;
margin-top: 2px;
}
.tabela-vrat ul > li {
position: relative;
float: left;
width: 210px;
height: 50px;
text-align: center;
margin-right: 2px;
font-family: 'Oswald', sans-serif;
font-size: 14px;
font-weight: 400;
background: #fcfcfc;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-transition: background-color 180ms linear;
-moz-transition: background-color 180ms linear;
-o-transition: background-color 180ms linear;
-ms-transition: background-color 180ms linear;
transition: background-color 180ms linear;
}
.tabela-vrat ul:first-of-type {margin-top: 0;}
.tabela-vrat ul:first-of-type > li:first-of-type, .tabela-vrat ul:last-of-type > li:first-of-type {background: transparent;}
.tabela-vrat ul:first-of-type > li {
height: 150px;
font-size: 24px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.tabela-vrat ul:last-of-type > li{
height: 150px;
}
.tabela-vrat ul:last-of-type > li p {
position: relative;
width: 164px;
left: 50%;
margin-left: -82px;
text-align: center;
font-size: 13px;
line-height: 18px;
font-weight: 300;
color: #fff;
font-family: 'Ubuntu', sans-serif;
}
.tabela-vrat ul:last-of-type > li:nth-of-type(3) p {width: 140px; margin-left: -70px;}

.tabela-vrat ul:first-of-type > li:nth-of-type(2), .tabela-vrat ul:last-of-type > li:nth-of-type(2){background: #a8a8a8;}
.tabela-vrat ul:first-of-type > li:nth-of-type(3), .tabela-vrat ul:last-of-type > li:nth-of-type(3){background: #797979;}
.tabela-vrat ul:first-of-type > li:nth-of-type(4), .tabela-vrat ul:last-of-type > li:nth-of-type(4){background: #383838;}
.tabela-vrat ul:first-of-type > li:nth-of-type(5), .tabela-vrat ul:last-of-type > li:nth-of-type(5){background: #1d1d1b;}
.tabela-vrat ul:nth-of-type(2n) > li {background: #eeeeef;}
.tabela-vrat ul > li:first-of-type{ width: 240px; }
.tabela-vrat > ul > li:first-of-type > p {text-transform: uppercase; font-weight: 300 !important;}
.tabela-vrat ul > li:last-of-type { margin-right: 0; }
.tabela-vrat ul > li > span.kljukica, .tabela-vrat ul > li > span.krizec{
width: 19px;
height: 19px;
position: relative;
left: 50%;
margin-left: -9px;
float: left;
}
.tabela-vrat ul > li > p {text-align: center; width: 100%; }
.tabela-vrat ul:not(:first-of-type):not(:last-of-type) > li > p {color: #343434; font-size: 13px; font-weight: 400;}
.tabela-vrat ul > li > span.kljukica {background: url(../images/ikone/ikona_kljukica.svg) no-repeat center;}
.tabela-vrat ul > li > span.krizec {background: url(../images/ikone/ikona_krizec.svg) no-repeat center;}

.tabela-vrat li:hover, li.roza:active {cursor: copy;}

.tabela-vrat ul:nth-child(2n) > li.roza {
background: #fbf1f3;
-webkit-transition: background-color 360ms linear;
-moz-transition: background-color 360ms linear;
-o-transition: background-color 360ms linear;
-ms-transition: background-color 360ms linear;
transition: background-color 360ms linear;
}
.tabela-vrat ul > li.roza {
background: #f3d0d8;
-webkit-transition: background-color 360ms linear;
-moz-transition: background-color 360ms linear;
-o-transition: background-color 360ms linear;
-ms-transition: background-color 360ms linear;
transition: background-color 360ms linear;
}
.tabela-vrat ul:first-of-type > li.roza, .tabela-vrat ul:last-of-type > li.roza {
background: #c3143d;
-webkit-transition: background-color 360ms linear;
-moz-transition: background-color 360ms linear;
-o-transition: background-color 360ms linear;
-ms-transition: background-color 360ms linear;
transition: background-color 360ms linear;
}
.tabela-vrat ul:not(:first-of-type):not(:last-of-type) > li.roza > p {color: #c3143d;} 
@media screen and (max-width: 1167px){
.tabela-vrat ul {width: auto;}
.tabela-vrat ul > li:first-of-type {width: 200px;}
}
@media screen and (max-width: 1117px){
.tabela-vrat ul > li {width: -webkit-calc(100% / 4 - 208px / 4); width: -moz-calc(100% / 4 - 208px / 4); width: calc(100% / 4 - 208px / 4);}
.tabela-vrat ul {width: 100%;}
.tabela-vrat ul:last-of-type > li p, .tabela-vrat ul:last-of-type > li:nth-of-type(3) p {width: 100%; left: auto; margin-left: 0; padding: 0 10px; box-sizing: border-box;}
}
@media screen and (max-width: 703px){
.tabela-vrat {display: none;}
}
.canvas-holder{
position: relative;
float: left;
width: 100%;
padding: 90px 0;
}
.canvas-holder #canvas-vrata{
position: relative;
float: left;
border:1px solid #dadada;
left: 50%;
margin-left: -400px;
}

/* BLOG */

.blog-zaglavje{
border-bottom: 1px solid #d1d1d1;
padding: 80px 0 20px 0;
}
@media screen and (max-width: 961px){
.blog-zaglavje{
padding: 60px 0 20px 0;
}
}
@media screen and (max-width: 640px){
.blog-zaglavje{
padding: 30px 0 20px 0;
}
}

.blog-zaglavje h1{
position: relative;
float: left;
font-size: 32px;
font-family: 'Oswald', sans-serif;
color: #c3143d;
font-weight: 700;
line-height: 32px;
margin-left: 70px;
}
.blog-zaglavje a{
position: relative;
float: right;
display: block;
margin-right: 70px;
margin-top: 7px;
}
@media screen and (max-width: 516px){
.blog-zaglavje a{
display: none;
}
}
.blog-zaglavje a > span{
position: relative;
float: left;
width: 28px;
height: 25px;
background: url(../images/ikone/telefon-blog.png);
margin-right: 20px;
}
.blog-zaglavje a > p{
position: relative;
float: left;
line-height: 25px;
font-size: 24px;
font-family: 'Oswald', sans-serif;
color: #c3143d;
font-weight: 700;
}
#blog-zapisi{
position: relative;
float: left;
clear: both;
}

#blog-zapisi article{
position: relative;
float: left;
width: auto;
padding: 60px 0;
border-bottom: 1px solid #d1d1d1;
}

#blog-zapisi article:last-of-type{
border-bottom: 0;
padding: 60px 0 90px 0;
}

#blog-zapisi article > *:first-child{
padding: 0 50px 0 70px; 
}
#blog-zapisi article > *:last-child{
padding: 0 70px 0 50px; 
}

#blog-zapisi article > figure{
position: relative;
float: left;
width: 520px;
height: 270px;
overflow: hidden;
}
#blog-zapisi article > figure img{
display: block;
float: none;
height: 100%;
margin: 0 auto;
width: auto;
}
#blog-zapisi article > div{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-moz-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
float: left;
width: 520px;
height: 270px;
}
#blog-zapisi article header{
position: relative;
float: left;
display: block;
width: 100%;
}
#blog-zapisi article header > p, #blog-zapisi article header > h2{
position: relative;
float: left;
width: 100%;
}
#blog-zapisi article header > p {
font-size: 14px;
color: #4d4d4d;
}
#blog-zapisi article header > h2{
font-size: 28px;
font-weight: 500;
color: #c3143d;
line-height: 36px;
margin: 2px 0 8px 0;
font-family: 'Oswald', sans-serif;
}
#blog-zapisi article section{
position: relative;
float: left;
width: 100%;
font-size: 14px;
line-height: 22px;
color: #4d4d4d;
}
#blog-zapisi section div.summary + a {
position: relative;
float: left;
width: 100%;
font-size: 16px;
color: #c3143d;
margin-top: 18px;
}
@media screen and (max-width: 1296px){
#blog-zapisi article > *:first-child { padding: 0 30px 0 0; }

#blog-zapisi article > *:last-child { padding: 0 0 0 30px; }

#blog-zapisi article > figure {overflow: hidden;}
#blog-zapisi article > figure img {width: auto; height: 100%;}

#blog-zapisi article > div, #blog-zapisi article > figure {
width: -webkit-calc(50% - 30px);
width: -moz-calc(50% - 30px);
width: calc(50% - 30px);
}

.blog-zaglavje h1 {margin-left: 0;}
.blog-zaglavje a {margin-right: 0;}
}
@media screen and (max-width: 810px){
#blog-zapisi article > *:first-child, #blog-zapisi article > *:last-child { padding: 0; width: 100%; }
#blog-zapisi article > *:first-child {margin-bottom: 30px;}
#blog-zapisi article > figure img {height: auto; width: 100%; min-height: 0;}
#blog-zapisi article > div {height: auto;}
#blog-zapisi article {padding: 30px 0;}
#blog-zapisi article > div, #blog-zapisi article > figure {height: auto;}
}

.sivo-polje h1 {
position: relative;
float: left;
width: 100%;
color: #252421;
font-size: 32px;
line-height: 32px;
margin-bottom: 10px;
font-weight: 700;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
.sivo-polje h1 + p{
position: relative;
float: left;
width: 620px;
left: 50%;
margin-left: -320px;
line-height: 24px;
color: #1d1d1b;
font-size: 15px;
}
@media screen and (max-width: 699px){
.sivo-polje h1{
font-size: 30px;
line-height: 40px;
}
.sivo-polje h1 + p{
box-sizing: border-box;
width: 100%;
left: auto;
margin-left: 0;
line-height: 24px;
}
}
body.katalogi .sivo-polje h1 + p{
width: 780px;
margin-left: -390px;
font-size: 16px;
line-height: 24px;
}
@media screen and (max-width: 857px){
body.katalogi .sivo-polje h1 + p{
width: 100%;
margin-left: 0;
left: auto;
}
}



#div-cookie {
position: fixed;
background: rgba(255, 255, 255, 0.85);
left: 25px;
bottom: 25px;
width: 280px;
text-align: center;
z-index: 9999;
border: 1px solid rgba(0, 0, 0, 0.03);
display: none;
transition: 0.25s;
padding: 20px 0;
}
#div-cookie #span-cookies-content{
padding: 10px 10px 20px;
font-size: 12px;
position: relative;
float: left;
text-align: center;
}
#div-cookie h2 {
font-family: Oswald, sans-serif;
font-size: 16px;
font-weight: 400;
color: #2a2e2b;
text-transform: uppercase;
}
#div-cookie-span {
font-size: 12px;
font-weight: 300;
color: #3b3b3b; 
}
#span-cookies-agree,
#span-cookies-no-agree {
height: 41px;
width: 115px;
display: inline-block;
line-height: 41px;
color: white;
text-transform: uppercase;
font-family: Oswald, sans-serif;
font-size: 13px;
font-weight: 300;
color: white;
cursor: pointer;
}
#span-cookies-agree {
margin-right: 10px;
background: #a6ce3b;
}
#span-cookies-agree:hover {
background: #6d910e;
margin-right: 10px;
}
#span-cookies-no-agree {
background: #b10739;
}
#span-cookies-no-agree:hover {
background: #99002d;
}

/* AKCIJE */

.akcije-slika{
position: relative;
float: left;
margin: 60px 0;
width: 1180px;
height: auto;
left: 50%;
margin-left: -590px;
}
@media screen and (max-width: 1257px){
.akcije-slika{
margin: 60px 30px;
left: auto;
width: -webkit-calc(100% - 60px);
width: -moz-calc(100% - 60px);
width: calc(100% - 60px);
}
}

.float-katalogi{
position: fixed;
bottom: -50px;
right: -webkit-calc(50% - 570px);
right: -moz-calc(50% - 570px);
right: calc(50% - 570px);
height: 50px;
width: 195px;
background: #c3143d;
color: #fff;
text-align: center;
line-height: 50px;
font-size: 17px;
font-weight: 300;
font-family: 'Oswald', sans-serif;
z-index: 604;
}
@media screen and (max-width: 1217px){
.float-katalogi{
right: 30px;
}
}
.float-katalogi.odprt{
bottom: 0;
-webkit-transition: bottom 300ms linear;
-moz-transition: bottom 300ms linear;
-o-transition: bottom 300ms linear;
-ms-transition: bottom 300ms linear;
transition: bottom 300ms linear;
}
.float-katalogi > div{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 300ms linear;
-moz-transition: opacity 300ms linear;
-o-transition: opacity 300ms linear;
-ms-transition: opacity 300ms linear;
transition: opacity 300ms linear;
cursor: pointer;
}
.float-katalogi > div.zakljucite{
opacity: 0;
font-weight: 400;
font-size: 14px;
}
.float-katalogi > div.zakljucite.odprt{
opacity: 1;
-webkit-transition: opacity 300ms linear;
-moz-transition: opacity 300ms linear;
-o-transition: opacity 300ms linear;
-ms-transition: opacity 300ms linear;
transition: opacity 300ms linear;
}
.float-katalogi > div.dodan {text-align: left;}
.float-katalogi > div.dodan.zaprt{
opacity: 0;
-webkit-transition: opacity 300ms linear;
-moz-transition: opacity 300ms linear;
-o-transition: opacity 300ms linear;
-ms-transition: opacity 300ms linear;
transition: opacity 300ms linear;
}
.float-katalogi span{
position: relative;
float: left;
width: 23px;
height: 50px;
margin-left: 20px;
margin-right: 15px;
background: url(../images/ikone/ikona_katalog_naroci.svg);
}

.info-okno{
min-width: 100px;
}
.info-okno.manjse{
min-width: 80px;
}
.info-okno h5{
position: absolute;
width: 100%;
height: 100%;
text-align: center;
color: #c3143d;
font-family: 'Oswald', sans-serif;
font-size: 16px;
top: -3px;
font-weight: 400;
}
.gm-style-iw + div {
display: none;
}
.info-okno h5.crna{
color: #1d1d1b;
}

img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
max-width: none;
}

#mnenja-strank article{
position: relative;
float: left;
width: 100%;
width:-webkit-calc(100% - 120px); 
width:-moz-calc(100% - 120px);
width: calc(100% - 120px);
height: auto;
margin: 0 40px 0 80px;
padding: 60px 0;
border-bottom: 1px solid #d1d1d1;
text-align: center;
}
#mnenja-strank .levo article:last-child {border-bottom: 0;} 
#mnenja-strank .desno article{
margin: 0 80px 0 40px;
}

#mnenja-strank {
padding: 30px 0;
}
#mnenja-strank > .levo, #mnenja-strank > .desno{
position: relative;
float: left;
width: 50%;
}
#mnenja-strank header{
position: relative;
float: left;
width: 100%;
}
#mnenja-strank header figure{
position: relative;
left: 50%;
margin-left: -85px;
width: 150px;
height: 150px;
border: 10px solid #e9e9e9;
border-radius: 100%;
margin-bottom: 35px;
overflow: hidden;
float: left;
}
#mnenja-strank header figure img {position: relative; float: left; width: 100%; height: 100%; left: 50%; top: 50%; margin: -75px 0 0 -75px;}
#mnenja-strank .gumb-vec-mnenje{
position: relative;
float: left;
width: 180px;
height: 38px;
line-height: 34px;
text-align: center;
text-transform: uppercase;
box-sizing: border-box;
border: 2px solid #c3143d;
margin-top: 35px;
border-radius: 19px;
left: 50%;
margin-left: -90px;
color: #c3143d;
-webkit-transition: background-color 300ms linear, color 300ms linear;
-moz-transition: background-color 300ms linear, color 300ms linear;
-o-transition: background-color 300ms linear, color 300ms linear;
-ms-transition: background-color 300ms linear, color 300ms linear;
transition: background-color 300ms linear, color 300ms linear;
cursor: pointer;
font-size: 14px;
font-weight: 400;
}
#mnenja-strank .gumb-vec-mnenje:hover, #mnenja-strank .gumb-vec-mnenje:active{
background: #c3143d;
color: #fff;
}
#mnenja-strank header h3 {
width: 100%;
font-size: 20px;
line-height: 26px;
color: #c3143d;
margin-bottom: 10px;
font-weight: 500;
}
#mnenja-strank article p {
width: 100%;
position: relative;
float: left;
font-size: 14px;
color: #4d4d4d;
line-height: 23px;
margin-bottom: 23px;
}
#mnenja-strank article p:last-of-type{
margin-bottom: 0;
}
#mnenja-strank article div.preberi-vec{
height: 0;
overflow: hidden;
position: relative;
float: left;
width: 100%;
-webkit-transition: height 800ms linear;
-moz-transition: height 800ms linear;
-o-transition: height 800ms linear;
-ms-transition: height 800ms linear;
transition: height 800ms linear;
}

@media screen and (max-width: 656px){
#mnenja-strank .levo, #mnenja-strank .desno {width: 100%; padding: 0 30px; box-sizing: border-box;}
#mnenja-strank article{
width: 100%;
margin: 0;
}
#mnenja-strank .desno article {margin: 0;}
#mnenja-strank .levo article:last-child{
border-bottom: 1px solid #d1d1d1;
}
#mnenja-strank .desno article:last-child{
border: 0;
}
}

#float-pomoc{
position: fixed;
bottom: -120px;
left: 0;
width: 100%;
background: rgba(0,0,0,0.9);
color: #fff;
height: 120px;
z-index: 604;
-webkit-transition: all 500ms cubic-bezier(1.000, 0.005, 1.000, 0.495);
-moz-transition: all 500ms cubic-bezier(1.000, 0.005, 1.000, 0.495);
-o-transition: all 500ms cubic-bezier(1.000, 0.005, 1.000, 0.495);
transition: all 500ms cubic-bezier(1.000, 0.005, 1.000, 0.495);
-webkit-transition: all 500ms cubic-bezier(1.000, 0.005, 1.000, 0.495);
-moz-transition: all 500ms cubic-bezier(1.000, 0.005, 1.000, 0.495);
-o-transition: all 500ms cubic-bezier(1.000, 0.005, 1.000, 0.495);
transition: all 500ms cubic-bezier(1.000, 0.005, 1.000, 0.495);
}
#float-pomoc.dvignjen{
bottom: 0;
-webkit-transition: all 500ms cubic-bezier(1.000, 0.005, 1.000, 0.495);
-moz-transition: all 500ms cubic-bezier(1.000, 0.005, 1.000, 0.495);
-o-transition: all 500ms cubic-bezier(1.000, 0.005, 1.000, 0.495);
transition: all 500ms cubic-bezier(1.000, 0.005, 1.000, 0.495);
-webkit-transition: all 500ms cubic-bezier(1.000, 0.005, 1.000, 0.495);
-moz-transition: all 500ms cubic-bezier(1.000, 0.005, 1.000, 0.495);
-o-transition: all 500ms cubic-bezier(1.000, 0.005, 1.000, 0.495);
transition: all 500ms cubic-bezier(1.000, 0.005, 1.000, 0.495);
}
#float-pomoc header{
margin-left: 60px;
position: relative;
float: left;
width: 600px;
height: 120px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#float-pomoc header h4{
font-family: 'Oswald', sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 24px;
margin-bottom: 5px;
}
#float-pomoc header p{
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
#float-pomoc .wrapper > div {
position: relative;
float: left;
width: 560px;
height: 120px;
padding-left: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
#float-pomoc .wrapper > div .telefon{
position: relative;
height: 24px;
margin-right: 38px;
padding: 8px 36px 8px 62px;
}
#float-pomoc .wrapper > div .gumb{
margin-right: 20px;
}
#float-pomoc .wrapper > div .zapri{
position: relative;
float: left;
width: 46px;
height: 46px;
border-radius: 100%;
border: 1px solid #fff;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
#float-pomoc .wrapper > div .zapri > span{
width: 13px;
height: 15px;
background: url(https://www.protivlomna-vrata.com/images/ikone/zapri.png.pagespeed.ce.DFMg8qlKv1.png) 0 0;
position: relative;
float: left;
}
#float-pomoc .wrapper > div .zapri:hover, #float-pomoc .wrapper > div .zapri:active {background: #fff;}
#float-pomoc .wrapper > div .zapri:hover > span, #float-pomoc .wrapper > div .zapri:active > span{
background: url(https://www.protivlomna-vrata.com/images/ikone/zapri.png.pagespeed.ce.DFMg8qlKv1.png) 0 -15px;
}

@media screen and (max-width: 1297px){
#float-pomoc header{
width: auto;
margin-left: 0;
}
#float-pomoc .wrapper > div{
float: right;
padding-left: 0;
}
}

@media screen and (max-width: 1109px){
#float-pomoc .wrapper > div {width: auto;}
#float-pomoc .wrapper > div .telefon > .signal{
display: none;
}
}
@media screen and (max-width: 1088px){
#float-pomoc .wrapper > div .telefon {width: 48px; height: 48px; border-width: 1px; color: transparent; border-radius: 48px; padding: 0; box-sizing: border-box; margin-right: 20px; background: url(../images/ikone/kontakt_ikona_pop_up.svg) no-repeat center;}
#float-pomoc .wrapper > div .telefon > * {display: none;}
#float-pomoc .wrapper > div .gumb {border-width: 1px; font-weight: 300; line-height: 48px; box-sizing: border-box; border-radius: 48px;}
}
@media screen and (max-width: 902px){
#float-pomoc .wrapper > div .gumb {display: none;}
}
@media screen and (max-width: 680px){
#float-pomoc, #float-pomoc header, #float-pomoc .wrapper > div {height: 80px;}
#float-pomoc header h4 {font-size: 20px;}
}
@media screen and (max-width: 610px){
#float-pomoc {display: none;}
}

/* NAROCAM IZMERO */

#naroci-izmero{
position: absolute;
top: -2000px;
left: 0;
width: 100%;
color: #fff;
z-index: 2;
-webkit-transition: top 500ms ease;
-moz-transition: top 500ms ease;
-o-transition: top 500ms ease;
transition: top 500ms ease;
}
#naroci-izmero.spust{
top: 60px;
-webkit-transition: top 500ms ease;
-moz-transition: top 500ms ease;
-o-transition: top 500ms ease;
transition: top 500ms ease; 
}
#naroci-izmero-gumb{
cursor: pointer;
}
#naroci-izmero form{
position: relative;
margin:  0 auto;
width: 1060px;
}
@media screen and (max-width: 1137px){
#naroci-izmero form{
position: relative;
float: left;
width: 100%;
padding: 0 30px;
box-sizing: border-box;
}
}
#naroci-izmero > .scroll-Wrap{
position: relative;
float: left;
width: -webkit-calc(100% + 40px);
width: -moz-calc(100% + 40px);
width: calc(100% + 40px);
height: 100%;
overflow: hidden;
overflow-y: scroll;
padding: 60px 0;
background: #aa1538;
}
#naroci-izmero label {display:  block;}
#naroci-izmero strong{
position: relative;
float: left;
width: 100%;
text-transform: uppercase;
font-size: 30px;
font-family: 'Oswald', sans-serif;
font-weight: 700;
line-height: 30px;
text-align: center;
margin-bottom: 10px;
}
@media screen and (max-width: 810px){
#naroci-izmero strong {
font-size: 28px;
line-height: 38px;
}
}
#naroci-izmero strong + p{
position: relative;
float: left;
width: 590px;
left: 50%;
margin-left: -270px;
font-size: 15px;
line-height: 21px;
text-align: center;
margin-bottom: 50px;
}

#naroci-izmero input[type="radio"] {
display:none;
}
#naroci-izmero input[type="radio"] + label {
position: relative;
float: left;
width: 100%;
cursor: pointer;
margin-bottom: 15px;
}
#naroci-izmero input[type="radio"] + label span {
position: relative;
float: left;
display:inline-block;
width:48px;
height:48px;
background: transparent;
cursor:pointer;
margin-right: 15px;
border: 1px solid #fff;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
}
#naroci-izmero input[type="radio"] + label span span{
position: absolute;
left: 50%;
top: 50%;
width: 14px;
height: 14px;
margin: -7px 0 0 -7px;
background: #fff;
z-index: 1;
}
#naroci-izmero input[type="radio"] + label b{
position: relative;
float: left;
width: -webkit-calc(100% - 65px);
width: -moz-calc(100% - 65px);
width: calc(100% - 65px);
box-sizing: border-box;
line-height: 48px;
border: 1px solid #fff;
font-weight: 300;
font-size: 14px;
line-height: 14px;
padding: 17px 20px;
text-transform: uppercase;
}
@media screen and (max-width: 820px){
#naroci-izmero input[type="radio"] + label b{
font-size: 13px;
}
}
#naroci-izmero input[type="radio"]:checked + label > span {
background: #fff;
-webkit-box-shadow: inset 0px 0px 0px 2px rgba(170,21,56,1);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(170,21,56,1);
box-shadow: inset 0px 0px 0px 2px rgba(170,21,56,1);
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
}
#naroci-izmero input[type="radio"]:checked + label > span span{
background: #aa1538;
}
#naroci-izmero header{
position: relative;
float: left;
clear: both;
width: 100%;
}
#naroci-izmero form > div{
position: relative;
float: left;
width: 500px;
margin-right: 60px;
}
#naroci-izmero form > div:last-of-type{
margin-right: 0;
}
@media screen and (max-width: 1137px){
#naroci-izmero form > div{
width: 40%;
width: -webkit-calc(50% - 15px);
width: -moz-calc(50% - 15px);
width: calc(50% - 15px);
margin-right: 30px;
}
}
@media screen and (max-width: 777px){
#naroci-izmero form > div{
width: 100%;
margin-right: 0px;
margin-top: 15px;
}
#naroci-izmero strong + p {
left: auto;
margin-left: 0;
width: 100%;
margin-bottom: 0;
}
}
#naroci-izmero input[type="text"], #naroci-izmero textarea{
position: relative;
float: left;
font-size: 14px;
font-weight: 300;
color: #aa1538;
background: #fff;
line-height: 20px;
padding: 15px 20px;
width: 100%;
box-sizing: border-box;
}
#naroci-izmero textarea {height: 244px; resize: none;}
#naroci-izmero input[type="text"] {margin-bottom: 15px;}
#naroci-izmero div > input[type="text"]:not(:first-of-type):last-of-type {margin-bottom: 0;}
#naroci-izmero button{
position: relative;
float: left;
width: 270px;
left: 50%;
margin-left: -135px;
line-height: 48px;
text-align: center; 
border: 1px solid #fff;
cursor: pointer;
background: transparent;
text-transform: uppercase;
font-family: 'Ubuntu', sans-serif;
font-weight: 400;
color: #fff;
clear: both;
font-size: 15px;
margin-top: 40px;
margin-bottom: 60px;
}
#naroci-izmero button:hover, #naroci-izmero button:active{
background: #fff;
color: #aa1538;
}
#naroci-izmero .zapri{
position: absolute;
right: 0;
top: 0;
width: 48px;
height: 48px;
border: 1px solid #fff;
background: transparent;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
z-index: 1;
}
#naroci-izmero .zapri span {position: relative; float: left; width: 13px; height: 15px; background: url(https://www.protivlomna-vrata.com/images/ikone/zapri.png.pagespeed.ce.DFMg8qlKv1.png) 0 0; }
#naroci-izmero .zapri:hover, #naroci-izmero .zapri:active {background: #fff;}
#naroci-izmero .zapri:hover span, #naroci-izmero .zapri:active span {background: url(https://www.protivlomna-vrata.com/images/ikone/zapri.png.pagespeed.ce.DFMg8qlKv1.png) 0 -30px;}

@media screen and (max-width: 1137px) and (min-width: 976px){
#naroci-izmero .zapri{
right: 30px;
}
}
@media screen and (max-width: 975px){
#naroci-izmero .zapri{
position: relative;
float: left;
top: auto;
right: auto;
left: 50%;
margin-left: -25px;
margin-bottom: 40px;
}
}

/* KATALOGI */

#katalogi{
position: relative;
float: left;
width: 100%;
}
#katalogi section, #dodatni-katalogi section{
position: relative;
float: left;
width: 520px;
padding: 0 50px 0 70px;
margin-bottom: 90px;
text-align: left;
}

#katalogi section:nth-child(2n), #dodatni-katalogi section:nth-child(2n){
padding: 0 70px 0 50px;
}

@media screen and (max-width: 1297px){
#content #katalogi section, #content #katalogi section:nth-child(2n), #dodatni-katalogi section, #dodatni-katalogi section:nth-child(2n) {padding: 0; width: 48%;}
#content #katalogi section:nth-child(2n), #content #dodatni-katalogi section:nth-child(2n) {margin-left: 4%;}
}

#katalogi .bel-pas{
position: relative;
float: left;
width: 100%;
padding: 90px 0 0 0;
}
#katalogi .sivo-polje, #dodatni-katalogi.sivo-polje{ padding-bottom: 0; }
#katalogi h2, #dodatni-katalogi h2, #katalogi figure, #dodatni-katalogi figure, #katalogi p, #dodatni-katalogi p{
position: relative;
float: left;
width: 100%;
}
#katalogi h2, #dodatni-katalogi h2 {
font-family: 'Oswald', sans-serif;
font-weight: 400;
font-size: 26px;
line-height: 26px;
margin-bottom: 20px;
color: #c3143d;
}
#dodatni-katalogi h2{
color: #1d1d1b;
line-height: 37px;
}
@media screen and (max-width: 1060px){
#katalogi h2, #dodatni-katalogi h2 {
line-height: 40px;
}
}

#katalogi .sivo-polje h2, #dodatni-katalogi .sivo-polje h2 {color: #1d1d1b;}
#katalogi figure, #dodatni-katalogi figure{
margin-bottom: 15px;
}
#katalogi figure img, #dodatni-katalogi figure img {max-width: 100%;}
#katalogi section > p, #dodatni-katalogi section > p{
font-size: 14px;
color: #1d1d1b;
line-height: 22px;
margin-bottom: 30px;
}
#katalogi section > p.potrdilo, #dodatni-katalogi section > p.potrdilo{
position: absolute;
left: 0;
bottom: -30px;
width: 100%;
padding: inherit;
color: #c3143d;
font-size: 15px;
font-style: italic;
line-height: 15px;
margin-bottom: 0;
font-weight: 400;
-webkit-animation: opacityChangeOn 1.5s; /* Safari 4+ */
-moz-animation:    opacityChangeOn 1.5s; /* Fx 5+ */
-o-animation:      opacityChangeOn 1.5s; /* Opera 12+ */
animation:         opacityChangeOn 1.5s; /* IE 10+, Fx 29+ */
}
#katalogi a, #dodatni-katalogi a{
position: relative;
display: block;
float: left;
width: auto;
background: transparent;
cursor: pointer;
}
#katalogi a p, #dodatni-katalogi a p {
position: relative;
float: left;
width: auto;
line-height: 30px;
font-family: 'Oswald', sans-serif;
font-size: 15px;
margin-right: 40px;
font-weight: 300;
}
#katalogi a > span, #dodatni-katalogi a > span{
position: relative;
float: left;
width: 32px;
height: 32px;
margin-right: 10px;
}
#katalogi a > span span, #dodatni-katalogi a > span span {
position: relative;
}
a.natisni > span { background: url(../images/ikone/ikona_natisni.svg);}
a.prenesi > span { background: url(../images/ikone/ikona_prenesi.svg);}
a.prelistaj > span { background: url(../images/ikone/ikona_prelistaj.svg);}
a.naroci > span, #dodatni-katalogi a.naroci > span { background: url(../images/ikone/ikona_naroci_1.svg);}
#katalogi a.naroci.naroceno > span, #dodatni-katalogi a.naroci.naroceno > span {background: url(../images/ikone/ikona_naroci.svg);}

@media screen and (max-width: 1100px){
#katalogi a, #dodatni-katalogi a {width: 50%; margin-bottom: 10px;}
}

#narocilo-kataloga{
position: relative;
float: left;
width: 1140px;
left: 50%;
margin-left: -570px;
padding: 90px 0;
}
#narocilo-kataloga > div{
position: relative;
float: left;
width: 530px;
padding: 0 40px 0 0;
}
#narocilo-kataloga > div:nth-of-type(2n){
padding: 0 0 0 40px;
}
#narocilo-kataloga > div:nth-of-type(1), #narocilo-kataloga > div:nth-of-type(2) {margin-bottom: 20px;}
#narocilo-kataloga h2{
position: relative;
float: left;
width: 100%;
font-size: 32px;
font-family: 'Oswald', sans-serif;
font-weight: 700;
color: #c3143d;
line-height: 32px;
text-align: center;
text-transform: uppercase;
margin-bottom: 15px;
}
#narocilo-kataloga h2 + p {
position: relative;
float: left;
width: 100%;
line-height: 26px;
font-size: 16px;
text-align: center;
margin-bottom: 40px;
}
@media screen and (max-width: 600px){
#narocilo-kataloga h2{
line-height: 40px;
font-size: 30px;
}
}
#narocilo-kataloga input[type="text"], #narocilo-kataloga textarea{
position: relative;
float: left;
width: 468px;
font-size: 14px;
color: #5d5d5d;
line-height: 32px;
padding: 8px 30px;
resize: none;
border: 1px solid #d1d1d1;
margin-bottom: 20px;
font-weight: 300;
}
#narocilo-kataloga textarea {
padding: 20px 30px;
height: 148px;
}

#narocilo-kataloga input[type="checkbox"] {
display:none;
}
#narocilo-kataloga input[type="checkbox"] + label {
position: relative;
float: left;
display: block;
width: 478px;
cursor: pointer;
padding: 14px 26px;
border-top: 1px solid #d1d1d1;
background: transparent;
}
#narocilo-kataloga input[type="checkbox"] + label:hover, #narocilo-kataloga input[type="checkbox"] + label:active {background: #f7f7f7;}
#narocilo-kataloga div > input[type="checkbox"] + label:last-of-type{
border-bottom: 1px solid #d1d1d1;
}
#narocilo-kataloga input[type="checkbox"] + label > span {
position: relative;
float: left;
width: 21px;
height: 21px;
background: #fff;
cursor:pointer;
margin-right: 15px;
border: 1px solid #a4a4a4;
border-radius: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#narocilo-kataloga input[type="checkbox"] + label span span{
position: relative;
width: 9px;
height: 9px;
background: #a4a4a4;
border-radius: 100%;
z-index: 1;
}
#narocilo-kataloga input[type="checkbox"] + label b{
position: relative;
float: left;
width: 393px;
line-height: 48px;
font-weight: 300;
font-size: 14px;
line-height: 23px;
color: #4d4d4d;
}
#narocilo-kataloga input[type="checkbox"]:checked + label > span span{
background: #c3143d;
}

#narocilo-kataloga #zakljuci-narocilo-kataloga{
position: relative;
float: left;
width: 240px;
left: 50%;
margin-left: -120px;
background: #c3143d;
line-height: 50px;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 16px;
font-weight: 300;
margin-top: 50px;
text-transform: uppercase;
border-radius: 50px;
cursor: pointer;
clear: both;
}
@media screen and (max-width: 1257px){
#narocilo-kataloga{
width: 100%;
left: auto;
margin-left: 0;
width: 100%;
padding: 90px 30px;
box-sizing: border-box;
}
#narocilo-kataloga > div{
width: -webkit-calc(50% - 30px);
width: -moz-calc(50% - 30px);
width: calc(50% - 30px);
padding: 0 30px 0 0;
}
#narocilo-kataloga > div:nth-of-type(2n){
padding: 0 0 0 30px;
}
#narocilo-kataloga > div input[type="text"], #narocilo-kataloga > div textarea {
width: 100%;
box-sizing: border-box;
}
#narocilo-kataloga > div textarea {height: 190px;}
#narocilo-kataloga input[type="checkbox"] + label {width: 100%; box-sizing: border-box;}
#narocilo-kataloga input[type="checkbox"] + label b {width: -webkit-calc(100% - 38px); width: -moz-calc(100% - 38px); width: calc(100% - 38px);}
}
@media screen and (max-width: 976px){
#narocilo-kataloga > div.izbirniki-katalogov{
width: 100%;
padding: 0;
}
#narocilo-kataloga div:nth-of-type(3) > input[type="checkbox"] + label:last-of-type {border-bottom: 0;}
}
@media screen and (max-width: 624px){
#content #katalogi section, #content #katalogi section:nth-child(2n), #dodatni-katalogi section, #dodatni-katalogi section:nth-child(2n){
width: 100%;
margin: 0 0 30px 0;
}
#narocilo-kataloga > div.vpisna-polja{
margin: 0;
width: 100%;
padding: 0;
}
#katalogi section > p.potrdilo, #dodatni-katalogi section > p.potrdilo{
bottom: -18px;
}
}
@media screen and (max-width: 722px) and (min-width: 625px){
#katalogi h2, #dodatni-katalogi h2 {font-size: 22px; line-height: 35px;}
}

/* CLANEK */
article.clanek{
position: relative;
float: left;
width: 100%;
}
article.clanek div.main {
position: relative;
float: left;
width: 770px;
margin: 0 70px;
padding: 90px 0;
}
article.clanek header, article.clanek figure, article.clanek footer{
position: relative;
float: left;
width: 100%;
}
article.clanek header{
font-family: 'Oswald', sans-serif;
margin-bottom: 40px;
}
article.clanek header p{
font-size: 16px;
line-height: 16px;
margin-bottom: 10px;
color: #1d1d1b;
}
article.clanek header p > span {text-transform: uppercase; color: #c3143d;}
article.clanek header h1 {color: #c3143d; font-size: 30px; line-height: 30px; font-weight: 400;}

article.clanek figure{
margin-bottom: 30px;
}

article.clanek figure img{
width: 100%;
height: auto;
}
article.clanek figure figcaption{
position: relative;
float: left;
width: 100%;
line-height: 13px;
font-size: 14px;
color: #4d4d4d;
margin-top: 15px;
}
article.clanek div.main > p {
position: relative;
float: left;
width: 100%;
font-size: 14px;
line-height: 24px;
color: #4d4d4d;
margin-bottom: 20px;
}

article.clanek div.main > a, article.clanek div.main > p a{
color: #c3143d;
}

article.clanek div.main > ul {
position: relative;
float: left;
width: 100%;
margin-bottom: 20px;
}
article.clanek div.main > ul li {
position: relative;
float: left;
width: auto;
font-size: 14px;
color: #4d4d4d;
line-height: 24px;
clear: both;
padding-left: 20px;
background: url(../images/ikone/roza-pika.png) no-repeat left center;
}
/*
article.clanek div.main > ul li:first-of-type{
padding-left: 0;
background: transparent;
color: #c3143d;
font-size: 15px;
margin-bottom: 10px;
}
*/
article.clanek div.main > ul li:first-of-type h4 {font-weight: 400;}
article.clanek aside{
position: relative;
float: right;
width: 300px;
margin-right: 70px;
padding: 90px 0;
}
article.clanek footer p{
font-size: 15px;
font-style: italic;
color: #4d4d4d;
line-height: 15px;
margin: 20px 0;
}
article.clanek aside ul {
position: relative;
float: left;
width: 100%;
margin-bottom: 30px;
-webkit-transition: height 700ms linear;
-moz-transition: height 700ms linear;
-o-transition: height 700ms linear;
-ms-transition: height 700ms linear;
transition: height 700ms linear;
height: 519px;
overflow: hidden;
}
article.clanek div.main > iframe{
position: relative;
float: left;
width: 100%;
margin: 20px 0; 
}
article.clanek div.main > h2, article.clanek div.main h3{
font-weight: 400;
font-family: 'Oswald', sans-serif;
color: #c3143d;
margin-bottom: 10px;
position: relative;
float: left;
width: 100%;
}
article.clanek aside ul li {
position: relative;
float: left;
width: 100%;
border-bottom: 1px solid #d1d1d1;
}
article.clanek aside ul li a, article.clanek aside ul li.vec, article.clanek aside ul li.manj {
display: block;
position: relative;
float: left;
padding: 15px 40px;
width: 100%;
box-sizing: border-box;
font-size: 14px;
color: #333333;
line-height: 20px;
}
article.clanek aside ul li.vec, article.clanek aside ul li.manj{
color: #c3143d;
font-family: 'Oswald', sans-serif;
font-size: 16px;
font-weight: 300;
cursor: pointer;
}
article.clanek aside ul li.vec, article.clanek aside ul li.manj {line-height: 70px; padding: 0 40px;}
article.clanek aside ul li a:hover, article.clanek aside ul li a:active, article.clanek aside ul li.vec:hover, article.clanek aside ul li.vec:active, article.clanek aside ul li.manj:hover, article.clanek aside ul li.manj:active{
background: #f7f7f7;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
}
article.clanek aside ul li.active{
color: #c3143d;
}
article.clanek aside ul li:first-of-type{
color: #c3143d;
font-size: 22px;
font-family: 'Oswald', sans-serif;
width: 100%;
line-height: 70px;
box-sizing: border-box;
padding-left: 40px;
}
article.clanek aside ul li:first-of-type h3 {font-weight: 400;}
article.clanek aside div.blurb{
position: relative;
float: left;
padding: 50px;
width: 100%;
box-sizing: border-box;
height: auto;
margin-bottom: 30px;
text-align: center;
font-family: 'Oswald', sans-serif;
}
article.clanek aside div.blurb.siv{
background: #eee;
}
article.clanek aside div.blurb.roza{
background: #f9ecef;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
article.clanek aside div.blurb.roza a.telefon .signal {display: none;}
article.clanek aside div.blurb.roza a.telefon {margin-left: 0;}
article.clanek aside div.blurb.roza > p {
position: relative;
float: left;
font-size: 18px;
color: #c3143d;
font-weight: 400;
line-height: 30px;
margin-bottom: 20px;
width: 100%;

}

article.clanek aside div.blurb h4{
position: relative;
float: left;
width: 100%;
text-align: center;
font-family: 'Oswald', sans-serif;
font-size: 20px;
line-height: 20px;
color: #343434;
margin-bottom: 10px;
font-weight: 400;
}
article.clanek aside div.blurb.siv > a{
position: relative;
width: auto;
font-size: 16px;
color: #343434;
font-weight: 300;
line-height: 30px;
}
article.clanek aside div.blurb a.telefon{
border-color: #c3143d;
color: #c3143d;
margin-left: 5px;
}
article.clanek aside div.blurb a.telefon > .pikica {background: #c3143d;}


article.clanek aside div.blurb > a strong{
font-weight: 400;
font-size: 18px;
}
@media screen and (max-width: 1297px) and (min-width: 976px){
article.clanek div.main, article.clanek aside{margin: 0;}
article.clanek div.main {width: -webkit-calc(100% - 330px); width: -moz-calc(100% - 330px); width: calc(100% - 330px); box-sizing: border-box;}
}
@media screen and (max-width: 976px){
article.clanek div.main, article.clanek aside{margin: 0; width: 100%; box-sizing: border-box;}
article.clanek aside ul li {padding: 0; width: 100%; text-align: center;}
article.clanek aside {padding-top: 0; padding-bottom: 60px;}
article.clanek div.main {padding: 60px 0 30px;}
article.clanek aside div.blurb {height: auto; padding-bottom: 50px;}
article.clanek aside div.blurb.roza {display: block;}
article.clanek aside div.blurb.roza > p {width: -webkit-calc(100% - 300px); width: -moz-calc(100% - 300px); width: calc(100% - 300px); margin-bottom: 0; float: left; margin-top: 32px;}
article.clanek aside div.blurb a.telefon {margin-top: 50px; float: right; margin-left: 36px;}
}
@media screen and (max-width: 784px){
article.clanek aside div.blurb.roza > p{
width: 100%;
}
article.clanek aside div.blurb.roza a.telefon {
position: relative;
float: left;
margin-top: 20px;
left: 50%;
margin-left: -94px;
}
}

/* HIŠE REMAKE */

.sub-nav{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background: rgba(0,0,0,0.9);
z-index: 603;
visibility: visible;
opacity: 1;
-webkit-transition: opacity 300ms linear, visibility 300ms linear, bottom 166ms linear;
-moz-transition: opacity 300ms linear, visibility 300ms linear, bottom 166ms linear;
-o-transition: opacity 300ms linear, visibility 300ms linear, bottom 166ms linear;
-ms-transition: opacity 300ms linear, visibility 300ms linear, bottom 166ms linear;
transition: opacity 300ms linear, visibility 300ms linear, bottom 166ms linear;
}
.sub-nav.spuscen{
bottom: -50px;
-webkit-transition: bottom 166ms linear;
-moz-transition: bottom 166ms linear;
-o-transition: bottom 166ms linear;
-ms-transition: bottom 166ms linear;
transition: bottom 166ms linear;
}
.sub-nav.zaprt{
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 300ms linear, visibility 300ms linear;
-moz-transition: opacity 300ms linear, visibility 300ms linear;
-o-transition: opacity 300ms linear, visibility 300ms linear;
-ms-transition: opacity 300ms linear, visibility 300ms linear;
transition: opacity 300ms linear, visibility 300ms linear;
}
@media screen and (max-width: 1140px){
.stanovanja .sub-nav {display: none;}
}
@media screen and (max-width: 977px){
.sub-nav {display: none;}
}
.sub-nav-wrap{
margin: 0 auto;
width: 1600px;
}
.hise .sub-nav-wrap li{
width: 12.29%;
width: calc(100% / 7);
}
.sub-nav-wrap li{
position: relative;
float: left;
width: 12.5%;
text-transform: uppercase;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 50px;
border-left: 1px solid #5a5a5a;
box-sizing: border-box;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
box-sizing: border-box;
}
.sub-nav-wrap li a {display: block; width: 100%; height: 100%;}
.sub-nav-wrap li:last-of-type{
border-right: 1px solid #5a5a5a;
}
.sub-nav-wrap li:hover, .sub-nav-wrap li.active, .sub-nav-wrap li:active{
background-color: #c3143d;
border: 0;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
}
.sub-nav-wrap li:hover + li, .sub-nav-wrap li.active + li, .sub-nav-wrap li:active + li{
border-left: 0;
}
.atributi-vrat{
padding: 90px 0;
}
.atributi-vrat section{
position: relative;
float: left;
width: 25%;
height: 400px;
}
.atributi-vrat section > * {max-width: 230px;}
.atributi-vrat section figure{
width: 120px;
height: 120px;
background-color: #c3143d;
border-radius: 100%;
margin: 0 auto;
margin-bottom: 20px;
clear: both;
}
.atributi-vrat section figure img{
position: relative;
float: left;
}
.atributi-vrat section h4{
position: relative;
font-size: 18px;
font-weight: 400;
font-family: 'Oswald', sans-serif;
color: #c3143d;
line-height: 28px;
text-align: center;
text-transform: uppercase;
margin: 0 auto;
margin-bottom: 10px;
clear: both;
}
.atributi-vrat section p{
color: #545454;
font-size: 14px;
line-height: 22px;
text-align: center;
margin: 0 auto;
clear: both;
}
@media screen and (max-width: 1087px) and (min-width: 979px){
.atributi-vrat section{
width: -webkit-calc(25% - 23px);
width: -moz-calc(25% - 23px);
width: calc(25% - 23px);
padding-right: 30px;
}
.atributi-vrat section:nth-of-type(4n){
padding-right: 0;
}
}
@media screen and (min-width: 978px){
.atributi-vrat section:nth-of-type(-n+4){
margin-bottom: 86px;
}
}
@media screen and (max-width: 978px) and (min-width: 657px){
.atributi-vrat section{
width: -webkit-calc(33% - 20px);
width: -moz-calc(33% - 20px);
width: calc(33% - 20px);
padding-right: 30px;
padding-bottom: 60px;
}
.atributi-vrat section:nth-of-type(3n){
padding-right: 0;
}
.atributi-vrat section:nth-of-type(n+6){
padding-bottom: 0;
}
}
@media screen and (max-width: 656px) and (min-width: 448px){
.atributi-vrat section{
width: -webkit-calc(50% - 15px);
width: -moz-calc(50% - 15px);
width: calc(50% - 15px);
padding-right: 30px;
padding-bottom: 40px;
}
.atributi-vrat section:nth-of-type(2n){
padding-right: 0;
}
.atributi-vrat section:nth-of-type(n+6){
padding-bottom: 0;
}
}
@media screen and (max-width: 447px){
.atributi-vrat section{
width: 100%;
padding-right: 0;
padding-bottom: 30px;
}
}
.prikaz-vzorcev{
position: relative;
width: 100%;
padding: 90px 0;
float: left;
}
.prikaz-vzorcev .clear{
width: 100%;
position: relative;
height: 1px;
margin-bottom: 30px;
display: none;
}
.prikaz-vzorcev .vzorci{
position: relative;
width: 100%;
float: left;
height: 370px;
}
.prikaz-vzorcev .vzorci .set{
position: absolute;
visibility: hidden;
opacity: 0;
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: opacity 300ms linear, visibility 300ms linear;
-moz-transition: opacity 300ms linear, visibility 300ms linear;
-o-transition: opacity 300ms linear, visibility 300ms linear;
-ms-transition: opacity 300ms linear, visibility 300ms linear;
transition: opacity 300ms linear, visibility 300ms linear;
}
.prikaz-vzorcev .vzorci .set.odprt{
visibility: visible;
opacity: 1;
-webkit-transition: opacity 300ms linear, visibility 300ms linear;
-moz-transition: opacity 300ms linear, visibility 300ms linear;
-o-transition: opacity 300ms linear, visibility 300ms linear;
-ms-transition: opacity 300ms linear, visibility 300ms linear;
transition: opacity 300ms linear, visibility 300ms linear;
}
.prikaz-vzorcev h3, .lastnosti-vrat h3, .tabela-vrat h3{
position: relative;
margin: 0 auto;
text-align: center;
font-size: 32px;
color: #1d1d1b;
font-weight: 700;
max-width: 1015px;
box-sizing: border-box;
padding: 0 30px;
margin-bottom: 15px;
width: 100%;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
}
.lastnosti-vrat h3 {max-width: 100%;}
.lastnosti-vrat .clear{width: 100%; height: 1px; position: relative;}
.prikaz-vzorcev h3 + p, .lastnosti-vrat h3 + p, .tabela-vrat h3 + p{
position: relative;
margin: 0 auto;
font-size: 16px;
line-height: 24px;
color: #1d1d1b;
max-width: 1015px;
box-sizing: border-box;
padding: 0 30px;
margin-bottom: 50px;
width: 100%;
text-align: center;
}
.lastnosti-vrat h3 + p {margin: 0; margin-bottom: 10px;}
.prikaz-vzorcev .vzorec{
width: 150px;
margin-right: 20px;
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.prikaz-vzorcev .vzorec:last-of-type{margin-right: 0;}
.prikaz-vzorcev .vzorec figure{
width: 100%;
height: 300px;
overflow: hidden;
position: relative;
margin-bottom: 15px;
}
.prikaz-vzorcev .vzorec img{
position: absolute;
margin: 0 auto;
left: 0;
bottom: 0;
}
.prikaz-vzorcev .vzorec figure:after{
content:'';
position: absolute;
left: 2px;
top: 2px;
width: -webkit-calc(100% - 8px);
height: -webkit-calc(100% - 8px);
width: -moz-calc(100% - 8px);
height: -moz-calc(100% - 8px);
width: calc(100% - 8px);
height: calc(100% - 8px);
border: 2px solid rgba(255,255,255,0.8);
}
.prikaz-vzorcev .vzorec h4{
font-size: 16px;
font-family: 'Oswald', sans-serif;
color: #c3143d;	
font-weight: 400;
line-height: 26px;
text-transform: uppercase;
text-align: center;
}
.hise-informativniki{
position: relative;
float: left;
width: 100%;
background: #f9ecef;
}
.prikaz-vzorcev nav{
position: relative;
float: left;
width: 800px;
left: 50%;
margin-left: -400px;
margin-top: 50px;
}
.prikaz-vzorcev nav li{
position: relative;
float: left;
width: 160px;
border: 2px solid #c3143d;
border-left: 0;
text-align: center;
font-size: 18px;
background: #fff;
color: #c3143d;
font-family: 'Oswald', sans-serif;
font-weight: 300;
box-sizing: border-box;
line-height: 48px;
text-transform: uppercase;
-webkit-transition: background-color 300ms linear, font 300ms linear;
-moz-transition: background-color 300ms linear, font 300ms linear;
-o-transition: background-color 300ms linear, font 300ms linear;
-ms-transition: background-color 300ms linear, font 300ms linear;
transition: background-color 300ms linear, font 300ms linear;
cursor: pointer;
}
.prikaz-vzorcev nav li:first-of-type{
border-left: 2px solid #c3143d;
border-radius: 25px 0 0 25px;
}
.prikaz-vzorcev nav li:last-of-type{
border-radius: 0 25px 25px 0;
}
.prikaz-vzorcev nav li:hover, .prikaz-vzorcev nav li:active, .prikaz-vzorcev nav li.active{
background: #c3143d;
color: #fff;
font-weight: 300;
-webkit-transition: background-color 300ms linear, font 300ms linear;
-moz-transition: background-color 300ms linear, font 300ms linear;
-o-transition: background-color 300ms linear, font 300ms linear;
-ms-transition: background-color 300ms linear, font 300ms linear;
transition: background-color 300ms linear, font 300ms linear;
}
.roza-polje > strong{
position: relative;
float: left;
font-size: 32px;
font-weight: 700;
font-family: 'Oswald', sans-serif;
color: #fff;
clear: both;
margin-bottom: 10px;
}
.roza-polje > strong + p{
position: relative;
float: left;
max-width: 1080px;
font-size: 18px;
line-height: 26px;
clear: both;
}
.roza-polje.ral-barve > strong + p {font-size: 18px;}

@media screen and (max-width: 699px){
.roza-polje > strong{
font-size: 30px;
line-height: 40px;
}
}

@media screen and (max-width: 1667px){
.sub-nav-wrap{
width: 100%;
margin: 0;
}
}

@media screen and (max-width: 867px){
.barve-panelov nav{
left: auto;
margin-left: 0;
width: 100%;
padding: 0 30px;
box-sizing: border-box;
}
.barve-panelov nav li {width: 20%;}
}
@media screen and (max-width: 1157px){
#content .roza-polje.ral-barve{
padding: 75px 30px;
box-sizing: border-box;
}
}
@media screen and (max-width: 1417px) and (min-width: 1243px){
.prikaz-vzorcev .vzorec{
width: -webkit-calc(12.5% - 25px);
width: -moz-calc(12.5% - 25px);
width: calc(12.5% - 25px);
}
}
@media screen and (max-width: 1242px){
.prikaz-vzorcev .vzorec{
width: 150px;
}
.prikaz-vzorcev .vzorci {height: 464px;}
.prikaz-vzorcev .vzorec figure {height: 150px;}
.prikaz-vzorcev .vzorec:nth-of-type(9){
clear: right;
margin-right: 0;
}
.prikaz-vzorcev .clear {display: block;}
.stekla-vovko {height: auto;}
.stekla-vovko .vzorci .set {position: relative;}
.prikaz-vzorcev .vzorec:nth-of-type(-n+4)
}
@media screen and (max-width: 1242px) and (min-width: 738px){
.prikaz-vzorcev .vzorec:nth-of-type(5) {margin-right: 0;}
}
.prikaz-vzorcev .clear2{display: none;}
.prikaz-vzorcev .vzorec p{
position: relative;
float: left;
width: 100%;
}
@media screen and (max-width: 737px) and (min-width: 359px){
.prikaz-vzorcev .vzorci{
height: 950px;
}
.prikaz-vzorcev nav {
margin: 0 0 40px;
}
.prikaz-vzorcev .vzorec{
margin-bottom: 0;
margin-right: 0;
width: 40%;
width: -webkit-calc(50% - 60px);
width: -moz-calc(50% - 60px);
width: calc(50% - 60px);
}
.prikaz-vzorcev .vzorec:nth-of-type(1), .prikaz-vzorcev .vzorec:nth-of-type(4), .prikaz-vzorcev .vzorec:nth-of-type(10){margin-right: 20px;}
.prikaz-vzorcev .vzorec:nth-of-type(8) {margin-left: 20px;}
.prikaz-vzorcev.barve-panelov .vzorec:nth-of-type(10) {margin-right: 0;}
.prikaz-vzorcev .clear2{
display: block;
width: 100%;
height: 1px;
margin-bottom: 30px;
}
.prikaz-vzorcev .vzorec:nth-of-type(-n+4) {margin-bottom: 0;}
.prikaz-vzorcev .vzorec h4 {font-size: 15px;}
}
@media screen and (max-width: 458px){
.prikaz-vzorcev .vzorec{
width: -webkit-calc(50% - 40px);
width: -moz-calc(50% - 40px);
width: calc(50% - 40px);
}
}
@media screen and (max-width: 358px){
.prikaz-vzorcev .vzorec{
width: -webkit-calc(25% - 30px);
width: -moz-calc(25% - 30px);
width: calc(25% - 30px);
}
.prikaz-vzorcev nav {
margin: 0 0 30px;
}
.prikaz-vzorcev .clear {margin-bottom: 0;}
}
.barve-panelov nav .spustnica, .barve-panelov nav > p{
display: none;
}
@media screen and (max-width: 737px) and (min-width: 546px) {
.prikaz-vzorcev .vzorec br {
display: none;
}
.prikaz-vzorcev .vzorec p {position: relative; float: left; margin-right: 3px; width: auto;}
}
@media screen and (max-width: 450px){
.barve-panelov nav ul{
position: absolute;
left: 30px;
width: -webkit-calc(100% - 60px);
width: -moz-calc(100% - 60px);
width: calc(100% - 60px);
height: 0;
top: 44px;
margin: 0;
overflow: hidden;
box-sizing: border-box;
-webkit-transition: height 300ms linear;
-moz-transition: height 300ms linear;
-o-transition: height 300ms linear;
-ms-transition: height 300ms linear;
transition: height 300ms linear;
z-index: 50;
}
.barve-panelov nav ul.odprt{
height: 230px;
-webkit-transition: height 300ms linear;
-moz-transition: height 300ms linear;
-o-transition: height 300ms linear;
-ms-transition: height 300ms linear;
transition: height 300ms linear;
}
.barve-panelov nav p{
display: block;
line-height: 42px;
position: relative;
float: left;
width: -webkit-calc(100% - 46px);
width: -moz-calc(100% - 46px);
width: calc(100% - 46px);
box-sizing: border-box;
border: 2px solid #c3143d;
border-right: 0;
border-radius: 23px 0 0 23px;
text-align: center;
text-transform: uppercase;
color: #c3143d;
font-family: 'Oswald', sans-serif;
font-size: 18px;
font-weight: 300;
}
.barve-panelov nav p.odprt{
border-radius: 23px 0 0 0;
}
.barve-panelov nav li{
width: 100%;
line-height: 42px;
box-sizing: border-box;
border-radius: 0;
border-right: 2px solid #c3143d;
border-left: 2px solid #c3143d;
border-bottom: 0;
line-height: 42px;
}
.barve-panelov nav li:last-of-type{
border-bottom: 2px solid #c3143d;
border-radius: 0 0 23px 23px;
}
.prikaz-vzorcev nav li:first-of-type{
border-radius: 0;
}
.barve-panelov nav .spustnica{
display: block;
position: relative;
float: left;
width: 46px;
height: 46px;
background: #c3143d;
cursor: pointer;
background: url(../images/ikone/krizec_vzorci.png) no-repeat center #c3143d;
border-radius: 0 23px 23px 0;
}
.barve-panelov nav .spustnica.odprt{
border-radius: 0 23px 0 0;
}
}
@media screen and (max-width: 358px){
.prikaz-vzorcev .vzorec{
width: 100%;
box-sizing: border-box;
padding: 0 30px;
margin-bottom: 15px;
margin-right: 0;
}
.prikaz-vzorcev .vzorec:nth-of-type(-n+4) {margin-bottom: 15px;}
.prikaz-vzorcev .vzorci .set.odprt{
position: relative;
height: auto;
}
.prikaz-vzorcev .vzorci {height: auto;}
.prikaz-vzorcev .vzorec figure {height: 80px; margin-bottom: 10px;}
.prikaz-vzorcev .vzorec figure img{width: 100%; height: auto;}
.prikaz-vzorcev .vzorec h4 {width: 100%; text-align: left; line-height: 14px; font-size: 14px;}
.prikaz-vzorcev .vzorec br {
display: none;
}
.prikaz-vzorcev .vzorec h4 > span {position: relative; float: left; margin-right: 3px; width: auto;}
}


/* ANIMACIJE IN PREHODI */

@-webkit-keyframes zamikMenuOn {
0%   { right: 0px; }
100% { right: 270px; }
}
@-moz-keyframes zamikMenuOn {
0%   { right: 0px; }
100% { right: 270px; }
}
@-o-keyframes zamikMenuOn {
0%   { right: 0px; }
100% { right: 270px; }
}
@keyframes zamikMenuOn {
0%   { right: 0px; }
100% { right: 270px; }
}
@-webkit-keyframes zamikMenuOff {
0%   { right: 270px; }
100% { right: 0px; }
}
@-moz-keyframes zamikMenuOff {
0%   { right: 270px; }
100% { right: 0px; }
}
@-o-keyframes zamikMenuOff {
0%   { right: 270px; }
100% { right: 0px; }
}
@keyframes zamikMenuOff {
0%   { right: 270px; }
100% { right: 0px; }
}

@-webkit-keyframes zamikStranskiMenuOn {
0%   { right: -270px; }
100% { right: 0; }
}
@-moz-keyframes zamikStranskiMenuOn {
0%   { right: -270px; }
100% { right: 0; }
}
@-o-keyframes zamikStranskiMenuOn {
0%   { right: -270px; }
100% { right: 0; }
}
@keyframes zamikStranskiMenuOn {
0%   { right: -270px; }
100% { right: 0; }
}
@-webkit-keyframes zamikStranskiMenuOff {
0%   { right: 0px; }
100% { right: -270px; }
}
@-moz-keyframes zamikStranskiMenuOff {
0%   { right: 0px; }
100% { right: -270px; }
}
@-o-keyframes zamikStranskiMenuOff {
0%   { right: 0px; }
100% { right: -270px; }
}
@keyframes zamikStranskiMenuOff {
0%   { right: 0px; }
100% { right: -270px; }
}

@-webkit-keyframes opacityChangeOff {
0%   { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes opacityChangeOff {
0%   { opacity: 1; }
100% { opacity: 0; }
}
@-o-keyframes opacityChangeOff {
0%   { opacity: 1; }
100% { opacity: 0; }
}
@keyframes opacityChangeOff {
0%   { opacity: 1; }
100% { opacity: 0; }
}

@-webkit-keyframes opacityChangeOn {
0%   { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes opacityChangeOn {
0%   { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes opacityChangeOn {
0%   { opacity: 0; }
100% { opacity: 1; }
}
@keyframes opacityChangeOn {
0%   { opacity: 0; }
100% { opacity: 1; }
}

@-webkit-keyframes raztegniHeight {
0%   { height: 550px; }
100% { height: 100%; }
}
@-moz-keyframes raztegniHeight {
0%   { height: 550px; }
100% { height: 100%; }
}
@-o-keyframes raztegniHeight {
0%   { height: 550px; }
100% { height: 100%; }
}
@keyframes raztegniHeight {
0%   { height: 550px; }
100% { height: 100%; }
}
@-webkit-keyframes skrciHeight {
0%   { height: 100%; }
100% { height: 550px; }
}
@-moz-keyframes skrciHeight {
0%   { height: 100%; }
100% { height: 550px; }
}
@-o-keyframes skrciHeight {
0%   { height: 100%; }
100% { height: 550px; }
}
@keyframes skrciHeight {
0%   { height: 100%; }
100% { height: 550px; }
}