*{padding:0;margin:0; font-family: Arial;transition: 0.5;}
header{z-index:100;width:100%; position:fixed; background-color: rgba(56, 22, 14, 0.8);}
.mainbox{max-width: 862px; margin:10px auto;padding:0 10px;}
a{color: rgb(218, 168, 155); transition:0.8s; text-decoration:none;}
a:hover{color: rgba(56, 22, 14, 0.8); transition:0.8s;}
nav a:hover{color: rgb(173, 134, 124); transition:0.8s;}
.clr{clear:both;}
h1, h2, h3{margin: 15px 0; text-align:center; color: rgb(173, 134, 124); font-size:22px;}
h3{color: rgb(218, 168, 155); padding-top:15px;}
#company_add_form{color: rgb(204, 94, 67);}
#company_add_form:hover{color: rgb(173, 134, 124);}
.span-cat{font-size: 11px; color: rgba(218, 168, 155);text-transform:uppercase;}
#more-pages{margin: 15px 0; text-align: left;}
#more-pages p, #more-pages ul, #more-pages ul li, #more-pages a{display:inline;}
#more-pages ul li{margin: 0 5px;}
#more-pages p, #more-pages a{color: rgba(56, 22, 14, 0.8);margin: 0 5px;}
#more-pages a:hover{color:rgb(204, 94, 67);} .nav-row{margin: 0px auto; text-align:left;} 
.nav-row li{display: inline-block;  line-height:43px; padding: 12px 0;} 
.nav-row li a {font-size: 16px; padding: 0 10px;} 
.nav-row li:hover{border-bottom: 2px solid rgb(173, 134, 124); padding-bottom: 10px;}
.dropped, [id^=drop] {display: none;}
#name {display: block; padding: 0 20px; float: left; font-size: 21px; line-height: 43px; color: rgb(173, 134, 124); margin: 12px 0;} 
#name img{max-height:43px; float:left;margin: 0 10px;} 
@media all and (max-width : 990px) {
.nav-row li a{border:none;}
.nav-row li{padding:0; line-height:22px;}
.nav-row li:hover{border:none; padding:0;}
#name {display: block; padding: 0; width: 100%; text-align: center; float: none;}
#name img {display: block;text-align: center; float: none; margin: 0 auto;}
.dropped + a, .nav-row {display: none;}
.dropped {text-align:center;font-size:18px; cursor:pointer; display: block; padding: 0 0 0 10px; color: rgb(218, 168, 155); font-weight:bold; line-height: 43px; text-decoration: none; border: none;}
.dropped:hover{color: rgb(173, 134, 124); transition:0.8s;}
[id^=drop]:checked + ul {display: block;}
nav ul li {display: block;width: 100%; padding-left:0;}
}#main-header{height: auto; position: relative; width: 100%; height:34vh; background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url("/hillview-brean-tpl.jpg");background-repeat:no-repeat; background-position:fixed; background-size:cover;}
#research{text-align: left; top: 50%; display:block ;position:relative; padding: 0 18px; background: rgba(255,255,255,0.2);}
#look{padding: 10px 10px; width:28%; min-width: 210px;border: 1px dotted rgb(204, 94, 67); font-size: 17px; background: rgba(255,255,255,0.5); border-radius: 5px;}
#look::placeholder{font-style:italic; font-size: 16px;}
#research input:focus{border: 1px solid rgb(204, 94, 67); box-shadow: 0 0 3px rgb(204, 94, 67);}
#search_trigger{color: rgb(218, 168, 155); background-color: rgb(204, 94, 67);border-radius: 5px;transition:1s; margin: 20px auto; display:inline-block; padding: 10px 26px; cursor:pointer; font-weight:bolder; border: 1px dotted rgb(218, 168, 155); font-size: 17px; }
#search_trigger:hover{color: rgb(204, 94, 67); background: rgb(218, 168, 155); transition:1s; }.indexp{text-align:right; clear:both; margin-bottom: 30px; margin-top:20px;}
.indexp img{float:right; margin-right: 15px; max-width: 128px;}#extra-view{min-height: 316px; width: 100%; background-attachment:fixed;background-image:linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) ),url("/hillview-brean-tpl.jpg");background-repeat:no-repeat; background-size:cover; background-position:fixed;} 
#extra-view p{text-align:center; line-height: 316px; font-size: 29px; color: rgb(218, 168, 155); text-shadow: 1px 1px 1px #000; font-weight:bolder;}
#categories{text-align:center; margin:0 auto;}
.start-box{width:calc(24% - 30px); margin: 10px; padding:0; min-width:176px; vertical-align:top; display:inline-block; background-color: rgb(104, 4, 7); padding:2px; border-radius:5px;}
.start-box img{width:32px; margin:0; padding-bottom:10px;}
.start-box p{margin:0; padding:10px; color: rgb(218, 168, 155);}
.start-box p a{font-size:13px;}
.start-box .cat-content {color: rgb(218, 168, 155); padding-top:0;font-size:13px;}#snippets{margin: 23px auto; border-bottom: 2px solid rgba(56, 22, 14, 0.8); opacity: 0.8; text-align:left;}
#snippets li{display:inline-block;}
#snippets li a{display: inline-block; color: rgb(218, 168, 155); background: rgba(56, 22, 14, 0.8); line-height: 26px; height: 26px; padding: 8px 13px; font-size:12px; font-weight: normal; opacity: 0.8;transition: 0.8s;}
#snippets li a:hover{opacity: 1; transition: 0.8s;}
.bread-sep{ background: rgba(56, 22, 14, 0.8); opacity: 0.8;color: #fff; font-weight: normal; height: 26px; padding: 8px; display: inline-block; line-height: 26px; font-size:12px;}
#snippets li:nth-child(1) a{border-radius: 8px 0 0 0;}#spots{text-align:center; margin:0 auto;}
.firma{width:calc(50% - 47px); margin: 10px; padding:0; min-width:269px; vertical-align:top; display:inline-block; background-color: rgba(173, 134, 124,0.8); border-radius:8px; opacity:0.9;}
.firma:hover{opacity:1;}
.firma img{width:102%; margin:1% -1%; box-shadow: 0 0 0px #000;}
.firma .mail_ico{box-shadow: none; width:10px; float:none; display:inline; margin: 0 1px;}   
.firma p{margin:0; padding:0 8px 8px; text-align:center;}
.firma p a{font-size:17px;}
.ftitle{color: rgba(56, 22, 14, 0.8); font-weight: bold; }
.firma .full-name{color:rgb(218, 168, 155); font-size:18px; font-weight:bold; background-color:rgba(56, 22, 14, 0.8); margin-bottom:8px;  text-align:center; padding: 5px ; border-radius:8px 8px 0 0; }
.firma .full-name2{border-radius:0  0 8px 8px ; font-size:16px; background-color:rgba(56, 22, 14, 0.8);  padding:8.5px; line-height:16px;}
.firma .full-name2 a:hover{color: rgb(173, 134, 124);}
.firma .place-desc{margin: 10px 0; padding: 0 10px; font-style:normal; color: 218, 168, 155;}
.span-cat{color: rgba(56, 22, 14, 0.8);}#company-details{background-color:rgb(204, 94, 67); width:100%; color: rgb(218, 168, 155); padding: 20px 0;}
#company-details p{text-align:center; padding: 0 18px;}
#alignment{text-align:center; margin: 14px auto;}
#company_www{margin: 0 auto;  text-align:center;height:auto; width:100%;}
.company_www{display:inline-block; width: calc(50% - 17px); text-align:center; min-width: 260px; }
.company_www img{margin-top: 14px; width: 32px;}
.company_www .mail_ico {width: 9px;}
.local-h{color:rgb(173, 134, 124); padding-top:0; margin-bottom:10px;}
#c_description{text-align:left;}
#company-open{margin:0 auto;}
.not-open td{color: darkred;}
#company-open td{padding: 2px 10px;}
#company-open td:nth-child(odd) {text-align:right;}
#company-open td:nth-child(even) {text-align:center;}
#company_services{margin-top:18px;}
#company_services a{color: rgb(204, 94, 67); font-weight:normal;}
.social_media{display: inline-block; margin: 14px; opacity:0.8; transition: 0.8s;}   
.social_media:hover{opacity:1; transition: 0.8s;}#visited{text-align:center; margin: 20px auto 28px auto; width: 100%; }
.diff_company{display: inline-block; min-width: 151px; margin: 8px; box-shadow: 0 0 5px rgb(56, 22, 14, 0.8); padding: 8px; text-align:center; vertical-align:top;
width: calc(20% - 40px); min-height:150px; opacity: 0.9; transition: 0.8s; border-radius: 8px; }
.diff_company img{width: 90%;}
.diff_company:hover{opacity: 1; transition: 0.8s;}
.diff_company p{margin: 8px 0; font-weight: normal; color: rgb(204, 94, 67); font-size: 15px;}
.diff_company a{color: rgb(173, 134, 124); display: block; margin: 8px 0; font-size: 15px; font-style: normal;}
.diff_company a:hover{color: rgb(173, 134, 124);}
.local-h{color:rgb(173, 134, 124); padding-top:0; margin-bottom:18px;}footer{width:100%;font-weight: bold; font-size:14px; color: rgb(218, 168, 155); text-align:center; background-color: rgb(204, 94, 67);}
#holder{padding-bottom:18px;}
#footer-contact{width: 47%; margin: 10px auto;}
.foot-label{font-weight:normal;margin-top:10px;}
#formularz{transition: 0.5;margin: 0 auto; display:block; width:100%; padding:0;}
#formularz input, #formularz textarea{width: calc(100% - 20px);}
#formularz input:focus, #formularz textarea:focus {border: 1px solid rgb(204, 94, 67); box-shadow: 0 0 3px rgb(204, 94, 67);}
#formularz .submit{transition:1s; margin: 20px auto; display:block; padding: 10px 10px; width:173px; cursor:pointer; font-weight:bolder; color: rgb(204, 94, 67); background: rgb(218, 168, 155); font-size: 17px; border: 1px dotted rgb(204, 94, 67);}
#formularz .submit:hover{border: 1px dotted rgb(218, 168, 155); transition:1s; color: rgb(218, 168, 155); background-color: rgb(204, 94, 67);}
#formularz input {padding: 18px 8px; font-size:13px;}
#formularz textarea{height:173px; font-size:13px; padding: 18px 8px;}