body {
font-feature-settings: "kern" on;

}


@font-face {
    font-family: 'ManumentRNIDS';
    src: url('ManumentRNIDS-Regular.woff2') format('woff2'); /* Modern Browsers */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ManumentRNIDS';
    src: url('ManumentRNIDS-Italic.woff2') format('woff2'); /* Modern Browsers */
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ManumentRNIDS';
    src: url('ManumentRNIDS-Bold.woff2') format('woff2'); /* Modern Browsers */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ManumentRNIDS';
    src: url('ManumentRNIDS-BoldItalic.woff2') format('woff2'); /* Modern Browsers */
    font-style: italic;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ManumentRNIDS';
    src: url('ManumentRNIDS-Thin.woff2') format('woff2'); /* Modern Browsers */
    font-style: normal;
    font-weight: 100;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ManumentRNIDS';
    src: url('ManumentRNIDS-ThinItalic.woff2') format('woff2'); /* Modern Browsers */
    font-style: italic;
    font-weight: 100;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ManumentRNIDS';
    src: url('ManumentRNIDS-Light.woff2') format('woff2'); /* Modern Browsers */
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ManumentRNIDS';
    src: url('ManumentRNIDS-LightItalic.woff2') format('woff2'); /* Modern Browsers */
    font-style: italic;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}


@font-face {
    font-family: 'ManumentRNIDS';
    src: url('ManumentRNIDS-Medium.woff2') format('woff2'); /* Modern Browsers */
    font-style: normal;
    font-weight: 500;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ManumentRNIDS';
    src: url('ManumentRNIDS-MediumItalic.woff2') format('woff2'); /* Modern Browsers */
    font-style: italic;
    font-weight: 500;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ManumentRNIDS';
    src: url('ManumentRNIDS-SemiBold.woff2') format('woff2'); /* Modern Browsers */
    font-style: normal;
    font-weight: 600;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ManumentRNIDS';
    src: url('ManumentRNIDS-SemiBoldItalic.woff2') format('woff2'); /* Modern Browsers */
    font-style: italic;
    font-weight: 600;
    text-rendering: optimizeLegibility;
}


@font-face {
    font-family: 'ManumentRNIDS';
    src: url('ManumentRNIDS-ExtraBold.woff2') format('woff2'); /* Modern Browsers */
    font-style: normal;
    font-weight: 800;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'ManumentRNIDS';
    src: url('ManumentRNIDS-ExtraBoldItalic.woff2') format('woff2'); /* Modern Browsers */
    font-style: italic;
    font-weight: 800;
    text-rendering: optimizeLegibility;
}



types {
    font/woff2  woff2;
}

body {font-family: "ManumentRNIDS", Georgia; 
}
p {font-family: "ManumentRNIDS", Georgia;
line-height:1.3;
} 

a {color:#9f958a;
text-decoration:none;

}

a:hover {color:#000;
font-weight:800;
text-decoration:none;
}

hr {
border-width:0;
}

.p11 {font-size: 11px;}
.p12 {font-size: 12px;}
.p14 {font-size: 14px;}
.p16 {font-size: 16px;}
.p18 {font-size: 18px;}
.p24 {font-size: 24px;}
.p30 {font-size: 30px;}
.p34 {font-size: 34px;}
.p36 {font-size: 36px;}
.p42 {font-size: 42px;}
.p44 {font-size: 44px;}
.p48 {font-size: 48px;}
.p54 {font-size: 54px;}
.p60 {font-size: 60px;}
.p72 {font-size: 72px;}
.p82 {font-size: 82px;}
.p96 {font-size: 96px;}
.p142 {font-size: 142px;}
.p180 {font-size: 180px;}
.p230 {font-size: 230px;}
.p480 {font-size: 480px;}
.frac {font-feature-settings: "frac" on;}
.onum {font-feature-settings: "onum" on;}
.ss01 {font-feature-settings: "ss01" on;}
.ss02 {font-feature-settings: "ss02" on;}

.thin {font-weight:100;}
.light {font-weight:300;}
.heavy {font-weight:800;}
h1 {font-size: 32px;}


#container {
    width:960px;
    margin:none;
    }
    
 #swipeBox {width:960px;
margin:auto;}

#zaglavlje {width:960px;
margin:auto;
padding:none;
line-height: 0px;


}
#zaglavlje-mobile {width:960px;
margin:auto;
padding:none;
line-height: 0px;
background-color:#000;


}

#svetlosivo {
    background-color:#fff;
    margin:0px 50px 0px 50px;
    padding:20px 50px 20px 50px;
    width:760px;
}

#outer {
    background-color:#fff;
    margin:0px 50px 0px 50px;
    padding:10px 50px 10px 50px;
    width:760px;
}
#naslov {
    background-color:#fff;
    margin:0px 50px 0px 50px;
    padding:0px 50px 0px 50px;
    width:760px;
}
#inner {
    background-color:#fff;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:600px;
}

#sivo {
    background-color:#fff;
    
    margin:0px 50px 0px 50px;
    padding:0px 25px 0px 25px;
    width:810px;
}


#licenca {
    background-color:#fff;
    
    margin:0px 50px 0px 50px;
    padding:0px 75px 0px 75px;
    width:710px;
}
#krem {
    background-color:#f7f5ee; 
    padding:20px 50px 20px 50px;
    width:760px;
    margin:0px 50px 0px 50px; 
}


#belo {
    background-color:#fff; 
    padding:20px 70px 20px 80px;
    width:810px;
    margin:none;
    padding:none; 
}



#debljecrno {
    background-color:#000;
    height:6px;
    opacity: 1;
    width:760px;
    margin-right:100px;
    border-radius: 0px;
    
}

#debljekrem {
    background-color:#9f958a;
    height:12px;
    opacity: 1;
    width:810px;
    margin-right:75px;
    border-radius: 0px;
    
}

#tanjekrem {
    background-color:#d5d0ca;
    height:4px;
    opacity: 1;
    width:810px;
    margin-right:75px;
    border-radius: 0px;
    
}


#tanjecrno {
    background-color:#000;
    height:4px;
    opacity: 1;
    width:810px;
    margin-right:75px;
    border-radius: 0px;
    
}

#crno {
    background-color:#000; 
    margin:0px 0px 0px 0px;
    padding:20px 0px 20px 0px;
    width:810px; 
}

#crno-1 {
    background-color:#000; 
    margin:0px 25px 0px 25px;
    padding:5px 50px 20px 50px;
    width:810px; 
}

#svetlo-pesak {
    background-color:#d5d0ca; 
    margin:0px 100px 0px 100px;
    padding:20px 50px 20px 50px;
    width:660px; 
}

.break {
  word-break: break-all;
  
}

.uppercase {text-transform: uppercase;
   color: #9f958a;}



em {margin:none;
  padding:none;
}

.main{color:#000;
 font-size: 48px;
 line-height:60px;
 word-break: break-all;
 
}
.white-color{color:#fff;
}
.darker-color{color:#9f958a;
}

.light-color{color:#d5d0ca;
}

.orange{color: #fff;
 font-size: 24px;
}

.orange-1{color: #fff;
 font-size: 48px;
}

.onum { font-feature-settings: "onum"; }

.tnum { font-feature-settings: "tnum"; }

#next {
    width:300px;
    height:50px;
    position:fixed;
    left:50%;
    margin-left:340px;
    top:50%;
    z-index:5;
    opacity:0.5;
    text-align: center;
}


#prev {
    width:300px;
    height:50px;
    position:fixed;
    right:50%;
    margin-right:340px;
    top:50%;
    z-index:5;
    opacity:0.5;
    text-align: center;}


#next1 {
    width:300px;
    height:50px;
    position:fixed;
    left:50%;
    margin-left:280px;
    top:50%;
    z-index:5;
    opacity:0;
    text-align: center;
}


#prev1 {
    width:300px;
    height:50px;
    position:fixed;
    right:50%;
    margin-right:280px;
    top:50%;
    z-index:5;
    opacity:0;
    text-align: center;}
    
    
#close {
    width:300px;
    height:50px;
    position:fixed;
    left:50%;
    margin-left:480px;
    top:15%;
    z-index:5;
    opacity:0.3;
    text-align: center;
    display:none;
}
#close:hover {opacity:1;}
#prev:hover {opacity:1;}
#next:hover {opacity:1;}
#prev1:hover {opacity:1;}
#next1:hover {opacity:1;}

.close-sign:before, .close-sign:after {
 position: absolute;
  left: 20px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #03C;
  

}
.close-sign:before {
  transform: rotate(45deg);
}
.close-sign:after {
  transform: rotate(-45deg);
}

.right {width:50%;
height:20%;
position:fixed;
top:500px;
margin-left:50%;
z-index:1;
}

.left {width:50%;
height:20%;
position:fixed;
top:500px;
margin-right:50%;
z-index:1;

}

.editable{color: #000;
 font-size: 36px;
 line-height:42px;
 padding:none;
}

i {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 10px;
  border-color: #ff6600;

}

i1 {
  border: solid black;
  border-width: 0 10px 10px 0;
  display: inline-block;
  padding: 20px;
  border-color: #fff;

}
.arrow-right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.arrow-left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  
}

@media only screen and (max-width: 960px){
    
    #zaglavlje {display:none}
    #menu-container {display:none}
    }

@media only screen and (min-width: 961px) {
 #zaglavlje-mobile {display:none}
  .left {display:none}
 .right {display:none}
}