html {
    width: 100%;
}

body {
  background: url(bg.jpg);
  background-size: cover;
  width: 100%;
  font-family: "Lato", sans-serif;

}


html, body, p, form, ul, li, h1, h2 {
    margin: 0;
    padding: 0;

    text-decoration: none;
}
img {
    border: 0;
    margin: 0;
    padding: 0;
}
a { color: #1888f0; text-decoration: none; }
a:hover { color: #000000;}

li { list-style-type: none; }

img, fomr, fieldset{ background: none; border: none; }

h1 {
	background-color: #78afd0;
	margin-bottom: 5px;
	color: #FFFFFF;
	padding: 2px 0px 4px 10px;
    font-size: 14px;
    border-radius: 5px 5px 0 0;
}

#baner_left {
	margin-bottom: 5px;
	color: #FFFFFF;
	padding: 0px 0 0px 0px;
    text-decoration: none;

}

#baner_left a {
    text-decoration: none;

}
a#baner_left:hover {
    color: #000;
}

#pageList ul {

    display: inline-table;
   list-style-type: none;

}

#pageList ul li {
  margin: 5px 5px 5px 5px;
   display: inline-table; float: left;
   list-style-type: none;

}



h1 img {
	margin-right:3px;
	vertical-align: middle;
}

h2 {

	padding: 5px 0;
	font-size: 14px;

}

h2 span {
	color:#333333;

	padding-left: 10px;
}

p, li {
	font-size: 16px;
}

p a {
	 color:  #007cc7;
	 font-weight: bold;
	 font-style: italic;
	 text-decoration: underline;
}

#background-image {

	    top:0;
	    left:0;
	    z-index:-10;
	    overflow: hidden;
        overflow-y: hidden;
	    width: 100%;
	    display:none;
        position: fixed;
	}

#page {
 border: 2px solid #fff;
width: 950px; margin: 25px auto;position:relative;  background: url(fon.png); z-index: 10;}

#holder {
	margin:0 auto;
	width: 1230px;
	display: flex;
    flex-direction: column;
}


#content {
	width: 1230px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}


#left_content {
	float: left;
	width: 250px;
	padding-left: 2px;


}

#content_right {
    border-radius: 5px;
	float: left;
	width: 714px;
	margin-left: 7px;
	margin-right: 7px;
    background: url(fon.png);
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

.block_news {
    width: 250px;
    float: right;
}


.block2 {
	float: left;
	width: 250px;
    margin-bottom: 10px;
    background: url(fon.png);
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
    border-radius: 5px;
}
.block2 a,
.block3 a{ 
    font-size: 13px; 
}


.block2_1 {
	float: left;
	width: 250px;
	border-radius: 5px;
    margin-bottom: 10px;
    background-color: #78afd0;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.block2_1 a { font-size: 14px; }

.block3 {
    border-radius: 5px;
    margin-bottom: 10px;
    background: url(fon.png);
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}







.block_gallery a {   text-decoration: none; font-size: 16px;

}
.block_gallery a:hover {   text-decoration:  underline; font-size: 16px;

}

.nabor h2 {
  color: #007cc7;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #007cc7;
}
.nabor a {
  margin: 15px 15px;
  color: #007cc7;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.nabor a:hover {
  color: #78af00;
  text-decoration: none;
  text-shadow: 2px solid #007cc7;
}

.nabor2 h2 {
  color: #007cc7;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #007cc7;
}
.nabor2 a {
  margin: 15px 25px;
  padding: 10px 10px;
  color: #007cc7;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
.nabor2 a:hover {
  color: #000;
  text-decoration: none;
  text-shadow: 2px solid #007cc7;
}

.nabor3 a {
  margin: 15px 0px;
  color: #007cc7;
  text-decoration: none;
}
.nabor3 a:hover {
  color: #000;
  text-decoration: none;
  text-shadow: 2px solid #007cc7;
}



.td {
    text-align: center;
}

.B_crumbBox {


	margin-bottom: 5px;
	color: #FFFFFF;
	padding: 2px 0 2px 1px;
    font-size: 18px;
    display: inline;
}

.B_crumbBox li {
  display: inline;    width: 600px;  
	margin-bottom: 5px;
	color: #FFFFFF;
	padding: 2px 0 2px 1px;
    font-size: 18px;

}

.B_crumbBox li a {

	margin-bottom: 5px;
	color: #FFFFFF;
	padding: 2px 0 2px 1px;
    font-size: 16px;   text-decoration: none;
}

.B_crumbBox li a:hover {
    text-decoration: underline;
}

.clear {
	clear: both;
}

.input {
	height: 16px;
	padding: 0 5px;
	font-style: italic;
	border: #666666 solid 1px;
	background-color: #FFFFFF;
	font-size: 0.7em;
	padding-top: 2px;
}

.button1 {
	background: url(images/button1.gif) repeat-x;
	border: solid 1px #4d7100;
	height: 20px;
	padding: 0 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.8em;
}


.button2 {
	background: url(images/button2.gif) repeat-x;
	border: solid 1px #b2b2b2;
	height: 20px;
	padding: 0 5px;
	color: #333333;
	font-weight: bold;
	font-size: 0.7em;
	float: right;
	margin-right: 10px;
}

a.button2 {
	background: url(images/button2.gif) repeat-x;
	border: solid 1px #b2b2b2;
	height: 17px;
	padding: 0 5px;
	color: #333333;
	font-weight: bold;
	font-size: 0.7em;
	float: right;
	margin-right: 10px;
	text-decoration:none;
	padding-top:3px;
	margin:5px 10px;
}
blockquote {
	font-size: 0.75em;
	font-style: italic;
	}

#subscribe .input {width:188px}
/* HEADER */

#header {
    width: 100%;
    display: flex;
    height: 75px;
    margin: 20px 0 25px 0;
    justify-content: space-between;
    align-items: center;
}


#header a {
	display: block;
	/*padding: 10px 0 0 30px;*/
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 18px;
}

#header a { text-decoration: none; }

#header p {
	color: #FFFFFF;
	font-size: 0.7em;
	padding: 10px;
	font-weight: bold;
	 float: left;
}

#header a span {
	font-size: 14px;
	font-weight: normal;
}


.submenu li a span {
    font-size: 12px !important;
}
/* HEADER END */


.header__burger {
    display: none;
}

/* header2 */


#header2 img {
	float: left;
}


#menu ul li {

/*	margin: 0 3px;      */
     display: inline;


}
#menu li a:link, #menu li a:visited {
    height: 20px;
    padding-top: 0px;
    color: #444;
    font-variant: normal;
    text-align: left;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 15px;
    text-decoration: none;
}

#menu li a:hover, .active {


	padding-top: 0px;
	color: #000;
	font-variant: normal;
	text-align: left;
	padding-right: 5px;
    padding-left: 5px;
	text-decoration: none;
	font-size: 15px;
}

#menu li a:hover, .current_page_item {

    height: 20px;
    padding-top: 0px;
    color: #000;
    background: #79AFD0;
    font-variant: normal;
    text-align: left;
    padding-right: 5px;
    padding-left: 5px;
    text-decoration: none;
    font-size: 15px;
    border-radius: 5px;
}



.sf-menu, .sf-menu * {
  margin: 0;
  list-style: none;
  }

  .sf-menu ul {
  position: absolute;
    top: -999em;
    padding: 10px;
    width: max-content;
    display: flex;
    flex-direction: column;
  }
  .sf-js-enabled ul li {
 padding:  10px 10px 10px 10px;
  width: 100%;
  }
  .sf-menu ul li {
	margin: 0;
 padding:  1px 0;
  width: 100%;
  }
  .sf-menu ul li span {
text-align: left;
  }
  .sf-menu li:hover {
  visibility: inherit;
  }
  .sf-menu li {
	margin: 0 3px;
  float:  left;
  position: relative;
  }
  .sf-menu a {
  display: block;
  position: relative;
  }
  .sf-menu li:hover ul,
  .sf-menu li.sfHover ul {
  left:  0;
  top:  20px;
  z-index: 99;
  }
  ul.sf-menu li:hover li ul,
  ul.sf-menu li.sfHover li ul {
  top: -999em;
  }
  ul.sf-menu li li:hover ul,
  ul.sf-menu li li.sfHover ul {
  left: 10em;
  top: 0;
  }
  ul.sf-menu li li:hover li ul,
  ul.sf-menu li li.sfHover li ul {
  top: -999em;
  }
  ul.sf-menu li li li:hover ul,
  ul.sf-menu li li li.sfHover ul {
  left: 10em;
  top: 0;
  }
  
  /*.sf-menu .first  {*/
  /*    background: none;*/
  /*}*/
  
  .sf-js-enabled,
  .first{
      background: #D9EDF8;
      border-radius: 0 0 5px 5px;
  }

.current_page_item {
    background: none;
}





#Search form{
	padding: 5px 0!important;
    font-size: 12px;

	width: 250px;
     float: right;
}

#Search input[type="text"] {
	height: 20px;
	padding: 0 2px;
	font-style: italic;
	border: #666666 solid 1px;
	background-color: #FFFFFF;
	font-size: 12px;
	padding-top: 2px;
	width:130px;
}

#Search input[type="submit"] {
	background: url(images/button1.gif) repeat-x;
	border: solid 1px #4d7100;
	height: 20px;
	padding: 0 2px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.8em;
}



/* header2 END */

/* CONTENT */



.block p, .block h2, .block h3, .block ul, .block input, .block2 p, .block2 h2, .block2 ul, .block2 input {
	margin: 0 10px;
}

.block p, .block2 p {
	padding-bottom: 10px;
}

.block .img, .block2 .img {
	float: left;
	border: #78af00 solid 2px;
	margin: 4px 10px 0 10px;
}

.block p.border, .block2 p.border {
	border-bottom: #78af00 solid 1px;
}

.block input, .block2 input {
	margin-bottom: 5px;
}



#resol {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:fixed;
	-position:absolute;
	font-size: 10px;
	width:230px;
	top:0px;
	left:1280px;
	margin:0 auto;
	background:#bfc6d9;
	text-align:center;
}

#resol h1 {
	background:none;
	font-size: 15px;
	letter-spacing:3px;
	padding:0px;
	margin:0px;
	border: 0px;
}

#resol h2 {
	font-size:10px;
	letter-spacing:3px;
	padding:0px;
	margin:0px;
	border:0px;
	background:none;
}



/* CONTENT END */

/* FOOTER */


.footer {
    width: 100%;
    padding: 20px 0;
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(180deg, transparent, #79AFD0 5%);
}

.footer-container {
    width: 1230px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.footer-left,
.footer-middle, 
.footer-right,
.footer-left-middle{
    display: flex;
    flex-direction: column;
}

.footer-left span,
.footer-left-middle span,
.footer-middle span, 
.footer-right span {
    margin: 5px 0;
    font-weight: 700;
}

.footer-icon a {
    font-size: 22px;
    fill: #000;
}

.footer-icon {
    display: flex;
    gap: 12px;
}


.footer-link {
    color: #000;
}

.footer-link:hover {
    color: #EAE66C;
}

.footer-icon a:hover {
    fill:#EAE66C;
}


.footer-copyright {
    margin: 0 auto;
    text-align: center;
}



#footer_terms {
width: 100%; bottom: 0px; left: 0px; position: absolute; height: 40px;
}
#footer_terms h1 {
	padding: 40px 0px 0px 0px; color: #c6c6c6;
	text-align:right;
	border:0px;
	font-variant:normal;font-size: 0.7em;font-weight: normal;
	text-decoration:none;background: none;
}

#footer_terms a  { text-decoration: underline;}

#footer_terms strong,#footer_terms a {
	color: #c6c6c6;
	font-weight: normal;
	background: none;
}





.theme-default #slider {
  float: left;
  position: relative;
    margin:5px 5px 5px 5px;
    width:100%; /* Make sure your images are the same size 690*/
    height:430px; /* Make sure your images are the same size 430 */
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:1px;

}

.slider-wrapper.theme-default {
    width: 100%;
    overflow: hidden;
}



#pad_tab {

margin:5px 5px 5px 5px;
}

#facebox .b {
  background:url(b.png);
}

#facebox .tl {
  background:url(tl.png);
}

#facebox .tr {
  background:url(tr.png);
}

#facebox .bl {
  background:url(bl.png);
}

#facebox .br {
  background:url(br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

.pagination li{
	float: left;
	margin-left: 20px;
}


/* burger */
.header__burger {
    display: none;
    position: relative;
    width: 30px;
    height: 20px;
    z-index: 150;
    margin-right: 20px;
    cursor: pointer;
}
.header__burger span {
    position: absolute;
    background-color: #1B1B1B;
    width: 100%;
    left: 0;
    height: 2px;
    top: 9px;
    transition: all 0.3s ease;
}
.header__burger:after,
.header__burger:before{
    content: '';
    left: 0;
    background-color: #1B1B1B;
    position: absolute;
    width: 100%;
    height: 2px;
    transition: all 0.3s ease;
}
.header__burger:before {
    top: 0;
    /* transform: rotateZ(-45deg) translate(-8px, 5px); */
}
.header__burger::after {
    bottom: 0;
    /* transform: rotateZ(45deg) translate(-8px, -5px); */
}

.header__burger.active-burger::before {
    background: #fff;
    transform: rotateZ(-45deg) translate(-8px, 5px);
    z-index: 10;
}
.header__burger.active-burger::after {
    transform: rotateZ(45deg) translate(-8px, -5px);
    background: #fff;
}
/*.header__burger.active-burger span {*/
/*    opacity: 0;*/
/*}*/

.menu-arrow {
    background: none !important;
}



    .swiper {
      width: 100%;
      height: 500px;
    }

    .swiper-slide {
      text-align: center;
      font-size: 15px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    
.img-news {
    width: 100%;
    object-fit: contain;
}


@media (max-width:767px) {
    
    .logo-img {
    width: 75px;
}
    #holder {
    /*overflow: hidden;*/
	width: 100%;
}


/* Стили для подменю */
.sf-menu .submenu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: all 1.3s ease;
}

.sf-menu .submenu li {
    margin-left: 15px;
}

/* Стили для стрелочек */
.menu-arrow {
    text-align: center;
    position: relative !important;
    display: inline-block;
    color: #fff;
    /* align-items: center; */
    cursor: pointer;
    width: 50px !important;
    transition: all 0.3s ease;
}

/* Переворот стрелки, когда меню открыто */
.sf-menu > li.open > a .menu-arrow .svg-icon {
    transform: rotate(180deg);
}

/* Подменю отображается, если родительский элемент имеет класс open */
.sf-menu > li.open > .submenu {
    display: block;
    transition: all 1.3s ease;
}

.svg-icon {
    transition: all 0.3s ease;
}




.table {
    width: 100%;
}
.adaptive-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px 0;
}

.header__burger {
    display: block;
}

#header {

    margin: 10px 0 15px 0;

}
.menu {
    display: none;
}
.menu-mob {
    display: none;
}
.header__menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 85%;
    height: 100vh;
    background: #61A3D5;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    color: #fff;
    transition: all 0.3s ease;
    overflow: auto;
}

#menu li a:hover, .active {
     background-color: transparent; 
    height: auto;
     box-shadow: none; 
    color: #FFFFFF;
    /* font-variant: normal; */
    text-align: normal;
    padding:0;
    text-decoration: underline;
    font-size: inherit;
}


.sf-menu ul {
    position: relative;
        top: 0;
        display: flex;
        flex-direction: column;
        width: inherit;
        transition: all 0.3s ease;
}

.sf-menu ul li {
     margin: 0; 
    padding: 1px 0;
    width: inherit;
    font-size: 10px;
    transition: all 0.3s ease;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
     top: 0; 
     z-index: 99; 
}
.logo a {
    padding: 0 !important;
}

.header__menu.active-burger {
    right: 0;
}

#header a {
    padding: 15px 0 0 30px;

}

.header__burger.active-burger .menu-mob {
    display: block;
    padding: 50px 20px 30px 0;
}

.sf-menu {
    display: flex;
    flex-direction: column;
}

.block-logo {
    display: none;
}
#content {
    width: 100%;
    display: flex;
    flex-direction: column;
}


#left_content {
	order: 2;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
}

#content_right {
	order: 1;
	width: 100%;
	margin-left: 0px;
}
#right_content {
    float: right;
    width: 100%;

}

.td {
    text-align: left;
}


.wrapper {
    padding: 10px;
}

.theme-default .nivoSlider img {
	width: 100%;
	height: auto;
	object-fit: cover;
}


.block_news {
        order: 3;
        width: 100%;
}


.block2 {
    width: 100%;
}
.block2_1 {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}

.block3 {
	width: 100%;
    float: left;
    margin-bottom: 10px;
}

.theme-default #slider {
    float: left;
    position: relative;
    margin: 0;
    width: 100%;
    height: 350px;
}

.footer {
    order: 4;
    height: 280px;
}

.footer-container {
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.footer-left, .footer-middle, .footer-right, .footer-left-middle {
    text-align: center;
    margin-bottom: 10px;
}

.footer-icon {
    justify-content: center;
}

.first {
    background: none;
    border-radius: 0;
}

.swiper {
    width: 100%;
    height: 322px;
}




}

@media (max-width:390px) {

#header a {

    font-size: 1.1em;
}
}