/*
   Theme Name:   BSG
   Theme URI:    https://printdim.com
   Description:  A child theme of Twenty Twenty-One WordPress theme.
   Author:       Pprintdim
   Author URI:   https://printdim.com
   Template:     twentytwentyone
   Version:      1.0.0
   License:      GNU General Public License v2 or later
   License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Fonts */
	@font-face {
		font-family: 'Montserrat';
		src: url('assets/fonts/Montserrat-SemiBold.eot');
		src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
			url('assets/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
			url('assets/fonts/Montserrat-SemiBold.woff') format('woff'),
			url('assets/fonts/Montserrat-SemiBold.ttf') format('truetype');
		font-weight: 600;
		font-style: normal;
	}

	@font-face {
		font-family: 'Montserrat';
		src: url('assets/fonts/Montserrat-Bold.eot');
		src: local('Montserrat Bold'), local('Montserrat-Bold'),
			url('assets/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
			url('assets/fonts/Montserrat-Bold.woff') format('woff'),
			url('assets/fonts/Montserrat-Bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
	}
	@font-face {
		font-family: 'Montserrat';
		src: url('assets/fonts/Montserrat-Regular.eot');
		src: local('Montserrat Regular'), local('Montserrat-Regular'),
			url('assets/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
			url('assets/fonts/Montserrat-Regular.woff') format('woff'),
			url('assets/fonts/Montserrat-Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'Montserrat';
		src: url('assets/fonts/Montserrat-Medium.eot');
		src: local('Montserrat Medium'), local('Montserrat-Medium'),
			url('assets/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
			url('assets/fonts/Montserrat-Medium.woff') format('woff'),
			url('assets/fonts/Montserrat-Medium.ttf') format('truetype');
		font-weight: medium;
		font-style: normal;
	}

/* All Styles */
	html {scroll-behavior: smooth;}
	
	*,
	body {
		margin: 0;
		padding: 0;
		outline: 0;
		border: none;
		background: none;
		font-family: 'Montserrat';
		font-size: 1.3vw;
		font-style: normal;
		font-weight: normal;
		line-height: 1.2;
		color: #000;
	}

	body.active {}


	ul,li {
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: block;
	}

	p {
		margin: 0;
		padding: 0;
		line-height: 1.3;
		font-size: 1.4vw;
	}

	strong {
		font-weight: 700;
		font-size: inherit;
		color: inherit;
	}

	img {
		display: block;
		object-fit: cover;
	}

	a {text-decoration: unset;}

	[class*="__container"] {
		padding: 0 7vw;
		margin: 0 auto;
		position: relative;
		height: inherit;
	}

	header,
	section {margin-bottom: 7vw;}

	main section:last-child {margin-bottom: 0;}

	[class*="__main-block"] > h3 {margin-bottom: 3vw;}

	[class*="__btn"] {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		height: 4vw;
		background-color: #0289C4;
		border-radius: 10px;
		cursor: pointer;
		font-weight: 600;
		width: fit-content;
		padding: 0 6vw;
	}

	[class*="__logo-block"] {
		display: block;
		width: fit-content;
		height: fit-content;
	}
	[class*="__logo-block"] > img {
		width: auto;
		height: 4vw;
	}

	h1,h2,h3,h4,h5 {
		margin: 0;
		display: block;
		font-weight: bold;
	}
	h1 {font-size: 3.7vw;}
	h2 {font-size: 2.5vw;}
	h3 {font-size: 3vw;}
	h4 {font-size: 2vw;}
	h5 {font-size: 1.25vw;}
	strong {font-weight: 700;}
/* Owl Slider */
	.owl-carousel {
	    display: none;
	    width: 100%;
	    z-index: 1;
	}

	.owl-carousel, 
	.owl-carousel .owl-item {position: relative;}

	.owl-carousel .owl-stage {
	    position: relative;
	    -ms-touch-action: pan-Y;
	    touch-action: manipulation;
	    -moz-backface-visibility: hidden;
	}
	.owl-carousel .owl-stage:after {
	    content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	}
	.owl-carousel .owl-stage-outer {
	    position: relative;
	    overflow: hidden;
	    -webkit-transform: translate3d(0, 0, 0);
	    margin-bottom: 1.5vw;
	}
	.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
	    -webkit-backface-visibility: hidden;
	    -moz-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	    -webkit-transform: translate3d(0, 0, 0);
	    -moz-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	}
	.owl-carousel .owl-item {
	    min-height: 1px;
	    float: left;
	    -webkit-backface-visibility: hidden;
	    -webkit-touch-callout: none;
	}
	.owl-carousel .owl-item img {
		display: block;
		width: 100%;
	}

	.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {display: none;}

	.no-js .owl-carousel, 
	.owl-carousel.owl-loaded {display: block;}

	.owl-carousel.owl-loading {
	    opacity: 0;
	    display: block;
	}
	.owl-carousel.owl-hidden {opacity: 0;}

	.owl-carousel.owl-refresh .owl-item {visibility: hidden;}

	.owl-carousel.owl-drag .owl-item {
		touch-action: pan-y;
		user-select: none;
	}
	.owl-carousel.owl-grab {
	    cursor: move;
	    cursor: grab;
	}
	.owl-carousel.owl-rtl {direction: rtl;}

	.owl-carousel.owl-rtl .owl-item {float: right;}

	.owl-carousel .animated {
	    animation-duration: 1s;
	    animation-fill-mode: both;
	}
	.owl-carousel .owl-animated-in {z-index: 0;}

	.owl-carousel .owl-animated-out {z-index: 1;}

	.owl-carousel .fadeOut {animation-name: fadeOut;}

	@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}

	.owl-height {transition: height .5s ease-in-out;}

	.owl-carousel .owl-item .owl-lazy {
		opacity: 0;
		transition: opacity .4s ease;
	}
	.owl-carousel .owl-item .owl-lazy:not([src]), 
	.owl-carousel .owl-item .owl-lazy[src^=""] {max-height: 0;}

	.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d;}


	.owl-carousel .owl-nav {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: 5vw;
		position: relative;
		z-index: 1;
	}

	.owl-carousel .owl-nav svg {
		width: 3vw;
		height: auto;
	}

	.owl-carousel .owl-nav .owl-prev,
	.owl-carousel .owl-nav .owl-next {cursor: pointer;}
	.owl-carousel .owl-dots {
		position: absolute;
		bottom: 0;
		right: 3.4vw;
		display: flex;
		gap: 0.4vw;
		counter-reset: slide_counter;
	}

	.owl-carousel .owl-dots:before {
		content: '/';
		display: block;
		order: 2;
	}

	.owl-carousel .owl-dots .owl-dot {
		transform: scale(0);
		z-index: -111;
	}

	.owl-carousel .owl-dots .owl-dot:after {
		counter-increment: slide_counter;
  		content: counter(slide_counter);
  		font-size: inherit;
	}

	.owl-carousel .owl-dots .owl-dot.active,
	.owl-carousel .owl-dots .owl-dot.active:last-child {
		transform: scale(1);
		z-index: auto;
		order: 1!important;
	}

	.owl-carousel .owl-dots .owl-dot:last-child {
		transform: scale(1);
		z-index: auto;
		order: 3;
	}
/* Start Top Nav */
	.top-nav {
		background-color: #0B0F66;
	}
	.top-nav__main-block {
		padding: 1.2vw 0;
		display: grid;
		grid-template-columns: repeat(3, auto);
		align-items: center;
	}

	.top-nav__mobile-menu {display: none;}

	.top-nav__laungage-bar {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.4vw;
	}

	.top-nav__laungage-bar li a {
		text-transform: uppercase;
		font-weight: 700;
		line-height: 1;
		font-size: inherit;
		color: #FFF;
	}

	.top-nav__laungage-bar li.current-lang a,
	.top-nav__laungage-bar li:hover a {color: #1FB6FC;}
	.top-nav__center-column {
		display: grid;
		grid-template-columns: repeat(2, auto);
		grid-gap: 5vw;
		align-items: center;
	}

	.top-nav__center-column i {display: none;}

	.top-nav__center-column a {
		display: grid;
		align-items: center;
	}

	.top-nav__center-column a span {
		font-size: 1.4vw;
		font-weight: 500;
		line-height: 1;
		color: #fff;
	}

	.top-nav__center-column a svg {
		width: auto;
		height: 2vw;
	}

	.top-nav__center-column a svg path {fill: #FFF;}

	.top-nav__center-column a:nth-child(1) {grid-template-columns: repeat(3, max-content);}

	.top-nav__center-column a:nth-child(2) {
		grid-template-columns: max-content auto;
		grid-gap: 0.6vw;
	}

	.top-nav__center-column a:nth-child(1) span {order: 3}

	.top-nav__center-column a:nth-child(1) svg {order: 1;}

	.top-nav__center-column a:nth-child(1):before {
		content: '';
		display: block;
		margin: 0 0.6vw;
		width: 2px;
		height: 100%;
		background-color: #FFF;
		order: 2;
	}
	.top-nav__right-column {
		display: grid;
		grid-template-columns: repeat(2,auto);
	}
	.top-nav__right-column div {
		display: flex;
		flex-direction: column;
		gap: 10px;
		align-items: center;
	}
	.top-nav__right-column div ul {
		display: flex;
		gap: 0.7vw;
	}

	.top-nav__right-column div > span {
		font-size: 1vw;
		font-weight: 500;
		color: #FFF;
	}

	.top-nav__right-column div ul li {
		width: fit-content;
		height: fit-content;
	}

	.top-nav__right-column div ul li a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2vw;
		height: 2vw;
		border-radius: 50%;
	}

	.top-nav__right-column div ul li:nth-child(1) a {background-color: #0289C4;}

	.top-nav__right-column div ul li:nth-child(2) a {background-color: #7AD06D;}
	.top-nav__right-column div ul li:nth-child(3) a {background-color: #8E24AA;}
	
	.top-nav__right-column div ul li a svg {
		width: 1.2vw;
		height: 1.2vw;
	}

	.top-nav__right-column div ul li a {
		transform: scale(1);
		transition: all .7s;
	}

	.top-nav__right-column div ul li:hover a {
		transform: scale(1.2);
		transition: all .7s;
	}

	.top-nav__right-column ul li a svg path {fill: #FFF;}

/* Home header */
	.home-header {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		height: 45vw;
	}

	.home-header__main-block {
		position: relative;
		height: 100%;
		display: flex;
		align-items: center;
	}

	.home-header__desktop-menu {
		position: absolute;
		right: 0
	}

	.home-header__desktop-menu ul {
		display: flex;
		flex-direction: column;
		gap: 2vw;
	}

	.home-header__desktop-menu ul li {
		width: 6vw;
		height: 6vw;
		background-color: rgba(2, 137, 196, 0.3);
	}

	.home-header__desktop-menu ul a {
		width: 4.2vw;
		height: 4.2vw;
		background-color: rgba(2, 137, 196, 0.5);
	}

	.home-header__desktop-menu ul li,
	.home-header__desktop-menu ul a {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		position: relative;
	}

	.home-header__desktop-menu ul a:after {
		content: '';
		position: absolute;
		display: block;
		border-radius: 50%;
		width: 2.7vw;
		height: 2.7vw;
		background-color: #0289C4;
	}

	.home-header__desktop-menu ul svg {
		width: auto;
		height: 1.5vw;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1;
	}

	.home-header__desktop-menu ul li:nth-child(2) svg {: 2.5vw;}

	.home-header__desktop-menu ul svg path {stroke: #FFF;}

	.home-header__text-block {
		margin: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
		margin-left: 0;
		margin-right: auto;
	}

	.home-header__text-block h1 {
		text-transform: uppercase;
		margin-bottom: 2vw;
		color: #FFF;
	}

	.home-header__text-block div {
		font-size: 1.7vw;
		line-height: 1.3;
		font-weight: 800;
		margin-bottom: 3.5vw;
		color: #FFF;
		max-width: 55vw;
	}

	.home-header__btn {color: #FFF;}

/* About Section */

	.about-section__main-block ul {
		display: flex;
		flex-direction: column;
		gap: 1.5vw;
		max-width: 55vw;
		margin: 0 auto;
		margin-top: 3vw;
	}

	.about-section__main-block ul li {
		padding: 1.7vw;
		background-color: rgba(2, 137, 196, 0.1);
		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
		border-radius: 10px;
		font-size: 1.7vw;
		font-weight: 500;
		line-height: 1.3;
		min-height: 6vw;
		display: flex;
		align-items: center;
	}

	.about-section__main-block ul li:nth-child(2n) {
		background-color: transparent;
		box-shadow: none;
		border-radius: 0;
	}
/* Location Section */
.location-section__main-block {}

.location-section__main-block iframe {
	width: 50vw;
	height: 35vw;
	display: block;
	margin: 4.5vw auto;
	border-radius: 10px;
}

.location-section__main-block > div p {
	margin-bottom: 1.4vw;
	display: inline-block;
}

.location-section__main-block > ul {
	margin-top: 3vw;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 1.7vw
}

.location-section__main-block > ul li {
	height: 12vw;
	display: flex;
	align-items: center;
	padding: 0 4vw;
	border-radius: 10px;
	background-color: #FFFFFF;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
	cursor: pointer;
}

.location-section__main-block > ul li:hover {background-color: #E6F3F9;}

.location-section__main-block > ul li span {
	font-size: 1.7vw;
	line-height: 1.3;
	font-weight: 500;
}

/* Flors Section */

.flors-section__owl-carousel .owl-stage {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flors-section .owl-carousel .owl-item.center .slide-item img {
	width: auto!important;
	height: 35vw;
}

.flors-section__slide-item img {
	height: 15vw;
	display: block;
	object-fit: cover;
	border-radius: 10px;
}

/* Rooms section*/

.rooms-section__main-block > div {
	text-align: center;
	margin-top: 3vw;
}

.rooms-section__main-block > div h2,
.rooms-section__main-block > div h3,
.rooms-section__main-block > div h4,
.rooms-section__main-block > div h5 {
	margin-top: 0.5vw
}

.rooms-section__main-block > div ul {
	margin-top: 1vw;
}

.rooms-section__main-block > div ul li:not(:last-child) {margin-bottom: 0.7vw;}

.rooms-section__slide-item {
	position: relative;
	border-radius: 10px;
	border: solid 2px #0B0F66;
}

.rooms-section__slide-item:hover {border-color: #0B0F66;}

.rooms-section__slide-item > div {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 30px;
	border-radius: 10px;
}



.rooms-section__slide-item:hover > div {
	background-color: rgba(255,255,255,0.8);
	display: flex;
}

.rooms-section__slide-item > div > h4 {color: #0B0F66;}

.rooms-section__slide-item > div > a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 3vw;
	background-color: #0B0F66;
	border: 2px solid #0B0F66;
	color: #FFF;
	font-size: inherit;
	width: fit-content;
	padding: 0 2.5vw;
	border-radius: 10px;
	cursor: pointer;
}

.rooms-section__slide-item > div > a:hover {
	color: #0B0F66;
	background-color: transparent;
}

.rooms-section__slide-item img {
	height: 20vw;
	width: 90%!important;
	margin: auto;
	border-radius: 10px;
	object-fit: contain;
}

/* Intermediary section */
	.intermediary-section {background-color: #0B0F66;}

	.intermediary-section__main-block {
		padding-top: 4vw;
		padding-bottom: 4vw;
		display: grid;
		grid-template-columns: repeat(2,auto);
		justify-content: space-between;
		align-items: flex-end;
	}

	.intermediary-section__top-block {
		display: flex;
		flex-direction: column;
		margin-bottom: 1.5vw;
		grid-column: 1/3;
	}

	.intermediary-section__top-block h3 {
		margin-bottom: 1.4vw;
		color: #FFF
	}

	.intermediary-section__top-block h4 {
		color: #FFF;
		font-size: 2.7vw;
		font-weight: 500;
	}

	.intermediary-section__left-column ul {
		display: grid;
		grid-template-columns: repeat(2,auto);
		grid-gap: 1.5vw 5vw;
	}

	.intermediary-section__left-column ul li:last-child {grid-column: 1/3;}

	.intermediary-section__left-column ul li a {
		display: grid;
		grid-template-columns: max-content auto;
		grid-gap: 0.7vw;
		align-items: center;
		font-size: 2vw;
		color: #FFF
	}

	.intermediary-section__left-column ul li a svg {
		width: 2.5vw;
		height: 2.5vw;
		display: block;
	}

	.intermediary-section__left-column ul li a path {fill: #FFF;}

/* Footer */
	.footer {background-color: #E6F3F9;}
	.footer__main-block {
		padding: 5vw 0;
		display: grid;
		grid-template-columns: repeat(2,auto);
		justify-content: space-between;
	}

	.footer__main-block > h2 {
		grid-column: 1/3;
		margin-bottom: 4vw;
		text-align: center;
	}

	.footer__right-column {
		order: 2;
		display: flex;
		flex-direction: column;
		gap: 4.5vw;
	}

	.footer .right-column__top-block ul {
		display: flex;
		flex-direction: column;
		gap: 1vw;
	}

	.footer .right-column__top-block ul li {
		display: flex;
	}

	.footer .right-column__top-block ul li span,
	.footer .right-column__top-block ul li a {
		font-size: inherit;
		font-weight: 600;
		color: #000;
	}

	.footer .right-column__bottom-block {
		display: flex;
		flex-direction: column;
	}
	.footer .right-column__bottom-block > span {
		display: block;
		font-size: inherit;
		font-weight: 700;
		font-size: inherit;
	}

	.footer .right-column__bottom-block ul {
		margin-top: 1.5vw;
		display: flex;
		gap: 1vw;
	}

	.footer .right-column__bottom-block ul li,
	.footer .right-column__bottom-block ul a {
		width: fit-content;
		height: fit-content;
		display: block;
	}

	.footer .right-column__bottom-block ul li svg {
		width: 3vw;
		height: 3vw;
		transform: scale(1);
		transition: all .7s;
	}

	.footer .right-column__bottom-block ul li:hover svg {
		transform: scale(0.8);
		transition: all .7s;
	}

	.footer .right-column__bottom-block ul li path {fill: #000;}

	.footer .right-column__bottom-block ul li:hover path {fill:	#0B0F66;}



	.footer__left-column {order: 1;}

	.footer__left-column > h5 {
		font-size: 1.3vw;
		margin-bottom: 3vw;
	}

	.footer__left-column input[type=submit] {
		font-size: inherit;
		font-weight: 700;
		color: #FFF;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		height: 4vw;
		border-radius: 10px;
		padding: 0 3.5vw;
		background-color: #0B0F66;
		margin-top: 3vw;
		cursor: pointer;
	}

	.footer__left-column form ul {
		display: flex;
		flex-direction: column;
		gap: 2vw;
	}

	.footer__left-column form ul li {
		display: flex;
		flex-direction: column;
		gap: 0.4vw;
	}

	.footer__left-column form ul li span {
		font-size: inherit;
		text-transform: uppercase;
		display: block;
		width: fit-content;
		order: 1;
	}
	.footer__left-column form ul li input {
		height: 4vw;
		display: flex;
		align-items: center;
	}

	.footer__left-column form ul li textarea {
		height: 7vw;
		padding-top: 1vw;
	}

	.footer__left-column form ul li input,
	.footer__left-column form ul li textarea {
		padding-left: 1vw;
		order: 2;
		background-color: #FFF;
		width: 40vw;
		border-radius: 10px;
	}