@charset "UTF-8";
/* CSS Document */


hr{
	margin-top:40px;
	width: 100%;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	background-color: #808080;
	border: 0 none;
}









.product-detail-image-container-flex{
	margin-top:10px;
	width:100%;		
	display: flex; 	
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;    
	-ms-flex-direction: column;
    flex-direction: column;		
	justify-content: space-around;		
	border: 0px solid #C1C1C1;	
}



.big-image-container-flex{
	
	
}



.big-image-background-container{
	position:absolute;
	height:325px;	
	width: calc(100% - 20px);
	border: 1px solid #C1C1C1;	
	border-radius:10px;	
	z-index:1;	
}


.big-image-background-standard{
	background: url('../img/background_product_image_mobile_png.png');
	background-size:400px;
	background-repeat: repeat;	
	
}


.big-image-background-specific{
	background-repeat: no-repeat no-repeat;
	background-size: cover;
	background-position: center center;	
}





.product-detail-big-image-container-flex{
	position:relative;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-align: center;
    align-items: center;
	-ms-flex-pack: center;
    justify-content: center;	
	width:100%;	
	min-height:325px;	
	border: 1px solid #C1C1C1;	
	border-radius:10px;	
	z-index:2;
}


.blur-background{
	backdrop-filter: blur(25px);		
	-webkit-backdrop-filter: blur(25px);		
}




.product-detail-big-image{
	max-width:calc(100% - 10px);
	max-height:315px;
}

.product-detail-big-video{
	width:98%;
	height:315px;
}




.product-detail-small-image{	
	max-height:60px;
	max-width:90px;
	width:auto;	
}


.video-play-icon{
	width:35px;
}


.big-image-sidepanel-container{
	position:absolute;
	height:325px;	
	width: calc(100% - 20px);	
	z-index:5;	
}


.side-panel-left{	
	position:absolute;
	cursor:pointer;
	opacity:0.7;
	height:40px;
	width:40px;
	border-radius:20px;	
	left:5px;
	top:50%;
	margin-top:-15px;
	background:#F0F0F0;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='22' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='0' y='0' width='14' height='22'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M10.8796 1.00292C11.4993 1.00292 12.1189 1.23932 12.5917 1.71211L12.5917 1.71212C13.5373 2.65771 13.5373 4.1908 12.5917 5.13638L6.84855 10.8796 12.5918 16.6228C13.5374 17.5684 13.5374 19.1015 12.5918 20.0471L12.5918 20.047C11.6462 20.9926 10.1131 20.9926 9.16752 20.047L1.78577 12.6653C1.31299 12.1925 1.07657 11.5728 1.07659 10.9531L1.0909 10.8796 1.07656 10.806C1.07657 10.1863 1.31297 9.56663 1.78575 9.09385L9.16747 1.7121C9.64028 1.23932 10.2599 1.00292 10.8796 1.00292Z' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center center;	
	z-index:2;	
}


.side-panel-left:hover{
	opacity:1.0;
	background: #000000;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='22' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='0' y='0' width='14' height='22'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M10.8796 1.00292C11.4993 1.00292 12.1189 1.23932 12.5917 1.71211L12.5917 1.71212C13.5373 2.65771 13.5373 4.1908 12.5917 5.13638L6.84855 10.8796 12.5918 16.6228C13.5374 17.5684 13.5374 19.1015 12.5918 20.0471L12.5918 20.047C11.6462 20.9926 10.1131 20.9926 9.16752 20.047L1.78577 12.6653C1.31299 12.1925 1.07657 11.5728 1.07659 10.9531L1.0909 10.8796 1.07656 10.806C1.07657 10.1863 1.31297 9.56663 1.78575 9.09385L9.16747 1.7121C9.64028 1.23932 10.2599 1.00292 10.8796 1.00292Z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center center;	
}


.side-panel-right{	
	position:absolute;
	cursor:pointer;
	opacity:0.7;
	height:40px;
	width:40px;
	border-radius:20px;	
	right:5px;
	top:50%;
	margin-top:-15px;
	background:#F0F0F0;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='21' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='2' y='-1' width='14' height='21'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)' transform='translate(-2 1)'%3E%3Cpath d='M5.07967 19.1562C4.45998 19.1562 3.84032 18.9198 3.36753 18.4471L3.36755 18.447C2.42196 17.5015 2.42196 15.9684 3.36754 15.0228L9.11072 9.2796 3.36748 3.53636C2.42189 2.59077 2.42189 1.05768 3.36747 0.112099L3.36748 0.112112C4.31307-0.833469 5.84616-0.833464 6.79175 0.112122L14.1735 7.4939C14.6463 7.96668 14.8827 8.58636 14.8827 9.20603L14.8684 9.27957 14.8827 9.3532C14.8827 9.97287 14.6463 10.5925 14.1735 11.0653L6.7918 18.4471C6.31898 18.9198 5.69932 19.1562 5.07967 19.1562Z' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center center;	
	z-index:2;	
}

.side-panel-right:hover{
	opacity:1.0;
	background: #000000;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='21' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='2' y='-1' width='14' height='21'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)' transform='translate(-2 1)'%3E%3Cpath d='M5.07967 19.1562C4.45998 19.1562 3.84032 18.9198 3.36753 18.4471L3.36755 18.447C2.42196 17.5015 2.42196 15.9684 3.36754 15.0228L9.11072 9.2796 3.36748 3.53636C2.42189 2.59077 2.42189 1.05768 3.36747 0.112099L3.36748 0.112112C4.31307-0.833469 5.84616-0.833464 6.79175 0.112122L14.1735 7.4939C14.6463 7.96668 14.8827 8.58636 14.8827 9.20603L14.8684 9.27957 14.8827 9.3532C14.8827 9.97287 14.6463 10.5925 14.1735 11.0653L6.7918 18.4471C6.31898 18.9198 5.69932 19.1562 5.07967 19.1562Z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center center;	
}


.product-detail-small-image-container-flex{
	margin-top:10px;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	min-height:63px;	
	-ms-flex-direction: row;
    flex-direction: row;	
	 -ms-flex-pack: justify;    
	border: 0px solid #C1C1C1;
	width: 100%;	
}

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

.space-around{
	justify-content: space-around;
}



.image-small-box-element-flex{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;	
	-ms-flex-align: center;
    align-items: center;
	-ms-flex-pack: center;
    justify-content: center;	
	width:90px;
	min-height:63px;
	border: 1px solid #C1C1C1;	
	border-radius:10px;	
	cursor:pointer;
	opacity:0.6;
}



.image-small-box-element-flex:active{	
	border: 2px solid #333;	
	opacity:1.0;	
}

.image-small-box-element-flex:hover{	
	border: 2px solid #333;	
	opacity:1.0;		
}



.active-element{
	border: 2px solid #333;	
	cursor:auto;
	pointer-events: none;
	opacity:1.0;	
}



.arrows{
	width:20px;
	height:63px;
	background:#F0F0F0;
	border-radius:10px;	
	cursor:pointer;
}	


.arrows:hover{	
	background: #000000;
	/*transition: all 0.3s ease-out;*/
}



.arrow-lefttop{
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='22' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='0' y='0' width='14' height='22'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M10.8796 1.00292C11.4993 1.00292 12.1189 1.23932 12.5917 1.71211L12.5917 1.71212C13.5373 2.65771 13.5373 4.1908 12.5917 5.13638L6.84855 10.8796 12.5918 16.6228C13.5374 17.5684 13.5374 19.1015 12.5918 20.0471L12.5918 20.047C11.6462 20.9926 10.1131 20.9926 9.16752 20.047L1.78577 12.6653C1.31299 12.1925 1.07657 11.5728 1.07659 10.9531L1.0909 10.8796 1.07656 10.806C1.07657 10.1863 1.31297 9.56663 1.78575 9.09385L9.16747 1.7121C9.64028 1.23932 10.2599 1.00292 10.8796 1.00292Z' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center center;	
}


.arrow-lefttop:hover{
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='22' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='0' y='0' width='14' height='22'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M10.8796 1.00292C11.4993 1.00292 12.1189 1.23932 12.5917 1.71211L12.5917 1.71212C13.5373 2.65771 13.5373 4.1908 12.5917 5.13638L6.84855 10.8796 12.5918 16.6228C13.5374 17.5684 13.5374 19.1015 12.5918 20.0471L12.5918 20.047C11.6462 20.9926 10.1131 20.9926 9.16752 20.047L1.78577 12.6653C1.31299 12.1925 1.07657 11.5728 1.07659 10.9531L1.0909 10.8796 1.07656 10.806C1.07657 10.1863 1.31297 9.56663 1.78575 9.09385L9.16747 1.7121C9.64028 1.23932 10.2599 1.00292 10.8796 1.00292Z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center center;	
}


.arrow-rightbottom{
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='21' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='2' y='-1' width='14' height='21'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)' transform='translate(-2 1)'%3E%3Cpath d='M5.07967 19.1562C4.45998 19.1562 3.84032 18.9198 3.36753 18.4471L3.36755 18.447C2.42196 17.5015 2.42196 15.9684 3.36754 15.0228L9.11072 9.2796 3.36748 3.53636C2.42189 2.59077 2.42189 1.05768 3.36747 0.112099L3.36748 0.112112C4.31307-0.833469 5.84616-0.833464 6.79175 0.112122L14.1735 7.4939C14.6463 7.96668 14.8827 8.58636 14.8827 9.20603L14.8684 9.27957 14.8827 9.3532C14.8827 9.97287 14.6463 10.5925 14.1735 11.0653L6.7918 18.4471C6.31898 18.9198 5.69932 19.1562 5.07967 19.1562Z' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center center;	
}


.arrow-rightbottom:hover{
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='21' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='2' y='-1' width='14' height='21'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)' transform='translate(-2 1)'%3E%3Cpath d='M5.07967 19.1562C4.45998 19.1562 3.84032 18.9198 3.36753 18.4471L3.36755 18.447C2.42196 17.5015 2.42196 15.9684 3.36754 15.0228L9.11072 9.2796 3.36748 3.53636C2.42189 2.59077 2.42189 1.05768 3.36747 0.112099L3.36748 0.112112C4.31307-0.833469 5.84616-0.833464 6.79175 0.112122L14.1735 7.4939C14.6463 7.96668 14.8827 8.58636 14.8827 9.20603L14.8684 9.27957 14.8827 9.3532C14.8827 9.97287 14.6463 10.5925 14.1735 11.0653L6.7918 18.4471C6.31898 18.9198 5.69932 19.1562 5.07967 19.1562Z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center center;	
}


.arrow-notclickable{
	width:20px;
	height:63px;
	border-radius:10px;	
	background:#F7F7F7;		
	cursor:auto;	
	pointer-events: none;
}


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






.product-price-flex{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	width:100%;
    border: 0px solid #333;
	gap:15px;
	-ms-flex-align: center;
    align-items: center;
}











.heading-flex{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	 -ms-flex-pack: center;
    justify-content: center;
	 -ms-flex-align: center;
    align-items: center;
	margin-top:10px;
	margin-bottom:5px;
	background: #000000;
	color:#FAFAFA;
	padding: 3px 0px 3px 0px;
	border-radius:5px;	
	border: 0px solid #CACACA;
}



.productvideo{
	width:100%;
	height:220px;	
}




.product-info-popup{
	margin-top:20px;
}







/*Tablet View*/
@media (min-width: 768px){	



.product-detail-image-container-flex{
	margin-top:12px;
	width:100%;
	-ms-flex-direction: row;
    flex-direction: row;	
	-ms-flex-pack: justify;
    justify-content: space-between;	
	min-height:450px;	
}



.big-image-background-container{	
	height:450px;	
	width:495px;		
	border-radius:15px;	
}



.product-detail-big-image-container-flex{		
	width:495px;
	height:450px;			
	border: 1px solid #C1C1C1;	
	border-radius:15px;
}


.product-detail-big-video{
	width:485px;
	height:430px;
}




.width-one-image{
	width:675px;
}



.big-image-background-standard{
	background: url('../img/background_product_image_desktop_png.png');		
	background-repeat: repeat;	
}







.product-detail-big-image{	
	max-height:440px;
	max-width:485px;	
}


.product-detail-small-image{
	max-height:110px;	
	max-width:160px;
	width:auto;
}


.video-play-icon{
	width:50px;
}



.big-image-sidepanel-container{	
	height:450px;	
	width:495px;		
}






.product-detail-small-image-container-flex{	
	margin-top:0px;	
	max-width: 170px;
	-ms-flex-direction: column;
    flex-direction: column;	
	border: 0px solid #C1C1C1;		
}



.image-small-box-element-flex{
	width:170px;
	height:119px;
	border: 1px solid #C1C1C1;	
	border-radius:15px;		
}


.image-small-box-element-flex:hover{	
	border: 2px solid #333;			
}


.active-element{
	border: 2px solid #333;		
}


.arrows{
	height:25px;
	width:100%;	
	border-radius:15px;		
}



.arrow-lefttop{
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='14' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='0' y='0' width='22' height='14'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M20.7563 10.8795C20.7563 11.4992 20.5199 12.1189 20.0471 12.5917L20.0471 12.5917C19.1015 13.5372 17.5684 13.5373 16.6228 12.5917L10.8797 6.84849 5.13641 12.5917C4.19083 13.5373 2.65773 13.5373 1.71215 12.5917L1.71217 12.5917C0.766584 11.6461 0.76659 10.1131 1.71218 9.16747L9.09395 1.78572C9.56674 1.31294 10.1864 1.07652 10.8061 1.07653L10.8796 1.09085 10.9533 1.0765C11.5729 1.07652 12.1926 1.31291 12.6654 1.7857L20.0471 9.16742C20.5199 9.64023 20.7563 10.2599 20.7563 10.8795Z' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center center;	
}


.arrow-lefttop:hover{
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='14' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='0' y='0' width='22' height='14'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M20.7563 10.8795C20.7563 11.4992 20.5199 12.1189 20.0471 12.5917L20.0471 12.5917C19.1015 13.5372 17.5684 13.5373 16.6228 12.5917L10.8797 6.84849 5.13641 12.5917C4.19083 13.5373 2.65773 13.5373 1.71215 12.5917L1.71217 12.5917C0.766584 11.6461 0.76659 10.1131 1.71218 9.16747L9.09395 1.78572C9.56674 1.31294 10.1864 1.07652 10.8061 1.07653L10.8796 1.09085 10.9533 1.0765C11.5729 1.07652 12.1926 1.31291 12.6654 1.7857L20.0471 9.16742C20.5199 9.64023 20.7563 10.2599 20.7563 10.8795Z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center center;	
}


.arrow-rightbottom{
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='14' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='0' y='6' width='22' height='14'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)' transform='matrix(1 0 0 1 0 -6)'%3E%3Cpath d='M1.00297 9.27961C1.00297 8.65993 1.23937 8.04027 1.71216 7.56748L1.71217 7.5675C2.65776 6.62191 4.19086 6.62191 5.13644 7.56749L10.8796 13.3107 16.6229 7.56743C17.5684 6.62184 19.1015 6.62184 20.0471 7.56742L20.0471 7.56743C20.9927 8.51301 20.9927 10.0461 20.0471 10.9917L12.6653 18.3734C12.1925 18.8462 11.5729 19.0826 10.9532 19.0826L10.8796 19.0683 10.806 19.0827C10.1863 19.0826 9.56668 18.8462 9.0939 18.3735L1.71215 10.9917C1.23937 10.5189 1.00297 9.89927 1.00297 9.27961Z' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center center;	
}


.arrow-rightbottom:hover{
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='14' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='hidden'%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='0' y='6' width='22' height='14'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23clip0)' transform='matrix(1 0 0 1 0 -6)'%3E%3Cpath d='M1.00297 9.27961C1.00297 8.65993 1.23937 8.04027 1.71216 7.56748L1.71217 7.5675C2.65776 6.62191 4.19086 6.62191 5.13644 7.56749L10.8796 13.3107 16.6229 7.56743C17.5684 6.62184 19.1015 6.62184 20.0471 7.56742L20.0471 7.56743C20.9927 8.51301 20.9927 10.0461 20.0471 10.9917L12.6653 18.3734C12.1925 18.8462 11.5729 19.0826 10.9532 19.0826L10.8796 19.0683 10.806 19.0827C10.1863 19.0826 9.56668 18.8462 9.0939 18.3735L1.71215 10.9917C1.23937 10.5189 1.00297 9.89927 1.00297 9.27961Z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center center;	
}




.arrow-notclickable{
	height:25px;
	width:100%;	
	border-radius:15px;
	cursor:auto;
	background:#F7F7F7;	
	pointer-events: none;
}








.product-price-flex{
	
}





.heading-flex{  
	margin-top:15px;	
	margin-bottom:8px;
	padding: 5px 0px 5px 0px;
	border-radius:8px;
}



.productvideo{
	width:100%;
	height:380px;	
}




}









/*Desktop View*/

@media (min-width: 1024px){	

	
	
	
}