/*
Theme Name: dantmpl

*/
* {
	padding: 0;
	margin: 0;
}
*, *:before, *:after {
  box-sizing: border-box;
}
a, a:focus, a:hover {
	outline: none;
	text-decoration: none;
	color: #000
}
.clear {
	clear: both;
	height: 0;
}

ul {
	list-style: none;
}


html {

	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	color: #000;
	background: #fff;
font-family: 'GT Walsheim LC';
	font-size: 15px;
-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	line-height: 150%;
font-weight: normal;

}

p{
		line-height: 180%;
}

input, select, textarea, option {
font-family: 'GT Walsheim LC';
	font-size: 15px;
border-bottom: 1px solid #fff;
border-left: none;
border-right: none;
border-top: none;
  padding: 10px;
  margin-bottom: 15px;
	width: 100%;
	background: none;
	color: #000;

}

.color2 input, .color2 select, .color2 textarea, .color2 option{
	border-bottom: 1px solid #000;
}
label {

}

input[type="submit"], button.button_send {
font-family: 'GT Walsheim LC';
	background: #89998E;
	padding: 15px 25px;
	color: #000;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 11px;
border: none;
cursor: pointer;
}
.w800 {
	width: 800px;
	margin: 0 auto;
}


.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.w1400 {
	width: 1400px;
	margin: 0 auto;
}

.full {
	width: 100%
}
.gazpacho {
	font-family: 'Gazpacho';

font-weight: normal;
}

.dgrey {
	background: #1F1F1F
}

.matcha {
	background: #89998e
}

.zucchini {
	background: #4c5b4c
}
.tamarillo {
	background: #9a1c1f
}
.vcent {
display: flex;
flex-direction: column;
justify-content: center;
}

h1, h2, h3, h4, h5 {
font-family: 'Gazpacho';
line-height: 120%;

font-weight: normal;
}

h1 {
		font-size: 80px;

}
h2 {
	font-size: 50px;

}
h3 {
	font-size:30px;

}
h4 {
	font-size:25px;

}


.flex {
	display: flex;
	flex-wrap: wrap;
}

.betw {
	justify-content: space-between;
}

.icent {
	align-items: center;
}
.cent {
	justify-content: center;
}

.centr {
	text-align: center;
}

.header, .videocont, .topimg, .imgwr {
	position: relative;
	height: 100vh;
}
.overlay {
	background: #666;
	background: radial-gradient(circle,rgba(102, 102, 102, 0) 27%, rgba(51, 51, 51, 0.37) 67%, rgba(0, 0, 0, 0.77) 100%);
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}

.topper {
	background: rgba(31,31,31,.3);
	backdrop-filter: blur(10px);
	z-index: 190;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 15px 25px;
}

.videocont {
	background-size: cover;
	  background-position: 50% 50%;

	  overflow: hidden;
	  z-index: 1;
	  background-color: #000;

}

.videocont video {
	object-fit: cover;
	-o-object-fit: cover;
	        width: 100%;
	        height: 100%;
  z-index: 100;
}

.primary-navigation .menu-wrapper {
	display: flex;
flex-wrap: wrap;
}
.primary-navigation .menu-wrapper li {
	padding: 5px 20px;
}
.primary-navigation .menu-wrapper li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px
}

.butt a {
	background: #d79c79;
	padding: 15px 25px;
	color: #000;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 11px;
}

.tag {
	position: absolute;
	bottom: 15%;
	left: 10%;
	z-index: 150;

}
.header:not(.bcolor) .tag {
	max-width: 700px
}
.tag span {
	display: block;
	color: #fff
}
.tag span.smaller {
	font-size: 40px;
	line-height: 130%
}
.badge {
	position: absolute;
	z-index: 160;
	bottom: -70px;
	right: 100px;
	transform: rotate(30deg);
}
.topimg img, .intro .left img, .imgwr img, .vr1 .left img, .special img, .happy .left img, .bott img, .kitchen img,  .flex.layout .fimage img, .insideimg img, .fimage img, .blogimg img{
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%
}

.intro > div {
	width: 50%;
}

.intro .right {
	padding: 10%;
	color: #fff
}

.middle_wr {
	background: #89998E;

	padding: 50px 0px;
	width: 100%
}
.middle > div {

	padding: 10px 20px;

}

.middle .midb {
	font-size: 45px;
	line-height: 120%;
	text-align: center;
}
.middle .mids {
	font-size: 18px;line-height: 150%;
		text-align: center;
}

.swiper-slide {
  overflow: hidden;
}

.slide-inner {

  width: 100%;
  height: 100%;

  background-size: cover;
  background-position: center;
  background-repeat:  no-repeat;
}
.slide-inner img {
  width:100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.vr1 > div {
	width: 50%
}

.vr1 .readmore a {
	background: #89998E;
}
.vr1 .right {
	padding: 5% 10%;
display: flex;
justify-content:center;
flex-direction: column;
}

.special {
	position: relative;
	height: 400px;
	width: 100%
}

.inside {
	position: absolute;
	z-index: 80;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	max-width: 430px
}
.insidein {
	padding: 50px;
color: #fff;
position: relative;

}
.insidein p {
	line-height: 150%
}
.bubble {
	position: absolute;
	top:-50px;
	right: -50px;z-index: 125;
	border-radius: 100%;
	padding: 25px;
	color: #fff;
	font-size: 35px;
	line-height: 80px
}

.happy .left {
	width:  50%;

}
.happy .right {
	width:  50%;
	padding: 5% 10%;
	color: #fff;

}
.colors {
	padding: 100px 20px
}
.colors .colori {
	padding: 30px 0;
}

.color {
	padding: 15px
}

.steps {
	background: #1F1F1F;
	color: #fff;
	padding: 5% 10%
}

.steps .text1 {
	width: 30%;
}

.steps .numbers, .steps .text2 {
	width: 50%
}
.steps .numbers {
	display: grid;
grid-template-columns:1fr 1fr;

grid-column-gap: 0px;
grid-row-gap:50px;
}
.steps .numbers .number {
	width: 250px
}
.steps .numbers .number img {
	width: 80px;
	height: auto;
	opacity: .6
}
.steps .numbers .number .bignum {
		text-align: right;
}

.bignum {
	font-size: 70px;
	opacity: .6;
	font-weight: normal;
	line-height: 120%;

}
.steps .numbers .number .name {
	width: calc(100% - 100px);
	text-align: right;
}
.paddt {
	padding-top: 50px
}

.bott {
	width: 50%;
	position: relative;
	height: 500px
}
.bott .bott_iframe {
		height: 500px;
		mix-blend-mode: luminosity;
}
.btext_wr {
	position: absolute;
	z-index: 160;
	color: #fff;
	font-size: 30px;
	bottom: 0;
	padding: 50px;
	text-align: center;
	line-height: 120%;
	width: 100%;
	background: #000000;
background: linear-gradient(178deg,rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);
}
.bott_title {
	text-shadow: 0 0 30px rgba(0,0,0,1)
}

.footer {
	padding:50px
}
.footer .segment {
	padding: 15px;
	width: 25%
}
.phone {
	background: #4C5B4C;
	padding: 10px 10px 0px 10px;
	border-radius: 100%;
	display: block;
	width: 35px;
	height: 35px
}
.phone i {
	color: #fff;

}
.icons a {
	margin: 5px
}

.kitchen {
	position: relative;
	width: 25%;
	height: 600px
}
.kitchen  .btext_wr {
	text-align: left;

}

.kitchen  .posttitle {
	font-size: 30px;
	line-height: 110%;
	text-shadow: 0 0 20px rgba(0,0,0,0.5)
}
.kitchen .sub {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 120%;
	padding-top: 5px
}

.kitchens {
	padding: 80px 0 0 0
}
.kitchens h2 {
	padding: 0 20px 20px 0;
	margin-left: 10%;
	width: 550px
}

.singlepage {

}

.ftext {
	color: #fff;
}

 .ctext {
	 color: #fff;
	 padding: 80px 20px
 }

 .flex.layout > div {
	 width: 50%;
 }
  .flex.layout .ftext {
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding: 10%
	}

.readmore {
	margin-top: 50px;
}

.readmore a {
	background: #fff;
  padding: 15px 25px;
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 11px;

}
.grid {
		display: grid;
}

.grid.numb1 {
	grid-template-columns: 1fr;
}
.grid.numb2 {
	grid-template-columns: 1fr 1fr;
}
.grid.numb3 {
	grid-template-columns: 1fr 1fr 1fr;
}
.grid.gallery {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.notfronty .topimg, .notfronty .header{
	height: 70vh
}
.header.bcolor {
	background: #4c5b4c
}
.header.bcolor .overlay{
	display: none
}
.header.bcolor .tag {
position: relative;
width: 100%;
padding: 200px 20%;
text-align: center;
bottom: auto;
left: auto;
z-index: 10
}
.header.bcolor .tag.p404 {
	padding: 300px 20%;
}
.header.bcolor {
	height: 100%
}

.lower {
	text-transform: lowercase;
}

.biggy {
	font-size: 150px;
	line-height: 80%
}
.smally {
	font-family: 'GT Walsheim LC';
	font-size: 20px;
	line-height: 110%
}
.content_all {
	padding: 80px 0
}
.kitchenbl, .content_all .kitchlist  {
	padding: 30px 0
}
.content_all .kitchlist .kitchen {
	width: 50%
}

.list.layout {
	padding-top: 80px;
	padding-bottom: 80px
}
.grid.lnumb1 {
	grid-template-columns: 1fr;
}
.grid.lnumb2{
	grid-template-columns: 1fr 1fr;
}
.grid.lnumb3{
	grid-template-columns: 1fr 1fr 1fr;
}
.grid.lnumb4{
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid.item.one {
		grid-template-columns: 1fr;
}
.grid.item {
	grid-template-columns: 1fr 4fr;
	grid-gap: 20px
}
.grid.item .bignum {
	color: #89998e;
	opacity: 1
}
.grid.item h4 {
	padding-bottom: 10px
}
.limage {
	height:320px;
	padding-bottom: 20px
}
.limage img{
object-fit: cover;

width: 100%;
height: 100%
}



.flex.layout2 > div {
	width: 33.33%
}

.flex.layout2 .ftext {
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 5%
}

.insideimg {
	max-height: 350px
}

.submenu {
	display: flex;
	justify-content: center;
}
.submenu a {
color: #fff;
padding: 10px 20px;
margin: 0 5px
}

.content_all .post {
	width: 29%;
	margin: 2%;

}
.teaser_cont {
	padding: 30px;
	background: #eae5de
}
.teaser_cont .readmore {
	margin-top: 25px
}
.teaser_cont .readmore a {
	background: #89998e
}
.blogimg {
	height: 250px;
}

.contact > div {
	width: 50%
}
.compinfo {
	padding: 8%
}
.form_error{
	color: rgb(238, 37, 10);
	font-style: italic;
	font-size: 12px;
	display: none
}
.priv {
	font-size: 11px;
width: calc(100% - 30px);
	line-height: 120%
}
input[type="checkbox"] {
	width: auto;
}
.form_row {
	padding: 10px 0
}
.form {
	margin-top: 35px;
}

.color1, .color1 a {
	color: #fff
}
.maintxt {
	padding: 50px 0
}

.follow a {
	font-size: 25px;
	padding: 5px
}
.follow {
	display: flex;
	justify-content: flex-end;
}

.btext_wr .butt {
	margin-top: 20px
}

.singlepage ul {
	padding-left: 25px
}
.singlepage ul li {
	padding: 5px 5px 5px 15px;
	position: relative;
	width: auto;

}
.singlepage ul li:before {
	content: "\24";
	font-family: 'ElegantIcons';
	position: absolute;
	top: 5px;
	left: -10px;
}
.singlepage .intro, .content_all .intro{
	padding: 50px 0
}

.ftextich {
	padding-top: 20px;
}

.answ {
	display: none;
	padding: 10px 0
}
.quest {
	font-size: 20px;
	cursor: pointer;
}
.quest.open i {
	transform: rotate(180deg);
}
.faqwr {
	padding: 10px 0
}

.faq {
	padding: 80px 0;
	color: #fff
}

.faq h2 {
	padding-bottom: 30px;
	text-align: center;
}
.mobile {
	display: none;
}