@charset "utf-8";
/* CSS Document */
a,abbr,address,applet,article,aside,audio,b,blockquote,body,center,canvas,caption,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,picture,pre,progress,q,s,samp,section,slider,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, main, meter, nav, picture, output, picture, progress, section, slider, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}
body {margin:0; padding:0; font-family:"Lucida Sans Unicode", "Lucida Grande", Arial;font-size : 16px; border-top:#C5A807 2px solid; }
:focus,
:focus-visible {outline: 0px solid #C5A807;display: inline-block;} 
a { text-decoration:none;}
a:hover{outline: 2px solid #C5A807;outline-offset: 2px;display: inline-block;text-decoration:underline;} 

.skprnort {position: absolute;left: 10px;top: 0;transform: translateY(-100%);transition: transform 0.3s;background: #000; padding: 18px;color:#FFF;z-index:1;}
.skprnort:focus {transform: translateY(0);}
.hdrronvbasl {max-width:1200px; margin:0 auto 0 auto; clear:both; }

.rsarnmus { height:auto; margin:0px 0px; }
.redortlg { margin:10px auto 10px auto; width:240px; height:80px; text-align:center;}
.redortlg a { display:block;}
.rnoclansec { width:100%; height:auto;  text-align:right; padding:4px 0px;}
.rnoclansec a {color : #000; text-decoration:none; background-color:#F0F0F0;padding :4px; display:inline-block;}
.rnoclansec a:hover,
.rnoclansec a:focus {background-color : #000;color : #fff; text-decoration:underline;}

.ronegezbast { box-sizing:border-box;}
.ernvoicm{ display: table;justify-content: space-between;  flex-direction: row;  list-style: none;  margin: 0;  padding: 0;  width:100%;  background-color:#FCFCFC; }
.ronegezbast .ofcrnovitm{  display: table-cell;  border:1px solid #000;  text-align:center;}
.ronegezbast .ofcrnovitm a { display: block;padding: 10px 20px; color: #333; text-decoration: none; cursor: pointer;}
.ronegezbast .ofcrnovitm a:hover,
.ronegezbast .ofcrnovitm a:focus{display: block; padding: 10px 20px; color: #fff; text-decoration: none; cursor: pointer; background-color:#000000;}
.ordesbtnod {display: none;}

.bannervisual{ width:100%; height:70vh; margin-top:16px; position:relative;background-image:url(images/office-furniture-bg-2.webp); background-size:cover; background-position:center;}
.icbannertext { position:absolute; top:22%; background-color:rgba(213, 155, 45, 0.42);left:10px;  }
.icbannertext p { margin:32px 24px;background-color:#000; color:#FFFFFF;}

nav.ofrnbrdeco {width:1200px; max-width:96%; margin:30px auto; clear:both; }
nav.ofrnbrdeco ol {padding:8px;list-style: none;}
nav.ofrnbrdeco li {display: inline;}
nav.ofrnbrdeco li a { color:#000000; text-decoration:none;}
nav.ofrnbrdeco li a:hover, nav.breadcrumb li a:focus{ text-decoration:underline; background-color:#000; color:#FFFFFF;}
nav.ofrnbrdeco li + li::before {display: inline-block; margin: 0 4px; transform: rotate(15deg); border-right: 2px solid currentcolor;height: 16px;content: "";}
nav.ofrnbrdeco [aria-current="page"] {color: #000;font-weight: 700;text-decoration: none;}

.roronemnfreneiv { max-width:1200px; margin:auto; clear:both;display:table;}
h1 {margin: 2.5rem 0 1.5rem 0; padding: 0 0.5rem 0 0.5rem; font-size:36px; text-align:center;}
h2 {margin: 2.5rem 0 1.5rem 0; padding: 0 0.5rem 0 0.5rem; font-size:30px; text-align:center;}
.ortnreno { text-align:center;}
p { margin: 10px 0; padding: 8px; font-size: 16px;line-height: 1.6; letter-spacing:0.12em;}
.dohsecrnv { margin-top:60px; margin-bottom:80px;}
.murnyres{ text-align:center;}
.murnyres img{ max-width:100%; height:auto;}
.teracntlf { float: left; padding:0 16px; box-sizing:border-box; width: 80%; }
.ncronterdr { float: right;  padding:0 16px 0 16px;box-sizing:border-box; width: 20%; border-right:1px solid #CC0; position: sticky; top:30px;}
.ncronterdr h2 { color: #333; font-size: 20px; text-align: center; margin-top:20px; }
.ncronterdr nav ul { list-style: none;}
.ncronterdr nav ul li { padding: 2px 8px;}
.ncronterdr nav ul li a { color:#000; text-decoration: none; display: block; padding: 2px 8px;}
.ncronterdr nav ul li a:hover, 
.ncronterdr nav ul li a:focus { background-color: #000; color: #fff;}
.ncronterdr nav ul li a.active {text-decoration: underline;}

.lironvst {display: grid;grid-template-columns: repeat(4, 1fr); justify-content:space-between;  margin:40px 0px; margin-bottom:60px;grid-gap: 40px 20px; }
.nvroffccat a { text-decoration:none;}
.nvroffccat {text-align: center; position:relative;}
.nvroffccat img { max-width: 100%; height: auto;}
.nvroffccat figcaption{background-color: rgba(112, 0, 58, 0.68);text-align: center; color:#FFF; position:relative; bottom:0px; width:100%; padding:20px 2px; font-size:20px; box-sizing:border-box;}
.nvroffccat .offcdescbu {background-color:#333;text-align: center; color:#FFF; bottom:0px; width:100%; padding:10px 2px; box-sizing:border-box;}

.ofisdizme {display: grid;grid-template-columns: repeat(3, 1fr);gap: 60px; margin-top:40px; margin-bottom:60px;}
.ofisicdizme {text-align: center; position:relative;}
.ofisicdizme img { max-width: 100%; height: auto;}
.ofisicdizme figcaption{background-color: rgba(112, 0, 58, 0.68);text-align: center; color:#FFF; position:absolute; bottom:0px; width:100%; padding:20px 2px; font-size:20px; box-sizing:border-box;}
.ofisicdizme .offcdescbu {background-color:#333;text-align: center; color:#FFF; position:relative; bottom:0px; width:100%; padding:10px 2px; box-sizing:border-box;}
.ofisicdizme figcaption:hover,
.ofisicdizme figcaption:focus  {background-color: rgba(0, 0, 0, 0.68);}

.gosrrtofc{position : fixed;top : 0;right : 0;bottom : 0;left : 0;background : rgb(0, 0, 0, 0);overflow : auto;z-index : 2;display : none; background-color:#FFF;}
.ackgosrrtofcdi{  width : 70%;min-height :100vh; width:80%; margin:0 auto; display :block; border-radius:10px; padding-bottom:60px; clear:both;}
.grid-header { width:100%; padding:10px 0px;}
.ofisicdepo { width:100%; text-align:center;}
.ofisicdepo img{ max-width:100%; height:auto;}
.produdesc { width:100%; box-sizing: border-box; }
.ackgosrrtofcdi p{ margin-bottom:20px;}
.nrvclosbtn{ background-color:#000;color:#ffffff; padding:4px 8px; border:none; cursor:pointer; position:fixed; right:10px;top:10px;}
.nrvclosbtn:hover{ background-color:#cc0000;} 
.lnkronreva { display: inline-block; cursor: pointer;}

.rnvftrealt { background-color:#F7F7F7; padding:30px 16px; border-top:1px #CCCCCC solid;text-align:center; margin-top:36px; clear:both;}
.footerimg { margin-bottom:20px;}
.rnvftrealt a{ text-decoration:none; color:#000; padding:10px;}
.rnvftrealt a:hover, .rnvftrealt a:focus{ text-decoration:underline; color:#fff; background-color:#000000;}
.asaornvilt { line-height:34px; padding:8px;}
.iconforhd{ text-align:center; }
.controntvr a { display:inline-block;}

.ronysnftre {  display: none;}
.ronysgornftre{position: fixed; position: fixed; bottom: 10px; right: 30px; z-index: 1; font-size: 24px;  border: none; outline: none; background-color:#8F7414; color:#FFF;cursor: pointer; padding: 10px;  border-radius: 4px; display: block;}
.ronysgornftre:hover { background-color:black;}
address { margin-bottom:30px;}	
@media (max-width: 767px) {
.rsarnmus { position:relative; border-bottom:#CCCCCC 1px solid; padding-bottom:16px; }
.redortlg { margin:0;  width:180px; height:60px;float:none; }
.redortlg img{ width:180px; height:60px; float:left;}
.redortlg a { display:block;}
.rnoclansec a {padding :4px;color : #000; text-decoration:none; display:inline-block; margin-right:6px;}
.rnoclansec a:hover,
.rnoclansec a:focus {background-color : #000;color : #fff; border:blue 1px solid; text-decoration:underline;}
  .ronegezbast {display: none;	position:absolute;	top:116px;	width:100%;  }
  .ernvoicm { display: flex;  flex-direction: column;  align-items: stretch;  width: 100%;  position: relative; z-index: 1;}
  .ofcrnovitm { width: 100%;display:block;  }
  .ordesbtnod { height:40px; width:50px; display: block; background-color: #333; color: #fff; border: 0;cursor: pointer; position:absolute; right:10px; top:52px;  }
  .ordesbtnod:hover,
  .ordesbtnod:focus {box-shadow: 0 0 0 1px #CCCC00; background-color:#FFFFFF; color:#000;  }

.ofisdizme {grid-template-columns: repeat(2, 1fr);gap: 20px; margin-top:30px; margin-bottom:40px;}
.lironvst {grid-template-columns: repeat(2, 1fr); justify-content:space-between;  margin:40px 0px; margin-bottom:60px;grid-gap: 40px 20px; }
.trakftalt { width: 100%; }
.teracntlf {width: 100%;float:none;}
.ncronterdr {float:none;  width: 90%; margin:auto;box-shadow: 0 0 2px #FF9900;}
address img { max-width:100%; height:auto; margin-bottom:30px;}
}