@charset "utf-8";

@font-face {
	font-family: ACBrieLight;
	font-style: normal;
	font-weight: normal;
	src: url(../fonts/ACBrieLight.woff) format("woff");
}

@font-face {
	font-family: RobotoConLight;
	font-style: normal;
	font-weight: normal;
	src: url(../fonts/RobotoCondensed-Light.woff) format("woff");
}

/* reset/default rules */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root {
	--textDark: #131313;
	--textLight: #f4f4f4;
	--bg: #fcfcfc;
	--link: #de0101;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img, :link img, :visited img {
	border: 0;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}
a, .inputbox {
	outline-width:0;
}
a {
	transition: all 0.3s ease;
	text-decoration: none;
	color: var(--link);
	position: relative;
    display: inline-block;
}
a:after {
	content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background-color: var(--link);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease-in-out, transform-origin 0s linear 0.3s;
}
.header .mainMenu li.active a:after {
	width: 100%;
	transform: scaleX(1);
}
a:hover:after {
	transform: scaleX(1);
    transform-origin: right;
}
a:not(:hover)::after {
	transform: scaleX(0);
    transform-origin: left;
}
a:hover {
	text-decoration: none;
}
body {
	max-width: 1920px;
	margin:0px auto;
	padding:0px;
	height:100%;
	font-family: ACBrieLight;
	font-size: clamp(1.2rem, 2vw, 22px);
	line-height: 2rem;
	color: var(--textDark);
	background-color: var(--bg);
}
html {
	height:100%;
	width:100%;
}
.innerBlock {
	max-width: 1440px;
	margin: 0 auto;
	border-bottom: 0;
}
.innerBlock2 {
	max-width: 1280px;
	margin: 0 auto;
	border-bottom: 0;
}
/* /reset/general rules */

/*---------------------------------------------------------------------------------------*/

/* base typography */
h1 {
	font-size: clamp(1.5rem, 4vw, 60px);
	padding: 10px 0;
	line-height: 1em;
}
h2 {
	font-size: clamp(3rem, 5vw, 45px);
}
h3 {
	font-size: clamp(2.5rem, 4vw, 30px);
}
h4 {
	font-size: clamp(1.5rem, 1.5vw, 1.8rem);
}
h5{ font-size: 1.2em }
h6{ font-size: 1em }
/* /base typography */

/* Buttons */
.buttonLight, .buttonDark {
	position: relative;
	overflow: hidden;
	display: inline-block;
	background: transparent;
	border: 2px solid var(--textLight);
	padding: 10px 20px;
	color: var(--textLight);
	transition: color 0.3s ease;
	z-index: 1;
	margin: 30px 0;
	box-sizing: border-box
}
.buttonLight::after, .buttonDark::after {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--link);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease-in-out, transform-origin 0s linear 0.3s;
    z-index: -1;
}
.buttonLight:hover::after, .buttonDark:hover::after {
	transform: scaleX(1);
    transform-origin: right;
}
.buttonLight:not(:hover)::after, .buttonDark:not(:hover)::after {
	transform: scaleX(0);
    transform-origin: left;
}
.buttonDark {
	border: 2px solid var(--textDark);
	color: var(--textDark);
}
.buttonDark:hover {
	color: var(--textLight);
}
/* /Buttons */

.blockquote {
    padding: 20px 0;
    position: relative;
    margin: 0;
}
.blockquote p {
	font-style: italic;
	font-size: 20px;
}
.blockquote::after {
    content: "";
    top: 10px;
    left: 0;
    position: absolute;
    border-bottom: 3px solid var(--link);
    height: 3px;
    width: 200px;
}
/* Header */
.header {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 85px;
	background: #131313;
	padding: 10px 80px;
	z-index: 10;
	justify-content: space-between;
}
@media (max-width:768px) {
	.header {
		padding: 10px 20px;
	}
}
/* Logo */
.logo img {
	width: 200px;
    transition: all .3s ease;
}
.logo a:after {
	content: unset;
}
/*.header.scrolled {
    height: 100px;
    background-color: rgba(12, 12, 12, .9);
    padding: 10px 80px;
}
.header.scrolled .logo img {
	width: 50%;
    transition: all .3s ease;
}*/
/* /Logo */

/* Main Menu */
.mainMenuWrapper {
    position: relative;
}

.menuToggle {
    display: none;
    font-size: 34px;
    background: none;
    border: none;
    color: var(--textLight);
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 10px;
}
.mainMenu ul {
    display: flex;
    flex-direction: row;
}
.mainMenu ul li {
    padding: 10px;
    font-family: ACBrieLight;
    font-size: 22px;
}
.mainMenu ul li a {
    color: var(--textLight);
    padding: 5px 0;
    text-shadow: 3px 3px 5px #131313;
}
@media (max-width: 1024px) {
    .menuToggle {
        display: block;
    }
    .mainMenu {
        position: absolute;
	    bottom: -530px;
	    right: -20px;
	    background: #131313;
	    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	    z-index: 1000;
	    padding: 10px 40px;
        transition: all .5s ease;
        opacity: 0;
    }
    .mainMenu ul {
        flex-direction: column;
    }
    .mainMenu ul li {
        text-align: right;
    }
    .mainMenu.active {
        transition: all .5s ease;
        bottom: -463px;
        opacity: 1;
    }
}
/* /Main Menu */
/* /Header */

/* Footer Menu */
.footerMenuBlock ul {
	display: flex;
	flex-direction: column;
}
.footerMenuBlock ul li {
	padding: 2px 0;
	list-style: circle;
	margin-left: 20px;
	color: var(--link);
}
/* /Footer Menu */

/* Hero */
.hero .carousel {
	background-image: url(../images/bgHeroParallax.jpg);
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
.hero .carousel, .heroInt {
	height: auto;
	width: 100vw;
}
.hero .carousel-indicators {
	bottom: 80px;
}
.hero .carousel img {
	height: 100vh;
	object-fit: cover;
}
.hero .carousel-item {
	position: relative;
}
.heroIntProducts, .heroIntServices, .heroIntAdvices {
	width: 100%;
	height: 91vh;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.heroIntProducts {
	background-image: url(../images/heroIntBgProducts.jpg);
}
.heroIntServices {
	background-image: url(../images/heroIntBgServices.jpg);
}
.heroIntAdvices {
	background-image: url(../images/heroIntBgAdvices.jpg);
}
.heroIntProducts .heroText,
.heroIntServices .heroText,
.heroIntAdvices .heroText {
	position: absolute;
	top: 50%;
	left: 60%;
	transform: translate(-30%, -40%);
	color: var(--textLight);
	animation: slideup1 .5s ease .3s forwards;
	opacity: 0;
	display: flex;
	flex-direction: column;
}
.heroIntAdvices .heroText {
	left: 30%;
	max-width: 500px;
}
.heroIntServices .heroText,
.heroIntAdvices .heroText {
	color: var(--textDark);
}
.heroIntProducts .heroText h1
.heroIntServices .heroText h1,
.heroIntAdvices .heroText h1 {
	font-weight: bold;
}
@keyframes slideup1 {
	from {
		top: 55%;
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@media (max-width: 768px) {
	.heroIntProducts .heroText, .heroIntServices .heroText {
		width: 100%;
		padding: 0 20px;
		transform: translate(-60%, -40%);
	}
	.heroIntAdvices {
		background-position: calc(100% - 40%);
	}
}
/* /Hero */

/* Top 1 */
.brandsCarousel {
	padding: 40px 0;
	box-shadow: 5px 0 10px #ddd;
}
.brandsCarousel .carousel {
	width: 80%;
	margin: 0 auto;
}
.brandsCarousel .carousel-item {
	display: flex;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.brandsCarousel .carousel-item.active {
	display: flex;
	flex-wrap: wrap;
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}
.brandsCarousel .carousel-item .card {
	border: 0;
	margin: 0 auto;
	text-align: center;
	background: transparent;
}
.brandsCarousel .carousel-item img {
	max-width: 170px;
	opacity: .5;
	transition: all .3s ease;
	border: 1px solid #ddd;
}
.brandsCarousel .carousel-item img:hover {
	opacity: 1;
}
.carousel-control-next, .carousel-control-prev {
	width: unset;
}
.carousel-control-prev {
	left: -40px;
}
.carousel-control-next {
	right: -40px;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
	width: unset;
	height: unset;
	background-image: unset;
}
.carousel-control-prev-icon img, .carousel-control-next-icon img {
	width: 24px;
}
@media (max-width: 768px) {
	.brandsCarousel .carousel-item {
		flex-direction: column;
	}
}
/* /Top 1 */

/* Top 2 */
.top2Cont, .top3Cont, .top4Cont, .top5cont, .top7cont {
	display: flex;
	flex-wrap: wrap;
	height: 100vh;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
	overflow: hidden;
}
@media (max-width: 768px) {
	.top2Cont {
		height: auto;
	}
}
.top2block {
	position: relative;
	flex: 1 400px;
	overflow: hidden;
	margin: 10px;
}
.top2block:hover .top2blockText {
	bottom: 50px;
	transition: all .3s ease;
}
.top2block .overlay {
	content: '';
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.9));
	position: absolute;
	left: 0;
	top: 50%;
	transition: all .3s ease;
}
.top2block:hover .overlay {
	top: 0;
	transition: all .3s ease;
}
.top2block img {
	width: 100%;
	filter: grayscale(100%);
	transition: all .5s ease;
}
.top2block:hover img {
	filter: grayscale(0);
	transition: all .8s ease;
}
.top2blockText {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: absolute;
	left: 0;
	bottom: -50px;
	color: var(--textLight);
	font-size: 1.5rem;
	padding: 0 40px;
	transition: all .3s ease;
}
.top2blockText h1 {
	padding: 0;
}
.top2blockText h3 {
	border-bottom: 1px solid var(--textLight);
	margin-top: -10px;
}
@media (max-width: 480px) {
	.top2blockText {
		bottom: -170px;
	}
	.top2block:hover .top2blockText {
		bottom: 5px;
	}
}
@media (min-width: 769px) and (max-width: 1024px) {
	.top2blockText {
		bottom: -130px;
	}
}
@media (min-width: 1025px) and (max-width: 1280px) {
	.top2blockText p {
		font-size: 1.3rem;
	}
}
.top2blockText p {
	line-height: 1.9rem;
	opacity: 0;
	transition: all .5s ease;
}
.top2block:hover .top2blockText p {
	opacity: 1;
	transition: all .5s ease;
}
/* /Top 2 */

/* Top 3 */
.top3Cont {
	padding: 0;
	background-color: #131313;
	height: auto;
}
.top3block {
	flex: 1 400px;
	color: var(--textLight);
}
.top3block img {
	width: 100%;
	filter: grayscale(100%);
	transition: all .5s ease;
}
.top3block img:hover {
	filter: grayscale(0);
}
.top3blockText {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0 80px;
}
@media (max-width: 1280px) {
	.top3blockText {
		padding: 40px;
	}
}
.top3block .top3blockText h1 {
	font-weight: bold;
}
.top3block .top3blockText h4 {
	border-bottom: 1px solid var(--textLight);
	padding-bottom: 10px;
	margin-bottom: 30px;
}
/* /Top 3 */

/* Top 4 */
.top4Cont {
	height: auto;
	align-items: center;
	padding: 60px 10px;
}
.top4block {
	flex: 1 300px;
	text-align: center;
	height: 440px;
	padding: 30px 20px 0;
	margin: 10px;
	border: 1px solid #ddd;
	transition: all .3s ease;
}
@media (min-width: 1024px) and (max-width: 1280px) {
	.top4block {
		flex: 0 48%;
	}
}
.top4block:hover {
	box-shadow: 0 0 20px #ccc;
	transition: all .3s ease;
}
.top4block h4 {
	font-weight: bold;
	padding: 10px 0;
}
.top4block img {
	max-width: 110px;
}
/* /Top 4 */

/* Top 5 */
.top5cont {
	background-image: url(../images/top5bg.jpg);
	background-position: 85% 0;
	background-size: cover;
	background-attachment: fixed;
}
.top5block, .top8block {
	width: 60%;
	text-align: center;
	margin: 0 auto;
	color: var(--textLight);
}
@media (max-width: 480px) {
	.top5block, .top8block {
		width: 90%;
	}
}
/* /Top 5 */

/* Top 6 */
.top6 {
	background-image: url(../images/top6bg.jpg);
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	padding: 100px 0;
}
.testiCarousel {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.testiCarousel .carousel, .testiIntro {
	width: 80%;
	margin: 0 auto;
}
.testiIntro {
	text-align: center;
	margin-bottom: 40px;
	color: var(--textLight);
}
.testiCarousel .carousel-item {
	display: flex;
	opacity: 0;
	transition: opacity .5s ease;
}
.testiCarousel .carousel-item.active {
	display: flex;
	flex-wrap: wrap;
	opacity: 1;
	transition: opacity .3s ease;
}
.testiCarousel .carousel-item .card {
	border-radius: 0;
	margin: 0 auto;
	text-align: center;
	flex: 0 31%;
	background: rgba(255, 255, 255, .5);
	backdrop-filter: blur(3px);
}
.testiCarousel .cardCont {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.testiTextCont {
	min-height: 360px;
	align-items: center;
	display: flex;
	padding: 20px;
	font-size: .9em;
	line-height: 1.2em;
	position: relative;
}
.testiImage {
	position: absolute;
	top: 30px;
	left: -60px;
	rotate: -30deg;
	opacity: .1;
}
.testiImage img {
	width: 30%;
}
.testiNameCont {
	background-color: var(--textDark);
	color: var(--textLight);
	font-weight: bold;
	padding: 20px 0;
}
.testNameBlock {
	margin-bottom: 5px;
}
.testiStars {
	display: flex;
	justify-content: space-evenly;
	max-width: 120px;
	margin: 0 auto;
}
.testiStars img {
	width: 20px;
}
.subText {
	width: 80%;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	color: var(--textLight);
	font-family: 'RobotoConLight';
	font-size: .7em;
	line-height: 1.3em;
}
@media (max-width:768px) {
	.testiCarousel {
		padding: 40px 0 0!important;
	}
	.testiCarousel .carousel-item {
		flex-direction: column;
	}
	.testiCarousel .carousel-item .card {
		flex: 1 100%;
		margin-bottom: 40px;
	}
	.testiCarousel .carousel-item .card:last-child {
		margin-bottom: 0!important;
	}
	.testiTextCont {
		min-height: unset!important;
	}
}
/* /Top 6 */

/* Top 7 */
.top7cont {
	padding: 0;
	height: auto;
}
.top7block {
	flex: 1 200px;
	position: relative;
	overflow: hidden;
}
@media (max-width: 768px) {
	.top7block {
		flex: 1 50%;
	}
}
.top7block img {
	width: 100%;
	filter: grayscale(100%);
	transition: all .3s ease;
}
.top7block:hover img {
	filter: grayscale(0);
	scale: 1.1;
}
.top7block h3 {
	position: absolute;
	font-size: clamp(1.2rem, 4vw, 30px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: var(--textLight);
	transition: all .3s ease;
	font-weight: bold;
}
.top7block:hover h3 {
	opacity: 0;
	transition: all .3s ease;
}
.top7block .overlay {
	content: '';
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.95));
	position: absolute;
	left: 0;
	top: 0;
	transition: all .3s ease;
}
.top7block:hover .overlay {
	top: 100%;
}
/* /Top 7 */

/* Top 8 */
.top8Cont {
	display: flex;
	height: auto;
	padding: 100px 0;
	background-image: url(../images/top8bg.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	align-items: center;
}
.top8block {
	display: flex;
	flex-direction: column;
	color: var(--textDark);
}
.top8Cont .formBlock {
	margin: 30px 0;
}
.top8Cont .formContainer {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
#newsletterForm {
	max-width: 400px;
	margin: 0 auto;
}
/* /Top 8 */

/* Custom Items */
/* Misc Items */
.doubleBlock  {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	background-color: #eee;
}
.doubleBlock.even {
	flex-direction: row-reverse;
}
.doubleBlockText, .doubleBlockImage {
	flex: 1 400px;
}
.doubleBlockText {
	padding: 40px 80px;
}
.doubleBlockText h1 {
	font-weight: bold;
}
.doubleBlockImage img {
	width: 100%;
}
.tripleBlock {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	min-height: 500px;
}
.tripleBlock.reverse {
	flex-direction: row-reverse;
}
.leftBlock, .rightBlock {
	flex: 1 25%;
}
.leftBlock {
	background-color: #d6eeff;
	align-self: stretch;
	overflow: hidden;
}
.leftBlock h1 {
    font-weight: bold;
    width: 100%;
    transform: rotate(270deg);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0;
}
.rightBlock {
	background-color: #ffd1d1;
	align-self: stretch;
	padding: 3%;
}
.rightBlock.paddless {
	padding: 0;
}
.rightBlock.paddless img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.rightBlock.xl {
	display: none;
}
.middleBlock {
	flex: 1 50%;
	padding: 5% 10%;
	background-color: #f4f4f4;
	align-self: stretch;
}
@media (max-width: 768px) {
	.doubleBlockText {
	  	padding: 30px;
	}
	.leftBlock, .rightBlock {
		flex: 1 100%;
		min-height: 100px;
	}
	.leftBlock h1 {
		transform: rotate(0);
		text-align: center;
	}
	.middleBlock, .rightBlock {
		padding: 5%;
	}
}
.productsCont .galleryCont {
	display: flex;
}
.productsCont .galleryCont .imageBlock {
	flex: 1;
	width: 25%;
	transition: flex 0.3s ease;
}
.productsCont .galleryCont .imageBlock img {
	width: 100%;
	height: 640px;
	object-fit: cover;
}
.productsCont .galleryCont .imageBlock:hover {
	flex: 5;
	transition: flex 0.3s ease;
	cursor: pointer;
}
.productsCont .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.productsCont .overlay.show {
  opacity: 1;
  visibility: visible;
}
.productsCont .overlay img {
  max-width: 90%;
  max-height: 90%;
  transition: transform 0.3s ease;
}
.productsCont .overlay img.show {
  transform: scale(1);
}
/* /Misc Items */

/* Advices Items */
.itemView.innerBlock2 {
	padding: 20px 40px;
}
.itemDateCreated {
	margin-bottom: 10px;
	font-size: .8em;
}
.itemDateCreated i {
	margin-right: 3px;
}
.itemImageBlock {
	margin-bottom: 20px;
}
.mediaCont {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.mediaCont h3 {
	margin-bottom: 20px;
}
.mediaVideo, .mediaGallery {
	flex: 1 47%;
	margin-right: 20px;
}
.itemVideoBlock i, .itemImageGallery i {
	font-size: .8em;
	margin-right: 10px;
	color: var(--link);
}
.mediaCont.noVideo .mediaGallery,
.mediaCont.noGallery .mediaVideo {
    flex: 1 100%;
    margin-right: 0;
}
.mediaCont.noGallery .mediaVideo .itemVideoEmbedded iframe {
	max-height: 500px;
}
.dividerBlock {
    text-align: center;
    margin-bottom: 20px;
}
.dividerBlock img {
    max-width: 100%;
    height: auto;
}
.mediaCont .itemVideoEmbedded iframe {
	width: 100%;
	max-height: 361px;
}
@media (max-width: 768px) {
	.centerContent {
		width: 100%;
	}
	ul.sigProElegant {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
}
@media (max-width: 1024px) {
	.mediaVideo, .mediaGallery {
		flex: 1 100%;
		margin-right: 0;
	}
	.mediaCont .itemVideoEmbedded iframe {
		max-height: 500px;
	}
}
.itemView .itemImage img {
	width: 100%;
	max-height: 600px;
	object-fit: cover;
}
ul.sigProElegant {
	padding: 0!important;
}
ul.sigProElegant li.sigProThumb a.sigProLink {
	border: 0!important;
	background: 0!important;
}
ul.sigProElegant li.sigProThumb {
	list-style: none;
}
/* /Advices Items */

/* Contact Elements */
input, textarea {
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--textDark);
	padding: 10px;
	width: 100%;
}
input::placeholder, textarea::placeholder {
	font-size: 16px;
	color: rgba(19,19,19,.4);
}
/* /Contact Elements */

/* Contact Item */
.contactCont {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-image: url(../images/contactBg.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	height: auto;
	padding: 150px 0 0;
}
.contactBlocks {
	display: flex;
	flex-wrap: wrap;
	width: 80%;
}
.contactBlock {
	flex: 1 70%;
}
.contactBlock.formCont {
	flex: 1 30%;
}
.contactBlock.formCont {
	padding: 50px;
	backdrop-filter: blur(5px) saturate(66%);
	background-color: rgba(255,255,255, 0.45);
	border-radius: 20px;
	border: 1px solid rgba(0,0,0, 0.2);
	width: 100%;
	margin: 0 auto;
}
.contactRightBottom, .contactRightTop {
	height: 50%;
}
.contactRightBottom {
	display: flex;
	align-items: flex-end;
}
.contactInfo {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	backdrop-filter: blur(5px) saturate(66%);
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0 20px;
}
.contactInfoBlock {
	flex: 1 150px;
	color: var(--textDark);
	font-weight: bold;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	padding: 20px;
}
.contactInfoBlock:last-child {
	border-right: 0;
}
.contactInfoIcon {
	margin-bottom: 10px;
}
.mapCont {
    position: relative;
    margin: 60px auto 0;
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.mapCont iframe {
    width: 100%;
    height: 400px;
    border: none;
    pointer-events: none;
    position: relative;
    top: -60px;
    margin-bottom: -70px;
}
.map-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 86%;
    background: transparent;
    cursor: pointer; /* Δείχνει ότι μπορείς να κλικάρεις */
}

@media (min-width: 421px) and (max-width: 1024px) {
	.contactBlock {
		flex: 0 100%;
	}
	.contactBlocks {
		width: 80%;
	}
	.contactBlock.formCont {
		width: 76%;
		margin: 0 auto 30px;
	}
	.contactInfo {
		margin: 0;
	}
}
@media (max-width: 420px) {
	.contactInfoBlock {
		border-right: 0;
	}
	.contactBlock.formCont {
		margin: 0 auto 30px;
	}
}
/* /Contact Item */
/* /Custom Items */

/* Pagination */
.k2Pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0 10px;
}
.k2Pagination ul {
	display: flex;
}
.k2Pagination ul li {
	padding: 0 5px;
}
/* /Pagination */


/* footer */
.footer {
	display: block;
	float: left;
	width: 100%;
	background-color: var(--textDark);
	font-family: "RobotoConLight";
	color: var(--textLight);
	font-size: 16px;
	line-height: 20px;
	background-image: url(../images/footerBg.jpg);
	background-size: cover;
	background-position: center center;
}
.footerCont {
	display: flex;
	flex-wrap: wrap;
	height: auto;
}
.footerBlock {
	flex: 1 250px;
	padding: 10px;
}
.footerBlock:nth-child(4) {
	background-image: url(../images/footer3bg.png);
	background-color: #131313;
	background-blend-mode: soft-light;
	background-position: right;
}
@media (min-width:490px) and (max-width:768px) {
	.footerCont {
		justify-content: center;
	}
	.footerBlock {
		flex: 1 50%;
	}
}
.footerTitleBlock {
	display: flex;
	border-bottom: 1px solid var(--textLight);
	padding: 10px;
	margin-bottom: 20px;
}
.footerTitleBlock i {
	margin: 0 10px 0 0;
	font-size: 18px;
	color: var(--link);
}
.footerTitle {
	font-size: 22px;
	font-weight: bold;
}
.footer1cont {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.footerContact .buttonLight {
	margin: 10px 0;
}
.footerImgCont {
	text-align: center;
}
.footerImgCont img {
	width: 70%;
}
.location {
	margin: 10px auto 0;
}
.location, .timetable {
	display: flex;
	flex-direction: column;
}
.locationBlock {
	display: flex;
	padding: 5px 0;
}
.locIcon {
	margin-right: 10px;
}
.timetable td {
	padding: 5px 10px;
	vertical-align: top;
}
.timetable .odd {
	background-color: rgba(30, 30, 30, .8);
}
.timetable .even {
	background-color: rgba(45, 45, 45, .8);
}
.socialIcons {
	display: flex;
	flex-wrap: wrap;
	font-size: 24px;
	margin-top: 20px;
}
.socialIcons .locIcon {
	margin-right: 20px;
}
.socialIcons a {
	color: var(--textLight);
}
.socialIcons a:hover {
	color: var(--link);
}
.socialIcons a:after {
	content: '';
	width: 0;
} 
.belowFooter {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px 40px;
	border-top: 1px solid #f4f4f4;
}
.signature a {
	color: var(--textLight);
}
/* /footer */