@import "mobmenu.css";
@import "breadcrumb.css";
@import "lang.css";

:root {
	--block-height: 150px;
	--main-border-color: green; /*#BFE2FF*/
	--main-bg-color: #23bf47; /*rgba(2,79,22,0.1);*/ /*#23af47;*/
	--main-bg-selection-color: red;
	--line-height: 24px;
	--bg-color: rgb(64, 229, 13, 0.1);
	--dark-bg-color:darkgreen;
	--footer-height: 150px;
	--font-size:16px;
	
}

html {
	font-size: 14px;
}

html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 60px;
	font-family: Verdana;
}

.fixed-container {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
}

.container {
	display: flex;
	padding: 5px;
	/*border: 1px solid black;*/
	justify-content: space-around;
	flex-direction: row;
	align-items: center;
}

.container-search {
	display: flex;
	/*border: 1px solid red;*/
	flex-direction: row;
	justify-content: space-between;
}

.item {
	/*border: 1px solid red;*/
	/*flex: 0 1 auto;*/
}

.logo {
	/*flex-grow:0;*/
}

.logo-caption {
	font-style: italic;
	font-family: 'Times New Roman';	
	color: red;
	text-align: center;	
}

	.logo-caption > span {
		text-transform:uppercase;
		font-weight:300;		
		font-family: Verdana;
		color: forestgreen;
	}

header .container .logo img {
	/*height: 70px;*/
	width:50px;
}


.search {
	padding: 0;
	position: relative;
	margin-top: 120px;
}

.container-search form {
	width: 100%;
	height: auto;
}

.container-search .form {
	display: flex;
	flex-direction: row;
	max-height: 25px;
}

.container-search form .form input[type="text"] {
	border: 1px solid black;
	border-right: none;
	padding: 10px;
	background: none;
	flex-basis: 85%;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: normal;
	flex-grow: 1;
	width: 100%;
	outline: none;
}

.burg {
	height: 20px;
	width: 30px;
	position: relative;
	display: flex;
	align-content: space-between;
	flex-direction: column;
}

	.burg span {
		height: 2px;
		width: 100%;
		background: #000;
		border: 1px solid black;
		margin-top: 5px;
	}

.container-search form .form input[type="submit"] {
	width: 25px;
	height: auto;
	border: 1px solid black;
	border-left: none;
	/*position: relative;
    top: -26px;
    left: 95%;*/
	background: url('data:image/svg+xml,<svg id="svg-search" width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7396 12.9709H13.8081L13.4779 12.6525C14.6335 11.3082 15.3292 9.56306 15.3292 7.6646C15.3292 3.43138 11.8978 0 7.6646 0C3.43138 0 0 3.43138 0 7.6646C0 11.8978 3.43138 15.3292 7.6646 15.3292C9.56306 15.3292 11.3082 14.6335 12.6525 13.4779L12.9709 13.8081V14.7396L18.8667 20.6237L20.6237 18.8667L14.7396 12.9709ZM7.6646 12.9709C4.72847 12.9709 2.35834 10.6007 2.35834 7.6646C2.35834 4.72847 4.72847 2.35834 7.6646 2.35834C10.6007 2.35834 12.9709 4.72847 12.9709 7.6646C12.9709 10.6007 10.6007 12.9709 7.6646 12.9709Z" fill="%23838383"></path></svg>') no-repeat;
}

.container-search form .form svg {
	position: relative;
	top: -20px;
	align-self: end;
}



.hide {
	display: none;
}

input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


/*
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}*/
.grid {
	margin-top: 15px;
	display: table;
	width: 100%;
	/*border: 1px solid black;*/
}

.row {
	display: table-row;
	/*border: 1px solid green;*/
}

.cell {
	display: table-cell;
	/*border: 1px solid red;*/
	padding: 5px;
	vertical-align: middle;
	width: 50%;
}

.image {
	display: flex;
	width: 100%;
	margin-top: 10px;
}

	.image img {
		flex-grow: 1;
	}

.index-blocks:last-child {
	margin-bottom: calc(var(--block-height) + 20px);
}

.index-block {
	margin-top: 10px;
	margin-bottom: 40px;
	position: relative;
	min-height: var(--block-height);
}

.title {
	position: relative;
	margin-bottom: 70px;
	padding: 0;
	outline: none;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}

	.title:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		background: #23AF47;
		height: 1px;
		width: 100%;
		z-index: 1;
		font-family: 'Montserrat', sans-serif;
	}

	.title span {
		position: relative;
		font-style: normal;
		font-weight: bold;
		font-size: 22px;
		line-height: normal;
		color: #EA3D3D;
		background: #fff;
		padding: 0 15px;
		margin-left: 15px;
		z-index: 2;
	}

.first-letter:first-letter {
	text-transform: capitalize;
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}



.margin-top-10{
	margin-top:10px;
}

.margin-top-5 {
	margin-top: 5px;
}

footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #23AF47;
	max-height: var(--footer-height);
}

	footer .footer-content {
		padding: 5px;
	}

		footer .footer-content .footer-logo svg {
			width: 80px;
		}

.box-shadow {
	box-shadow: 0 8px 26px rgba(0,0,0,0.4), 0 28px 30px rgba(0,0,0,0.3);
	background-color: var(--bg-color);
}
.leftimg {
	float: left; /* Âûðàâíèâàíèå ïî ëåâîìó êðàþ */
	margin: 7px 7px 7px 0; /* Îòñòóïû âîêðóã êàðòèíêè */
}

.rightimg {
	float: right; /* Âûðàâíèâàíèå ïî ïðàâîìó êðàþ  */
	margin: 7px 0 7px 7px; /* Îòñòóïû âîêðóã êàðòèíêè */
}

/********start news img*********/
.news-img{
	background-color:lightgrey;
	width:128px;
	height:128px;	
	
}
	.news-img .ru-text {
		text-align: center;
		margin: auto;
		transform: rotate(-15deg);
		font-size: 28px;
		position: relative;
		top: 50px;
		z-index: 3;
		overflow: clip;
		color: darkgreen;
		font-weight: 900;
	}
	.news-img .en-text {
		text-align: center;
		margin: auto;
		transform: rotate(-45deg);
		font-size: 24px;
		position: relative;
		top: 10px;
		z-index:4;
		color:red;
		font-weight:900;
	}
	.news-img .uk-text {
		text-align: center;
		margin: auto;
		transform: rotate(45deg);
		font-size: 24px;
		position: relative;
		top: -55px;
		z-index: 2;
		color: darkblue;
		font-weight: 900;
	}
/********end*********/

/*
@media screen and (min-width: 768px) {
	html {
		font-size: var(--font-size);
	}
}*/

@media screen and (min-width:768px) {
	header .container .logo img {
		/*height: 70px;*/
		width: 100px;
	}
	.logo-caption{
		font-size:18px;
	}
	.logo-caption > span{
		font-size:18px;
	}
}

@media screen and (max-width:375px){
	.logo-caption{
		font-size:14px;
	}
		.logo-caption > span {
			font-size: 12px;
		}
}