:root {
	--bg:			#e2e3e6;
	--bg-1:			#ffffff;
	--bg-2:			#f2f2f2;
	--bg-4:			#7e7e7e;
	--bg-5:			#6191a7;

/*~~~~~~~~~  colors ~~~~~~~~~~*/	

	--clr:			#1D293F;
	--clr-white:	#fff;
	--clr-gray:		#6f6f6f;
	--clr-light:	#f2f2f2;
	
	--clr-theme-1:	#c9151e;
	--clr-theme-1a:	#c96115;
	--clr-theme-1b: #9d0f16;
	
	--clr-theme-2:	#83B70D;
	--clr-theme-2a:	#8BC014;
	--clr-theme-2b: #587D07;

	--clr-theme-3:	#0D7E76;
	--clr-theme-3a:	#3FBEB5;
	--clr-theme-3b: #04524C;


/*~~~~~~~  font sizes	~~~~~~*/

	--sz-m-2:		12px;
	--sz-m-1:		14px;	
	--sz:			16px;
	--sz-p-1:		18px;	
	--sz-p-2:		19px;
	--sz-p-3:		22px;	
}


@font-face {
    font-family: 'Play';
    src: url('../fonts/subset-play-bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Play';
    src: url('../fonts/subset-play-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html{background: var(--bg)}

body {
	font-family: 'Play', sans-serif;
	background:	var(--bg-1);
	font-size:	var(--sz);
	color:		var(--clr);
	max-width:	1920px;
	margin:		0 auto;
	padding:0 !important;
}

.cover-it{background-size:cover !important;}
.cover-it h1{text-shadow: 2px 2px 5px #222;}
.topp { position: fixed; width: 100%; top: 0; left: 0; z-index: 100; border-bottom: 1px solid var(--bg);}

.topline, .redsec{background:var(--clr-theme-1)}
.topline, .topline a {color:var(--clr-white)}
.logoline { background: var(--bg-1) }
a.logo img{max-width:200px}
a.top-logo img {max-width: 270px; padding: 12px 0px;}


a{color:var(--clr-theme-3)}
.footer a{color:var(--clr-theme-2)}

a, a img { border: none; outline:none; text-decoration:none}
a:hover{opacity:.8}




.clr-gray, sup{color:var(--clr-gray)}

.bg	{background:var(--bg)}
.bg-1{background:var(--bg-1)}
.bg-2{background:var(--bg-2)}
.bg-3{background:var(--clr-theme-3a) url('../images/wave.jpg') center no-repeat;}
.bg-4{background:var(--bg-4)}
.bg-5{background:var(--bg-5)}

.bg-3 h2{color:var(--clr-light)}



.main-container{min-height: 400px; margin-top: 129px;}


.footer{background: #333 url('../images/footer-bg.jpg') top center;}
.foot-end { border-top: 1px solid #6e6e6e; margin-top: 15px; opacity: .6;}

.sz{font-size:var(--sz)}
.sz-m-1{font-size:var(--sz-m-1); line-height: 1.2;}
.sz-p-1{font-size:var(--sz-p-1)}
.sz-p-2{font-size:var(--sz-p-2)}
.sz-p-2{font-size:var(--sz-p-3)}



.t-size-mini{font-size:var(--t-size-mini); line-height:120%}
.t-size{font-size:var(--t-size); line-height:150%}
.t-norm{font-size:var(--t-norm)}
.t-size_p{font-size:var(--t-size_p); line-height:190%}
.fw-500,h1,h2,h3,.h1,.h2,.h3, .h4{font-weight:500; color:var(--text)}
h1,.h1{color:var(--clr-theme-3)}
.clr-white{color:var(--clr-white)}



/* menus */
.top-menu a{ margin-left:2rem; font-size:var(--sz-p-2); position:relative}
.top-menu a:hover, .top-menu .active a{color:var(--clr-theme-1); }
.top-menu a:hover::after, .top-menu .active a::after { width: 100%; }
.top-menu a::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -7px;
  width: 0;
  height: 2px;
  background: #c9151e;
  transition: width 0.35s;
}

.mob-menu{height:1000px; border-top: 3px #c9151e solid;}
.mob-menu ul, .mob-menu li a{display:block}
.mob-menu li{margin:8px 0px; padding:5px 0; background:#f1f1f1}
.mob-menu li a{padding:5px 15px}
.mob-icons img{filter: invert(61.4%) sepia(43.5%) saturate(1200%) hue-rotate(45.1deg) brightness(140%);}


/* ============ buttions =============*/

.btn{background:var(--clr-theme-2); color:var(--clr-white)}
.btn:hover{background:var(--clr-theme-2a); color:var(--clr-white)}
.btn:active{background:var(--clr-theme-2b) !important; color:var(--clr-white) !important;}
.btn-main{padding: 1rem 3rem;}

/* ============ gallery ============= */
.gallpic{height: 650px; object-position: center; max-width: 500px; object-fit: cover}
.curved{border-radius:var(--bs-border-radius)}
.play-vid::before {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 100;
  display: block;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url('../images/icons/vid_play.png');
  width: 58px;
  height: 58px;
}
.play-vid:hover::before { opacity: .5; }

.compensate-for-scrollbar {
  margin-right: auto !important;
}






/* ============ modals & forms =============*/
.modal-content {
  background: var(--bg);
  border-radius: 10px;
}
input, textarea{background: var(--bg-1) !important}
[class^="form-label"], [name="email_form_main"]{display:none;}
.sogl-border.redborder{border-bottom: 4px solid red;}



section {
  padding-top: 60px;
  padding-bottom: 60px;
}
.top-sec{padding-top:20px}


/* bootstrap ext */
.pr-2 { padding-right: .5rem !important; }
.mv-100{max-width:100%}


/* top-block */
.top-intro ul{padding:0; padding-top:1rem}
.top-intro li{display:inline-block; background: var(--clr-light); padding: 5px 15px; margin: 6px; border-radius: 10px; width: fit-content;}


/* items block */
.card.item{background: var(--clr-light);}
.card-img{margin:0 auto; max-width:450px}
.card-text{flex: 1 auto;}

/* features block */
.card-img.fich{ object-fit: cover; max-height: 250px; border-bottom-left-radius:0; border-bottom-right-radius:0 }
.swiper-fichi .card.item{min-height: 450px;}


/* lameli block */
.pop-target{cursor:help}





/* media */

@media (max-width: 991.98px) {
 .main-container {  margin-top: 86px; }	
}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
 .logo img{max-width: 200px !important}
 .main-container {  margin-top: 60px; }	
 section { padding-top: 50px; padding-bottom: 50px }
 .gallpic{height: 460px; width:400px}
 .swiper-fichi .card.item{min-height: 500px;}
 .msk-l{background-image:unset !important}
}





/* planshets */
@media (min-width:768px) {

}	


/* hi-res laptops and desktops */
@media (min-width:1281px) {
	
	.msk-l{background:var(--bg-2) url(/images/about/msk-leader.jpg); background-position: top right; background-repeat:no-repeat;}
	
	.pop-block{transition: opacity 0.3s ease-in-out; opacity:0}
	.pop-target:hover .pop-block{opacity:1}
}