@import url('https://fonts.googleapis.com/css?family=Gabriela|Roboto:300,300i,400,400i,500,500i,700,700i&display=swap&subset=cyrillic');
/* Colors */
:root {
	--bablack: #000000;
	--badark: #343434;
	--bawhite: #ffffff;
	
	--balightgreen: #ccce89;
	--bagreen: #bbbd7d;
	--badarkgreen: #276839;
	
	--balightred: #d3747a;
	--bared: #9f1c1c;
	--badarkred: #5c0308;
}

.bg-badark {background-color: var(--badark) !important;}
.bg-bawhite {background-color: var(--bawhite) !important;}
.bg-balightgreen {background-color: var(--balightgreen) !important;}
.bg-bagreen {background-color: var(--bagreen) !important;}
.bg-badarkgreen {background-color: var(--badarkgreen) !important;}
.bg-balightred {background-color: var(--balightred) !important;}
.bg-bared {background-color: var(--bared) !important;}
.bg-badarkred {background-color: var(--badarkred) !important;}

.bgh-badark:hover {background-color: var(--badark) !important;}
.bgh-bawhite:hover {background-color: var(--bawhite) !important;}
.bgh-balightgreen:hover {background-color: var(--balightgreen) !important;}
.bgh-bagreen:hover {background-color: var(--bagreen) !important;}
.bgh-badarkgreen:hover {background-color: var(--badarkgreen) !important;}
.bgh-balightred:hover {background-color: var(--balightred) !important;}
.bgh-bared:hover {background-color: var(--bared) !important;}
.bgh-badarkred:hover {background-color: var(--badarkred) !important;}

.c-badark {color: var(--badark) !important;}
.c-bawhite {color: var(--bawhite) !important;}
.c-balightgreen {color: var(--balightgreen) !important;}
.c-bagreen {color: var(--bagreen) !important;}
.c-badarkgreen {color: var(--badarkgreen) !important;}
.c-balightred {color: var(--balightred) !important;}
.c-bared {color: var(--bared) !important;}
.c-badarkred {color: var(--badarkred) !important;}

.b-badark {border-color: var(--badark) !important;}
.b-bawhite {border-color: var(--bawhite) !important;}
.b-balightgreen {border-color: var(--balightgreen) !important;}
.b-bagreen {border-color: var(--bagreen) !important;}
.b-badarkgreen {border-color: var(--badarkgreen) !important;}
.b-balightred {border-color: var(--balightred) !important;}
.b-bared {border-color: var(--bared) !important;}
.b-badarkred {border-color: var(--badarkred) !important;}


body {
	font-family: 'Roboto', sans-serif;
	overflow: auto;
	color: var(--badark);
	font-size: 16px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Gabriela', serif;
	color: var(--badarkgreen);
}
h1, .h1, h2, .h2 {
	font-size: 40px;
}
h1 img, .h1 img, h2 img, .h2 img {
	left: 0;
    top: 0;
    z-index: -1;
	width: 53px !important;
}
h3, .h3 {
	font-size: 18px;
}

a, a:focus, a:active, a:visited {
	color: var(--badark);
	transition: .2s;
	text-decoration: underline;
}
a:hover {
	color: var(--bablack);
	transition: .2s;
}
a.green, a.green:active, a.green:focus, a.green:visited {
	color: var(--p-balightgreen);
}
a.green:hover {
	color: var(--p-bagreen);
	text-decoration: none;
}
a.red, a.red:active, a.red:focus, a.red:visited {
	color: var(--p-bared);
}
a.red:hover {
	color: var(--p-badarkred);
	text-decoration: none;
}

.alert {
	display: none;
}

.but {
	text-transform: uppercase;
	font-family: 'Gabriela', serif;
	font-size: 18px;
	text-decoration: none;
	padding: 8px 16px;
}
.but svg {
	width: 24px;
	height: 24px;
	margin-right: 8px;
}
.but-green, .but-green:active, .but-green:focus, .but-green:visited {
	background-color: var(--balightgreen);
	color: var(--bawhite);
	transition: .3s;
}
.but-green:hover {
	background-color: var(--bagreen);
	color: var(--bawhite);
	transition: .3s;
	text-decoration: none;
}

.but-white, .but-white:active, .but-white:focus, .but-white:visited {
	background-color: var(--bawhite);
	color: var(--badark);
	transition: .3s;
}
.but-white:hover {
	background-color: var(--bagreen);
	color: var(--bawhite);
	transition: .3s;
	text-decoration: none;
}
.but-white svg {
	fill: var(--bagreen);
}
.but-white:hover svg {
	fill: var(--bawhite);
}

.form-control:focus {
    border-color: var(--bagreen);
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(39, 104, 57, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(39, 104, 57, 0.25);
}

.hr-left, .hr-right {
	height: 10px;
	background: url(../images/line-bg.png);
}
.hr-left img {
	left: 80px;
}
.hr-right img {
	right: 80px;
}


header {
	background-image: url(../images/header-bg.png);
	background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.slider .cloud {
	width: 520px;
	height: 265px;
	right: 0;
	bottom: calc(50% - 130px);
	font-family: 'Gabriela', serif;
	font-size: 18px;
	padding: 85px 100px 50px;
	background: rgba(229,243,254,0.8);
	background: -moz-radial-gradient(center, ellipse cover, rgba(229,243,254,0.8) 0%, rgba(229,243,254,0.8) 45%, rgba(229,243,254,0) 78%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(229,243,254,0.8)), color-stop(45%, rgba(229,243,254,0.8)), color-stop(78%, rgba(229,243,254,0)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(229,243,254,0.8) 0%, rgba(229,243,254,0.8) 45%, rgba(229,243,254,0) 78%);
	background: -o-radial-gradient(center, ellipse cover, rgba(229,243,254,0.8) 0%, rgba(229,243,254,0.8) 45%, rgba(229,243,254,0) 78%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(229,243,254,0.8) 0%, rgba(229,243,254,0.8) 45%, rgba(229,243,254,0) 78%);
	background: radial-gradient(ellipse at center, rgba(229,243,254,0.8) 0%, rgba(229,243,254,0.8) 45%, rgba(229,243,254,0) 78%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f3fe', endColorstr='#e5f3fe', GradientType=1 );
}

nav {
	-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	font-family: 'Gabriela', serif;
	font-size: 18px;
	z-index: 10;
}

nav a, nav a:active, nav a:focus, nav a:visited {
	color: var(--bared);
	text-decoration: none;
	transition: .2s;
}
nav a:hover {
	color: var(--badarkred);
	text-decoration: underline;
	transition: .2s;
}
nav a.selected {
	color: var(--bared);
	text-decoration: underline;
}
nav .sub-nav {
	z-index: 5;
	display: none;
	transition: .2s;
	width: 330px;
}
nav .col:hover .sub-nav {
	display: block;
	transition: .2s;
}

nav ul.menu {
	display: none;
}


main {
	background-image: url(../images/content-bg.min.png);
	background-repeat: no-repeat;
    background-position: top right;
}
[role="main"] {
	background-image: url(../images/content-bg.big.png);
	background-repeat: no-repeat;
    background-position: bottom right;
}

.cal {
	background-image: url(../images/calendar.png);
	background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
	height: 115px;
}
.cal .h2{
	font-size: 30px;
}

.flatpickr-calendar { width: 255px;font-size: 12px;line-height: 20px;border-radius: unset;    -webkit-box-shadow: none;
    box-shadow: none;}
.flatpickr-days { width: 255px;}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: var(--bared);
    border-color: var(--bared);
}
.flatpickr-months .flatpickr-month {
  border-radius: unset;
  background: var(--balightgreen);
}
.flatpickr-weekdays { background: var(--balightgreen);}
span.flatpickr-weekday { background: var(--balightgreen);}
.flatpickr-current-month .flatpickr-monthDropdown-months { background: var(--balightgreen); color: var(--badark);}
.flatpickr-current-month input.cur-year {color: var(--badark);}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background: var(--balightgreen);}
.flatpickr-day {
    max-width: 32px;
    height: 32px;
    line-height: 32px;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    height: 34px;
    padding: 5px;
    z-index: 3;
    color: var(--badark);
    fill: var(--badark);
}
.dayContainer {
    width: 255px;
    min-width: 255px;
    max-width: 255px;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(72,72,72,0.5);
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: var(--balightgreen);
}
.flatpickr-innerContainer {overflow: visible;}
.flatpickr-days {overflow: visible;}
.event {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 150px;
    bottom: 3px;
    left: calc(50% - 1.5px);
    content: " ";
    display: block;
    background: var(--bared);
}

.event.api {
    background: var(--bagreen);
}


[role="changeNumber"] {
	cursor: pointer;
}



.gallery {
	background-image: url(../images/bg-gallery.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.gallery img {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
}


footer {
	-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	z-index: 2;
}
footer a {
	text-decoration: none;
}








.remodal-close, .remodal-close:before {
    left: unset;
    right: 0;
}
.remodal-overlay {
    background: rgba(0,0,0,.9);
}