/***********************LB style_min.css*********************/
/*CONTAINER*/
/*LOGO LINE*/
/*MENU*/
/*H1*/
/*SIDEBAR*/
/*FOOTER*/
/**************TABLET**************/
/*MENU TABLET*/
/*CONTAINER TABLET*/
/*SIDEBAR TABLET*/
/**************MOBILE**************/
/*CONTAINER MOBILE*/
/*LOGO LINE MOBILE*/
/*COLUMNS MOBILE*/



/*CONTAINER*/

body {
background: url(../images/fon.svg) no-repeat;
background-color:#CEDDEF;
background-size: 100% auto;
font-size:18px;
margin: 1em 0;
padding: 0;
}

a {
color: #083765;
}

header, footer, main {
width: 100%;
}

.container {
box-sizing: border-box; 
width:100%;
max-width: 1440px;
margin: 0 auto;
padding:0 20px; /*side paddings*/
font-family:verdana, Arial, Geneva CY, sans-serif;
}

/*LOGO LINE*/

.logo_line {
box-sizing: border-box; 
display: flex;
justify-content: space-between;
align-items: center;
background: #F1F7FC;
padding: 10px 20px;
border-radius: 5px;
position: relative; /* для позиционирования мобильного меню */
width:100%;
}

.logo {
margin-right:20px;
}

.logo img {
max-width:100%;
margin:0;
padding:0;
}

/*MENU*/

#burger {
display: none;
}

.logo_line label {
display: none;
width: 35px;
height: 35px;
cursor: pointer;
z-index: 50;
}

.logo_line label svg {
width: 100%;
height: 100%;
}

.menu {
display: flex;
align-items: center;
gap:20px;
}

.menu a {
text-decoration: none;
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
font-weight: bold;
color: #083765;
white-space: nowrap;
}

.menu a:hover {
color: #CC0000;
}



/*H1*/

H1 {
clear:left;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FF3300;
font-size:1.5em;
font-weight:normal;
margin-top:10px;
margin-bottom:0.7em;
margin-right:0;
text-align:left;
}

H1 img {
margin-right:5px;
float:none;}

.map iframe {
width:100%;
height:100%;
min-height:300px;
}

/*SIDEBAR*/

#sidebar {
box-sizing: border-box; 
flex: 0 0 30%;
max-width: 30%;
text-align:left;
vertical-align: top;
padding:0px;
margin:0px;
border:0px;
vertical-align:top;
font-size:1em;
}

.sidebar-facebook {
margin-top:20px;
height:485px;
margin-bottom:1em;
}

.sidebar-title {
color:#1F9C3E;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
margin-top:20px;
margin-bottom:10px;
max-width:300px;
}

.sidebar-title a {
color:#1F9C3E;
text-decoration:underline;
}

.sidebar_text { /*used: LP*/
box-sizing: border-box; 
margin-top:1.4em;
margin-bottom:1.4em;
width:100%;
text-align:justify;
font-size:1em;
padding:0.5em;
background-color:#FFFFCC;
}

.sidebar_text a {
color:#1F9C3E;
text-decoration:underline;
}

.sidebar-countries {
box-sizing: border-box; 
margin: 1.4em 0 0.7em 0;
padding:1em;
width:100%;
background-color:#FFFFCC; 
font-size:1em;
text-align:justify;
}

.sidebar-countries select {
font: 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-color:#FFFFFF;
border: 1px solid #b2b2b2;
padding: 3px;
margin: 0px 0px 0px 0px;
width:100%;
}

/*FOOTER*/

footer {
margin-top:1em;
}

.footer_line {
box-sizing: border-box; 
background: #F1F7FC;
padding: 15px 20px;
border-radius: 5px;
width:100%;
text-align:center;
}


.footer_item {
display:inline-block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:normal;
color:#666666;
text-align:center;
text-decoration:none;
padding:0 5px 0 5px;
margin:10px 0 10px 0;
}

.footer_item a {
color:#4B8ABF;
text-decoration:none;
}

.delimiter {
border-right:1px solid #CCCCCC;
}

#liveinternet {
display:none;}



/**************TABLET**************/


@media only screen and (max-width: 1023px) {

/*MENU TABLET*/

.logo_line label {
display: block;
}

#burger:checked ~ .menu {
right: 0;
}

.menu {
position: absolute;
flex-direction: column;
top: calc(100% + 12px);
right: 999px;
width: 220px;
background: #F1F7FC;
border: 1px solid #ccc;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 6px 16px rgba(0,0,0,0.18);
flex-direction: column;
gap:0;
padding: 0;
z-index: 1000;
text-align:center;
}

.menu a {
padding:1em 0;
width:100%;
border-bottom: 1px solid #e3e3e3;
}

.menu a:hover {
background: #e7eef7;
color: #CC0000;
}

/*CONTAINER TABLET*/
main .container {
flex-direction: column;
}

#content {
flex: 1;
}



/*SIDEBAR TABLET*/
#sidebar {
display:none;
}



}


/**************MOBILE**************/


@media only screen and (max-width: 700px) {


/*CONTAINER MOBILE*/

.container {
min-width:290px;
border:0;
padding:0 10px 10px 10px;
}

#content {
width: 100%;
margin:0;
padding:0;
padding-right:0;
flex: 0 0 100%;
max-width: 100%;
}

iframe {
max-width:100%;
}


/*LOGO LINE MOBILE*/

.logo  {
max-width:400px;
}

.logo img {
height:auto;
width:100%;
}




/*COLUMNS MOBILE*/
.column {
width:100%;
text-align:left;
font-size:1.1em;
}




}