/*=== MEDIA QUERY ===*/
/* 1.1. Typography
================================================== */
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Lato:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Lora:400,700|Open+Sans|Unna:400,700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Monofett&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montaga&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Monda&display=swap');

/*
body, p {
  font-family: "Open Sans", sans-serif;
  line-height: 26px;
  font-size: 16px;
  text-rendering: optimizeLegibility;
  color: #666;
  font-weight: 400;
}

html {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #1c1c1c;
  font-weight: 600;
  font-family: "Unna", serif;
  margin-bottom: 0.5rem;
}

h1, .h1 {
  font-size: 38px;
  line-height: 48px;
}

h2, .h2 {
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}

h3, .h3 {
  font-size: 22px;
  font-weight: 700;

}

h4, .h4 {
  font-size: 20px;
  line-height: 28px;
}

h5, .h5 {
  font-size: 16px;
  line-height: 26px;
}

h6, .h6 {
  font-size: 14px;
  line-height: 22px;
}

.font-extra {
  font-family: "Lora", serif;
}

p, ol, ul {
  margin-bottom: 1rem;
}

h3.brand, h6.slogan {
	font-family: Monofett;
}

img.lang-r, img.lang-uk {
	filter: blur(2px);
}
*/
body {
	color: black;
}
body > .first-page {
/*background-image: linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)),url("../img/background-img.png");
									*/
									background: url("../img/background-img.png");;
									background-size: cover;
}

.background  {
	background: linear-gradient(180deg, rgba(223, 214, 214, 0.79) 0%, rgba(19, 17, 17, 0.76) 32.81%, rgba(255, 255, 255, 0.01) 83.85%);
	padding: 20px;
}
.columns.first-header {
	line-height: 2;
}
.columns.first {
	color: white;
}

a.navbar-item:hover {
	background-color: transparent;
}
.columns.head {
	max-height: 100px;
}
.column.lang > .columns > .column > figure.image:not(.is-active) {
	filter: blur(2px);
}

button.pick-up, button:hover.pick-up, button.consult, button:hover.consult, a.button {
	background-color: #FD0505;
	border-color: #FD0505;
}
button.pick-up, button.consult, a.button {
	color: white;
}

.image.is-80x80 {
	height: 80px;
	width: 80px;
}
.image.is-40x40 {
	height: 40px;
	width: 40px;
}
.image.is-356x560 {
	height: 356px;
	width: 560px;
}
.image.is-320x490 {
	height: 320px;
	width: 490px;
}
.image.is-90x125 {
	height: 90px;
	width: 125px;
}
.image.is-250x277 {
	height: 250px;
	width: 277px;
}
.image.is-50x100 {
	height: 50px;
	width: 100px;
}
.image.is-140x173 {
	height: 140px;
	width: 173px;
}
.image.is-200x200 {
	height: 200px;
	width: 200px;
}
.image.is-487x754 {
	height: 487px;
	width: 754px;
}
.image.is-14x14 {
	height: 14px;
	width: 14px;
}
.image.is-105x125 {
	height: 105px;
	width: 125px;
}
.slider-pagination .slider-page {
	background-color: black;
}

.carousel{
  overflow:hidden;
}

.divider::after, .divider::before {
	background-color: #5691C1;
	height: 2px;
	margin-left: 30px;
}
.footer {
	background-color: #5F6972;
}


.page4 {
	background: linear-gradient(180deg, #FFFFFF 0%, rgba(147, 189, 224, 0.1) 76.04%);

}

.container.custom-button {
  position: relative;
  width: 128px;
}

.back-element {
  position: relative;
  z-index: 1;
}

.front-element {
  position: absolute !important;
  top: 5px !important;
  right: 120px !important;
  z-index: 3 !important;
}
.footer {
	color: #FFFFFF;
	padding: 1.5rem 0.55rem 3rem;
}

p.is-22px {
	font-size: 22px;
}
p.is-12px {
	font-size: 12px;
}

p.is-40px {
	font-size: 40px;
}
.is-family-monofet {
	font-family: Monofett;
}
.is-family-montaga {
	font-family: Montaga;
}
.is-family-roboto {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: normal;
}
.is-family-roboto-light {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: normal;
}
.is-family-roboto-regular {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
}
.is-family-roboto-medium {
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-style: normal;
}
.is-family-roboto-bold {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-style: normal;
}
.is-family-inter-regular {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-style: normal;
}
.is-family-inter-bold {
	font-family: 'Inter', sans-serif;
	font-weight: 800;
	font-style: normal;
}
.is-family-inter-semi-bold {
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-style: normal;
}
.is-family-inter-medium {
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-style: normal;
}
.is-family-play-regular {
	font-family: 'Play', sans-serif;
	font-weight: 400;
	font-style: normal;
}
.is-family-monda-regular {
	font-family: 'Monda', sans-serif;
	font-weight: 400;
	font-style: normal;
}

.title:not(:last-child) {
		margin-bottom: 0.5rem;
}
.item-1, .item-2, .item-3, .item-4 {
	background-color: #F1F1F1;
}
.item-1 > .section > .columns, 
.item-2 > .section > .columns,
.item-3 > .section > .columns,
.item-4 > .section > .columns {
	background-color: #FFFFFF;
	border-radius: 5px;
}
html {
  scroll-behavior: smooth;
}
/*
.table td, .table th {
	border:0.5px solid #5691C1;
}*/

/*.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
	background-color: rgba(86, 145, 193, 0.45);
}*/
/*
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(2n+1) {
	background-color:#f5f5f5;
 }
 */
 .table.is-striped tbody tr:not(.is-selected):nth-child(2n+1) {
	background-color: rgba(86, 145, 193, 0.45);
 }
/*
.hero {
	background: linear-gradient(270.56deg, rgba(255, 255, 255, 0) 4.16%, rgba(111, 111, 111, 0.37) 32.36%, rgba(0, 0, 0, 0.22) 54.2%, rgba(0, 0, 0, 0.36) 76.27%, rgba(0, 0, 0, 0.39) 99.59%);
}
*/
.is-size-0_875 {
	font-size:.875rem!important;
 }
 .is-size-1_375 {
	font-size:1.375rem!important;
 }
 .is-s-small {
	height:.5rem;
	width:.5rem;
 }
 
 .online ion-icon  {
	color: #87F519;
 }



.table-wrapper.has-mobile-cards tr {
	border-radius: 5px;
	border:0.5px solid #5691C1;
	border-collapse: inherit;
}

/*
.slider-navigation-previous {
  left: 10px;
}
.slider-navigation-next {
    right: 10px;
}
*/

@media screen and (min-width:1216px) {
	.is-size-0_688-widescreen {
		font-size:.688rem!important
	 }
	.image.is-200x200-widescreen {
		height: 200px;
		width: 200px;
	}
	.image.is-356x560-widescreen {
		height: 356px;
		width: 560px;
	}
	.image.is-320x490-widescreen {
		height: 320px;
		width: 490px;
	}
	.image.is-140x173-widescreen {
		height: 140px;
		width: 173px;
	}
	/*.image.is-90x125 {
		height: 90px;
		width: 125px;
	}*/
}

/*tablet-only*/
@media screen and (min-width:769px) and (max-width:1023px) {
	.is-size-0_688-tablet-only {
		font-size:.688rem!important
	 }
	 .is-size-0_6-tablet-only {
		font-size:.6rem!important
	 }
}

/* desktop-only*/
@media screen and (min-width:1024px) and (max-width:1215px) {
	.image.is-250x320-desktop {
		height: 250px;
		width: 320px;
	}
	.image.is-50x85-desktop {
		height: 50px;
		width: 85px;
	}
}
/* Tablet Between */
@media screen and (min-width:769px) {
	.b-table .table {
		border-radius: 5px;
		border:0.5px solid #5691C1;
		border-collapse: inherit;
	}
}
/* Desktop Between */
 @media screen and (min-width:1024px) {

	.slider-navigation-next,
	.slider-navigation-previous {
	 display:none;
	 opacity:0
	}
	
	.table td,
	.table th {
		border:1px solid #dbdbdb;
 		border-width:0 0 1px;
 		padding:.4em .5em;
 		vertical-align:top
	}

	.slider-navigation-next,
	.slider-navigation-previous {
		 display:none;
	 	opacity:0
	}

	
	.is-size-0_9-desktop {
		font-size:0.9rem!important;
	 }
	 .is-size-0_6-desktop {
		font-size:.6rem!important
	 }
	.is-size-0_688-desktop {
	 	font-size:.688rem!important
	}
	.image.is-356x560-desktop {
		height: 356px;
		width: 560px;
	}
	.image.is-320x490-desktop {
		height: 320px;
		width: 490px;
	}
	.image.is-140x173-desktop {
		height: 140px;
		width: 173px;
	}
	
	.front-element-desktop-only {
		position: absolute !important;
		top: 5px !important;
		right: 60px !important;
		z-index: 3 !important;
	}
}
/* FullHD 1408px and above*/
@media screen and (min-width:1408px) {
	.front-element-fullhd-only {
		position: absolute !important;
		top: 5px !important;
		right: 110px !important;
		z-index: 3 !important;
	}
}

/* MOBILE VERSION touch*/ 
@media screen and (max-width: 1023px) {
	.navbar-menu {
  	background-color: hsla(0, 0%, 0%, 0);
	}
}

.navbar-burger {
	color: #FFFFFF;
}