body            			 { margin:0px; padding:0px; width:100%; height:100%; font-family:'Roboto', sans-serif; }
html            			 { height:100%; }
.main      		        	 { position:fixed; width:100%; height:100%; background:url(img/bg.jpg) center center; background-size:cover; overflow:auto; }
.t              			 { height:100%; width:100%; display:table; }
.v         		        	 { vertical-align:middle; height:100%; display:table-cell; }
.container	     			 { position:absolute; top:90px; bottom:90px; left:50%; margin-left:-600px; width:1200px; height:auto; }
.left-side 			 		 { position:absolute; left:0px; top:0px; background:#fff; width:240px; height:100%; }
.logo     			 		 { float:left; background:#dc1a1a; width:100%; height:200px; text-decoration:none; text-transform:uppercase; text-align:center; }
.logo img		 			 { display:inline-block; margin-bottom:12px; width:80px }
.logo b    					 { display:block; font-size:25.4px; font-weight:600; color:#fff; }
.logo b i 					 { display:block; margin-top:4px; font-size:9.6px; font-style:normal; font-weight:400; opacity:0.5; }
.menu     				     { display:inline-block; margin-left:40px; margin-right:40px; margin-top:40px; border-top:1px solid #e6e7e7; }
.menu a   		             { float:left; padding-left:8%; padding-right:8%; padding-top:13px; padding-bottom:14px; width:84%; border-bottom:1px solid #e6e7e7; font-size:11px; color:#000;
				               text-decoration:none; text-transform:uppercase; transition:0.5s; }
.menu a.selected             { background:#f4f4f4; color:#dc1a1a; }
.menu a:hover                { background:#f4f4f4; }
.fireprotection              { display:inline-block; margin-left:40px; margin-top:30px; }
.fireprotection img          { width:160px; }
.opacity-grid                { position:absolute; left:240px; width:80px; height:100%; background-color:rgba(255, 255, 255, 0.6); }
.main-content                { position:relative; margin-left:320px; height:100%; background:#fff; }
.navigation                  { padding-left:30px; height:60px; background:#f4f4f4; }
.navigation a                { float:left; margin:0px; padding:0px; margin-left:10px; font-size:11px; line-height:11px; color:#dc1a1a; text-decoration:none; text-transform:uppercase;}
.navigation a:hover          { text-decoration:underline; }
.navigation a.current        { color:#000; text-decoration:none !important; }
.navigation i                { float:left; margin-left:10px; font-size:11px; line-height:11px; font-style:normal; }
.m-c-container               { position:absolute; top:90px; bottom:30px; left:40px; right:20px; padding-right:20px; height:auto; overflow:auto; text-align:justify; }
.m-c-container h1            { margin:0px; margin-bottom:20px; padding:0px; font-size:20px; }
.m-c-container p             { display: inline-block; margin:0px; margin-bottom:20px; padding:0px; width:100%; font-size:14px; line-height:24px; }
.m-c-container p img         { width:100%; }
.m-c-container p a           { color:#dc1a1a; }
.faq-items                   { border-top:1px solid #e6e7e7; }
.faq-item                    { position:relative; padding-top:20px; padding-bottom:20px; padding-right:50px; border-bottom:1px solid #e6e7e7; }
.minus-plus                  { position:absolute; right:10px; top:14px; width:25px; height:25px; opacity:0.5; }
.minus                       { position:absolute; right:0px; top:17px; width:25px; height:1px; background:#000; }
.plus:before                 { content:''; position:absolute; left:50%; top:-12px; width:1px; height:25px; background:#000; }
.question                    { display:block; position:relative; line-height:24px; font-size:14px; font-weight:400; text-decoration:none; color:#000; }
.answer                      { display:block; font-size:14px; line-height:24px; font-weight:400; text-decoration:none; color:#999; }
.answer p                    { margin:0px; margin-top:20px; }
#map                         { width:100%; height:520px; }
.c-b-c-main                  { text-align:center; }
.c-b-c-main p                { display:inline-block; margin:0px; margin-top:40px; margin-bottom:10px; padding:0px; }
.c-b-c-main a                { color:#dc1a1a; }

@media screen and (max-width: 1280px) { 
.container	     			 { display:inline-block; position:relative; top:auto; margin:0 auto; margin-top:50px; margin-bottom:50px; bottom:auto; left:auto;  margin-left:4%; width:92%; height:auto; }
.m-c-container               { position:relative; top:auto; bottom:auto; left:auto; right:auto; margin-top:20px; padding-left:40px; padding-right:40px; height:auto; overflow:auto; text-align:justify; }
.c-b-c-main                  { padding-bottom:50px; }
}

@media screen and (max-width: 900px) { 
.left-side                   { width:200px; }
.menu                        { margin-left:20px; margin-right:20px; }
.fireprotection              { margin-left:20px; margin-top:20px; }
.fireprotection img          { width:160px; }
.opacity-grid                { left:200px; width:50px; }
.main-content                { margin-left:250px; }
}

@media screen and (max-width: 700px) { 
.opacity-grid                { width:10px; }
.main-content                { margin-left:210px; }
.m-c-container               { padding-left:25px; padding-right:25px; }
}

@media screen and (max-width: 600px) { 
.container                   { margin-top:0; }
.left-side                   { position:relative; padding-bottom:20px; width:100%; }
.logo                        { margin-bottom:20px;}
.menu                        { display:block; }
.opacity-grid                { display:none; }
.main-content                { margin-left:0px; }
}