
div.tech-insight {
	font-size: 17px;
}

/***************
Utils
***************/

.font-14 {
	font-size: 14px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mt-140 {
	margin-top: 0px !important;
}

.pdt-70 {
	padding-top: 50px !important;
}

.pos-relative {
	position: relative;
}

.color-brown {
	color: #8d320e;
}

.small-caps {
	font-variant: small-caps;
}

/***************
End Utils
***************/

/***************
Tech insight
***************/

.icon.icon-logo-yarns:before {
	font-size: 54px;
}

.page-title > .textContent > .detailsDescription {
	padding-top: 0;
}

.page-title h2 {
	font-size: 30px;
	font-variant: small-caps;
	text-align: center;
}

.doubleimagebanner-full {
	height: 230px;
	position: relative;
}

.doubleimagebanner-full > img {
	height: 100%;
	width: auto;
}

.doubleimagebanner-full .product-in-image {
	height: auto;
	left: auto;
	right: 0px;
	width: 25%;
}

.doubleimagebanner-full .product-in-image img {
	width: 100%;
}

.doubleimagebanner-full .playvideo-link {
	top: calc(50% - 15px) !important;
}

.doubleimagebanner-full .playvideo-link .icon {
	width: 50px;
}

.doubleimagebanner-full .playvideo-link .icon-play:before {
	font-size: 50px;
}

.titleDescriptionBanner {
	padding-top: 50px !important;
}

.textBannerContainer {
	padding: 0 15px;
}

.textBannerContainer .titleDescriptionBanner {
	letter-spacing: 0px;
	color: #8d320e;
}

.textBannerContainer .subTitle {
	margin-bottom: 30px;
	margin-top: 15px;
}

.link-to-video {
	display: inline-block;
	font-size: 17px;
	font-variant: small-caps;
	margin: 30px 0;
	position: relative;
}

.link-to-video .icon-play {
	position: absolute;
	right: -23px;
	top: 4px;
}

.homepage-bottom {
	margin: 40px auto !important;
}

.footerbanner.footer-no-border {
	border-top: 0;
}

.titleDescriptionBanner,
a.titleDescriptionBanner,
a.titleDescriptionBanner:hover {
	font-size: 40px;
}

@media only screen and (min-width: 768px) {

	.pdt-70 {
		padding-top: 70px !important;
	}

	.doubleimagebanner-full {
		height: auto;
		min-height: 230px;
	}

	.doubleimagebanner-full > img {
		width: 100%;
	}
}

@media only screen and (max-width: 1023px) {
	.itemBannerImage-container,
	.itemBannerImage-wrapper .itemBannerImage {
		height: 500px;
	}
}

@media only screen and (max-width: 767px) {
	.itemBannerImage-container,
	.itemBannerImage-wrapper .itemBannerImage {
		height: 300px;
	}
}

@media only screen and (max-width: 1024px) {
	.owl-carousel-slide .item {
		height: 400px;
	}
}

@media only screen and (min-width: 1024px) {

	.mt-140 {
		margin-top: 140px !important;
	}

	.doubleimagebanner-full {
		margin-bottom: 70px;
		min-height: inherit;
	}

	.doubleimagebanner-full .product-in-image {
		margin-bottom: -15% !important;
		right: -15% !important;
	}

	.titleDescriptionBanner {
		padding-top: 0px !important;
	}

	.textBannerContainer {
		padding: 0;
	}

	.page-title h2 {
		font-size: 45px;
		margin-bottom: 0px;
	}

	/** Homepage **/
	.rotatingbannercomponent-wrapper .titleDescriptionBanner.firstLine {
		line-height: 35px !important;
	}

	/** Homepage **/
	.firstLine > span.firstLetter {
		display: inline-block;
		font-size: 100px;
		margin-left: -10px;
	}

	.firstLine > span.firstLetter.homeFirstLetter {
		margin-left: -70px;
	}

	.homepage-content-on-video {
		max-width: 900px;
	}

	.homepage-bottom .subTitleDescriptionBannerCollection,
	.homepage-content-on-video .subtitleVideo {
		font-size: 17px !important;
		font-variant: normal !important;
	}

}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
	.doubleimagebanner-full .product-in-image {
		right: 0% !important;
	}
}

/***************
End Tech insight
***************/

/***************
LP Yarns
***************/

.title-on-video {
	margin-top: 20px;
}

/***************
LP Yarns
***************/

/***************
Homepage
***************/
.main-container .searchboxcomponent-wrapper {
	max-width: 715px;
}

.home-form-search-wrapper,
.home-form-search {
	max-width: 100% !important;
}

.home-form-search {
	margin: 0 auto !important;
}

.icon-holder {
	/*left: 200px;
	position: absolute;
	top: 3px;
	z-index: 999;*/
	display: inline-block;
}

.input-search {
	display: inline-block;
}

.titleSearchBox .icon-search:before {
	display: inline-block;
	float: none;
}

.site-search .home-form-search #js-site-search-input {
	border-bottom: 0;
	font-size: 17px;
	height: inherit;
	padding-left: 3px !important;
	padding-right: 0 !important;
	text-align: left;
	width: 130%;
	color: #8d320e;
}

.site-search .home-form-search #js-site-search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #8d320e;
	opacity: 1; /* Firefox */
}

.site-search .home-form-search #js-site-search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #8d320e;
}

.site-search .home-form-search #js-site-search-input::-ms-input-placeholder { /* Microsoft Edge */
	color: #8d320e;
}

.select-box h2 {
	font-size: 30px;
	line-height: 1.5em;
}

.select-search {
	display: inline-block;
	width: auto;
	border: 0;
	font-size: 20px;
	line-height: 1.5em;
	padding: 0;
	position: relative;
	left: -5px;
	height: auto;
}

.select-search > option {
	font-size: 17px;
	background-color: #e3e3e3;
	border: 0;
}

.select-wrapper {
	position: relative;
	display: inline-block;
}

.select-top {
	display: inline-block;
	border-bottom: 1px solid #eeeeee;
	color: #aaa;
	line-height: 25px;
	position: relative;
}

.select-top:after {
	content: '\e114';
	display: inline-block;
	background: #eee;
	height: 38px;
	width: 16px;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-size: 11px;
	padding: 5px 3px;
	margin-left: 10px;
}

.select-top.special:after {
	content: '\e113';
}

.select-top:hover {
	cursor: pointer;
}

@media only screen and (min-width: 768px) {
	.select-search {
		font-size: 50px;
	}

	.select-search {
		display: none;
	}
}

@media (max-width: 767px) {
	.select-wrapper {
		display: none;
	}
}

.select-info-box {
	background-color: #eee;
	display: none;
	font-size: 17px;
	/* min-width: 200px;*/
	padding: 20px 10px;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 999;
	width: 100%;
	text-align: left;
	margin-bottom: -6px;
	left: 0;
}

.select-info-box:after {
	/*content: '';

	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #eee;
	height: 0;

	left: calc(50% - 7.5px);
	position: absolute;
	top: -15px;
	width: 0;*/
}

.select-info-box span {
	color: #666;
	display: block;
	padding: 0 15px;
	margin: 10px 0;
}

.select-info-box span:hover {
	background-color: #e3e3e3;
}

.select-box {
	position: relative;
}

.select-box .btn.btn-link {
	display: block;
	color: #fff;
	background: #8d320e;
	margin: 0;
	font-size: 18px;
	height: 55px;
	line-height: 55px;
	padding: 0;
	text-align: center;
	padding: 0 !important;
	top: auto;
	right: auto;
	left: auto;
	position: relative;
	min-width: 150px;
	margin: 30px auto;
	padding-right: 20px !important;
}

.select-box .btn.btn-link[disabled] {
	cursor: inherit;
	background-color: #ccc;
	background: #ccc;
}

.select-box .btn-link .icon {
	display: inline-block !important;
	background: transparent !important;
	position: absolute !important;
	margin-left: 5px !important;
}

.home-form-search .icon.icon-search {
	color: #8d320e;
}

.immagini-thumb-search {
	position: absolute;
	width: 100%;
	display: none;
}

.immagini-thumb-search .thumb-1 {
	position: absolute;
	top: -56px;
	left: -34px;
}

.immagini-thumb-search .thumb-2 {
	position: absolute;
	top: 80px;
	left: calc(50% - 117px);
}

.immagini-thumb-search .thumb-3 {
	position: absolute;
	top: -46px;
	right: -26px;
}

.immagini-thumb-search div[class*='thumb-'] img {
	max-width: 225px;
}

#searchProducts .input-group-btn {
/*	 position: relative !important; */
}

.item-ban-img {
	display: none !important;
	margin: 0 !important;
	max-width: 33% !important;
}

.home-banner-wrapper {
	max-width: 635px !important;
}

.home-box {
	margin-top: 0px;
}

.home-rotating-banner.image-to-left .itemBannerDesc-container {
	margin-left: 20%;
}

.home-rotating-banner .itemBannerDesc-container {
	width: 60%;
	margin-left: 20%;
}

@media only screen and (min-width: 768px) {
	.home-box {
		margin-top: -90px;
	}

	.select-box h2 {
		font-size: 40px;
		line-height: initial;
	}

	.select-wrapper {
		line-height: 32px;
	}

	.item-ban-img {
		display: block !important;
	}

	.home-rotating-banner.image-to-left .itemBannerDesc-container {
		margin-left: 20%;
	}

	.select-info-box span {
		margin: auto;
	}

}

@media only screen and (min-width: 1024px) {
	.home-rotating-banner .itemBannerDesc-container {
		width: 45%;
		margin-left: 35%;

	}

}

@media only screen and (min-width: 1280px) {
	.home-banner-wrapper {
		max-width: 735px !important;
	}

	.immagini-thumb-search {
		display: block
	}

	.select-box {
		min-height: 550px;
	}
}

/***************
End Homepage
***************/

/***************
Punti Maglia
***************/

.knit-page-header {
	margin: 0;
}

.knit-page-header .product-page-title {
	padding-bottom: 0;
	padding-top: 20px;
	text-align: center;
}

.knit-page-header .product-page-title .mainTitle {
	padding-bottom: 0;
}

.product-listing .product-item:first-child .product-detail {
	border-top: 1px solid #ccc;
	padding-top: 20px;
}

.product-detail .title-prod h3 {
	font-size: 1.2em !important;
	font-variant: small-caps;
	margin: 0;
	font-weight: bold;
	display: block;
	display: -webkit-box;
	width: 100%;
	margin: 0 auto;
	font-size: 26px;
	line-height: 1.4;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 2.8em !important;
}

.product-detail .title-prod span {
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.product-detail .tag-prod-container p {
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.product-detail .tag-prod {
	/*display: flow-root;*/
	margin: 10px 0;
}

.product-detail .tag-prod:after {
	content: '';
	clear: both;
	display: block;
}

.product-detail .tag-prod span {
	background-color: #eee;
	display: inline-block;
	float: left;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 9px;
	margin-right: 3px;
	margin-bottom: 3px;
	padding: 6px;
	text-transform: uppercase;
}

.product-detail .download-prod {
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	margin-bottom: 50px;
}

.product-detail .download-prod a {
	color: #8d320e;
	font-size: 12px;

	transition: opacity .5s ease;
}

.product-detail .download-prod a .icon.icon-download {
	font-size: 25px;
}

.product-detail .download-prod a:hover {
	opacity: 0.5;
	text-decoration: none;
}

.desc-title {
	border-bottom: 1px solid #ccc;
	display: block;
	margin-bottom: 40px;
	padding-bottom: 20px;
}

.desc-title h4 {
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}

.desc-title h4:after {
	content: '';
	background-image: url(img/arrow-down.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 8px;
	margin-bottom: 0px;
	margin-left: 5px;
	width: 16px;

	transform: rotate(0deg);
}

.desc-title h4.clicked:after {
	transform: rotate(180deg);
}

.tag-prod-container {
	display: none;
	margin-top: 25px;
}

.content-prod,
.owl-products-outer,
.owl-products {
	float: left;
	width: 50%;
}

.content-prod {
	padding: 10px;
}

.owl-products-outer {
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
}

.owl-products-outer > img {
	max-width: 100%;
}

.owl-products {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.owl-products.owl-carousel .owl-controls .owl-pagination {
	bottom: -20px;
}

.owl-products.owl-carousel .owl-controls .owl-pagination .owl-page {
	height: 10px;
	width: 10px;
}

.owl-products.owl-carousel .owl-controls .owl-pagination .owl-page.active span {
	background-color: #8d320e;
}

.owl-products.owl-carousel .owl-controls .owl-pagination .owl-page span {
	border-color: #8d320e;
	border: 1px solid #8d320e;
	-webkit-border-radius: 0%;
	-moz-border-radius: 0%;
	border-radius: 0%;

	height: 7px;
	width: 7px;
}

.owl-products.owl-carousel .owl-controls .owl-pagination .owl-page span:hover {
	background-color: #8d320e;
}

.owl-product-detail .owl-controls .owl-pagination {
	text-align: center;
}

.pdp-image-cell .owl-product-detail .owl-controls .owl-pagination {
	bottom: 0px;
}

.pdp-image-cell .owl-product-detail .owl-controls .owl-pagination .owl-page span {
	height: 7px;
	width: 7px;
}

@media only screen and (min-width: 640px) {

	.desc-title {
		display: none;
	}

	.tag-prod-container {
		display: block;
		margin-top: 0;
	}

	.product-listing .product-item:first-child .product-detail {
		border-top: 0;
		padding-top: 0px;
	}

	.content-prod,
	.owl-products-outer,
	.owl-products {
		width: 100%;
	}

}

/***************
End Punti Maglia
***************/

/***************
Dettaglio Prodotto
***************/

.detail-prod-img {
	max-width: 220px;
}

.detail-prod-img .detail-inner-prod-img {
	/*border-bottom: 1px solid #bbb;*/
	margin-bottom: 30px;
	position: relative;
}

.pdp-image-cell, .pdp-image-cell .detail-inner-prod-img { position: relative; }

.pdp-image-cell .detail-inner-prod-img > .label-img {
	position: absolute;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1100;
	width: 250px;
}

.pdp-image-cell .detail-inner-prod-img > .label-img > img { width: 100%; }

.pdp-image-cell .detail-inner-prod-img > .carciofo-label-img {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.detail-prod-img .productinfos {
	display: none;
	/*margin-top: 30px;*/
}

.downloadImg {
	float: none;
	/* margin-top: -20px;*/
}

.detail-prod-info .nav-tabs {
	text-align: left;
}

.detail-prod-info .nav-tabs li a {
	text-transform: uppercase;
}

.detail-prod-info .nav-tabs li:first-child a {
	padding-left: 0;
}

.detail-prod-info .tab-content {
	margin-bottom: 0px;
}

.detail-prod-info .variant-list {
	display: block !important;
	transition: all .5s ease;
	overflow: hidden;
}

.detail-prod-info .variant-list.height-hidden {
	height: 170px;
	/*transition: all .5s ease;*/
}

.detail-prod-buy {
	background-color: #fff;
	margin-top: 20px;
	position: relative;
	z-index: 999;
}

.detail-prod-buy .divider {
	border-bottom: 1px solid #bbb;
	padding-bottom: 30px;
	border-top: 1px solid #bbb;
	padding-top: 20px;
}

.detail-prod-select-wrapper {
	display: block;
	float: none;
	position: relative;
	width: 100%;
}

.detail-prod-select-wrapper select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	border-right: 0;
	border-radius: 0;
	display: inline-block;
	line-height: 45px;
	padding-right: 50px;
	width: 100%;
	z-index: 999;
}

.detail-prod-select-wrapper select:after {
	content: '';
}

.detail-prod-select-wrapper select {
	color: #ccc;
	font-size: 12px;
}

.detail-prod-select-wrapper .detail-prod-select-grey {
	background-color: #eee;
	border: 1px solid #bbb;
	border-left: 0;

	height: 100%;
	pointer-events: none;
	position: absolute;
	right: 0px;
	top: 0;
	width: 40px;
}

.detail-prod-select-wrapper .detail-prod-select-grey:hover {
	cursor: pointer;
}

.detail-prod-add-cart {
	border-bottom: 1px solid #bbb;
	/*display: flow-root;*/
	padding-bottom: 30px;
}
.addtocartcolorcard .detail-prod-add-cart {
	border-bottom: none;
}

.detail-prod-add-cart:after {
	content: '';
	clear: both;
	display: block;
}

.detail-prod-add-cart > p {
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}

.detail-icon-down {
	background-image: url(../images/arrow-down.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 8px;
	margin-top: 17px;
	margin-left: 12px;
	width: 16px;
	transform: rotate(0deg);
}

.detail-icon-down.brown {
	background-image: url(../images/arrow-down-brown.png);
	height: 6px;
	margin-top: 12px;
	margin-left: 6px;
	width: 9px;

	transition: transform .5s ease;
}

.detail-icon-down.brown.rotated {
	transform: rotate(180deg);
}

.detail-cart-btn {
	background-color: #8d320e;
	color: #fff;
	float: right;
	font-size: 18px;
	height: 43px;
	margin-top: 20px;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

.detail-cart-btn:focus,
.detail-cart-btn:hover,
.detail-cart-btn:active,
.detail-cart-btn:visited {
	color: #fff;
	text-decoration: none;
}

.detail-cart-btn .icon {
	margin-left: 6px;
}

.detail-goto-folder {
	display: inline-block;
	color: #8d320e;
	float: none;
	font-size: 17px;
	font-variant: small-caps;
	margin-top: 20px;
	position: relative;
}

.detail-goto-folder .icon {
	position: absolute;
	right: -22px;
	top: 3px;
}

.variant-section {
	/*padding-bottom: 30px;*/
	position: relative;
}

.variant-selector {
	position: relative;
	z-index: 1;
}

.variant-show-more {
	background-color: #fff;
	bottom: 0;
	display: none;
	height: 60px;
	left: 0;
	padding-top: 15px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 2;
}

.variant-show-more a {
	color: #8d320e;
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}

.download-prod-mobile {
	border-bottom: 1px solid #bbb;
	border-top: 0;
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-top: 0;
}

.titleSearchBox .title {
	display: inline-block;
	margin-top: 25px;
}

.loader {
	background-color: #fff;
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

@media only screen and (min-width: 640px) {
	.detail-prod-img {
		max-width: 100%;
	}

	/*.detail-prod-buy {
		margin-top: 0;
	}
	*/
	.detail-prod-select-wrapper {
		display: inline-block;
		float: left;
		max-width: 50%;
		width: auto;
	}

	.detail-cart-btn {
		font-size: 14px;
		max-width: 45%;
	}

	.detail-goto-folder {
		float: none;
		margin-top: 0;
		margin-right: 20px;
	}

	.detail-prod-select-wrapper select {
		/*width: auto;*/
	}

	.detail-cart-btn {
		margin-top: 0;
		width: auto;
	}

	.download-prod-mobile {
		border-top: 1px solid #ccc;
		margin-bottom: 0px;
		padding-bottom: 20px;
		padding-top: 30px;
	}

	.download-prod-mobile:after {
		content: '';
		clear: both;
		display: block;
	}

	.downloadImg {
		float: none;
		margin-bottom: 20px;
	}

	.variant-section {
		/*padding-bottom: 60px;*/
	}
}

@media only screen and (min-width: 769px) {
	.download-prod-mobile {
		display: none;
	}

	.detail-goto-folder,
	.downloadImg {
		float: none;
	}

	.detail-goto-folder {
		float: none;
	}

	.detail-prod-img .detail-inner-prod-img {
		/*border-bottom: 1px solid #bbb;*/
	}

	.owl-product-detail .owl-controls .owl-pagination {
		text-align: right;
	}

	.pdp-image-cell .owl-product-detail .owl-controls .owl-pagination {
		bottom: -5px;
		width: 100%;
		margin: auto;
		text-align: center;
	}
}

@media only screen and (min-width: 1024px) {
	.detail-prod-img .productinfos {
		display: block;
	}

	.detail-prod-buy .divider {
		border-top: 0;
		padding-top: 0;
	}

	.detail-goto-folder {
		margin-top: 0;
	}
}

@media only screen and (min-width: 1025px) {
	.detail-cart-btn {
		font-size: 17px;
	}
}

/***************
End Dettaglio Prodotto
***************/

@media only screen and (min-width: 1024px) {
	span.firstLetter {
		display: inline-block;
		font-size: 100px;
		margin-left: -10px;
	}
}

@media only screen and (max-width: 640px) {
	.detail-prod-buy .divider {
		border-top: 0;
		padding-top: 0;
	}
}
