@import (css) "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700";

@font: "Open Sans", Helvetica, Sans-serif;


product-detail-page-c {
	position: relative;
	font-family: @font;
	* {
		font-family: inherit;
	}

	.block-background {
		background-color: #F3F3F5;

		.block-left-mobile {
			width: 100%;

			.img_mobile {
				float: left;
				width: 100%;
				height: auto;
				padding: 15px;

				img {
					max-width: 100%;
					height: auto; 
					margin-bottom: 15px;
				}
			}
		}

		.block-left {
			width: 70%;
			float: left;
			overflow: hidden;

			img {
				width: 100%;
				height: auto;
			}

			.img_cover {
				background-repeat: no-repeat;
				background-size: contain;
				height: 1000px;
				background-position: center;
				background-color: #F3F3F5;
			}

			.bottom-info {
				position: fixed;
				width: 30%;
				top: 100px;
				right: 0;
				padding: 0;
				margin: 0;				
				background-color: #F3F3F5;

				&.unactive {
					position: absolute;
					width: 30vw;
					bottom: 0;
					transform: translate3d(98vw,0,0);
					top: inherit;
				}

				
			}
		}

		.block-right {
			width: 30%;
			float: right;
		}

		.product-info {
			.text_1{
				font-weight: 400;
				color: #000;
				letter-spacing: .38rem;
				font-size: 1.1em;
				text-transform: uppercase;
				font-weight: bold;
				margin-bottom: 5px;	
			}

			.text_2{
				text-transform: uppercase;
				font-weight: 400;
				color: #000;
				letter-spacing: .38rem;
				font-size: 1.1em;
			}

			.text_3 {
				text-transform: uppercase;
				font-weight: 400;
				display: block;
				margin-bottom: 20px;
				font-size: 14px;
				letter-spacing: .38em;
			}

			.text_4 {
				font-weight: 400;
				text-transform: none;
				letter-spacing: 0;
				color: #4e4e4e;
				font-size: .9em;
				line-height: 1.7;
				margin: 0 0 20px;
			}

			.text_5 {
				margin-bottom: 20px;
				.txt {
					display: inline-block;
					margin-right: 15px;
					font-size: 13px;
					color: #4e4e4e;
					transition:all 0.3s;
					outline: none;
					&.active {
						font-weight: bold;
					}
				}
			}

			.text_6 {
				.txt {					
					font-size: .9em;
					font-size: 13px;
					color: #4e4e4e;
				}
			}
		}


	}

	.bottom-buy-overlay {
		bottom: 0;
		position: fixed;
		width: auto;
		font-size: 0px;
		right: 0px;
		border: 0px solid black;
		background-color: white;
		transition:all 0.3s;
		z-index: 3;
		&.unactive {
			transform:translate3d(0,100%,0);
		}
		select {
			background-color: #fff;
			color: #000;
			font-size: 13px;
			height: 48px;
			width: 200px;
			border: 0px;
			padding: 0px;
			margin: 0px;
			float: left;
			margin-top: 0;
			border-radius: 0px;
			outline: none;
			cursor: pointer;
		}

		/*button {
			height: 50px;
			display: inline-block;
			background-color: #000;
			width: 200px;
			color: #676767;
			text-align: center;
			border: 0;
			outline: none;
			font-size: 13px;
			transition:all 0.3s;
			&:hover {
				color: white;
			}
		}*/
	}

	@media(max-width:991px){
		.bottom-buy-overlay {
			width: 100%;
			z-index: 3;
			select {
				width: 50%;
			}
		}
	}

	.block-show-img {
		float: left;
		width: 100%;
		height: auto;

		.cover {
			height: 100vh;
			width: 100%;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}
	}

	.block-black {
		background-color: #1D1D1F;
		height: 450px;
		float: left;
		width: 100%;

		.display-table{
			width: 100%;
			.display-table-cell {
				.text_1 {
					color: white;
					font-size: 17px;
					text-transform: uppercase;
					color: white;
					text-align: center;
				}
			}
		}
	}

	.block-grey {
		background-color: #F3F3F5;
		float: left;
		width: 100%;
		padding: 40px 0;


		img {
			margin:0 auto;
		}
	}
}