.full-width {
	width: 100%;
}
.basic-container {
	float: left;
	width: 100%;
}
.hide-me {
	display: none;
}
.full-width {
	width: 100%;
}
.remove-margin {
	margin-left: 0;
	margin-right: 0;
}
.remove-padding {
	padding-left: 0;
	padding-right: 0;
}
.small-padding {
	padding-left: 10px;
	padding-right: 10px;
}
.small-margin {
	margin-left: -10px;
	margin-right: -10px;
}
.xs-small-padding {
	padding-left: 8px;
	padding-right: 8px;
}
.xs-small-margin {
	margin-left: -8px;
	margin-right: -8px;
}
.blocked-text {
	display: block;
}
.section-title {
	font-size: 48px;
}
	.section-title span {
		color: #ef8822;
	}
.default-button {
	font-size: 24px;
	padding: 10px 30px;
	background-color: #ef8822;
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	transition: all  ease 0.5s;
}
.default-button:hover, .default-button:focus {
	background-color: #282828;
	color: #ffbc13;
}
.highlighted-text {
	color: #E57211;
}
.default-banner {
	overflow: hidden;
}
	.default-banner img {
		width: 100%;
	}
#banner .caption-text {
	position: absolute;
	left: -60px;
	top: 0;
	font-size: 55px;
	line-height: 1;
/*	background: url('../images/triangle-bg.png') right center / cover;*/
	color: #fff;
	z-index: 4;
	height: 100%;
	width: 100%;
}
	.default-banner .caption-text {
		max-width: 1090px;
	}
	#banner .caption-text .text-table {
		display: table;
		height: 100%;
		width: 100%;
	}
	#banner .caption-text .text-cell {
		display: table-cell;
		height: 100%;
		vertical-align: middle;
		padding-left: 120px;
	}
	#banner .caption-text h1 {
		font-size: 82px;
		line-height: 0.8;
		margin-bottom: 15px;
	}
	#banner .caption-text h3 {
		font-family: Lora;
		color: #FFBC13;
		line-height: 1.5;
		letter-spacing: 1px;
	}
	#banner .caption-text span {
		font-size: inherit;
		line-height: 1;
		color: #FFBC13;
	}
	#banner #triangle {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 495px;
		background-color: rgba(28,28,28,0.7);
		z-index: 3;
	}
	#banner #triangle::after {
		content: "";
        display: block;
        position: absolute;
        left: 495px;
        width: 0; 
        height: 0; 
        border-left: 1350px solid rgba(28, 28, 28, 0.7);
		border-top: 1170px solid rgba(0, 0, 0, 0);
      /*  border-top: 780px solid transparent;
        border-left: 900px solid rgba(28,28,28,0.7);*/
        z-index: 3;
	}
section#products {
	padding: 100px 0 110px;
}
	section#products h1 {
		margin-bottom: 100px;
	}
#products-carousel {
	padding: 0 30px;
}
#products-carousel .item {
	margin-left: 4px;
	margin-bottom: 4px;
	overflow: hidden;
	cursor: pointer;
}
.box-wrapper {
	margin: 4px 0 0 4px;
	height: 245px;
	width: calc(100% - 8px);
	background: url('../images/products-bg.jpg') center / cover;
	display: table;
	transition: all ease 0.3s;
	box-shadow: 0 0 4px #666;
}
#products-carousel .item:hover .box-wrapper, #products-carousel .item:focus .box-wrapper,
#products-carousel .item.active .box-wrapper {
	background: url('../images/products-bg-active.png') center / cover;
}
#products-carousel .img-container {
	display: table-cell;
	vertical-align: middle;
}
#products-carousel img {
	width: auto;
	margin: 0 auto;
	transform: scale(0.4);
}
#products-carousel .item[data-hash=insulation-fabric-cloth] img, #products-carousel .item[data-hash=insulation-foil-tapes-ropes] img {
	transform: scale(0.35);
}
#products-carousel img:last-child, #products-carousel .item:hover img:first-child, #products-carousel .item:focus img:first-child, #products-carousel .item.active img:first-child {
	display: none;
}
#products-carousel .item:hover img:last-child, #products-carousel .item:focus img:last-child,
#products-carousel .item.active img:last-child {
	display: block;
}
#products-carousel .product-name {
	background-color: #282828;
	padding: 25px 7px;
	display: table;
	width: calc(100% - 8px);
	color: #FFBC13;
	margin: 0 0 4px 4px;
	box-shadow: 0 0 4px #666;
}
#products-carousel h4 {
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	text-align: center;
	transition: all ease 0.3s;
	width: 100%;
}
#products-carousel .item:hover .product-name, #products-carousel .item:hover .product-name, #products-carousel .item.active .product-name {
	color: #404040;
	background-color: #FFBC13;
}
/*Owl carousel*/
.owl-prev, .owl-next {
	position: absolute;
	font-size: 60px;
	line-height: 60px;
	top: calc(50% - 30px);
	z-index: -1;
}
.owl-prev:hover, .owl-next:hover {
	color: #ef8822;
}
.owl-prev {
	left: -15px;
}
.owl-next {
	right: -15px;
}
/* Smartphone and Tablet view */
/* Smartphone and Tablet view */
@media (min-width: 2698px) {
	#banner #triangle {
		width: 1015px;
	}
	#banner #triangle::after {
		left: 1015px;
		border-left: 1500px solid rgba(28, 28, 28, 0.7);
		border-top: 1300px solid rgba(0, 0, 0, 0);
	}
	#banner .caption-text {
		left: calc(50% - 890px);
	}
}
@media (max-width: 2697px) and (min-width: 1920px) {
	#banner #triangle {
		width: 680px;
	}
	#banner #triangle::after {
		left: 680px;
	}
	#banner .caption-text {
		left: calc(50% - 890px);
	}
	
}
@media (max-width: 1919px) and (min-width: 1650px) {
	#banner .caption-text {
		left: calc(50% - 890px);
	}
	#banner #triangle {
		width: 510px;
	}
	#banner #triangle::after {
		left: 510px;
	}
}
@media (max-width: 1369px) and (min-width: 1200px) {
	#products-carousel .product-name {
		height: 95px;
	}
}
@media (max-width: 1199px) {
	#banner #triangle {
		width: 465px;
	}
	#banner #triangle::after {
		left: 465px;
	}
	#banner .caption-text .text-cell {
		padding-left: 90px;
	}
	.default-banner .caption-text h1 {
		font-size: 60px !important;
	}
	.owl-prev {
		left: 0;
	}
	.owl-next {
		right: 0;
	}
}
@media (max-width: 1090px) and (min-width: 992px) {
	#products-carousel .product-name {
		height: 95px;
	}	
}
@media (max-width: 991px) {
	#banner .caption-text {
		background-color: rgba(28,28,28,0.4);
		left: 0;
	}
	#banner .caption-text .text-cell {
		padding-left: 30px;
	}
	#banner .caption-text h1 {
		font-size: 8vw !important;
	}
	#banner .caption-text h3 {
		font-size: 3vw;
	}
	#banner .caption-text .text-table {
		text-align: center;
	}
	.default-banner .caption-text .text-cell {
		padding-left: 0 !important;
	}
}
@media (min-width: 992px) { /* 992px large */	
	.row-height {
	  display: table;
	  table-layout: fixed;
	  height: 100%;
	  width: 100%;
	}
	.row-height .col-height {
	  display: table-cell;
	  float: none;
	  height: 100%;
	}
	.row-height .col-top {
	  vertical-align: top;
	}
	.row-height .col-middle {
	  vertical-align: middle;
	}
	.row-height .col-bottom {
	  vertical-align: bottom;
	}
}
@media (min-width: 768px) {
	.row-height-sm {
	  display: table;
	  table-layout: fixed;
	  height: 100%;
	  width: 100%;
	}
	.row-height-sm .col-height {
	  display: table-cell;
	  float: none;
	  height: 100%;
	}
	.row-height-sm .col-top {
	  vertical-align: top;
	}
	.row-height-sm .col-middle {
	  vertical-align: middle;
	}
	.row-height-sm .col-bottom {
	  vertical-align: bottom;
	}
}
@media (min-width: 680px) {
	.row-height-xs {
	  display: table;
	  table-layout: fixed;
	  height: 100%;
	  width: 100%;
	}
	.row-height-xs .col-height {
	  display: table-cell;
	  float: none;
	  height: 100%;
	}
	.row-height-xs .col-top {
	  vertical-align: top;
	}
	.row-height-xs .col-middle {
	  vertical-align: middle;
	}
	.row-height-xs .col-bottom {
	  vertical-align: bottom;
	}
}
@media (max-width: 767px) {
	.default-banner {
		height: 200px;
		object-fit: cover;
		object-position: left center;
	}
	.default-banner img {
		height: 200px;
		object-fit: cover;
		object-position: left center;
	}
	.default-banner h1 {
		right: 0;
		text-align: center;
		width: 100%;
	}
}
@media (max-width: 719px) {
	#products-carousel .product-name {
		height: 95px;
	}
}
@media (max-width: 599px) {
	.hidden-xxs {
		display: none;
	}
}
@media (max-width: 479px) {
	.section-title {
		font-size: 36px;
	}
	.hidden-xxxs {
		display: none;
	}
	.show-xxxs {
		display: block !important;
	}
	#products-carousel .product-name {
		padding: 25px 10px;
	}
}
@media (max-width: 399px) {
	#products-carousel {
		padding: 0 15px;
	}
	.owl-prev {
		left: -12px;
	}
	.owl-next {
		right: -12px;
	}
	.hidden-xxxxs {
		display: none;
	}
}
