.numbers {
	position:relative;
	width:100%;
	background:#ab2124;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	padding:100px;
	font-family:'Fira Sans Condensed', sans-serif;
}

.whatsapp-button-holder {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
}

.wa-btn {
    display: inline-block;
    color: #fff;
    background: #6f910d;
    width: 75px;
    height: 75px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px 10px rgb(0 0 0 / 20%);
}

i.hvr-icon.fab.fa-whatsapp {
    font-size: 25px;
}

.fa-whatsapp:before {
    content: "\f232";
}
.pr-gp {
    background: #fff;
    position: fixed;
    top: 11%;
    z-index: 2;
    margin: auto;
    left: 25.5%;
    opacity: 0;
    z-index: -1;
}

.pr-gp a:hover{
	position:relative;
	left:10px;
	font-weight:700;
	transition:.2s;
}

.number-box {
	position:relative;
	text-align:center;
	border-radius:10px;
	padding:20px 0;
}
.number-box .number {
	font-size:2.5rem;
	color:#fff;
	font-weight:900;
	transition:.3s;
}
.number-box .title {
	display:inline-block;
	font-size:1rem;
	color:#fff;
	font-weight:500;
	padding:10px 20px;
	transition:.3s;
	position:relative;
	margin:0 auto;
	background:#fff;
	color:#104a43;
	text-transform:uppercase;
}
.panel.products {
	background-image:url('../images/product-groups.webp');
	background-size:cover;
	background-position:center center;
}
.products .heading .line-1 {
	font-size:2rem;
	font-weight:700;
	color:#c5c5c5;
	text-transform:uppercase;
	letter-spacing:.22em;
}
.product-groups-container {
    position: relative;
    width: 100%;
    height: 55vh;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
	.product-groups-container {
		flex-direction: column;
	}
}
.product-groups-info {
    display: inline-block;
    color: #fff;
    padding: 5%;
    text-align: center;
    transform: rotate(-90deg);
    position:relative;
	top: 35%!important;
   
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
@media screen and (max-width: 768px) {
	.product-groups-info {
		transform: rotate(0deg) !important;
	}
}
.product-groups-slide.active .product-groups-info {
	border-color:#f1f1f1;
}
.product-groups-info h3 {
    font-size: 1.5rem;
    font-weight: 700;
    transition: .3s;
    margin: auto;
}


.product-groups-slide .product-groups-info h3 a {
    color: #f1f1f1;
}
.product-groups-slide {
    width: 50px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #ccd0d5;
    background-blend-mode: luminosity;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease; 
    transition: all 500ms ease;
}

.product-groups-slide:hover .pg-img {
    left: 15%;
	top: 33%;
    width: 76%;
}

.pg-img {
    position: relative;
    top: 50%;
    left: 40%;
}

/*.product-groups-slide.active {
	background-color:#309c90;
	background-blend-mode:multiply;
}*/
@media screen and (max-width: 768px) {
	.product-groups-slide {
		width:auto;
		overflow: auto;
		overflow-x: hidden;
	}
}

@media screen and (max-width: 768px) {
	.product-groups-slide p {
		font-size: 2em;
	}
}

@media screen and (max-width: 768px) {
	.product-groups-slide ul li {
		font-size: 2em;
	}
}

.product-groups-slide:hover {
    transition:.3s;
	background:#134f7b!important;
}
.product-groups-slide:hover {
    -webkit-flex-grow: 3;
    flex-grow: 3;
}

.product-groups-slide:hover .pg-img img{
    width:75%!important;
}

.quality {
	background-image:url('../images/quality-parallax.webp');
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	min-height:400px;
}
.quality .heading h2 .line-1 {
	font-size:5rem;
	font-weight:700;
	color:#fff;
}
.quality .heading .description {
	color:#fff;
}
.quality .btn-view {
	color:#fff;
	text-transform:lowercase;
}
.quality .btn-view:before {
	background:#fff;
}
.quality .btn-view:after {
	border-color: transparent transparent transparent #fff;
}
.about {
	background-image:url('../images/petek-faded-factory.webp');
	background-size:cover;
}
.about .heading .line-1 {
	font-size:1.875rem;
	color:#c5c5c5;
	text-transform:uppercase;
}
.about .heading .line-2 {
	font-size:1.875rem;
	color:#309c90;
	text-transform:uppercase;
}
.about .bottom-line {
	margin-top:50px;
}
.social-media a {
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius:100%;
	transition:.3s;
	background:transparent;
	color:#104a43;
	/* border:1px solid #ffba00; */
	font-size:1rem;
}
.social-media a:hover,
.social-media a:focus {
	background:#000;
	color:#efefef;
}
.world-map .heading .line-1 {
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	display:inline-block;
	background:#091124;
	padding:.5rem 1rem;
}
.world-map .export-map {
	max-width:80%;
	margin:0 auto;
}
.world-map .export-map path {
	fill: #bebebe;
	stroke: #fff;
	transition:.3s;
	cursor:pointer;
}
.world-map .export-map path.choosable {
	fill: #104a43;
}
.world-map .export-map path.loadingPointActive {
	fill: #104a43 !important;
}
.world-map .export-map path:hover,
.world-map .export-map path:focus {
	fill: #309c90 !important;
}
.world-map .export-map path.exportedCountryHover {
	fill: #091124 !important;
}
.world-map .export-map path.exportedCountryActive {
	fill: #091124 !important;
}
.news {
	background:linear-gradient(0deg, #01131c 65%, #fff 65%);
}
.news .heading {
	color:#fff;
}
.news .heading .line-1 {
	letter-spacing:.22em;
	text-transform:uppercase;
}
.blog-card {
	position:relative;
	width: 95%;
}

.news-slider .buttons {
    position: absolute;
    bottom: 0;
    transform: translateY(-50%);
    z-index: 26;
    width: 100%;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.news-slider .buttons button {
    background: transparent;
    border: 0;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    font-size: 1.5em;
    color: #fff;
    cursor: pointer;
    padding: 0 4%;
}
.blog-card .front-fade {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	-webkit-box-shadow: inset 0 -100px 50px -14px #ab2124;
	z-index:3;
	transition:all .5s ease;
}
.blog-card:hover .front-fade,
.blog-card:focus .front-fade {
	background:rgba(0,0,0,.4);
	-webkit-box-shadow:unset;
	box-shadow:unset;
}
.blog-card .image {
	position:relative;
}
.blog-card .image img {
	width:100%;
}
.blog-card .caption {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:5;
	display:flex;
	align-items:flex-start;
	justify-content:flex-end;
	flex-direction:column;
	padding:20px;
}
.blog-card .caption .title h3 {
	font-size:2rem;
	font-family:'Fira Sans Condensed', sans-serif;
	font-weight:700;
	transition:.5s ease;
}
.blog-card:hover .caption .title h3,
.blog-card:focus .caption .title h3 {
	opacity:1;
}
.blog-card .caption .title a {
	color:#fff;
}
.blog-card .caption .description {
	overflow:hidden;
	font-size:1rem;
	color:#fff;

	margin-bottom:-20px;
	
	transition: all .5s ease;
}
.blog-card:hover .caption .description,
.blog-card:focus .caption .description {

	margin-bottom:0;
	
	transform:rotate(0);
}
.blog-card .stretched-link:after {
	z-index:5;
}
.media .heading .line-1 {
	color:#134f7b;
	word-spacing:500px;
}
.media .heading .description {
	color:#7e7e7e;
}
.album-box {
	position:relative;
}
.album-box .image {
	overflow:hidden;
}
.album-box .image img {
	width:100%;
	height:400px;
	object-fit:cover;
	transition:.3s;
}
.album-box:hover .image img,
.album-box:focus .image img {
	transform:scale(1.15) rotate(2deg);
}
.album-box .title {
	padding:10px;
}
.album-box .title h3 {
	font-size:1rem;
	font-weight:700;
}
.album-box .title a {
	color:#104a43;
	transition:.3s;
}
.album-box:hover .title a,
.album-box:focus .title a {
	letter-spacing:2px;
}
.references {
	background-image:url('../images/petek-references.webp');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	padding:20px 0;
}
.partner {
	padding:10px;
	width:100%;
	transition:.3s;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}
.partner:hover,
.partner:focus {
	background:rgba(255,255,255,.5);
}
.partner img {
	height:100px;
	object-fit:contain;
}
.partner:hover img,
.partner:focus img {
	filter:unset;
}