@font-face {
    font-family: 'latolight';
    src: url('/fonts/Lato-Light-webfont.eot');
    src: url('/fonts/Lato-Light-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Lato-Light-webfont.woff2') format('woff2'),
        url('/fonts/Lato-Light-webfont.woff') format('woff'),
        url('/fonts/Lato-Light-webfont.ttf') format('truetype'),
        url('/fonts/Lato-Light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('/fonts/Lato-Regular-webfont.eot');
    src: url('/fonts/Lato-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Lato-Regular-webfont.woff2') format('woff2'),
        url('/fonts/Lato-Regular-webfont.woff') format('woff'),
        url('/fonts/Lato-Regular-webfont.ttf') format('truetype'),
        url('/fonts/Lato-Regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latolight_italic';
    src: url('/fonts/Lato-LightItalic-webfont.eot');
    src: url('/fonts/Lato-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Lato-LightItalic-webfont.woff2') format('woff2'),
        url('/fonts/Lato-LightItalic-webfont.woff') format('woff'),
        url('/fonts/Lato-LightItalic-webfont.ttf') format('truetype'),
        url('/fonts/Lato-LightItalic-webfont.svg#latolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('/fonts/SegoeUI.eot');
    src: url('/fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
        url('/fonts/SegoeUI.woff2') format('woff2'),
        url('/fonts/SegoeUI.woff') format('woff'),
        url('/fonts/SegoeUI.ttf') format('truetype'),
        url('/fonts/SegoeUI.svg#SegoeUI') format('svg');
    font-weight: normal;
    font-style: normal;
}
:focus{
	outline:none !important;
}
.hide{
	display:none;
}
.headerview{
	width:100%;
	height:50px;
	top:0px;
	z-index:150;
	text-align:center;
	/*background:#DCDCDC;*/

}

#content-list-modular {
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
  
    padding-left:0;
    padding-right:0;
    padding-top: 0px; 
   -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    overflow-x: hidden;
	margin: 0 auto;
    text-align: center;

}

/* Works on Chrome, Edge, and Safari */
#content-list-modular::-webkit-scrollbar {
    width: 6px;

}

#content-list-modular::-webkit-scrollbar-track {
    background: #c3c3c3;        /* color of the tracking area */
    filter: brightness(90%);
}

#content-list-modular::-webkit-scrollbar-thumb{
    background-color: #999;    /* color of the scroll thumb */
    border-radius:5px;
}

.cover_go_configurator.top{
	width:fit-content;
	margin-bottom:5px;
}


.modal-header-listmodular{
	height:40px;
}

.column-modular{
	display: inline-block;
	max-width: 320px;
	padding-right: 10px;
    padding-left: 10px;
    text-align: center;
	cursor:pointer;
}

.column-modular{
	font-size:13px;
	font-weight:600;
}

.modal-subtitle-modular{
	text-transform: uppercase;
    text-decoration: underline;
    text-underline-position: under;
    margin-bottom: 0;
    text-align: center;
    font-size: 14px;
}

.cover_round{
	border-radius:100%;
	width:30px;
}

.element-modular{
	text-transform:uppercase;
}

.subtitle-cover{
	font-size:18px;
	line-height:1.0px;
	padding-bottom:15px;
}
.headerview span{
	font-family:"latolight_italic";
	font-size:20px;
	vertical-align: middle;
	display: inline-block;
	margin-bottom: -10px;
}

.modular-img-popup.pm{
	max-width:200px;
}

@media screen and (min-width:800px){
	.modular-img-popup.pm{
		max-width:300px;
	}
}

.modular-img-popup{
	max-width:200px;
}

.bg-body{
	position:fixed;
	opacity:0.1;
	width:100%;
	height:100%;
	z-index:1;

}
.loading_configurator{
	padding-top:30px;
}

.container.tpl-default{
	margin-top:25px;
	font-size:1rem;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

label{
	line-height:1.0;
}

.p-top{
	padding-top:50px;
}
.m-top{
	margin-top:25px;
}

.column-2{
	right:0;
	/*top:50px;*/
	overflow:hidden;
}

.h-100{
	height:90vh !important;
}
.title{
	font-size:35px;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	text-transform:uppercase;
}

p.cover_txt{
	margin-bottom:.5rem;
	line-height: 1.3em;
	font-size:16px;
	letter-spacing:0.05em;
	width:auto;
	text-align:left;
}

p.cover_txt3{
	margin-bottom:.5rem;
	line-height: 1.3em;
	font-size:14px;
	letter-spacing:0.05em;
	width:auto;
	text-align:left;

}

p.cover_label{
	margin-bottom:0;
	display:inline-block;
	line-height: 50px;
	margin-left:10px;
	height: 50px;
	letter-spacing:0.05em;
}
.column-1,
.column-2{
	position:relative;
}

.column-2{
	/*height:calc(100vh - 200px);*/
	/*height:calc(100vh - 100px);*/
	height:calc(100vh /2);
	padding:0;
}

/*.column-2-sofa{
	height:calc(100vh /2);
	padding:0;
}*/

.flipHOR{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.flipVER{
	-moz-transform: scale(1, -1);
	-webkit-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
}

#imageprew{
	
	display: block;
	height:80vh;
 /*   height: calc(100vh - 200px); */
    width: 100%;
   	overflow: hidden;
   	/*border: 2px dashed #333; */
}



html.ua-ie #imageprew{
	display: block;
	height:80vh;
	-moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	/*height: 265px;*/
	width: 20vw;
}

.img-sofa{
	background-repeat: no-repeat;
    width: 100%;
	height: 100% !important;
  /*  border: 2px dashed #333;*/
    /* background-size: auto 100%; */
    background-size: cover;
    background-position: 50% left;
}


#cover_image_tpl_2{
	width: 100%;
	height:100vh;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}

.img-product{
	background-repeat: no-repeat;
    width: 100%;
	height: 100% !important;
  	background-size: contain;
	background-position:center center;
}

.btn-configure{
	margin-top:2.0rem;
	z-index:5;
	cursor: pointer;
	position:relative;
	display:block;
	height: 20px;
    line-height: 20px;
}

.btn-cover,
.download2D{
    border: medium none;
    font-size: 13px;
    padding: 6px;
	text-align: center;
	text-transform:uppercase;
	width:100%;
	letter-spacing:0.1em;

}
/* css for template cover and menu */



.cover-row-title{
	margin-bottom:1rem;
}
.cover-startoption > h5{
	margin-left:15px;
}

.cover_show_more{
	font-weight: 700;
	text-transform:capitalize;
    text-align: center;
    margin: 0 auto;
}

#cover_show_more_description{
	text-decoration: underline;
    font-size: .8rem;
    cursor: pointer;
    display: inline-flex;
    margin-left: -10px;
	
}

#text-cover-mb{
	position: absolute;
    top: 100px;
    left: 20px;
    right: 0;
    bottom: 0;
    max-width: 160px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: fit-content;
	height: fit-content;
	display:none;
	text-align:left;
}

#text2-cover-mb{
	position:absolute;
	bottom:20px;
	height:fit-content;
	display:none;
	left:20px;
	right:0;
	font-size:16px;
}

.cover_product_name_mb{
	font-size: 36px !important;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 600;
}

.cover_txt_mtop{
	margin-top:132px;

}

.col-info-product{
	max-width:400px;
}


@media screen and (min-width:1024px){
	.m-top{
		margin-top:0;
	}
}


@media screen and (min-width:768px){
	.img-sofa{
		background-position:center center;
		background-size: contain;
	}
	.column-2{
		padding-right:15px;
	}

	.col{
		display:block;
		margin:auto;
	}

	.h-100{
		height:inherit !important;
	}
}

@media(max-width:991px) and (orientation:portrait){
	html.ua-mobile #cover-sidebar-footer-mobile{
		display:block !important; 
	}
}

@media only screen and (min-width:700px) and (max-width:991){
	html.ua-mobile #cover_image_tpl_2{
		height:100%;
		background-size: contain;
		background-position: center center;


	}
}

@media only screen and (min-height:600px) {
	html #cover_image_tpl_2{
		/*max-height:600px;*/
		max-width:800px;
		margin:0 auto;
		
	}
}


@media only screen and (max-width:699px) {
	html.ua-mobile #cover_image_tpl_2{
		height:100%;
	/*	background-size: cover;
		background-position: 20%;*/
		background-size: contain;
		background-position: center center;
	}



}

@media only screen and (max-width: 991px){

	html.ua-mobile #text-cover-mb{
		display:block;
	
	}

	
	html.ua-mobile #text2-cover-mb{
		display:block;
	
	}

	
	#cover-sidebar-item,
	#cover-360,
	#cover-sidebar-footer{
		display:none;
	}



	#cover-sidebar-item.cover-desktop,
	#cover-360.cover-desktop,
	#cover-sidebar-footer.cover-desktop{
		display:block;
	}

	#cover-sidebar-header.cover-desktop{
		display:block;
	}
	#cover-sidebar-header{
		display:none;
	}

	#cover-sidebar-footer-mobile{
		display:block;
	}

	
	#cover_image_tpl_2.cover-desktop{
		height:100vh;
	}

	#cover-sidebar-footer-mobile.vdesktop{
		display:none ;
	}
}



@media only screen and (min-width: 992px){
	#cover-sidebar-item,
	#cover-360,
	#cover-sidebar-footer
	{
		display:block;

	}
	#cover-sidebar-footer-mobile{
		display:none;
	}

}


@media screen and (min-width:569px) and (max-width:767px){

	.col-info-sofa{
		display:block;
		margin:auto;
	}

	.column-1-Hsofa{
		height:inherit !important;
	}

}

@media screen and (min-width:622px) and (max-width:767px){
	.col-info-product{
		display:block;
		margin:auto;
	}

	.column-1-Hprod{
		height:inherit !important;
	}

}




@media screen and (max-width:768px){


	.container.tpl-default{
		max-width:100%;
		padding-right: 0;
		overflow:hidden;
	}

	.column-2{
		height:50vh;
		padding-left: 0px;
	}

	.h-50{
		height:25vh;
	}
	.d-table{
		display:block !important;
	}

	

}
@media screen  and (max-width:621px) {

	
	.img-sofa{
		width:200% !important;
	/*	background-size: contain;*/

	}
	.img-product{
		background-size: contain;
		width:140% !important;
	
	}
	.column2-product-mobile{
		position: fixed;
		left: 0;
		z-index: -1;
		right: 0;
		margin-left: 60px;
		max-width: 100%;

	}
}

@media screen  and (max-width:568px) and (orientation:portrait){
	.column2-sofa-mobile{
		position: fixed;
		left: 0;
		z-index: -1;
		right: 0;
		margin-left: 95px;
		max-width: 100%;

	}
	.img-sofa{
		width:200% !important;
		background-size: contain;

	}
}

@media screen and (max-width:422px){

	#text-cover-mb{
		top:15px;
	}

	.cover_txt_mtop{
		margin-top:230px;
	}

	p.cover_txt{
		font-size:12px;
		width:100%;
	}
	
	p.cover_label{
		line-height: 1.2;
    	font-size: 14px;
		letter-spacing: 0;
		height: 35px;
	}

	.cover-icon{
		width:35px;
	}


	.btn-cover{
		letter-spacing:0;
		width:145%;
		padding:8px 5px;
	}

	.btn-footer-1{
		white-space: normal;
		line-height: 1.2;
	}
}

.d-product{
	display:block;
}

.d-product-wide{
	display:none;
	cursor:pointer;
	
}


@media screen and (max-width:340px){
	p.cover_label{
		margin-left:0;
		font-size:14px;
		letter-spacing:0;
		width:auto;
	}

	.cover_txt_mtop{
		margin-top:130px;
	}

	
}

@media only screen and (max-width: 768px){
    .cover-sidebar{
        display:none;
    }

	html.ua-desktop #text-cover-mb{
		display:block;
	
	}
}

@media screen and (min-width:320px) and (max-width:768px) and (orientation:landscape){
	.h-100{
		height:100% !important;
	}
}
@media(min-width:750px) and (orientation:portrait){
	#cover-sidebar-footer-mobile{
		display:none !important; 
	}
}

@media (max-width: 749px){

   #cover-sidebar-footer{
	   display:none;
   }

	#cover-sidebar-header.cover-desktop{
		display:none;
	}

    #cover-sidebar-item.cover-desktop,
	#cover-360.cover-desktop,
	#cover-sidebar-footer.cover-desktop{
		display:none;
	}

   
}

@media only screen and (min-width: 992px) and (max-height: 600px) {

  	#cover-sidebar-breadcumb{
	  font-size:10px;
  	}
	#cover-sidebar-header > h1{
		font-size:20px !important;
	}
	#cover-sidebar-header > h5{
		font-size:10px !important;
	}

	.cover-customer-price{
		font-size:20px !important;
	}

	.d-product-wide{
		display:block;
	}
	.d-product{
		display:none;
	}

	
	
}




/* PANEL WIDE FOR DESCRIPTION CUSTOMER WITH API */
/* CSS MENU RESOLUTION WIDE */

.cover-customer-description{
	display:inline-flex;
	
}

.cover-customer-description > div{
	display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 165px !important;
}


#cover_panel_wide{
    top: 0;
    height: 100%;
    position:absolute;
  /*box-shadow: 1px 3px 6px -1px #333;
    -webkit-box-shadow: 1px 3px 6px -1px #333;
    -moz-box-shadow: 1px 3px 6px -1px #333;
    -o-box-shadow: 1px 3px 6px -1px #333;*/
    -webkit-box-shadow: inset -18px 0 5px -19px #999;
	-moz-box-shadow: inset -18px 0 5px -19px #999;
	box-shadow: inset -18px 0 5px -19px #999;
    padding-left:0;
    padding-right:0;
    right: -550px;
    -webkit-animation: slide 0.5s forwards;
    animation: slide 0.5s forwards;
    visibility: hidden;
    z-index:9999;
  /*  cursor: move; for drag */
   /* z-index:100; for drag */
 
}

#cover_wide_header{
    margin-left:5px;
}

#cover_wide_body{
    scrollbar-width: thin;
    scrollbar-color: #c3c3c3 transparent;
    /*filter: brightness(90%);*/
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left:30px;
	padding-right:30px;
    margin-top:27px;

}

/* Works on Chrome, Edge, and Safari */
#cover_wide_body::-webkit-scrollbar {
    width: 6px;

}

#cover_wide_body::-webkit-scrollbar-track {
    background: #c3c3c3;        /* color of the tracking area */
    /*filter: brightness(90%);*/
}

#cover_wide_body::-webkit-scrollbar-thumb{
    background-color: #999;    /* color of the scroll thumb */
    border-radius:7px;
}


.close-cover-wide-menu{
    position: absolute;
    top: 0px;
    vertical-align: middle;
    cursor: pointer;
    right: 5px;
    padding-top: 8px;
    cursor:pointer;
    font-size:10px;
}