.block-image-text {
	padding-top: 35px;
	padding-bottom: 35px;

	.pre-head {
		margin-bottom: 15px;
	}
	.row {
		align-items: center;
		justify-content: space-between;

		.text-column {
			padding-right: 50px;
			padding-top: 40px;
			padding-bottom: 40px;


			&.col-lg-4 {
				padding-right: 0;
			}

			&.white {
				h2, h3 {
					color: #fff;
				}
			}
			@media (max-width: 900px) {
				padding-right: 0 !important;
				padding-left: 0 !important;
			}
		}
		.image-column {
			padding-left: 50px;
			position: relative;

			&.col-lg-8 {
				padding-left: 100px;
			}
			@media (max-width: 1300px) {
				height: auto;
			}
			@media (max-width: 900px) {
				margin: 0 auto;
				padding: 0 12px 0 0 !important;
				max-width: 850px;

				.caption {
					bottom: 0;
				}
			}
		}

		h2, h2 + p {
			margin-bottom: 15px;
		}

		&.row-reverse {
			flex-direction: row-reverse;

			.text-column {
				padding: 40px 0 40 50px;

				&.col-lg-4 {
					padding-left: 0;
				}
			}
			.image-column {
				padding: 0 50px 0 0;


				&.col-lg-8 {
					padding: 0 100px 0 0;
				}
			}		
		}

		&.square {
/*			justify-content: flex-start;*/
			justify-content: space-between;

			.image-column {
				width: 625px;
				height: 625px;
				padding: 0 !important;
				max-width: 50vw;

				img {
					object-fit: cover;
					width: 100%;
					height: 100%;

				}
			}
			.text-column {
				padding-right: 100px;
				width: calc(100% - 650px);
			}

			@media (max-width: 1530px) {
				justify-content: space-between;

				.image-column {
					position: relative;
/*					right: calc(50vw - 700px + 42px);*/
				}
			}

			@media (max-width: 1430px) {
				.text-column {
					width: calc(100% - 625px);
					padding-right: 60px;
/*					width: calc(100% - 575px);*/
				}
				div.image-column {
/*					padding-right: 42px !important;*/
				}
			}
			@media (max-width: 1300px) {
				div.image-column {
					height: auto;
				}
				div.text-column {
					width: calc(50% - 50px);
				}
			}
			@media (max-width: 1200px) {
				.text-column {
					padding-right: 0;
					width: calc(100% - 600px);
				}
				div.image-column {
					right: -25px;
				}
			}

			@media (max-width: 900px) {
				flex-direction: column;

				div.text-column {
					width: 100% !important;
					max-width: 100% !important;
				}
				div.image-column.col-12.col-lg-6 {
					order: 1;
					margin-bottom: 30px;
					width: 572px !important;
					margin-left: auto !important;
					margin-right: auto !important;
					height: 560px;
					max-width: calc(100% - 12px) !important;
					padding: 0 0 0 12px !important;
				}
				.text-column {
					order: 2;
				}
			}
			@media (max-width: 600px) {
				div.image-column.col-12.col-lg-6 {
					width: 100% !important;
					height: auto;
				}
			}
		}

		&.square.row-reverse {
			justify-content: space-between;

			.text-column {
				padding: 0 0 0 100px;
			}

			@media (max-width: 1530px) {
				.image-column {
					padding-right: 0 !important;
					left: 0;
					position: relative;
				}
			}
			@media (max-width: 1300px) {
				.text-column {
					padding-left: 60px;
					width: 50%;
				}

				.image-column {
					max-width: 50%;
					height: 47.5vw;
				}
			}
			@media (max-width: 900px) {
				.image-column, .text-column {
					padding-left: 0;
					padding-right: 0;
				}
				div.image-column.col-12.col-lg-6 {
					padding-left: 0 !important;
				}
			}
		}

		&.square:not(.row-reverse) {
			div.image-column {
				right: 12px;
			}
			@media (max-width: 1300px) {
				div.image-column {
					padding-right: 0 !important;
/*					right: 8px;*/
					max-width: 50%;
				}
				div.text-column {
					width: calc(50% - 50px);
				}

			}
		}

		&:not(.square) {
			@media (max-width: 1300px)
				div.image-column {
					padding: 0 12px 0 0 !important;
				}
			}
			@media (min-width: 900px) {
    			.text-column.col-lg-6, .image-column.col-lg-6 {
    				max-width: 50%;
    			}
    		}
    		@media (max-width: 900px) {
    			div.image-column {
/*    				padding-right: 12px !important;*/
    			}
    		}
		}
		&.row-reverse:not(.square) {
			@media (max-width: 900px) {
    			div.image-column {
    				padding-right: 0 !important;
    			}
    		}
		}
	}

	.container.has-bg {
		max-width: 100%;
		padding: 0;

		.text-column {
			padding-left: calc(50vw - 700px + 30px);
			padding-right: 80px;
		}

		.image-column {
			padding: 0;
			padding-right: calc(50vw - 800px + 30px);
		}

		.row.row-reverse {
			.text-column {
				padding-right: calc(50vw - 700px + 30px);
				padding-left: 80px;
			}
			.image-column {
				padding-right: 12px;
				padding-left: calc(50vw - 800px + 30px);
			}
		}

		.row.square {
			.text-column {
				width: calc(100% - 725px + 40px);
			}

			@media (max-width: 1530px) {
				justify-content: space-between;

				.image-column {
					position: relative;
					width: calc(625px + 42px);
					right: calc(50vw - 700px + 42px);
				}
				.text-column .text-container {
					padding-right: 50px !important;
				}
			}
			@media (max-width: 1430px) {
				.text-column {
					width: calc(100% - 625px - 42px);
				}
				div.image-column {
					padding-right: 0 !important;
				}
			}
			@media (max-width: 1400px) {
				div.image-column {
					right: auto;
					padding-right: 42px !important;
				}
				div.text-container {
					padding-right: 0 !important;
					
				}
			}
			@media (max-width: 1300px) {
				.text-column {
					width: calc(100% - 500px - 42px);

					div.text-container {
						padding-right: 0 !important;
					}
				}
				.image-column {
					width: calc(500px + 42px);
					height: 500px;
				}
			}
			@media (max-width: 1100px) {
				flex-direction: column;

				.image-column {
					width: 700px;
					max-width: 100%;
					order: 1;
					padding: 0 12px 0 0 !important;
				}
				.text-column {
					width: 100%;
					order: 2;
					margin-top: -100px;
/*					padding-top: 150px;*/
					padding: 150px 30px 40px;
				}
			}
			@media (max-width: 550px) {
/*				border: 2px solid pink;*/
				.text-column  {
					margin-top: -130px;
				}
			}
		}
		.row.square.row-reverse {
			@media (max-width: 1530px) {
				.image-column {
					right: auto;
					left: calc(50vw - 700px + 42px);
				}
				.text-column .text-container {
					padding-left: 50px !important;
					padding-right: 0 !important;
				}
			}
			@media (max-width: 1430px) {
				.text-column .text-container {
/*					padding-left: 0;*/					
				}
				div.image-column {
					padding-right: 0 !important;
					padding-left: 42px !important;
				}
			}
			@media (max-width: 1400px) {
				div.image-column {
					right: auto;
					left: auto;
					padding-left: 42px !important;
				}
				div.text-container {
/*					padding-right: 0 !important;*/
					padding-left: 0 !important;
					padding-right: 30px !important;
					
				}
			}
			@media (max-width: 1300px) {
				.text-column div.text-container {
					padding-left: 0 !important;
				}
			}
			@media (max-width: 1100px) {
				.image-column {
					padding: 0 0 0 12px !important;
				}
			}
		}
		
		@media (max-width: 1430px) {
			.text-column {
				padding-left: 30px;
				padding-right: 40px;
			}
			.image-column {
				padding-right: 42px;
			}
			.row.row-reverse {
				.text-column {
					padding-right: 30px;
					padding-left: 40px;
/*					padding-left: 80px;*/
				}
				.image-column {
					padding-right: 0;
					padding-left: 42px;
				}
			}
		}
		@media (max-width: 900px) {
			.image-column {
				order: 1;
				width: 700px;
				max-width: 100%;
			    margin: 0 auto;
			    padding: 0 42px 0 30px;
			    text-align: center;
			}
			.text-column {
				order: 2;
				padding-top: 150px;
				padding-right: 30px !important;
				margin-top: -100px;
			}
		}
	}

	.container.no-bg .square {
		justify-content: space-between;
		.image-column {
			left: auto;
			right: auto;
			max-width: 50vw;
		}
		&.row:not(.row-reverse) div.image-column {
			padding-right: 12px !important;
		}


		@media (max-width: 1300px) {
			div.image-column.col-12.col-lg-6 {
				width: 500px !important;
				height: 500px !important;
			}
			div.text-column.col-12.col-lg-6 {
				width: calc(100% - 500px);	
			}
			&.row:not(.row-reverse) div.text-column.col-12.col-lg-6 {
				padding-right: 60px !important;
			}
		}
		@media (max-width: 1150px) {
			div.image-column.col-12.col-lg-6 {
				width: 375px !important;
				height: 375px !important;
			}
			div.text-column.col-12.col-lg-6 {
				width: calc(100% - 375px);	
			}
			&.row:not(.row-reverse) div.text-column.col-12.col-lg-6 {
				padding-right: 60px !important;
			}
		}

	}

	
	.container.no-bg {
		@media (max-width: 992px) {
			padding: 0 !important;

			.square.row {
				flex-direction: column;

				&:not(.row-reverse) div.text-column.col-12.col-lg-6,
				&.row-reverse div.text-column.col-12.col-lg-6  {
					width: 100% !important;
					padding: 0 !important;
					order: 2;

					.pre-head {
						margin-top: 20px;
					}

				}
				div.image-column.col-12.col-lg-6 {
					padding-right: 12px !important;
					width: 625px !important;
					height: 625px !important;
					order: 1;
					max-width: none !important;
					margin-bottom: 30px;
				}
			}
			.row > .text-column {
				padding-right: 0;
				padding-top: 0;
				padding-bottom: 30px;
			}
		}
		@media (max-width: 700px) {
			.square.row {
				div.image-column.col-12.col-lg-6 {
					padding-left: 0 !important;
					width: calc(100% - 12px) !important;
					height: auto !important;
				}
			}
		}
	}

	.container.no-bg:not(.square) {
		@media (max-width: 992px) {
			.image-column.col-lg-8 {
				padding-left: 0;
			}
		}
	}
	&.block-full-width .container {
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
}
