/*.text-block > img {
    width: 50%;
    margin: 0 auto;
}*/
/* Основная разметка */
  .paragraph {padding: 3rem 0;}

  /* two-col */
    .paragraph.two-col > .container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
    }
    .paragraph.two-col > .container > .text-block {display: grid;align-content: center;}
    .paragraph.two-col:nth-child(odd) > .container > .text-block {order: 2;}
    .paragraph.two-col > .container > .img-block {text-align: right;}
    .paragraph.two-col:nth-child(odd) > .container > .img-block {text-align: left;}

  /* tree-block */
    .paragraph.tree-col > .container > .field--name-field-text3 {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: .5rem;
    }

  /* 4 колонки */
  	ul.cols {
		margin: 0;
	}
  	.cols {
  		display: grid;
		justify-content: space-around;
  	}
  	.cols.col-4 {
	    grid-template-columns: repeat(4, 1fr);
	    gap: 1rem;
	}
  	.cols.col-5 {
	    grid-template-columns: repeat(5, 1fr);
	}
	
	/* Маркетинг */
		.marketing {
			position:relative;
	    padding: 15px 0px;
	    z-index: 0;
	    min-height: 500px;
    	display: grid;
    	align-items: center;
		}
		.marketing::after {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background: rgba(0, 0, 0, .5);
	    z-index: -1;
		}
		.marketing h1 {color: #fff;font-size: 3rem;}
		.marketing p {color: #fff;}

/* Типографика */
	.t-block {margin: 0 auto;}
	.max-800 {max-width: 800px}
	.mt-2 {margin-top: 2rem;}
	.text-center {text-align: center;}
	.text-block h2, .only-text-block h2 {
		font-size: calc(1.2rem + 5*(100vw / 1280));
		text-transform: uppercase;
	}
	.heading h2 {
		font-size: 2.5rem;
		margin-top: 0;
		color: #d8bb78;
		border-bottom: 1px solid #d8bb78;
	}
	.paragraph.tree-col > .field--name-field-text3 h3 {
		font-size: 1.5rem;
	}

/* Элементы */
 	/* Кнопки */
 		.cbutton {
 			display: inline-block;
 		}
 		.cbutton a {
 			color: #fff;
			background-color: #ff6922;
			padding: 10px 20px;
 		}
/*		a.btn, .paragraph--type--gallery .field--type-link a {
			border: 1px solid;
			border-radius: .5rem;
		}*/
		a.btn.more {
			color: #fff;
			background-color: #ff6922;
		}
		a.btn.more:hover {
			color: #ff6922;
			background-color: #fff;
		}
		a.btn.more.second, .paragraph--type--gallery .field--type-link a {
			color: #ff6922;
			background-color: transparent;
		}
		a.btn.more.second:hover, .paragraph--type--gallery .field--type-link a:hover {
			color: #fff;
			background-color: #ff6922;
		}
		.w-100 {
			width: 100%;
			height: auto;
		}
		.paragraph--type--gallery .field--type-link a {
			display: inline-block;
			margin-top: .5rem;
			padding: 10px 20px;
			cursor: pointer;
		}


@media (max-width: 960px) {
  .paragraph.two-col > .container, .paragraph.tree-col > .field--name-field-text3 {grid-template-columns: repeat(1, 1fr);}
  .paragraph.two-col:nth-child(odd) > div:last-child {order: 2;}
}

/* Блок с формой WhatsApp */
  .offer {
    display: grid;
    background: #ccc;
    padding: 2rem 0;
    justify-content: center;
    color: #fff;
  }
  .offer p {
    margin-top: 0;
  }
  .offer form.form button {
    background: #5bdb3c;
    padding: 10px;
    color: #fff;
    border-radius: 0 10px 10px 0;
  }
  .offer form.form input {
    padding: 10px 10px;
    border-radius: 10px 0 0 10px;
    background: #eee;
  }
  .offer form.form {
    display: flex;
    justify-content: center;
  }

span.product-title a {
    color: #ff6922;
    display: block;
    padding-left: 5px;
    font-weight: 500;
    font-size: .8rem;
}
/* Галерея */
	.field--name-field-picture {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: .5rem;
	}
	.field--name-field-picture div:nth-child(1) {
		grid-area: 1/1/3/3;
	}

/* продукты */
	.view-products .view-content {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 7px;
	}
	.view-products .view-content div:nth-child(1) {
		grid-area: 1/1/3/3;
	}

/* Тарифы */
	.view-products.view-display-id-block_tarifs .view-content div:nth-child(1) {
		grid-area: auto;
	}

/* Новости */
	.view-news .view-content {
	    display: grid;
	    grid-template-columns: repeat(4, 1fr);
	    gap: .5rem;
	}
	.view-news .view-content > div {
	    display: grid;
	    align-content: space-between;
	}
	a.views-more-link {
	    color: #ff6922;
	    border: 1px solid;
	    padding: 10px 20px;
	    display: block;
	    margin-top: 1rem;
	}
	.view-news .view-content > div > p {margin: 0;}
	@media (max-width: 960px) {
		.view-news .view-content {grid-template-columns: 1fr; margin-top: 2.3rem;}
	}

/* Отзывы */
	.view-feedback .view-content {
	    display: grid;
	    grid-template-columns: repeat(4, 1fr);
	    gap: .5rem;
	}
	.view-feedback .view-content > div {
	    display: grid;
	    align-content: space-between;
	}
	.view-feedback .view-content img {
	    border-radius: 50%;
	}
	.view-feedback .view-content > div > div > div:first-child {
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: center;
	}

/* Галерея (демо) */
	.view-display-id-block_gallery .view-content {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 7px;
	}
	.view-display-id-block_gallery .view-content > div:nth-child(1) {
		grid-area: 1/1/3/3;
	}



/* MARKETING */
	.marketing-block {
	    background-color: #13191b;
	    color: #fff;
	    padding: 2rem 0;
	}
	.view-banners .view-content {
	    display: grid;
	    grid-template-columns: 2.5fr 1fr 1fr;
	    gap: 12px;
	}
	.view-banners .view-content > div:first-child {
	    padding: 0;
	}
	.view-banners .view-content > div {
	    background: #12333d;
	    border-radius: .5rem;
	    padding: 15px;
	}
	.view-banners .view-content > div a,.view-banners .view-content > div {
	    color: #fff;
	}
	.view-banners .view-content h2 {font-size: 1.9rem;}
	.view-banners .view-content p {margin: 0;}
	.marketing-block img {
		border-radius: .5rem;
	}
	.marketing-block .field--name-field-zagolovok {
	    text-transform: uppercase;
	    font-weight: bold;
	    font-size: 1.5rem;
	}
	@media (max-width: 960px) {
		.view-banners .view-content {grid-template-columns: 1fr; margin-top: 2.3rem;}
	}



@media (max-width: 960px) {
	h2 {font-size: 1.5rem;}
	p {font-size: 1rem;}
	.paragraph > div:first-child, .paragraph > div:last-child {width: 100%;}
	.paragraph:first-child > div:last-child {margin: 0; }
	.paragraph.two-col div:last-child {order: 2;}
	.paragraph.tree-col > .container > .field--name-field-text3 {grid-template-columns: repeat(2, 1fr);}
	.cols.col-4 {grid-template-columns: repeat(2, 1fr);;

	.offer-block {
		margin-top: 0;
		margin-left: 0;
	}
	.offer .text-block {
		margin-bottom: 0;
		padding: 0 15px;
		text-align: center;
	}
	.field--name-field-picture {grid-template-columns: auto;}

	p > a.btn.more {display: block;}
	.view-products .view-content {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: .5rem;
	}
	.view-products .view-content div:nth-child(1) {grid-area: 3 / 1 / 1 / 1;}
	.view-feedback .view-content, .view-news .view-content {grid-template-columns: repeat(2, 1fr);}
	.view-display-id-block_gallery .view-content {grid-template-columns: repeat(2, 1fr);}
	ul.preim {grid-template-columns: repeat(1, 1fr);}
	ul.preim li:first-child {
		grid-area: auto;
		border: none!important;
	}
}