img111
{
	max-width: 100%;
	height: auto;
}

body
{
	/*max-width: 1366px;*/
	
    font-family: Arial;
	font-size: 15px;
	line-height: 1.3;
	color: #333;
}

.bg-main
{
	background: linear-gradient(to top, rgba(255, 255, 255, 0.70), transparent 100%),
	            linear-gradient(to bottom, rgba(255, 255, 255, 0.70), transparent 20%),
                linear-gradient(to left, rgba(255, 255, 255, 0.70), transparent 10%),
				linear-gradient(to right, rgba(255, 255, 255, 0.70), transparent 10%),
	            url('../zimg/bg-side-left 7.png');

	/*animation: body-animation 0.3s ease-in 0s;*/
}
/*
@keyframes body-animation
{ 
	0%
	{
		opacity: 0;
	}
	100%
	{
		opacity: 1;
	}
} 
*/

h1
{
	margin: 0px 0px 0px 0px;
	padding-bottom: 34px;
	font-family: 'PT Serif';
	/*font-size: 17px;*/
	font-weight: bold;
	color: #1b191a;
	text-transform: uppercase;
	text-align: center;
	background: url('../zimg/divider-1.png') bottom center no-repeat;
	
	font-size: 18px;
}
/* 14.05.2023 */
h1.h1-1
{
	margin-bottom: 20px;
	color: #FF6600;
}
h1.h1-2
{
	color: #F75E00;
}
h1.low
{
	margin-bottom: 30px;
	padding-bottom: 27px;
}
h1.red
{
	color: red;
}

h2
{
	margin: 0px 0px 5px 0px;
	padding-bottom: 34px;
	font-family: 'PT Serif';
	font-size: 17px;
	font-weight: bold;
	color: #1b191a;
	text-transform: uppercase;
	text-align: center;
	background: url('../zimg/divider-1.png') bottom center no-repeat;
}
h2.low
{
	padding-bottom: 30px;
}

a:hover
{
	text-decoration: none;
}

.mt-30 { margin-top: 30px; }

.white-space
{
	white-space: nowrap;
}

.button-more
{
	display: table;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 1px 30px 1px 0px;
	font-size: 17px;
	color: #1b191a;
	text-transform: uppercase;
	background: url('../zimg/icon-cross.png') right center no-repeat;
}
.button-more.small
{
	font-size: 13px;
	font-weight: bold;
}

.button-more-2
{
	display: table;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 5px 20px 3px 20px;
	font-size: 12px;
	color: #FFFFFF;
	text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0,0,0,0.15);
    border: 1px solid #418d13;
	border-radius: 15px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255,0.1) inset;
    background: linear-gradient(to bottom,#8fcb1f 0%,#67b513 3%,#5fae0a 25%,#4e9f01 53%,#3a8500 97%,#529321 100%);
}

.button-more-3
{
	display: inline-block;
	margin: 15px 0px 0px 0px;
	padding: 20px 25px 15px 25px;
    padding: 10px 20px 10px 20px;
	font-family: 'PT Serif';
	font-size: 15px;
	/* color: #4A7678; */
	color: #2F5B5D;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	border: 3px solid #FBCC04;
	border-radius: 100% 20px 60% 20px / 60% 100% 60% 100%;
	border-radius: 100% 40% 100% 40%/ 20px 90% 20px 50%;
	background: #FFFFFF;
	cursor: pointer;
}


.logo-name
{
	margin: 20px 0px 0px 0px;
}
.logo-name .top
{
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 15px 20px 10px 20px;
	font-size: 16px;
	/*color: #2E7BCE;*/
	color: #9BD700;
	letter-spacing: 2px;
	text-shadow: 0px 0px 0px #FBCC04, 0px 0px 0px #FBCC04;
	border-radius: 100% 20px 60% 20px / 60% 100% 60% 100%;
	background: #FFFFFF;
}
.logo-name .middle
{
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 10px 25px 10px 25px;
    font-family: 'PT Serif';
	font-size: 32px;
	/*color: #0350A3;*/
	/*color: #317ED1;*/
	color: #0099FF;
	letter-spacing: 3px;
	/*
	background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 20" preserveAspectRatio="none"><path d="m0,0 a200,200,0,0,0,30,0 a150,150,0,0,0,0,20 a200,200,0,0,0,-30,0 a150,150,0,0,0,0,-20 z" fill="rgb(214,73,73)"/></svg>');
	*/
	/* ...fill="#FFFFFF"... не работает в Гугле и Мозилле !!! поэтому использовать rgb(255,255,255) */
	background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 20" preserveAspectRatio="none"><path d="m0,0 a200,500,0,0,0,30,0 a150,130,0,0,0,0,20 a200,500,0,0,0,-30,0 a150,130,0,0,0,0,-20 z" fill="rgb(255,255,255)"/></svg>');
}
.logo-name .middle span-1
{
	font-size: 27px;
	letter-spacing: 6px;
}
.logo-name .bottom
{
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 17px 35px 17px 35px;
	font-size: 17px;
	/*color: #317ED1;*/
	color: #9BD700;
	text-shadow: 0px 0px 0px #FBCC04, 0px 0px 0px #FBCC04;
	letter-spacing: 2px;
	box-sizing: content-box;
	border-radius: 100% 40% 100% 40%/ 20px 90% 20px 50%;
	background: #FFFFFF;
}

.logo-name-small
{
	display: inline-block;
	margin: 0px -10% 14px -10%;
	padding: 12px 5px 12px 5px;
	font-size: 0px; /* нужен иначе справа будет пробел т. к. внутренние элементы inline-block */
	text-align: center;
	background: red;
}
.logo-name-small .top
{
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 7px 10px 3px 10px;
	font-size: 10px;
	letter-spacing: 1px;
	border-radius: 100% 20px 60% 20px / 60% 100% 60% 100%;
	background: #FFFFFF;
}
.logo-name-small .middle
{
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
    font-family: 'PT Serif';
	font-size: 19px;
	color: #FFFFFF;
	letter-spacing: 2px;
	background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 20" preserveAspectRatio="none"><path d="m0,0 a200,500,0,0,0,30,0 a150,130,0,0,0,0,20 a200,500,0,0,0,-30,0 a150,130,0,0,0,0,-20 z" fill="#FFFFFF"/></svg>');
}
.logo-name-small .middle span-1
{
	font-size: 15px;
	letter-spacing: 4.5px;
}
.logo-name-small .bottom
{
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 9px 13px 7px 13px;
	font-size: 11px;
	letter-spacing: 2px;
	box-sizing: content-box;
	border-radius: 100% 40% 100% 40%/ 20px 90% 20px 50%;
	background: #FFFFFF;
}

/* еще один, причем отличный, вариант лого с пропорциональными нижним и верхним камнями */
/*
.logo-name-1
{
	display: inline-block;
}
.logo-name-1 .top
{
	display: inline-block;
	padding: 15px 30px 12px 30px;
	font-size: 17px;
	border-radius: 100% 0px 100% 0px / 20px 0px 20px 0px;
	background: #FFFFFF;
}
.logo-name-1 .middle
{
	display: inline-block;
	margin: -6px 0px 0px 0px;
	padding: 10px 25px 10px 25px;
    font-family: 'PT Serif';
	font-size: 32px;
	background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 20" preserveAspectRatio="none"><path d="m0,0 a200,500,0,0,0,30,0 a150,130,0,0,0,0,20 a200,500,0,0,0,-30,0 a150,130,0,0,0,0,-20 z" fill="#FFFFFF"/></svg>');
}
.logo-name-1 .bottom
{
	display: inline-block;
	margin: -7px 0px 0px 0px;
	padding: 18px 40px 18px 40px;
	font-size: 17px;
	border-radius: 100% 0px 100% 0px / 20px 0px 20px 0px;
	background: #FFFFFF;
}
*/

/* еще один вариант лого с камнем (а не svg) посередине */
/*
.logo-name-2
{
}
.logo-name-2 .middle
{
	display: inline-block;
	margin: 2px 0px 0px 0px;
	padding: 10px 25px 10px 25px;
    font-family: 'PT Serif';
	font-size: 32px;
	border-radius: 50% 20px 60% 20px / 60% 100% 60% 100%;
	background: #FFFFFF;
}
*/


.header-top-wrapper
{
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #FFEA22;
/*
	background: linear-gradient(to bottom, rgba(108, 199, 68, 0.40), transparent 90%);
	background: linear-gradient(to bottom, rgba(98, 253, 3, 0.20), transparent 80%);
*/
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.70), transparent 100%);
}
.header-top
{
	height: 230px;
	background: url('../zimg/header-top.png');
	background-repeat: no-repeat;
	background-size: auto 230px;
	background-position: center bottom;
}

@media (max-width: 991px)
{
.header-top
{
	height: 170px;
	background-size: auto 170px;
}
}
@media (max-width: 767px)
{
.header-top
{
	height: 140px;
	background-size: auto 140px;
}
}
@media (max-width: 575px)
{
.header-top
{
	height: 120px;
	background-size: auto 120px;
}
}
@media (max-width: 479px)
{
.header-top
{
	height: 90px;
	background-size: auto 90px;
}
}



.header
{
}
.header .city
{
	margin: 15px 0px 0px 0px;
	font-size: 21px;
	font-weight: bold;
	color: #9BD700;
	letter-spacing: 2px;
	text-shadow: -2px 0px 0px #FFFFFF, 2px 0px 0px #FFFFFF, 0px -2px 0px #FFFFFF, 0px 2px 0px #FFFFFF, 0px 0px 2px #FFFFFF, 0px 0px 4px #FFFFFF, 0px 0px 6px #FFFFFF, 0px 0px 8px #FFFFFF;
}
.header .area
{
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 20px 25px 15px 25px;
	font-family: 'PT Serif';
	font-size: 20px;
	/*color: #4A7678;*/
	color: #2F5B5D;
	line-height: 34px;
	border: 5px solid #FBCC04;
	border-radius: 100% 20px 60% 20px / 60% 100% 60% 100%;
	background: #FFFFFF;
}
.header .phone
{
	display: inline-block;
	margin: 20px 0px 0px 0px;
	padding: 15px 40px 25px 40px;
	/*color: #004DB9;*/
	color: #050066;
	/*border-radius: 52% 40% 40% 40% / 100% 70% 40% 50%;*/
	border-radius: 30% 40% 60% 40% / 100% 30% 60% 60%;
	background: #FFFFFF;
}
.header .phone .text
{
	display: inline-block;
	padding: 0px 0px 0px 26px;
    font-family: 'PT Serif';
    font-size: 22px;
	line-height: 1.5;
	text-align: right;
	background: url('../zimg/icon-phone-3.png') no-repeat;
	background-size: 19px 34px;
	background-position: left center;
	cursor: default;
}
.header .phone .call
{
	display: inline-block;
	margin: 6px 0px 0px 0px;
	padding: 5px 10px 5px 50px;
	font-size: 14px;
	text-align: right;
	color: #FFFFFF;
	border-radius: 2px;
	background: url('../zimg/icon-arrow-1.png') no-repeat;
	background-size: 15px 15px;
	background-position: 20px center;
	background-color: red;
	cursor: pointer;
}
.header .phone .address
{
	display: inline-block;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 36px;
	font-size: 16px;
	color: #4A7678;
	letter-spacing: 0.3px;
	text-align: center;
	background: url('../zimg/icon-map.png') no-repeat;
	background-size: 35px 35px;
	background-position: left center;
}
.header .phone .address a
{
	padding: 5px 11px 5px 10px;
	color: #FFFFFF;
	letter-spacing: 0.3px;
	border-radius: 2px;
	/*background: #96E0E3;*/
	background: #9BD700;
}
@media (max-width: 1199px)
{
.header .phone .text
{
	cursor: pointer;
}
}
@media (max-width: 575px)
{
.header .area
{
	margin: 10px 0px 0px 0px;
}
}



.slide-main-wrapper
{
	margin: 0 auto;
	margin-bottom: 10px;
	max-width: 1320px;
}
.slide-main
{
	margin: 0px 20px 0px 20px;
	padding: 20px 20px 20px 20px;

/*
	background111: linear-gradient(to top, rgba(166, 236, 85, 0.25), transparent 90%);
	background111: linear-gradient(to top, rgba(255, 255, 0, 0.25), transparent 90%);
	background111: linear-gradient(to top, rgba(54, 17, 17, 0.99), transparent 60%);
	background111: linear-gradient(to right, rgba(54, 17, 17, 0.99), transparent 60%);
	background111: linear-gradient(to left, transparent 60%, rgba(54, 17, 17, 0.99));
	background111: linear-gradient(to right, rgba(255,255,255,0.0),#361111,rgba(255,255,255,0.0));
	background111: linear-gradient(to right, transparent 10%,#361111,transparent 90%);
	background111: linear-gradient(to right, transparent 10%,#A6EC55,transparent 90%);
*/
/*
	background: linear-gradient(to right, transparent 10%,#9BD700,transparent 90%);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 200px 100px;
*/

	background: linear-gradient(to right, transparent 10%,#9BD700,transparent 90%),
	            linear-gradient(to right, transparent 10%,rgba(255, 255, 0, 0.69),transparent 90%);


	background-repeat: repeat-x, repeat-x;
	background-position: left bottom, -100px bottom;
	background-position: left bottom, left -100px bottom 0px;
	background-size: 200px 100%, 200px 100%;

/* для обрезания краев ромбиками !!! */
	clip-path: polygon(3% 0, 7% 1%, 11% 0%, 16% 2%, 20% 0, 23% 2%, 28% 2%, 32% 1%, 35% 1%, 39% 3%, 41% 1%, 45% 0%, 47% 2%, 50% 2%, 53% 0, 58% 2%, 60% 2%, 63% 1%, 65% 0%, 67% 2%, 69% 2%, 73% 1%, 76% 1%, 79% 0, 82% 1%, 85% 0, 87% 1%, 89% 0, 92% 1%, 96% 0, 98% 3%, 99% 3%, 99% 6%, 100% 11%, 98% 15%, 100% 21%, 99% 28%, 100% 32%, 99% 35%, 99% 40%, 100% 43%, 99% 48%, 100% 53%, 100% 57%, 99% 60%, 100% 64%, 100% 68%, 99% 72%, 100% 75%, 100% 79%, 99% 83%, 100% 86%, 100% 90%, 99% 94%, 99% 98%, 95% 99%, 92% 99%, 89% 100%, 86% 99%, 83% 100%, 77% 99%, 72% 100%, 66% 98%, 62% 100%, 59% 99%, 54% 99%, 49% 100%, 46% 98%, 43% 100%, 40% 98%, 38% 100%, 35% 99%, 31% 100%, 28% 99%, 25% 99%, 22% 100%, 19% 99%, 16% 100%, 13% 99%, 10% 99%, 7% 100%, 4% 99%, 2% 97%, 1% 97%, 0% 94%, 1% 89%, 0% 84%, 1% 81%, 0 76%, 0 71%, 1% 66%, 0% 64%, 0% 61%, 0% 59%, 1% 54%, 0% 49%, 1% 45%, 0% 40%, 1% 37%, 0% 34%, 1% 29%, 0% 23%, 2% 20%, 1% 17%, 1% 13%, 0 10%, 1% 6%, 1% 3%);

	/*animation: titleAnimation 36s linear infinite 0s;*/
	animation: slide-animation 1s ease-in 0s;
}

@keyframes slide-animation
{ 
	0%
	{
		opacity: 0;
	}
	100%
	{
		opacity: 1;
	}
} 

.slide-main .mask
{
 -webkit-mask-image: url("../zimg/bg-slide-main.png");
 -webkit-mask-repeat: no-repeat;
 -webkit-mask-size: 100% 100%;
 /*-webkit-mask-clip: content;*/
}

.slide-main .slick-next
{
	top: 45%;
	right: 55px;
	z-index: 1;
}
.slide-main .slick-next:before
{
	font-size: 50px;
}
.slide-main .slick-prev
{
	top: 55%;
	left: 25px;
	z-index: 1;
}
.slide-main .slick-prev:before
{
	font-size: 40px;
}
.slide-main .text
{
    position: absolute;
    top: 170px;
    left: 15%;
	padding: 10px 15px 10px 15px;
	line-height: normal;
	box-shadow: 1px 1px 5px 0px rgba(255, 255, 255, 1);
	background-color: rgba(250, 238, 176, 0.4);
}
.slide-main .text .text-1
{
	display: inline-block;
	margin: 0px 0px 0px 50px;
	padding: 15px 20px 15px 20px;
	font-size: 26px;
	color: #93CD39;
	border-radius: 6px;
	background: #FFFFFF;
}
.slide-main .text .text-2
{
	display: inline-block;
	padding: 15px 20px 15px 20px;
	font-size: 32px;
	color: #FFFFFF;
	border-radius: 24px;
	background: #93CD39;
}
.slide-main .text .text-3
{
	display: inline-block;
	margin: 0px 0px 0px 200px;
	padding: 12px 20px 12px 20px;
	/* Ниже закомментированы - старые значения, когда вместо слова Приглашаем были Цены. */
	/*font-family: 'PT Serif';*/
	/*font-size: 36px;*/
	font-size: 28px;
	color: #FF8C00;
	border-radius: 16px;
	background: #FAEEB0;
}
@media (max-width: 575px)
{
.slide-main .text
{
    left: 10%;
}
.slide-main .slick-next
{
	top: 20%;
}
.slide-main .slick-prev
{
	top: 25%;
}
}
@media (max-width: 767px)
{
.slide-main-outer
{
	padding: 20px 10px 10px 10px;
}
.slide-main
{
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	max-width: 1280px;
	line-height: 0px;; /* НАДО иначе внизу слайда рамка будет чуть толще */
}
.slide-main .text .text-1
{
	font-size: 20px;
}
.slide-main .text .text-2
{
	font-size: 22px;
}
.slide-main .text .text-3
{
	margin: 0px 0px 0px 80px;
	/*font-size: 26px;*/
	font-size: 20px;
}
}


.side
{
}


.side .pilgrimage
{
	/*text-align: center;*/
}
.side .pilgrimage p
{
	margin: 0px 0px 25px 0px;
	font-family: 'PT Serif';
	font-size: 19px;
	color: #5CAC00;
	text-align: center;
    text-transform: uppercase;
}
.side .pilgrimage span-1
{
	/*font-size: 17px;*/
	font-weight: bold;
	color: #ffd97d;
	
	font-size: 18px;
}

.side .department
{
	text-align: center;
}
.side .department a
{
	display: block;
	margin: 0px 0px 10px 0px;
	font-size: 20px;
	color: #3b3758;
	background: url('../zimg/icon-cross-2.gif') right center no-repeat, url('../zimg/icon-cross-2.gif') left center no-repeat;
}

.side .img-social
{
	display: block;
	max-height: 200px;
}
.side .block
{
}

.side .welcome
{
}
.side .welcome h3
{
	font-size: 20px;
}
.side .welcome img
{
	margin: 0px 0px 10px 0px;
	cursor: default;
}
@media (max-width: 1199px)
{
.side .welcome img
{
	cursor: pointer;
}
}



.frame
{
	margin: 0 auto;
	margin-top: 20px;
	max-width: 400px;
	padding: 25px 30px 25px 30px;
	background:
	 url('../zimg/frame-top-left 1.png'),
	 url('../zimg/frame-top-right 1.png'),
	 url('../zimg/frame-top 1.png'),
	 url('../zimg/frame-top 1.png'),
	 url('../zimg/frame-bottom-left 1.png'),
	 url('../zimg/frame-bottom-right 1.png'),
	 url('../zimg/frame-bottom 1.png'),
	 url('../zimg/frame-bottom 1.png'),
	 url('../zimg/frame-center-left 1.png'),
	 url('../zimg/frame-center-left 1.png'),
	 url('../zimg/frame-center-right 1.png'),
	 url('../zimg/frame-center-right 1.png'),
	 url('../zimg/frame-center.png'),
	 url('../zimg/frame-center.png'),
	 url('../zimg/frame-center.png'),
	 url('../zimg/frame-center.png');
	 
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	
	background-position: left top, right top, left 27px top 0px, right 27px top 0px, left bottom, right bottom, left 27px bottom 0px, right 27px bottom 0px, left 0px top 23px, left 0px bottom 23px, right 0px top 23px, right 0px bottom 23px, left 9px top 23px, left 9px bottom 23px, right 9px top 23px, right 9px bottom 23px;
	
	background-size: 27px 23px, 27px 23px, 51% 23px, 51% 23px, 27px 23px, 27px 23px, 51% 23px, 51% 23px, 8px 51%, 8px 51%, 8px 51%, 8px 51%, 51% 51%, 51% 51%, 51% 51%, 51% 51%;
}
.frame.large
{
	max-width: none;
}
.frame .divider-1
{
	margin: 20px 0px 15px 0px;
	height: 1px;
	border-bottom: #ccc 1px dotted;
}


.note
{
	display: table;
    position: relative;
    /*margin: 0px 0px 12px -35px;*/
    /*padding: 6px 25px 6px 30px;*/
	/*font-size: 16px;*/
	color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px;
    border-radius: 0px 5px 5px 0px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 5px, rgba(255, 255, 255, 0.2) 0px 1px 0px inset, rgba(0, 0, 0, 0.3) 0px -1px 0px inset;
	/*background-color: rgb(3, 137, 170);*/
    /*background-image: linear-gradient(rgb(3, 137, 170) 0%, rgb(0, 97, 127) 100%);*/
	
	margin: 0px 0px 20px -35px;
	padding: 6px 25px 9px 30px;
	font-size: 19px;
	background-color: rgb(51, 153, 0);
	/*background-image: linear-gradient(rgb(51, 204, 102) 0%, rgb(51, 153, 0) 90%, rgb(255, 204, 0) 100%);*/
	background-image: linear-gradient(rgb(102, 204, 51) 0%, rgb(51, 153, 0) 90%, rgb(255, 204, 0) 100%);
}
.note::before
{
	content: "";
	position: absolute;
	top: -10px;
	left: 0px;
	/*border-color: transparent rgb(34, 34, 34) rgb(34, 34, 34) transparent;*/
	/*border-color: transparent rgb(0, 97, 127) rgb(0, 97, 127) transparent;*/
	border-style: solid;
	border-width: 5px;
	width: 0px;
	height: 0px;
	
	border-color: transparent rgb(255, 102, 0) rgb(255, 102, 0) transparent;
}
.note::after {
	/* content: "★"; - попросили убрать и заменить чем-либо, кроме звездочек */
	content: "†";
	/*color: rgb(255, 204, 0);*/
	position: absolute;
	top: 2px;
	left: 5px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 18px;
	font-size: 26px;
	/*font-weight: bold;*/
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
}


.form-callback-main
{
	margin: 0px 0px 0px 0px;
	/* При правом паддинге в 20px - в мобильном виде становится на 1 строчку больше */
	/* Поэтому - уменьшил паддинг до 16px - с небольшим запасом */
	padding: 0px 16px 0px 0px;
	font-family: 'PT Serif';
}
.form-callback-main .notice
{
	margin: 0px 0px 20px 0px;
}
.form-callback-main .notice p.p1
{
	margin: 0px 0px 10px 0px;
	font-size: 19px;
	color: #00BD00;
	text-align: center;
	letter-spacing: 0.5px;
}
.form-callback-main .notice p.p2
{
	font-size: 16px;
	color: #660000;
}
.form-callback-main .notice p.p2 span-1
{
	font-weight: bold;
	color: #FF00FF;
	/*color: #FF3300;*/
	letter-spacing: 1px;
}
.form-callback-main .notice p.p2 span-2
{
	color: #FF00FF;
	/*color: #FF3300;*/
	/*text-shadow: 0px 0px 0px #FF3300;*/
}
.form-callback-main .notice p.p2 span-3
{
	color: #FF00FF;
	/*color: #FF3300;*/
	letter-spacing: 1.5px;
	/*text-shadow: 0px 0px 0px #FF3300;*/
}
.form-callback-main .notice p.p2 span-4
{
	font-weight: bold;
	color: #66CC00;
	letter-spacing: 1px;
}
.form-callback-main .title
{
	font-size: 16px;
	color: #FF6600;
	color: #F75E00;
	text-shadow: 0px 0px 0px #f75e00;
}
/*
.form-callback-main p.p2
{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1.3;
	text-align: center;
}
*/
.form-callback-main input
{
	margin: 6px 0px 10px 0px;
	padding: 0px 20px 0px 20px;
	width: 98%;
	height: 40px;
	font-size: 18px;
	/*color: #372814;*/
	/*background: none;*/
	/*background: #FFFFFF;*/

	color: #FF6600;
	border: none;
	/*border-radius: 30% 40% 60% 40% / 100% 30% 60% 60%;*/
	border-radius: 40% 30% 40% 60% / 30% 100% 60% 60%;
	background: #F4F4C1;
	background-clip: padding-box;
	outline: 0;
}
.form-callback-main input:focus
{
	border-left: 10px dotted #FFD53C;
	border-right: 5px dotted #FFD53C;
}

.form-callback-main input.tel
{
	padding-top: 2px;
	width: 100%;
	border-radius: 100% 40% 100% 40%/ 20px 90% 20px 50%;
}
.form-callback-main input::before
{
	/* Хотел убрать черный Бордер - появляющийся при вводе значений. */
	/* Но не убирается - ни какими способами !!! */
	/* Наверно - надо смотреть - в скриптах - а также в интернете. */

	/*border: none !important;*/
}
.form-callback-main button
{
	display: table;
	margin: 0 auto;
	margin-top: 15px;
	/*padding: 10px 20px 8px 20px;*/
	font-size: 15px;
	text-transform: uppercase;
	/*border: none;*/
	border-radius: 5px;
	/*background: #FAEEB0;*/
	/*background: #F4E3A9;*/
    cursor: pointer;

	padding: 12px 20px 10px 20px;
	color: #FFFFFF;
	letter-spacing: 0.8px;
	text-shadow: 0px 0px 0px #ffffff;
	border-top: 2px dashed #FFFFFF;
	border-right: 2px dashed #FFFF99;
	border-bottom: 2px dashed #FFFF66;
	border-left: 2px dashed #FFFFFF;
	background: #66CC00;
	outline: 0;
}
.form-callback-main button:hover
{
	background: #00CCFF;
}
.form-callback-main button:active
{
	border-radius: 10px 10px 20px 20px/ 20px 20px 10px 10px;
	background: #14E0FF;
}
.form-callback-main .registration
{
	display: table;
	margin: 0 auto;
	padding: 0px 0px 0px 53px;
    font-size: 17px;
	line-height: 1.5;
	text-align: center;
	background: url('../zimg/icon-check-1.png') no-repeat;
	background-position: 0px 0px;
}
.form-callback-main .callme-result
{
	text-align: center;
}
.form-callback-main .callme-result div.callme-success
{
	/*font-size: 14px;*/
	/*color: yellow;*/
}


.slide-side
{
	font-size: 0px; /* НАДО иначе внизу слайда будет несколько лишних пикселей пустой высоты */
}
.slide-side .slide
{
}
.slide-side img
{
	margin: 0 auto;
}
.slide-side .text-1
{
	font-size: 20px;
	color: #93CD39;
	line-height: normal;
	text-align: center;
}
.slide-side .text-2
{
	margin: 25px 0px 0px 0px;
	padding: 12px 20px 10px 20px;
	font-size: 13px;
	line-height: 1.7;
	text-align: center;
	border-radius: 16px;
	background: #FAEEB0;
}


.hot-offer-wrapper
{
	/*
	В Google, если менять ширину браузера, в данном блоке справа появляется тонкая линия - это часть фона блока.
	Это из-за специфического кода вложенного блока, который формирует уголки стилем linear-gradient.
	Это глюк гугла, в опере и мозилле ее нет. Поэтому исправить нельзя - пусть будет.
	*/
	margin: 0 auto;
	margin-top: 36px;
	max-width: 700px;
	background: #F75E00;
	/*border: 1px solid #0193FA;*/
	border-radius: 4px;
}

.hot-offer
{
	padding: 15px 25px 15px 25px;

	background: #FFFFFF; /* альтернативный */

	background:
		linear-gradient(135deg, transparent 10px, #FFFFFF 0) top left,
		linear-gradient(225deg, transparent 10px, #FFFFFF 0) top right,
		linear-gradient(315deg, transparent 10px, #FFFFFF 0) bottom right,
		linear-gradient(45deg,  transparent 10px, #FFFFFF 0) bottom left;

	background-size: 51% 53%;
	background-repeat: no-repeat;

	background-image:
		radial-gradient(circle at 0 0, rgba(204,0,0,0) 17px, #FFFFFF 18px),
		radial-gradient(circle at 100% 0, rgba(204,0,0,0) 17px, #FFFFFF 18px),
		radial-gradient(circle at 100% 100%, rgba(204,0,0,0) 17px, #FFFFFF 18px),
		radial-gradient(circle at 0 100%, rgba(204,0,0,0) 17px, #FFFFFF 18px);	

	padding: 30px 25px 25px 25px;
}
.hot-offer .title
{
	margin: 0px 0px 17px 0px;
	padding: 0px 0px 10px 0px;
	max-width: 80%;
	font-size: 24px;
	color: OrangeRed;
	border-bottom: 1px solid #EA7516;
}
.hot-offer p
{
	margin: 0px 0px 10px 0px;
	font-size: 17px;
	color: Sienna;
}
.hot-offer p span-1
{
	font-weight: bold;
	color: #00CCFF;
}
.hot-offer p span-2
{
	font-weight: bold;
	color: #C85F14;
}
.hot-offer p span-3
{
	font-weight: bold;
	color: #40d600;
}
.hot-offer p span-11
{
	font-weight: bold;
	color: #CCCC00;
}
.hot-offer p span-16
{
	font-weight: bold;
}
.hot-offer p span-tab-2
{
	margin: 0px 7px 0px 0px;
	color: #FFA209;
}
.hot-offer p span-divider
{
	color: #EA7516;
}
.hot-offer .contact
{
	display: inline-block;
}
.hot-offer .contact .divider
{
	margin: 12px 0px 10px 0px;
	border-top: 2px solid red;
}
.hot-offer .contact p
{
	margin: 0px 0px 5px 0px;
	font-size: 19px;
	font-weight: bold;
	color: #49B800;
	text-transform: none;
}
.hot-offer .contact .phone
{
	display: inline-block;
	padding: 0px 0px 0px 25px;
	font-family: 'PT Serif';
	font-weight: bold;
    background: url('../zimg/icon-phone-3.png') no-repeat;
    background-size: 19px 34px;
    background-position: left center;
}
.hot-offer .contact .phone p
{
	color: #F53B57;
	color: OrangeRed;
}
.hot-offer .image
{
	display: block;
	max-height: 250px;
}





.tour
{
	margin: 0 auto;
	margin-bottom: 10px;
	/*padding: 15px 0px 30px 20px;*/
	max-width: 700px;
	border-bottom: #c6c6c6 1px solid;

	padding: 15px 0px 50px 20px;
}
.tour .name
{
	font-size: 15px;
	font-weight: bold;
	color: #007bff;
	text-align: center;
}



.price-order
{
	text-align: right;
}

.tour .price
{
	display: inline-block;
	margin: 25px 30px 0px 0px;
	padding: 13px 16px 13px 18px;
	font-size: 18px;
	color: #007E3F;
	border-radius: 50%;
	/*box-shadow: 1px 1px 0 0.5px rgba(139,198,69,1);*/
	box-shadow: 8px 1px 0 0.0px rgba(139,198,69,1);
}
.tour .price span
{
	font-size: 22px;
	font-weight: bold;
	color: red;
}
.tour .price span.span-1
{
	font-size: 16px;
	font-weight: normal;
	color: #007E3F;
}

.tour .zakaz
{
	position: relative;
	padding: 13px 16px 13px 18px;
	font-family: 'PT Serif';
	font-size: 18px;
	font-weight: bold;
	color: #007E3F;
	display: inline-block;
	border-radius: 50%;
	box-shadow: -8px 1px 0 0.0px rgba(139,198,69,1);
	cursor: pointer;
	transition: all 0.5s;
}
.tour .zakaz span
{
	position: relative;
}
.tour .zakaz::before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
/* строки ниже дадут эффект закраски лишь части овала */
/*
	margin: auto;
	width: 90%;
	height: 0px;
	padding: 20px 0px 20px 0px;
*/
	border-radius: 50%;
	/*background: linear-gradient(to right, transparent 10%,rgba(38, 156, 245, 0.1), transparent 90%);*/
	background: linear-gradient(to right, rgba(38, 156, 245, 0.04),transparent 100%);
}
.tour .zakaz:hover
{
	font-size: 18.1px;
}

.tour .description-wrapper
{
	display: inline-flex;
}

.tour .image-tour-wrapper
{
	position: relative;
	margin: 20px 0px 0px 0px;
	max-height: 150px; /* НАДО иначе когда в ряд помещаются две колонки, высота растягивается */
}
.tour .image-tour-wrapper img
{
	width: 220px;

	/*border: 7px solid #F3EABD;*/
	border: 7px solid #FFF6D8;
	/*border-radius: 220px 116px 90px 160px / 162px 166px 46px 44px;*/
	border-radius: 350px 116px 140px 160px / 162px 166px 46px 44px;
}
.tour .image-tour-wrapper .weather
{
	/* попросили временно убрать, пока не сделаю интеграцию я Яндекс.Погода */
	display: none; 

	position: absolute;
	top: -100px;
	left: 0px;
	font-size: 15px;
}
.tour .image-tour-wrapper .image-weather
{
	width: 50px;
}

.tour .image-tour-wrapper .map
{
	display: table;
	position: absolute;
	top: -45px;
	left: 50%;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
	color: #FFFFFF;
	border-radius: 5px;
	background: #847fa7;
}
.tour .image-tour-wrapper .map::after
{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -7px;
	height: 7px;
	background: url('../zimg/icon-arrow.png') no-repeat;
	background-position: center center;
}
.tour .date
{
	display: table;
	position: absolute;
	left: -10px;
	/*bottom: -15px;*/
    /*padding: 6px 20px 6px 20px;*/
	/*font-size: 16px;*/
	color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px;
    /*border-radius: 0px 5px 5px 0px;*/
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 5px, rgba(255, 255, 255, 0.2) 0px 1px 0px inset, rgba(0, 0, 0, 0.3) 0px -1px 0px inset;
	/*background-color: rgb(3, 137, 170);*/
    /*background-image: linear-gradient(rgb(3, 137, 170) 0%, rgb(0, 97, 127) 100%);*/

	font-size: 18px;
	font-weight: bold;
	/*background-color: rgb(102, 204, 255);*/
	/*background-image: linear-gradient(rgb(102, 204, 255) 0%, rgb(0, 153, 204) 100%);*/

	bottom: -23px;
	padding: 10px 20px 10px 20px;
	border-top: 2px dotted wheat;
	border-right: 2px dotted white;
	border-bottom: 2px dotted wheat;
	border-left: 2px dotted white;
	border-radius: 0px 90px 15px 70px / 0px 17px 50px 26px;
	background-color: white;
	background-image: linear-gradient(to right, rgba(0, 204, 255, 0.1) 0%, #00CCFF 20%, #00CCFF 80%, rgba(0, 204, 255, 0.1) 100%);
	background-image: linear-gradient(to right, rgba(0, 204, 255, 0.1) 0%, #00CCFF 18%, #00CCFF 82%, rgba(0, 204, 255, 0.1) 100%);
}
.tour .date.regular-travel
{
	font-weight: normal;
}
.tour .date::before
{
	content: "";
	position: absolute;
	/*top: -10px;*/
	/*left: 0px;*/
	border-color: transparent rgb(255, 153, 0) rgb(255, 153, 0) transparent;
	border-style: solid;
	border-width: 5px;
	width: 0px;
	height: 0px;

	top: -12px;
	left: -2px;
}
/*
.tour .date::after {
    content: "★";
    color111: rgb(255, 204, 0);
    position: absolute;
    top: 0px;
    left: 4px;
    font-size: 18px;
    font-weight: 700;
    text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
}
*/
.tour .description
{
	margin: 20px 0px 0px 20px;
	font-size: 14px;
	color: #555555;
}
.tour .photo
{
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 33px;
	font-size: 16px;
	color: #3b3758;
	background: url('../zimg/icon-camera.png') no-repeat;
}

.tour .button
{
	display: table;
	margin: 0 auto;
	margin-top: 15px;
	padding: 10px 20px 8px 20px;
	font-size: 15px;
	color: #555555;
	border-radius: 5px;
	background: #ffd97d;
}

/*@media (max-width: 500px)*/
@media (max-width: 575px)
{
.price-order
{
	text-align: center;
}
.tour .description-wrapper
{
	display: block;
	margin-top: 95px;
}
.tour .image-tour-wrapper .weather
{
	top: -70px;
}
.tour .image-tour-wrapper
{
	display: table;
	margin: 0 auto;
}
.tour .description
{
	margin: 30px 0px 0px 0px;
}
.tour .button
{
	margin: 15px 0px 0px auto;
}
}


.tour-full
{
}
.tour-full h2
{
	margin: 20px 20px 30px 0px;
	padding: 10px 30px 10px 0px;
	font-family: 'PT Serif';
	font-size: 19px;
	font-weight: bold;
	/*color: #F34235;*/
	color: #FF6600;
	/*color: #FF3300;*/
	text-transform: uppercase;
	text-align: right;
	/*background: url('../zimg/icon-calendar.png') bottom right no-repeat;*/
	background: url('../zimg/icon-bus.png') center right no-repeat;
	background-color: #FCFCFC;
}
.tour-full h3
{
	/*margin: 20px 0px 10px 0px;*/
	font-size: 18px;
	font-weight: bold;
	/*color: #0072bc;*/
	/*color: #C02130;*/
	
	margin: 25px 0px 15px 0px;
	/*color: #66CC00;*/
	color: #FF3300;
}
.tour-full h3.small
{
	color: #555555;
}
.tour-full h3.small span
{
	font-size: 16px;
	color: #9BD700;
}
.tour-full p
{
	font-size: 15px;
	color: #555555;
	line-height: 1.3;
}
.tour-full p span-1
{
	font-weight: bold;
	/*color: #0072bc;*/
	color: #3399FF;
}
.tour-full p span-2
{
	font-weight: bold;
	/*color: #444;*/
	/*color: #D2691E;*/ /* Chocolate */
	color: #C85F14; /* Chocolate + на 10 шагов темнее */
}
.tour-full p span-3
{
	/*color: #02CB03;*/
	color: #40d600;
}
.tour-full p span-3-1
{
	font-weight: bold;
	color: #40d600;
}
.tour-full p span-4
{
	/*font-weight: bold;*/
	/*color: #F34235;*/
	color: #FF9900;
}
.tour-full p span-4-1
{
	font-weight: bold;
	color: #FF9900;
}
.tour-full p span-5
{
	font-weight: bold;
	/*color: #cc3399;*/
	color: #FF6600;
}
.tour-full p span-6
{
	color: #0054a5;
}
.tour-full p span-7
{
	display: block;
	margin: 30px 0px 0px 0px;
	font-size: 28px;
	color: #F34235;
	text-align: center;
}
.tour-full p span-8
{
	font-weight: bold;
	font-style: italic;
}
.tour-full p span-9
{
	color: red;
}
.tour-full p span-10
{
	color: #93CD39;
}
.tour-full p span-11
{
	font-weight: bold;
	/*color: #cc3399;*/
	/*color: #555555;*/
	color: #CCCC00;
}
.tour-full p span-12
{
	font-size: 28px;
	font-weight: bold;
	color: #C02130;
}
.tour-full p span-13
{
	font-weight: bold;
/*
	color: #00aced;
	color: #007bff;
*/
	color: #40d600;
}
.tour-full p span-14
{
	color: #000;
}
.tour-full p span-15
{
	font-size: 17px;
	font-weight: bold;
	color: #FF3300;
}
.tour-full p span-16
{
	font-size: 16px;
	font-weight: bold;
	color: #FF3300;
}
.tour-full p span-tab-1
{
	margin: 0px 2px 0px 0px;
	font-weight: bold;
	color: #CCCC00;
}


.tour-full .paragraph-1
{
	margin: 17px 10px 20px 20px;
	padding: 17px 20px 5px 25px;
	/*background: #93CD39;*/
	background-color: rgba(147, 205, 57, 0.1);
	border-radius: 8px;
}
.tour-full .paragraph-2
{
	margin: 17px 10px 20px 20px;
}
.tour-full .paragraph-2 p
{
	font-size: 16px;
}
.tour-full .paragraph-3
{
	margin: 17px 10px 20px 0px;
	text-align: center;
}
.tour-full .paragraph-4
{
	margin: 17px 10px 20px 0px;
	text-align: right;
}
.tour-full ul
{
	padding: 0px;
	list-style-type: none;
}
.tour-full li
{
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 30px;
	background: url('../zimg/icon-cross-2.gif') left 5px no-repeat;
	background-size: 12px 12px;
}
.tour-full .paragraph-3 p
{
	font-size: 16px;
}

.tour-full .more-1
{
	display: inline-block;
	margin: 0px 0px 10px 0px;
	padding: 3px 10px 3px 10px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 12px;
	background: red;
}

.tour-full .gallery
{
	margin: 20px 0px 0px 0px;
	max-height: 242px; 
	text-align: center;
	overflow-y: auto;
}
.tour-full .gallery .image
{
	margin: 0px 10px 15px 0px;
	width: 150px;
	max-height: 150px;
	border: 6px solid #F4E3A9;
}
.tour-full .icon-social
{
	width: 35px;
}


.tour-full .file-description-wrapper
{
	/*
	В Google, если менять ширину браузера, в данном блоке справа появляется тонкая линия - это часть фона блока.
	Это из-за специфического кода вложенного блока, который формирует уголки стилем linear-gradient.
	Это глюк гугла, в опере и мозилле ее нет. Поэтому исправить нельзя - пусть будет.
	*/
	margin: 50px auto 30px auto;
	max-width: 700px;
	background: #33CC66;
	/*border: 1px solid #0193FA;*/
	border-radius: 4px;
}

.tour-full .file-description
{
	padding: 15px 25px 15px 25px;

	background: #FFFFFF; /* альтернативный */

	background:
		linear-gradient(135deg, transparent 10px, #FFFFFF 0) top left,
		linear-gradient(225deg, transparent 10px, #FFFFFF 0) top right,
		linear-gradient(315deg, transparent 10px, #FFFFFF 0) bottom right,
		linear-gradient(45deg,  transparent 10px, #FFFFFF 0) bottom left;

	background-size: 51% 53%;
	background-repeat: no-repeat;

	background-image:
		radial-gradient(circle at 0 0, rgba(204,0,0,0) 17px, #FFFFFF 18px),
		radial-gradient(circle at 100% 0, rgba(204,0,0,0) 17px, #FFFFFF 18px),
		radial-gradient(circle at 100% 100%, rgba(204,0,0,0) 17px, #FFFFFF 18px),
		radial-gradient(circle at 0 100%, rgba(204,0,0,0) 17px, #FFFFFF 18px);	
}
.tour-full .file-description .title
{
	margin: 20px 0px 15px 0px;
	padding: 0px 0px 6px 0px;
	font-size: 22px;
	color: #9BD700;
	border-bottom: 1px solid #0193FA;
}
.tour-full .file-description p
{
	margin: 10px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	color: #0193FA;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.tour-full .file-description .image
{
	display: block;
	max-height: 300px;
	
}






.contact
{
}
.contact img
{
	display: block;
	margin: 0 auto;
	max-height: 380px;
}
.contact .map
{
	margin: 0 auto;
	margin-top: 40px;
	max-width: 570px;
	height: 410px;
	border: 5px solid #fff2d5;
	border-bottom: 3px solid #fff2d5;
	border-radius: 0px 0px 8px 8px;
	background: #fff2d5;
}



.footer-top
{
	margin: 30px 0px 0px 0px;
	-webkit-mask-image: -webkit-gradient(linear, left 50%, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
	
	/* неплохой эффект получается - как бы с туманом на дороге */
	/*-webkit-mask-image: -webkit-gradient(linear, left 95%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));*/
}

.footer-top .bg-linear
{
	padding: 70px 0px 0px 0px;
	/*background: linear-gradient(to top, rgba(166, 236, 85, 0.95), transparent 70%);*/
	/*background: linear-gradient(to top, rgba(166, 236, 85, 1) 10%, rgba(252, 247, 224, 0.4) 100%);*/
	/* background-image: linear-gradient(rgba(255,0,0,1) -10px, rgba(255,255,0,0.7) 50%); - пример */
	background: linear-gradient(rgba(252, 247, 224, 0.4) 0%, rgba(166, 236, 85, 1) 100%);

}

.footer-top .image
{
	/*
	http://programmerz.ru/questions/18638/is-it-possible-to-calculate-the-viewport-width-vw-without-scrollbar-question.html
	http://qaru.site/questions/455110/is-it-possible-to-calculate-the-viewport-width-vw-without-scrollbar
	width: calc(50vw - ((100vw - 100%)/2));
	*/
	/*
	Рассчет такой: 2881 (ширина картинки) / 505 (высота картинки) = 5,704950495049505
	Далее: 100% / 5,704950495049505 = 17,52863589031586
	Соответственно в height записываем 17.5286vw, в высоту background-size - 100%;
	*/
	/* единицы измерения vw всключают в себя полосу прокрутку, но в приницпе не критично, на глаз незаметно */
	height: 17.5286vw;
    background: url('../zimg/footer1.png');
    background-repeat: no-repeat;
    background-position: center bottom;
	background-size: 100% 100%;
	/*
	Вариант как с шапкой здесь тоже реализуем, но придется рассчитывать высоту для больших экранов так,
	чтобы ширина картинки не стала меньше области браузера - например высота 230px при разрешении экрана
	1366х768 уже не подходит - по бокам картинки появляются пустые области, надо ставить 240  или выше.
	При этом также не обойтись без ограничения ширины всего сайта ходя бы максимум 1366 px.
	Дело в том, что картинку в шапке можно не растягивать по всей ширине для больших экранов, она и в
	усеченном виде смотрится нормально, а для футера картинка другая и желательно, чтобы она была
	на всю ширину, но никак не меньше.
	*/
}

@media (max-width: 575px)
{
.footer-top .image
{
	/*
	Рассчет такой: 2881 (ширина картинки) / 505 (высота картинки) = 5,704950495049505
	Далее: 180% / 5,704950495049505 = 31,55154460256855
	Соответственно в height записываем 31.5515vw, в высоту background-size - 180%;
	То есть для малых экранов мы увеличили ширину на 80 процентов, чтобы показывалось
	меньшая честь картинки, соответственно и высоту увеличили на 180%.
	*/	
	height: 31.5515vw;
	background-size: 180% 100%;

}
}


.footer
{
	background: #A6EC55;
}
.footer .left
{
	margin: 0 auto;
	padding: 20px 0px 20px 0px;
	max-width: 70%;
	font-size: 16px;
	color: #FFFFFF;
	text-shadow: 0 0 40px green, 0 0 80px green, 0 0 120px green;
}
.footer .right
{
	padding: 20px 0px 0px 0px;
	text-align: center;
}
.footer .right img
{
	width: 55px;
}
.footer .icon-ok
{
	margin: -10px 5px 0px 0px;
}
.footer .icon-vk
{
	margin: 10px 0px 0px 5px;
}
.footer .copyright
{
	padding: 0px 0px 10px 0px;
	text-align: center;
}
.footer .copyright span
{
	padding: 0px 0px 0px 24px;
	background: url('../zimg/icon-heart.png') center center no-repeat;
	background-size: 12px 12px;
}
@media (max-width: 575px)
{
.footer .left
{
	max-width: 80%;
}
}






.img-blagoslovenie
{
	margin: 10px 0px 25px 0px;
	max-height: 200px;
}

.img-tury-po-zayavkam-1
{
	width: 100%;
	max-height: 300px;
}
.img-tury-po-zayavkam-2
{
	float: left;
	margin: 0px 22px 12px 0px;
	max-height: 140px;
}


.vidget-ok
{
	display: inline-block;
	padding: 3px 3px 0px 3px;
	border-radius: 3px;
	background: #F7AD31;
}

.vidget-vk
{
	margin: 25px 0px 0px 0px;
	display: inline-block;
	padding: 3px 3px 3px 3px;
	border-radius: 3px;
	background: #00ACED;
}


.map-modal
{
	margin: 0 auto;
	margin-top: 15px;
	width: 680px;
}
.map-modal .map
{
	margin-top: 20px;
	width: 100%;
	height: 320px;
	border: 5px solid #fff2d5;
	border-bottom: 3px solid #fff2d5;
	border-radius: 0px 0px 8px 8px;
	background: #fff2d5;
}

@media (max-width: 767px)
{
.map-modal
{
	width: 480px;
}
}
@media (max-width: 575px)
{
.map-modal
{
	width: 280px;
}
}

.book-tour
{
}