html,body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;line-height:1em}h1{font-size:2em;margin-bottom:.5em}h2{font-size:1.75em;margin-bottom:.5142em;padding-top:.2em}h3{font-size:1.5em;margin-bottom:.7em;padding-top:.3em}h4{font-size:1.25em;margin-bottom:.6em}h5,h6{font-size:1em;margin-bottom:.5em;font-weight:700}p,blockquote,ul,ol,dl,form,table,pre{display:block;line-height:inherit;margin:0 0 1.5em 0}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}ul,ol,dl{padding:0}ul ul,ul ol,ol ol,ol ul,dd{margin:0}li{margin:0 0 0 2em;padding:0;display:list-item;list-style-position:outside}blockquote,dd{padding:0 0 0 2em}pre,code,samp,kbd,var{font:100% mono-space,monospace}pre{overflow:auto}abbr,acronym{text-transform:uppercase;border-bottom:1px dotted #000;letter-spacing:1px}abbr[title],acronym[title]{cursor:help}small{font-size:.9em}sup,sub{font-size:.8em}em,cite,q{font-style:italic}img{border:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0 0 1.5em 0;padding:0}table{width:100%;border-collapse:collapse}th,caption{text-align:left}label{display:block}fieldset{margin:0;padding:0;border:none}legend{font-weight:700}input,select{vertical-align:middle}input[type="radio"],input[type="checkbox"],.radio,.checkbox{margin:0 .25em 0 0;outline:none}input{outline:none}a{text-decoration:none}img{max-width:100%}button{cursor:pointer}button,a,svg,.transit{transition:all .3s ease;outline:none}
* {
    font-family: 'Roboto';
}
html {
	scroll-behavior: smooth;
}
img {
	height:inherit;
}
html, body {
    background: #fff;
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    color: #000;
    box-sizing: content-box;
}
header {
	position: relative;
}
header .banner {
	position: relative;
    z-index: 6666;
	height:100vh;
}
header .banner img {
	width: 100%;
    height: inherit;
}
header .banner:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 7777;
background:linear-gradient(to bottom,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.75) 24%,rgba(0,0,0,0) 100%);

}
.topline {
	position: absolute;
    z-index: 8888;
    width: 100%;
    left: 0;
    top: 20px;
}
section {
	
}
.container {
	width: 100%;
    max-width: 1200px;
    padding: 0 15px;
	margin: 0 auto;
}
.container.full {
	max-width: 1600px;
}
.inner {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo {
	border: 3px solid #ffffff;
    border-radius: 12px;
    display: block;
    overflow: hidden;
	width: 333px;
}
.logo a:hover {
	opacity: .7;
}
.logo a img {
	display: block;
}
.menu {
	
}
.menu ul {
	margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}
.menu li {
	list-style-type: none;
}
.menu a {
	font-size: 18px;
    color: #FFF;
    text-shadow: 2px 1px #000;
	    font-weight: 400;
}
.menu a:hover {
	color: #c9a33c;
}
.nameblock {
	position: absolute;
    top: 350px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 8888;
	text-align: center;
	color: #fff;
}
.nameblock h1 {
	font-size: 50px;
    text-transform: uppercase;
    font-weight: 500;
	margin: 0 0 50px;
}
.nameblock h2 {
	font-size: 30px;
    font-weight: 300;
}
.nameblock a {
	color: #fff;
    font-size: 18px;
    padding: 15px 60px;
    background: #4a3f27;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    border-radius: 12px;
    display: inline-block;
    margin: 40px 0;
}
.nameblock a:hover {
	 color: #4a3f27;
	 background: #fff;
}
.canalog, .needs {
	margin: 100px 0;
}
.canalog .head {
	    text-align: center;
    font-size: 42px;
    font-weight: 400;
    margin: 0 0 40px;
}
.canalog .subhead {
	    text-align: center;
    font-size: 24px;
    font-weight: 300;
    margin: 0 0 40px;
    line-height: normal;
}
.canalog .subhead span {
    color: red;
}

body:not(.home) .banner, body:not(.home) .nameblock, body.single .banner, body.single .nameblock {
	display:none;
}
body:not(.home) .topline {
	position:relative;
	top:0;
	background: #4a3f27;
    padding: 20px 0;
}
body:not(.home) .topline .logo {
	width: 233px;
}
.post h1 {
	font-size: 50px;
    text-transform: uppercase;
    font-weight: 500;
   margin: 50px 0;
    text-align: center;
}
.post ul.items {
	    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
	flex-wrap: wrap;
}
.post li.item {
	list-style-type: none;
    margin: 0 0 20px;
	    flex: 0 0 24%;
}
.post li.item .textbox h3 {
	margin: 0;
    font-weight: 400;
}
.post li.item .textbox span {
	font-weight: 300;
}
.post li.item .imgbox {
	overflow:hidden;
}
.post li.item img {
	opacity:0;
}
footer {
	background:#4a3f27;
	padding: 60px 0 50px;
    margin: 0;
}
footer .contacts {
	text-align:center;
}
footer .contacts p {
	margin:0 0 40px;
}
footer .contacts p:last-child {
	margin:0;
}
footer .contacts a {
	color: #fff;
    font-size: 36px;
}
footer .contacts a.maps {
	font-size: 26px;
	font-weight: 300;
}
footer .contacts a:hover {
	    color: #c9a33c;
}
.list_cat {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.list_cat .post {
	flex: 0 0 24%;
    margin: 0 0 20px;
	display: flex;
    align-items: center;
}
.list_cat .post img {
	height:inherit;
	transition:all .3s ease;
}
.list_cat .post .inside {
	position:relative;
	overflow: hidden;
}
.list_cat .post .inside a {
	    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}
.list_cat .post .inside a:before {
	content: '';
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .6;
	transition:all .3s ease;
	z-index:8888;
}
.list_cat .post .inside .singleimgbox {
	position:relative;
	z-index:7777;
	transition:all .3s ease;
}
.list_cat .post .inside a h2 {
	position: absolute;
    padding: 0 20px;
    margin: 0;
    color: #fff;
    z-index: 8888;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    font-size: 22px;
    font-weight: 700;
}
.list_cat .post .inside a:hover:before {
	opacity: .8;
}
.list_cat .post .inside:hover .singleimgbox {
	transform: rotate(15deg) scale(1.1);
}
.needs {
	
}
.needs .textbox {
	text-align:center;
}
.needs .textbox h3 {
	font-weight: 400;
    font-size: 18px;
    margin: 10px 0 0;
}
.needs .textbox span {
	
}
.inners {
	margin:0 0 60px;
}
.inners p {
	    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
	margin: 0 0 10px;
}
section.about {
	    background-image: linear-gradient(35deg, hsl(0deg 0% 100%), 80%, hsla(0, 0%, 7%, 0.8)), linear-gradient(#bbb 1px, transparent 0), linear-gradient(90deg, #bbb 1px, transparent 0);
    background-size: 100% 100%, 2vw 2vw, 2vw 2vw;
    padding: 100px 0;
}
section.about .inside {
	    display: flex;
    align-items: center;
    justify-content: space-between;
}
section.about .inside .txt {
	    flex: 0 0 50%;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
}
section.about .inside .imgs {
	    flex: 0 0 45%;
}
.single .post {
	margin: 0 0 120px;
}
.post-item {
	display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 25px;
    padding: 0 0 20px;
    border-bottom: 1px solid #4a3f27;
}
.container article:last-child .post-item {
	border:none;
}
.post-item .thumb {
	    flex: 0 0 43%;
}

.post-item .content {
	    flex: 0 0 55%;
    font-size: 18px;
    line-height: 24px;
}
.post-item img {
	width:100%;
}
.post-item .content h2 {
	font-size: 36px;
    font-weight: 600;
}
.post-item .content h2 a {
	color: #4a3f27;
}
.post-item .content h2 a:hover {
	color: #000;
}
.archive h1, .posts h1 {
	font-size: 50px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 50px 0;
    text-align: center;
}
a.more {
	padding: 10px 20px;
    color: #fff;
    background: #4a3f27;
    font-weight: 300;
    border: 1px solid #4a3f27;
    border-radius: 12px;
}
a.more:hover {
	color: #4a3f27;
    background: #fff;
}
ul.pagination {
	    display: flex;
    align-items: center;
    justify-content: center;
}
ul.pagination li {
	list-style-type: none;
    font-size: 18px;
}
ul.pagination li a {
	color:#4a3f27;
}
ul.pagination li a:hover {
	color:#000;
}
.posts {
	margin: 0 0 80px;
}
.posts p {
	font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}

ul.social {
	display: flex;
    align-items: center;
    justify-content: center;
	margin: 0;
}
ul.social li {
	list-style-type: none;
        margin: 0 10px;
}
ul.social a {
	
}
ul.social a:hover {
	opacity: .6;
}
button.burg {
	display:none;
}

@media all and (max-width:1650px) {
	.container.full {
		    max-width: 1200px;
	}
}
@media all and (max-width:1250px) {
	.container, .container.full {
		    max-width: 1024px;
	}
}
@media all and (max-width:1180px) {
	.container, .container.full {
		    max-width: 96%;
			padding: 0;
	}
	.logo, body:not(.home) .topline .logo {
    width: 45%;
}
.logo a img, .post li.item img {
    width: 100%;
    height: inherit;
}
.nameblock {
        z-index: 7777;
}
.menu {
    position: fixed;
    width: 100%;
    height: 100vw;
    top: 0;
    left: 0;
    background: #4a3f27;
    z-index: 8888;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: all .3s ease;
	transform: translate(0, -100%);
}
.menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap: wrap;
}
.menu li {
    flex: 0 0 100%;
    text-align: center;
    margin: 0 0 20px;
}
.nameblock h1 {
    font-size: 36px;
}
.nameblock h2 {
    font-size: 26px;
}
.canalog .head {
    font-size: 36px;
    line-height: 36px;
}
.list_cat .post, .post li.item {
    flex: 0 0 48%;
}
.list_cat .post .inside a h2 {
	font-size: 20px;
}
.list_cat .post .inside {
    width: 100%;
}
.post-item .content {
    flex: 0 0 100%;
}
.post-item .thumb {
    flex: 0 0 100%;
    order: 2;
    margin: 40px 0 0;
}
button.burg {
	display:block;
	        position: relative;
                padding: 8px 0;
        background: transparent;
        border: none;
        width: 35px;
		z-index: 9999;
}
button.burg:before {
	content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #fff;
        left: 0;
        top: 0;
		transition: all .3s ease;
}
button.burg:after {
	content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #fff;
        left: 0;
        bottom: 0;
		transition: all .3s ease;
}
button.burg.active:before {
	transform: rotate(45deg);
        top: 8px;
}
button.burg.active:after {
	transform: rotate(-45deg);
        bottom: 8px;
}
button.burg.active span {
	opacity:0;
}
button.burg span {
	display: block;
        width: 100%;
        height: 2px;
        background: #fff;
		transition: all .3s ease;
}
.menu.active {
	        transform: translate(0, 0);
}
}


@media all and (max-width:740px) {
	    .list_cat .post, .post li.item {
        flex: 0 0 100%;
    }
}