/* 2 COLUMN */

section.x2column-product{
	padding:0;
	margin:  0;
	width: 100%;
	overflow: hidden;
	background: var(--main-color);
}

section.x2column-product .content-side {
	width: 50%;	
	background: var(--main-color);
	display: flex;
}

section.x2column-product .product-side {
	width: 50%;	
	background: var(--white-color);
	display: flex;
	align-items: center;
}

section.x2column-product .col.product.image {
	max-width: 650px;
}

section.x2column-product p.subtitle{
	color: #fff;
	font-size: 1.5em;
}

.description h2 {
	display: none;
}
section.x2column-product h2{
	position:relative;
	margin-bottom: 25px;
	padding-bottom: 5px;
	font-size: 3em;
	color: var(--light-gold);
}

section.x2column-product p {
	color: var(--light-font-color);
}

section.x2column-product .container-fluid {
	display:flex;
	min-height:400px;
	max-width: none;
	padding: 0;
}

section.x2column-product .col{
	position: relative;
	margin-right: 5%;
}
section.x2column-product .col.image {
	padding: 4rem;
}
section.x2column-product .col .image{
	width: 100%;
	height: auto;
	text-align: left;
}



section.x2column-product .col .image img{
	width:100%;
	height:100%;
	object-fit:contain;
	max-width: 400px;

}

section.x2column-product .col .info{
	max-width: 650px;
	padding: 90px 0;
}

section.x2column-product .col .info h3 {
	color: var(--light-gold);
	font-family: var(--title-font);
	font-size: 2em;
	font-weight: 300;
	margin-bottom: 0.5em;
}

section.x2column-product .col .info h4 {
	color: var(--white-color);
}

section.x2column-product .col .info p {
	font-weight: 300;
}

section.x2column-product .col .info a:hover {
	color: var(--white-color);
}

section.x2column-product .col .info  ul li {
	margin: 1em 0;
	padding-left: 20px;
	position: relative;
	font-size: 1em;
	color: var(--white-color);
}

section.x2column-product .col .info strong {
	font-weight: 600;
}

section.x2column-product .col .info ul li:before {
	content:'\f0c8';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 600;
	position: absolute;
	font-size: 0.75em;
	top: 4px;
	left: 0;
	color: var(--second-color);
}


@media screen and (min-width:1200px){
	section.x2column-product .col .info{
		margin-left:calc(575px / 100 * 5);
	}
	section.x2column-product .col .info{
		margin-left:calc(575px / 100 * 5);
	}
	section.x2column-product .container-fluid{
		display:flex;
		min-height:500px;
	}
}

section.x2column-product .product-content h3 {
	font-family: var(--title-font);
	font-size: 2em;
	font-weight: 300;
	color: var(--second-color);
	line-height: 1.25em;
}

section.x2column-product .product-content h4 {
	font-family: var(--title-font);
	color: var(--second-color);
	font-size: 2em;
}

section.x2column-product .product-content p {
	color: var(--font-color);
	line-height: 1.5em;
}

section.x2column-product ul{
	list-style:none;
}

section.x2column-product li {
	margin: 10px 0;
	line-height: 1.3em;
	font-weight: 500;
	font-size:1.175em;
	padding-left:28px;
	position:relative;
}
section.x2column-product li:before{
	content:'\f00c';
	position:absolute;
	top:0;
	left:0;
	font-family:'Font Awesome 5 Pro';
}
section.x2column-product .container-fluid .col.content{
	display:flex;
	align-items: center;
}
section.x2column-product .container-fluid.reverse{
	flex-direction:row-reverse;
}

section.x2column-product .container-fluid.reverse .col{
	margin-right:0;
}

section.x2column-product .container-fluid.reverse .col.content{
	justify-content:flex-end;
}
section.x2column-product .container-fluid.reverse .col.image{
	background: var(--white-color);
}

section.x2column-product .container-fluid.reverse .col .info{
	padding: 5rem 4rem 5rem 4rem;
	width: 100%;
}

section.x2column-product .container-fluid.reverse .col .image{
	left:auto;
	right:0;
}


@media screen and (max-width:900px){
	section.x2column-product{
	}
	section.x2column-product .container-fluid, section.x2column-product .container-fluid.reverse{
		flex-direction: column;
	}
	
	section.x2column-product .content-side {
		width: 100%;	
	}
	
	section.x2column-product .product-side {
		width: 100%;
	}
	
	section.x2column-product .container-fluid.reverse .col .info {
	  padding: 4rem 2rem 4rem 2rem;
  	}
	  
	  section.x2column-product .col.image {
		padding: 4rem 2rem 4rem 2rem;
	  }
	
	section.x2column-product .col .image {
		text-align: center;
	}
	
	section.x2column-product .col.product.image {
		max-width: none;
	}
	
	section.x2column-product .col .info {
		max-width: none;
	}
	
}