@font-face {
    font-family: 'Ink Free';
    src: url('/fonts/InkFree.eot');
    src: url('/fonts/InkFree.eot?#iefix') format('embedded-opentype'),
        url('/fonts/InkFree.woff2') format('woff2'),
        url('/fonts/InkFree.woff') format('woff'),
        url('/fonts/InkFree.ttf') format('truetype'),
        url('/fonts/InkFree.svg#InkFree') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root{
--scolor:#d9042c;
--scolor:#f17404;
--tcolor:#f2a005;
--fcolor:#f3b705;
--bgcolor:#e9f3f2;
}
*, *:before, *:after {
box-sizing:border-box;
padding:0;
margin:0;
}
html{
-webkit-font-smoothing:antialiased;
-webkit-tap-highlight-color:transparent;
scroll-behavior:smooth;
}
body{
line-height:1.5;
margin:0;
box-sizing:border-box;
font-family: 'Ink Free';
color:#000;
font-size:18px;
font-weight:normal;
background-color:var(--bgcolor);
}
header{
position:sticky;
top:0;
width:100%;
-webkit-box-shadow:0px 11px 31px -19px rgba(0,0,0,0.68);
-moz-box-shadow:0px 11px 31px -19px rgba(0,0,0,0.68);
box-shadow:0px 11px 31px -19px rgba(0,0,0,0.68);
background-color:#f5f5f5;
z-index:2;
}
header section{
max-width:1300px;
margin:auto;
}
a {
color:var(--scolor);
text-decoration:none;
background-color:transparent;
-webkit-text-decoration-skip:objects;
}
/* Titles */
h2.h2-title{
position:relative;
text-align:center;
max-width:1300px;
margin:50px auto;
text-transform:uppercase;
font-size:30px;
letter-spacing:1px;
color:var(--scolor);
position:relative;
font-weight:normal;
}
h2.h2-title:before{
content:attr(data-t);
font-size:35px;
color:var(--fcolor);
position:absolute;
top:5px;
left:50%;
transform:translate(-50%, -50%);
z-index:-1;
font-weight:bold;
letter-spacing:5px;
opacity:0.2;
}
h2.h2-titles{
position:relative;
text-align:center;
max-width:1300px;
margin:50px auto;
text-transform:uppercase;
}
h2.h2-titles{
font-size:27px;
letter-spacing:1px;
color:var(--scolor);
position:relative;
}
h2.h2-titles:before{
content:attr(data-t);
font-size:21px;
color:#ccc;
position:absolute;
top:5px;
left:50%;
transform:translate(-50%, -50%);
z-index:-1;
font-weight:bold;
letter-spacing:5px;
}
.main{
font-size:14px;
font-weight:normal;
line-height:1.5;
margin:auto;
margin-bottom:30px;
min-height:400px;
}
.main ul{
list-style-position:inside;
}
.pinner{
max-width:1300px;
}

.gwrapper{
display:grid;
grid-template-columns:repeat(4, 1fr);
grid-gap:50px;
max-width:1300px;
margin:auto;
}
.gwrapper div{
-webkit-box-shadow:-1px 4px 14px 3px rgba(0,0,0,0.06);
-moz-box-shadow:-1px 4px 14px 3px rgba(0,0,0,0.06);
box-shadow:-1px 4px 14px 3px rgba(0,0,0,0.06);
transition:.5s ease-in-out;
}
.gwrapper div:hover{
-webkit-box-shadow:-1px 4px 14px 3px rgba(0,0,0,0.16);
-moz-box-shadow:-1px 4px 14px 3px rgba(0,0,0,0.16);
box-shadow:-1px 4px 14px 3px rgba(0,0,0,0.16);
}
.gwrapper div p{
padding:10px;
text-align:center;
font-size:15px;
color:var(--scolor);
}
.gwrapper div img{
width:100%;
height:250px;
object-fit:cover;
display:block;
}

.gallery_wrapper{
list-style:none;
}
.gallery_wrapper img{
width:100%;
height:200px;
object-fit:cover;
display:block;
}
/* anecdote grid */
ul.anecdote_wrapper{
list-style:none;
display:grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-gap:30px;
max-width:1300px;
margin:0 auto;
}
ul.anecdote_wrapper.g1{
grid-template-columns: 100%;
max-width:100%;
}
.anecdote_wrapper li{
position:relative;
background-color:#fff;
border:1px solid #e9f3f2;
border-radius:15px;
overflow:hidden;
}
.anecdote_wrapper p{
font-size:18px;
padding:20px;
line-height:1.5;
position:relative;
}
.anecdote_wrapper a{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:1;
}
.anecdote_wrapper span{
text-align:left;
font-size:15px;
display:block;
margin:20px 0 15px 0;
}
.anecdote_wrapper time, .anecdote_view div:first-child time{
text-align:right;
font-size:15px;
display:block;
color:var(--scolor);
font-style:italic;
}
.anecdote_wrapper img:not(.views){
width:100%;
display:block;
-webkit-box-shadow:0px 9px 27px -18px rgba(0,0,0,0.75);
-moz-box-shadow:0px 9px 27px -18px rgba(0,0,0,0.75);
box-shadow:0px 9px 27px -18px rgba(0,0,0,0.75);
}
.anecdote_wrapper li em{
position:absolute;
top:7px;
right:7px;
padding:5px 10px;
font-size:12px;
background-color:rgba(255,255,255, 0.6);
border-radius:7px;
}
.anecdote_wrapper li em img{
width:17px;
vertical-align:center;
}
.anecdote_wrapper i{
color:#ddd;
font-size:12px;
}
.anecdote_view{
max-width:1300px;
display:grid;
grid-template-columns:60% auto;
grid-gap:50px;
margin-top:50px;
}
.anecdote_view div:first-child p{
line-height:1.6;
font-size:25px;
}
.anecdote_view .aheader div>img{
width:50%;
min-width:320px;
margin:auto;
display:block;
border-radius:15px;
}
.anecdote_view .aheader div h2.title{
font-size:25px;
margin:15px 0;
text-align:center;
}
#rating-value i{
color:#ccc;
font-size:14px;
}
/* Info page */
.info_wrap{
max-width:1300px;
margin:30px auto;
display:grid;
grid-template-columns:30% auto;
grid-gap:50px;
}
.info_wrap .info_wrap_image img{
width:100%;
height:auto;
}
.info_wrap .info_wrap_text h1{
color:var(--scolor);
font-size:22px;
margin-bottom:25px;
text-align:right;
}
.info_wrap .info_wrap_text p{
color:var(--scolor);
font-size:15px;
line-height:1.5;
}
.info_just_text{
max-width:1300px;
margin:30px auto;
}
/* Form elements */
form input[type='text']{
width:100%;
padding:15px;
font-size:17px;
font-family: inherit;
margin-bottom:15px;
outline:none;
border:1px solid var(--scolor);
}
textarea{
width:100%;
padding:15px;
font-size:17px;
font-family:inherit;
outline:none;
border:1px solid var(--scolor);
}
form input[type='text']::placeholder, textarea::placeholder{
font-size:17px;
color:var(--scolor);
}
#respc, #respv, #respct{
margin-bottom:20px;
font-size:16px;
}
/* Loader */
#loader {
display:block;
position:absolute;
left:50%;
top:50%;
width:90%;
height:90%;
margin:-45% 0 0 -45%;
border-radius:50%;
border:3px solid transparent;
border-top-color:#16364d;
-webkit-animation:spin 10s linear infinite;
animation:spin 10s linear infinite;
z-index:1001;
}
#loader:before {
content:"";
position:absolute;
top:15px;
left:15px;
right:15px;
bottom:15px;
border-radius:50%;
border:3px solid transparent;
border-top-color:#57ff8d;
-webkit-animation:spin 21s linear infinite;
animation:spin 21s linear infinite;
}
#loader:after {
content:"";
position:absolute;
top:30px;
left:30px;
right:30px;
bottom:30px;
border-radius:50%;
border:3px solid transparent;
border-top-color:#3ea9f5;
-webkit-animation:spin 15s linear infinite;
  animation:spin 15s linear infinite;
}
@-webkit-keyframes spin {
	0%   { 
		-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@keyframes spin {
	0%   { 
		-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

/* Pagination styles */
ul.pagination {
text-align:center;
margin:30px 0;
}
ul.pagination li {
display:inline;
padding:0 3px;
}
ul.pagination a {
color:var(--scolor);
display:inline-block;
padding:5px 10px;
border:1px solid #cde0dc;
text-decoration:none;
}
ul.pagination a:hover,
ul.pagination a.current {
background-color:var(--scolor);
color:#fff;
}
/* Pagination styles */
.fade-in {
animation:fadeIn ease 0.8s;
-webkit-animation:fadeIn ease 0.8s;
-moz-animation:fadeIn ease 0.8s;
}
.rsuccess{
color:green;
}
.rerror{
color:red;
}
.wrap{
width:35%;
min-width:350px;
margin:auto;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
.footer{
background-color:var(--scolor);
text-align:center;
}
.footeri{
max-width:1300px;
margin:auto;
padding:35px;
color:#fff;
display:grid;
grid-template-columns:40% 20% auto;
grid-gap:50px;
}
.footeri div:first-child img.flogo{
display:block;
margin-bottom:25px;
width:250px;
}
.footeri div:first-child p, .footeri div:last-child p{
font-size:11px;
line-height:1.5;
}
.footeri a{
color:#fff;
}
.footeri ul.sLang{
margin:25px 0;
list-style:none;
}
.footeri ul.sLang li{
display:inline-block;
margin-right:10px;
text-transform:uppercase;
}
/* Search */
#search input[type="text"]{
margin:30px auto;
padding:10px 15px;
width:200px;
outline:none;
border:1px solid transparent;
border-bottom:2px solid var(--scolor);
background-color:rgba(255,255,255, 0.8);
transition:0.8s;
font-size:17px;
color:var(--scolor);
background-image:url("/img/icons/search.svg");
background-position:97% center;
background-repeat:no-repeat;
background-size:30px 30px;
}
#search input[type="text"]:focus{
width:60%;
background-color:rgba(255,255,255, 1);
}
ol.search_results{
width:50%;
min-width:390px;
margin:30px auto;
list-style-position:inside;
background-color:#f2f2f2;
border:1px solid #ccc;
padding:20px;
}
ol.search_results li{
line-height:2;
text-align:left;
color:#aaa;
}
ol.search_results li a{
text-decoration:underline;
color:var(--scolor);
margin-left:5px;
font-size:18px;
}
ol.search_results li a:hover{
color:var(--scolor);
}
/* Ratings */
.rating-container { 
display: flex; 
gap: 5px; 
}
.rating-container span {
font-size: 40px;
cursor: pointer;
color: #ccc; /* Цвет пустой звезды */
transition: transform 0.1s;
}
/* Состояние наведения и активное состояние */
.rating-container span.hover,
.rating-container span.active {
color: #ffcc00;
}
.rating-container span:hover { 
transform: scale(1.2); 
}
.status { 
margin-top: 15px; 
font-size: 14px; 
color: #777; 
height: 20px; 
}
/* Stars show */
.rtng{
text-align: center;
}
.stars-outer {
display: inline-block;
position: relative;
font-size: 28px;
color: #ddd;
}
.stars-outer::before {
content: "★★★★★";
}
.stars-inner {
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
overflow: hidden;
color: #ffcc00;
}

.stars-inner::before {
content: "★★★★★";
}
/* Contact form */
.contact_wrapper{
max-width:1300px;
margin:auto;
display:grid;
grid-template-columns:40% auto;
grid-gap:50px;
}
.contact_wrapper_info{
background-image:url("/img/other/contact.png");
background-size:contain;
background-position:center bottom;
background-repeat:no-repeat;
}
.contact_wrapper_info p{
font-size:20px;
}
/* Box Shadows */
.bsh{
-webkit-box-shadow:0px 0px 25px -11px rgba(0,0,0,0.5);
-moz-box-shadow:0px 0px 25px -11px rgba(0,0,0,0.5);
box-shadow:0px 0px 25px -11px rgba(0,0,0,0.5);
}
/* Buttons */
.msbuttonl {
display:inline-block;
margin:20px 0;
color:#fff;
transition:0.8s;
position:relative;
padding:10px 25px;
text-align:center;
background-color:transparent;
text-transform:uppercase;
font-size:13px;
letter-spacing:1px;
outline:none;
cursor:pointer;
border:1px solid #fff;
z-index:0;
transition:0.3s ease-in;
}
a.msbuttonl{
color:#fff!important;	
}
.msbuttonl::before{
height:0;
content:"";
position:absolute;
top:auto;
left:0;
bottom:0;
right:0;
background-color:#fff;
transition:0.3s ease-in;
z-index:-1;
}
.msbuttonl:hover{
color:var(--scolor)!important;
}
.msbuttonl:hover::before {
height:100%;
}

.msbuttond {
display:inline-block;
margin:20px 0;
color:var(--scolor);
transition:0.8s;
position:relative;
padding:15px 25px;
text-align:center;
background-color:transparent;
text-transform:uppercase;
font-size:17px;
font-family: inherit;
letter-spacing:1px;
outline:none;
cursor:pointer;
border:1px solid var(--scolor);
z-index:0;
transition:0.3s ease-in;
}
a.msbuttond{
color:var(--scolor)!important;	
}
.msbuttond::before{
height:0;
content:"";
position:absolute;
top:auto;
left:0;
bottom:0;
right:0;
background-color:var(--scolor);
transition:0.3s ease-in;
z-index:-1;
}
.msbuttond:hover{
color:#fff!important;
}
.msbuttond:hover::before {
height:100%;
}
@-webkit-keyframes closeLetter {
50% {transform:rotateX(-90deg);}
100% {transform:rotateX(-180deg);}
}
@keyframes closeLetter {
50% {transform:rotateX(-90deg);}
100% {transform:rotateX(-180deg);}
}
@-webkit-keyframes fadeOutText {
49% {opacity:1;}
50% {opacity:0;}
100% {opacity:0;}
}
@keyframes fadeOutText {
49% {opacity:1;}
50% {opacity:0;}
100% {opacity:0;}
}
@-webkit-keyframes fadeInEnvelope {
0% {opacity:0; transform:translateY(8rem);}
/*90% {opacity:1; transform:translateY(4rem);}*/
100% {opacity:1; transform:translateY(4.5rem);}
}
@keyframes fadeInEnvelope {
0% {opacity:0; transform:translateY(8rem);}
/*90% {opacity:1; transform:translateY(4rem);}*/
100% {opacity:1; transform:translateY(4.5rem);}
}
@-webkit-keyframes scaleLetter {
66% {transform:translateY(-8rem) scale(0.5, 0.5);}
75% {transform:translateY(-8rem) scale(0.5, 0.5);}
90% {transform:translateY(-8rem) scale(0.3, 0.5);}
97% {transform:translateY(-8rem) scale(0.33, 0.5);}
100%{transform:translateY(-8rem) scale(0.3, 0.5);}
}
@keyframes scaleLetter {
66% {transform:translateY(-8rem) scale(0.5, 0.5);}
75% {transform:translateY(-8rem) scale(0.5, 0.5);}
90% {transform:translateY(-8rem) scale(0.3, 0.5);}
97% {transform:translateY(-8rem) scale(0.33, 0.5);}
100%{transform:translateY(-8rem) scale(0.3, 0.5);}
}
@keyframes pushLetter {
0% {transform:translateY(-8rem) scale(0.3, 0.5);}
50% {transform:translateY(-8rem) scale(0.3, 0.5);}
90% {transform:translateY(-8.5rem) scale(0.3, 0.5);}
100% {transform:translateY(-8rem) scale(0.3, 0.5);}
}
.nothing{
background-color:#eee;
border:1px solid #ddd;
width:300px;
margin:auto;
color:#bbb;
padding:15px 25px;
box-sizing:border-box;
text-align:center;
text-shadow:1px 1px 1px #fff;
}
img.i404{
width:150px;
display:block;
margin:auto;
}
/* Back to top */
img.back-to-top{
width:30px;
margin:auto;
display:block;
z-index:8;
position:fixed;
right:20px;
bottom:20px;
}
.banner{
width:700px;
text-align:center;
margin:30px auto;
}
.banner img{
width:100%;
height:auto;
border-radius:15px;
}
/* MEDIA QUERIES */
@media screen and (max-width:1300px) {
	.main, header section, .contact_wrapper{
	width:98%;
	}
}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1100px) {

}
@media screen and (max-width:1000px) {

}
@media (min-width:992px){
	.site-menu {
	display:block !important;
	}
	.mtoggle{
	display:none;
	}
}
@media screen and (max-width:1281px) {
	.mtoggle{
	display:block!important;
	}
	.site-menu {
	display:none !important;
	}
	.site-navbar .site-navigation {
	text-align:right !important;
	}
}
@media screen and (max-width:900px) {
	.footeri{
	grid-template-columns:100%;
	grid-gap:0;
	}
	.contact_wrapper {
	grid-template-columns:100%;
	grid-gap:20px;
	}
}
@media screen and (max-width:800px) {
	.anecdote_view{
	grid-template-columns:100%;
	}
	
}
@media screen and (max-width:700px) {
	.info_wrap{
	grid-template-columns:100%;
	grid-gap:30px;
	}
    .banner{
    width:100%;
    }
}
@media screen and (max-width:600px) {
	.bheader{
	grid-template-columns:100%;
	}
	.bheader div:first-child img{
	margin:auto;
	}
}
@media screen and (max-width:500px) {
	h2.h2-title{
	font-size:19px;
	}
	h2.h2-title:before{
	font-size:25px;
	}
    ul.pagination li {
    padding:0;
    }
    ul.pagination li a{
    padding:2px 8px;
    font-size:13px;
    }
}
@media screen and (max-width:400px) {
    .anecdote_view .aheader div>img{
    width:100%;
    }
}