:root {
	--swiper-pagination-color: #284174;
}


.special-container {
	padding: 0px;
	width: 100%;
	border: 1px solid #f2f2f2;
	box-sizing: border-box;
}
@media all and (max-width: 1600px) {
	.special-container {
	/*width: calc(100% - 30px);*/
	}
}
@media all and (max-width: 1280px) {
	.special-container {
	/*width: calc(100% - 15px);*/
	}
}
@media all and (max-width: 980px) {

}



/*** Special Sber ***/
#special_sber {
    display: block;
    height: 250px;
    overflow: auto;
    background: url(/img/special/sberbank_kompensatsiya.jpg) left center no-repeat;
    background-size: cover;
    box-shadow: inset 0 0 20px rgba(0,0,0,.5);
    text-decoration: none;
}

.special {
    background: rgba(255,255,255,0.7);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='sb' data-name='sb' viewBox='0 0 433.7 82.1'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%232f9a41%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M148 110a19 19 0 0 0 6 5 26 26 0 0 0 10 2l5-1a20 20 0 0 0 4-1l3-1a26 26 0 0 1 3-1l-2-3-2 1a24 24 0 0 1-2 1 12 12 0 0 1-3 1 19 19 0 0 1-4 0 12 12 0 0 1-6-2 13 13 0 0 1-5-4 21 21 0 0 1-2-6 56 56 0 0 1 0-8v-7a17 17 0 0 1 2-6 12 12 0 0 1 3-5 12 12 0 0 1 7-1 11 11 0 0 1 6 2c2 1 3 3 4 6h3v-9l-3-1a16 16 0 0 0-4-1h-6a29 29 0 0 0-10 1 17 17 0 0 0-11 12 33 33 0 0 0-1 10 30 30 0 0 0 1 9 16 16 0 0 0 4 7ZM323 115a15 15 0 0 0 6-2 10 10 0 0 0 4-4 17 17 0 0 0 2-8 16 16 0 0 0-1-7 10 10 0 0 0-4-4 17 17 0 0 0-6-2 43 43 0 0 0-9-1h-4V76a3 3 0 0 1 1-2 6 6 0 0 1 3 0h5a22 22 0 0 1 4 0 5 5 0 0 1 3 1 5 5 0 0 1 1 2 24 24 0 0 1 2 4h2V71h-33v2h2a4 4 0 0 1 1 1v36a5 5 0 0 1 0 2l-1 1a2 2 0 0 1-1 1 2 2 0 0 1-1 0v1h17a70 70 0 0 0 7 0Zm-11-3a2 2 0 0 1-1-1V90h4l7 2c1 1 3 5 3 9a23 23 0 0 1-1 6 9 9 0 0 1-2 4 14 14 0 0 1-3 1 15 15 0 0 1-3 1l-3-1a2 2 0 0 1-1 0ZM276 114h-1l-1-1-1-1V98h5a40 40 0 0 0 6 0 16 16 0 0 0 6-2 10 10 0 0 0 3-5 17 17 0 0 0 2-7 17 17 0 0 0-1-7 12 12 0 0 0-4-4 12 12 0 0 0-5-1 52 52 0 0 0-6-1h-18v2h2a4 4 0 0 1 1 1v36a4 4 0 0 1 0 2l-1 1a2 2 0 0 1-1 1 2 2 0 0 1-1 0v1h15v-1Zm-3-38a2 2 0 0 1 1-1 1 1 0 0 1 0-1 1 1 0 0 1 1 0h2a31 31 0 0 1 3 0 8 8 0 0 1 3 2 12 12 0 0 1 2 3 18 18 0 0 1 0 4l-1 9c-1 2-3 3-6 3h-5V76ZM255 105h-3a36 36 0 0 1-1 4 4 4 0 0 1-1 3 3 3 0 0 1-3 1 24 24 0 0 1-4 0 20 20 0 0 1-4 0 7 7 0 0 1-3-1 2 2 0 0 1 0-1 8 8 0 0 1-1-3V94h10a17 17 0 0 1 2 1 9 9 0 0 1 2 0v-6a4 4 0 0 1-2 1 42 42 0 0 1-4 1h-8V76a6 6 0 0 1 1-2h6a22 22 0 0 1 4 0 5 5 0 0 1 3 1 5 5 0 0 1 2 2 24 24 0 0 1 1 4h2V71h-31v2h2a4 4 0 0 1 1 1v36a5 5 0 0 1 0 2l-1 1a2 2 0 0 1-1 1 2 2 0 0 1-1 0v1h32ZM206 115a15 15 0 0 0 6-2 11 11 0 0 0 5-4 17 17 0 0 0 1-8 16 16 0 0 0-1-7 10 10 0 0 0-3-4 17 17 0 0 0-6-2 43 43 0 0 0-9-1h-4V76a3 3 0 0 1 1-2 6 6 0 0 1 2 0h6a22 22 0 0 1 4 0 5 5 0 0 1 3 1 5 5 0 0 1 1 2 24 24 0 0 1 1 4h3V71h-33v2h2a4 4 0 0 1 0 1v36a5 5 0 0 1 0 2v1a2 2 0 0 1-1 1 2 2 0 0 1-1 0v2h16l7-1Zm-10-3a2 2 0 0 1-1-1V90h4l7 2 2 9a23 23 0 0 1 0 6 9 9 0 0 1-2 4 14 14 0 0 1-3 1 15 15 0 0 1-3 1l-3-1a2 2 0 0 1-1 0Z' transform='translate(-34 -60)'/%3E%3Cpath class='cls-1' d='M108 68h325v5H108z'/%3E%3Cpath class='cls-1' d='m442 99 2 3 3 3a28 28 0 0 0 2 4 31 31 0 0 1 2 3l2 4h15l-5-5-3-4-4-4-3-4a45 45 0 0 1-3-4l-3-4 1-1 3-5a48 48 0 0 1 5-5 63 63 0 0 1 5-5 41 41 0 0 1 4-3h-11a28 28 0 0 1-1 3 29 29 0 0 1-3 4l-3 5-3 4-3 4-2 3 3 4Z' transform='translate(-34 -60)'/%3E%3Cpath class='cls-1' d='M441 114h-1l-1-1a4 4 0 0 1-1-1V76a4 4 0 0 1 0-1l1-1a4 4 0 0 1 1-1v-2h-14v2h2a4 4 0 0 1 0 1l1 2v34a4 4 0 0 1-1 2v1a2 2 0 0 1-1 1 2 2 0 0 1-1 0v1h15v-1ZM344 110l3-11h14l2 6a43 43 0 0 1 2 7 15 15 0 0 1 1 4h11l-1-4a56 56 0 0 1-3-6l-10-29a16 16 0 0 1-1-4v-2h-13v2h2a4 4 0 0 1 0 1v1a7 7 0 0 1 0 3l-7 18-4 8-2 6-2 3a25 25 0 0 0-1 2h8a46 46 0 0 1 1-5Zm10-32 6 18h-12ZM394 114h-1l-1-1a4 4 0 0 1-1-1V93h17v17a4 4 0 0 1 0 2v1a2 2 0 0 1-1 1 2 2 0 0 1-1 0v1h14v-1h-1l-1-1a4 4 0 0 1 0-1V76a4 4 0 0 1 0-2v-1a4 4 0 0 1 1 0 2 2 0 0 1 1-1v-1h-14v2h2a4 4 0 0 1 1 1v16h-17V76a5 5 0 0 1 0-2l1-1a4 4 0 0 1 1 0 2 2 0 0 1 0-1v-1h-14v2h2a4 4 0 0 1 0 1l1 2v34a5 5 0 0 1-1 2v1a2 2 0 0 1-1 1 2 2 0 0 1-1 0v1h14v-1ZM113 76l-3-4-50 29-24-14a17 17 0 0 0-1 4l26 15Z' transform='translate(-34 -60)'/%3E%3Cpath class='cls-1' d='M60 111 35 96a11 11 0 0 0-1 3 43 43 0 1 0 86 0 42 42 0 0 0-5-19Z' transform='translate(-34 -60)'/%3E%3Cpath class='cls-1' d='M107 68a47 47 0 0 0-4-3L60 90 40 78l-2 4 22 13Z' transform='translate(-34 -60)'/%3E%3Cpath class='cls-1' d='M99 62a40 40 0 0 0-5-2L60 79l-14-8-3 3 17 10Z' transform='translate(-34 -60)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 370px;
    background-position: center 40px;
    width: 70%;
    height: 100%;
    float: right;
    /* color: #ffffff; */
    /* text-shadow: 0 0 25px rgba(0, 0, 0, 1.0), 0 0 25px rgba(0, 0, 0, 1.0), 0 0 15px rgba(0, 0, 0, 1.0); */
    /* padding: 140px 0 0; */
    /* font-size: 2.2em; */
    /* font-weight: bold; */
    /* text-align: left; */
    /* text-decoration: none; */
    /* background: rgba(255,255,255,0.5); */
    /* margin: -30px 0 0 -30px; */
    /* padding: 15px 25px 25px 30px; */
    /* position: absolute; */
    /* bottom: 0; */
    /*-webkit-backdrop-filter: blur(4px);*/
    backdrop-filter: blur(4px);
}

.special-title {
    font-size: 2.2em;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    color: #2f3a32;
    margin: 145px 0 0 74px;
}

.special span.sub {
    display: block;
    clear: both;
    font-size: 0.55em;
}
/*
.special h2 {
	font-size: 1.5em;
    text-align: left;
	margin-top:30px;
	margin-right:25px;
}
.special p {
	margin-right:25px;
}*/

@media all and (max-width: 1600px) {
	div.special {
		width:100%;
	}
    
    .special-title {
    text-align: center;
    margin: 145px 0 0 0;
}

}
@media all and (max-width: 1280px) { 
    .special-title {
    font-size: 2.0em;
    }

}
/*@media all and (max-width: 980px) { 
	.special_2p_img {
		width: calc(620px + 360px - (140px - 100vw));		
	}
}*/
@media all and (max-width: 1024px) { 		
	#special_sber {
		height:260px;
		box-shadow: inset 0 0 20px rgba(0,0,0,.1);
	}
	div.special {
		width: 100%;
		padding: 0;
	}
    
    .special-title {
        margin: 120px 0 10px 0;
    }
}
@media all and (max-width: 736px) { 		
/*	div.special {
		width: calc(100% - 30px);
		padding: 0 15px 10px 15px;
	}*/
}
@media all and (max-width: 480px) { 
	.special {
		/*font-size: 8vw;*/
        background-size: 85%;
	}
    .special-title {
    font-size: 1.6em;
    }
}




/*** Special 2-pane ***/
#special_2p, .special_2p_img {
	display:block;
	height:250px;	
	overflow: auto;
}
.special_2p h2 {
	font-size: 1.5em;
    text-align: left;
	margin-top:30px;
	margin-right:25px;
}
.special_2p p {
	margin-right:25px;
}
.special_2p_img {
	float:left;	
	background:url('/img/special/prizhiznenniy_dogovor_na_ritualnye_uslugi.jpg') center center no-repeat;
	background-size:cover;
	width:50%;
	box-shadow: inset 0 0 20px rgba(0,0,0,.05);
}
div.special_2p {
	min-height:250px;
	float:right;
	width:calc(50% - 30px);
	background:url('/img/special/special_chevron.png') no-repeat 95% 90%;
}

@media all and (max-width: 1600px) {
	.special_2p_img {
		width: calc(590px - (1600px - 100vw));	
	}
	div.special_2p {
		width:560px;
	}
}
@media all and (max-width: 1280px) { 
	.special_2p_img {
		width: calc(620px - (1600px - 100vw));		
	}
}
/*@media all and (max-width: 980px) { 
	.special_2p_img {
		width: calc(620px + 360px - (1600px - 100vw));		
	}
}*/
@media all and (max-width: 1024px) { 		
	.special_2p_img {display:none;}
	#special_2p {
		background:url('/img/special/prizhiznenniy_dogovor_na_ritualnye_uslugi.jpg') center center no-repeat;
		background-size:cover;
		height:auto;
		box-shadow: inset 0 0 20px rgba(0,0,0,.1);
	}
	.special_2p h2, .special_2p p {
		color:#ffffff;
		text-shadow: 0 0 10px rgba(78, 87, 97, 1.0);
		margin-right:0;
	}
	div.special_2p {
		width: calc(100% - 55px);
		padding: 0 25px 10px 30px;
		background-image:none;
		background-color:rgba(78, 87, 97, 0.6);
	}
}
@media all and (max-width: 736px) { 		
	div.special_2p {
		width: calc(100% - 30px);
		padding: 0 15px 10px 15px;
	}
}
@media all and (max-width: 540px) { 
	.special_2p h2 {
		margin-top: 40px;
	}
	div.special_2p p {
		display: none;
	}
}


/*** Special Voleizyavlenie ***/
#special_will {
	display:block;
	height:250px;	
	overflow: auto;
	background:url('/img/special/will.jpg') center center no-repeat;
	background-size:cover;
	box-shadow: inset 0 0 20px rgba(0,0,0,.5);
	text-decoration:none;

}

#special_will .special_1p {
	padding-top: 65px;
	line-height: 1;
	
}

#special_will .special_1p p {
	margin-top: 20px;
	
}

@media all and (max-width: 550px) { 		
	#special_will .special_1p {
		 padding: calc(105px - 3vw) 0 0 30px;
	}
	
}


/*** Special Sluzhby ***/
#special_sluzhby {
	display:block;
	height:250px;	
	overflow: auto;
	background:url('/img/special/ritualnye_sluzhby.jpg') center center no-repeat;
	background-size:cover;
	box-shadow: inset 0 0 20px rgba(0,0,0,.5);
	text-decoration:none;

}

@media all and (max-width: 550px) { 		
	#special_sluzhby .special_1p {
		 padding: calc(105px - 3vw) 0 0 30px;
	}
	
}

/*** Special Trapeza ***/
#special_trapeza {
	display:block;
	height:250px;	
	overflow: auto;
	background:url('/img/special/pomin-trapeza.jpg') center center no-repeat;
	background-size:cover;
	box-shadow: inset 0 0 20px rgba(0,0,0,.5);
	text-decoration:none;

}
/*
#special_trapeza .special_1p {
    float: left;
    padding: 55px 0 0 60px;
}
*/

@media all and (max-width: 550px) { 		
	#special_trapeza .special_1p {
		 padding: calc(105px - 3vw) 0 0 30px;
	}
	
}

/*** Special 1-pane ***/
.special_1p {
	width:40%;
	float:right;
	color:#ffffff;
	text-shadow: 0 0 25px rgba(0, 0, 0, 1.0),0 0 25px rgba(0, 0, 0, 1.0),0 0 15px rgba(0, 0, 0, 1.0);
	padding: 130px 0 0 0;
	font-size: 2.5em;
	font-weight:bold;
    text-align: left;
	text-decoration:none;

}

.special_1p p {
	font-size: 24px;
}

@media all and (max-width: 1600px) {
	div.special_1p {
		width:470px;
	}

}
@media all and (max-width: 1280px) { 

}

@media all and (max-width: 1024px) { 		
	#special_trapeza {
		height:260px;
		box-shadow: inset 0 0 20px rgba(0,0,0,.1);
	}
	div.special_1p {
		/*width: calc(100% - 30px);*/
		padding: 60px 15px 10px 15px;
		height: 190px;
	}
}
@media all and (max-width: 736px) { 		
	div.special_1p {
		width:100%;
		box-sizing: border-box;
	}
	
}
@media all and (max-width: 480px) { 
	.special_1p {
		font-size: 8vw;	
	}
}




/*** Special may day ***/
#special_may {
	display:block;
	height:250px;	
	overflow: auto;
	background:url('/img/articles/chelovek_skonchalsya_v_mayskie_prazdniki_hero.jpg') center center no-repeat;
	background-size:cover;
	box-shadow: inset 0 0 20px rgba(0,0,0,.5);
	text-decoration:none;

}

#special_may .special_1p {
    float: left;
    padding: 55px 0 0 60px;
}

@media all and (max-width: 550px) { 		
	#special_may .special_1p {
		 padding: calc(105px - 3vw) 0 0 30px;
	}
	
}

@media all and (max-width: 1024px) { 		
	#special_may {
		height:260px;
		box-shadow: inset 0 0 20px rgba(0,0,0,.1);
	}
}

/*** END - Special may day ***/





/*** New Year ***/
#special_ny, .special_ny_img {
	display:block;
	height:250px;	
	overflow: auto;
}
.special_ny h2 {
	font-size: 1.5em;
    text-align: left;
	margin-top:30px;
	margin-right:25px;
}
.special_ny p {
	margin-right:25px;
}
.special_ny_img {
	float:left;	
	background:url('/img/special/special_ny.jpg') center center no-repeat;
	background-size:cover;
	width:50%;
	box-shadow: inset 0 0 20px rgba(0,0,0,.05);
}
div.special_ny {
	min-height:250px;
	float:right;
	width:calc(50% - 30px);
	background:url('/img/special/special_chevron.png') no-repeat 95% 90%;
}

@media all and (max-width: 1600px) {
	.special_ny_img {
		width: calc(590px - (1600px - 100vw));	
	}
	div.special_ny {
		width:560px;
	}
}
@media all and (max-width: 1280px) { 
	.special_ny_img {
		width: calc(620px - (1600px - 100vw));		
	}
}
/*@media all and (max-width: 980px) { 
	.special_ny_img {
		width: calc(620px + 360px - (1600px - 100vw));		
	}
}*/
@media all and (max-width: 1024px) { 		
	.special_ny_img {display:none;}
	#special_ny {
		background:url('/img/special/special_ny.jpg') center center no-repeat;
		background-size:cover;
		height:auto;
		box-shadow: inset 0 0 20px rgba(0,0,0,.1);
	}
	.special_ny h2, .special_ny p {
		color:#ffffff;
		text-shadow: 0 0 10px rgba(78, 87, 97, 1.0);
	}
	div.special_ny {
		width: calc(100% - 55px);
		margin: 0 25px 10px 30px;
		background:none;
	}
}
@media all and (max-width: 736px) { 		
	div.special_ny {
		margin: 0 15px 10px 15px;
	}
}
@media all and (max-width: 480px) { 

}
/*** END - New Year ***/






/*** MSR card discount ***/
#msr {
	display:block;
	height:100px;
	background:url('/img/special/msr_logo.png') no-repeat 5% center;
}
#msr a span {
	text-decoration:none;
}
#msr a:hover span {
	color:#00A5D9!important;
}
#msr span {
	display:block;
	float:left;
	margin: 0 auto;
	padding:20px 0 0 415px;
	width: 500px;
    font-size: 1.6em;
	font-family: LatoWeb, Helvetica, arial, verdana, tahoma, geneva, lucida, 'lucida grande', sans-serif;
	font-weight: 400;
	text-align: center;
}
#msr #soccard {
	float:right;
	width:200px;
	height:100px;
	background:url('/img/special/soccard.jpg') no-repeat 30px center;	
}
@media all and (max-width: 1600px) { 
	#msr #soccard {display:none;} 
	#msr span {
		padding-left: calc(530px - 800px + 48vw);
	}
}
@media all and (max-width: 1280px) { 
	#msr {
		background:url('/img/special/msr_logo_min.png') no-repeat 5% center;
	}
	#msr span {
		padding-left: calc(500px - 800px + 45vw);
	}
}

@media all and (max-width: 1024px) { 
	/*#msr span {
		padding-left: calc(630px - 800px + 50vw);
	}*/
	#msr span {
		padding-top: 100px;
		margin: auto;
		padding: 95px 0 15px 30px;
		width: calc(100% - 60px);
	}
	#msr {
		background:url('/img/special/msr_logo.png') no-repeat center center;
	}

}
@media all and (max-width: 736px) {
	#msr span {
		font-size: 1.4em;
		padding-top: 100px;
		margin: auto;
		padding: 95px 0 15px 0;
		width: 100%;
	}
	#msr {
		background:url('/img/special/msr_logo.png') no-repeat 50% center;
	}
}
@media all and (max-width: 480px) { }



/*** PACKAGES ***/
.special-packages {
	padding: 0px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
    flex-direction: initial;
    gap: 1px;
}

.special-packages > a {
	display:block;	
	position: relative;
	box-sizing: border-box;
	flex: 1 1 49%;
    float: left;
	background-color: #f2f2f2;
	padding: 24px 30px;
	
	text-decoration: none;
	transition: .15s;
}

.special-packages > a:hover {
	background-image: none;
	background-color: rgb(40 64 116);
	color:#ffffff;
	
}

.package > .title {
	display: block;
	max-width: calc(100% - 130px);
	font-family: LatoWeb, Helvetica, arial, verdana, tahoma, geneva, lucida, 'lucida grande', sans-serif;
	font-size: 18px;
	font-weight: 700;
	/*font-weight:bold;*/
}

.package > .desc {
	display: block;
	max-width: calc(100% - 130px);
	margin-top: 5px;
}
 

.package > .price {
	display:flex;
    justify-content:flex-end;
    align-items:center;
	position: absolute;
	font-size: 24px;
	width: 120px;
	text-align: right;
	right: 16px;
	top:0;
	bottom:0;
	overflow: visible;
	
}
.package > .price num {
	font-size:34px;
	font-weight: bold;
    line-height: 1;
}

.package > .icon {
	display:flex;
    justify-content:flex-end;
    align-items:center;
	position: absolute;
	font-size: 24px;
	width: 120px;
	text-align: right;
	right: 16px;
	top:0;
	bottom:0;
	overflow: visible;
	
}
.package > .icon img {
	width: 100%;
    max-width: 96px;
    max-height: 100%;
}

.special-packages > a:hover .icon img {
	    filter: brightness(10);
}

a.package {

}

/*
a.package-highlight {
	flex: 1 1 100%;
	
}
*/


a.package-highlight .price num {
	animation-name:glow;
	animation-duration:1s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}

a.package-sub {
	flex: 1 1 100%;
	
}

@keyframes glow{
  from{text-shadow:0px 0px 5px #fff,0px 0px 5px rgb(40 64 116);}
  to{text-shadow:0px 0px 12px #fff,0px 0px 12px rgb(40 64 116);}
}


@media all and (max-width: 1600px) { }
@media all and (max-width: 1280px) { }
@media all and (max-width: 980px) { }
@media all and (max-width: 1024px) {
	a.package {
		/*width: calc(100%);*/
		flex: 1 1 100%;
		/*float: left;*/
	}
	.package > .title {
		max-width: 100%;
	}
	.package > .price {
		top:18px;
	}
	/*
	a.package:nth-child(odd) {
		margin-right: 0;
	}
	*/
	/*
	a.package:nth-child(3) {
		margin-bottom: 40px;	
	}*/
}
@media all and (max-width: 480px) {
	.special-packages > a {
		font-size: 14px;
		padding: 15px 15px;
	}

}



/* sidebar */

.sidebar-container {
	width:300px;
	box-sizing: border-box;
	margin-top:30px;
	border-top: 6px solid #284174;
	border-bottom: 6px solid #284174;
	overflow: auto;
}

.sidebar-container .package {
	width: 100%;
	margin: 0!important;
	background-image: url('/images/bg_pattern.png');
    background-size: 33%;
}
.sidebar-container .package > .title,
.sidebar-container .package > .price,
.sidebar-container .package > .desc {
	display: inline-block;
	position: relative;
	width:100%;
	max-width: 100%;
}
.sidebar-container .package > .title,
.sidebar-container .package > .price {
	text-align: center;
}
.sidebar-container .package > .price {
	right: 0;
	margin: 8px auto;
}
