@font-face { font-family: "OpenSansReg"; src: url("/app/fonts/OpenSans-Regular.eot");}
 @font-face { font-family: "OpenSansReg"; src: url("/app/fonts/OpenSans-Regular.ttf");} 
 @font-face { font-family: "OpenSansBold"; src: url("/app/fonts/OpenSans-Bold.eot");}
 @font-face { font-family: "OpenSansBold"; src: url("/app/fonts/OpenSans-Bold.ttf");}
 @font-face { font-family: "OpenSansSemiBold"; src: url("/app/fonts/OpenSans-SemiBold.eot");}
 @font-face { font-family: "OpenSansSemiBold"; src: url("/app/fonts/OpenSans-SemiBold.ttf");}
 
BODY, HTML {background-color:#fff; font-family:"OpenSansReg", Helvetica, Arial, sans-serif; font-size:16px; font-weight: normal; font-style: normal; color:#585858; line-height: 1.42857143;}

#divHeader {height:55px; background-color:#f8f8f8; position:relative;} 
@media (max-width: 767px) {
  #divHeader {height:40px;}
}

#divFooter {background-color:#afafaf; color:#fff; font-size:0.875rem; line-height:1.7em; padding-top:20px; padding-bottom:2px;}
#divFooter strong {font-size:0.875rem; /*line-height:2.85em;*/}
#divFooter A {color:#fff;}

#divContent {min-height: 0px;width: 100%;}
@media (min-width: 2000px) {
#divContent {min-height: 120px}
}

#divTextgen {text-align:justify}
#row1textmain {text-align:justify; padding-bottom:40px;}
@media (max-width: 320px) {
  #row1textmain {text-align:left;}
}
#row1textmod {padding-bottom:30px;}

#top_rnb a.zag_rnb, #top_rnb span.zag_rnb {font-family: "Times New Roman", serif; font-size: 1.4rem; color:rgba(78,78,78,0.7); font-weight:500; text-transform:uppercase; letter-spacing:0.1em; padding-left: 20px; line-height:1.7em; text-decoration:none;}

     /*.slabovid {float:right;}
	 .slabovid  .glyphicon {font-size:22px; margin-top:5px;}
	 .slabovid  span {font-size:14px;}
	 .slabovid a {color:#777;}
     @media (max-width: 991px) {
       .slabovid {display:none;}
	 }*/
#top_menu {float:right;}
#rnb_mob {display:none;}
#top_menu_mob {display:none;}
	 @media (max-width: 767px) {
         #rnb_mob {display:block;}
		 #top_menu_mob {display:block; background-color: transparent; position:absolute; top:60px; right:15px; width:auto; text-align:right;}
		 #top_menu_mob .glyphicon {padding-left:10px;}
		 #top_rnb {display:none;}
		 #top_menu {display:none;}
	 }

.sh1 {padding-right:0;}
.sh2 {border-left:1px solid #e8e8e8; padding-left:30px;}
@media (max-width: 767px) {
.sh1 {padding-right: 15px;}
.sh2 {border-left:none; padding-left:15px;}
}

/* Заголовки */
H1 {font-family: "Times New Roman", serif; font-size: 2.2rem; font-style:normal; text-align: left; margin-bottom:20px; margin-top:0;}
@media (max-width: 767px) {
  H1 {font-size: 2rem;}
}
H2 {font-size:1.8rem; margin-bottom:20px;}
/*#divTextgen H2 {text-align:left}*/
H3 {font-size: 1.5rem;}
H4 {font-size: 1.3rem;}
H4 .glyphicon {font-size: 1rem;}
@media (max-width: 500px) {
  H2, H3, H4 {text-align: left; }
}


/* навигация  */
.nav {width:100%; }
.navbar {min-height: 38px; margin-top: 0; margin-bottom:0; border-radius: 0; }
.nav > li {position: relative;   min-height: 1px;   /*padding-right: 15px;   padding-left: 15px;*/ width: /*16.66666667%*/14.28571428%; text-align:center; height:50px;}
@media (max-width: 1000px) and (min-width:768px) {
.nav > li > a { padding: 10px 0;}
}
/*.nav > li:before {display: inline-block;  height: 100%; vertical-align: middle;}*/
@media (max-width: 767px) {
  .nav > li {width: auto; height: auto; text-align:left; }
}
.navbar-nav li a {font-size:14px; font-weight:normal; padding-top:5px; padding-bottom:5px; text-transform:uppercase;}
.navbar-default {border-color: #f8f8f8;}
.navbar-default .navbar-nav > li > a {color: #fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #ddd;}
@media (max-width: 767px) {
  .navbar-default .navbar-nav > li > a {color: #777;}
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333;}
}
/*.navbar-default {background-color: rgba(255,255,255,0.75); }
	  @media (max-width: 767px) {
         .navbar-default {background-color: rgba(255,255,255,1); z-index:10000;}
}*/
 @media (max-width: 767px) {
         .navbar-default {background-color: #fff; z-index:10000;}
	  }
.navbar-header {background-color: #ec3f33;}
.navbar-brand { height: 38px;  padding: 10px 10px; background-color: #ec3f33; font-family: "Times New Roman", serif; letter-spacing:0.1em; font-size: 24px; color:#fff;}
.navbar-brand:hover, .navbar-default .navbar-brand:focus {color: #CCC; background-color:#ec3f33}
.navbar-default .navbar-brand {color:#fff;}
.navbar-toggle {margin-top: 2px;   margin-bottom: 2px;}
.container > .navbar-collapse {margin: 0 -15px;}

/*#menu_collapse {background-color:transparent;}
.navbar-nav li a {font-size:16px; font-weight:normal; color:#000;}
.navbar-nav > li > a {padding-top: 9px;  padding-bottom:9px;}*/

/*.nav > li:first-child > a {padding-left:0;}
     @media (max-width: 767px) {
       .nav > li:first-child > a {padding-left:15px;}
}*/

.nav > li:nth-child(1) {background-color:#589B17; padding-top:10px}
.nav > li:nth-child(2) {background-color:#00B3D4; padding-top:10px}
.nav > li:nth-child(3) {background-color:#24418F; padding-top:10px}
.nav > li:nth-child(4) {background-color:#64006B;}
.nav > li:nth-child(5) {background-color:#A90277; padding-top:10px;}
.nav > li:nth-child(6) {background-color:#FA3939;}
.nav > li:nth-child(7) {background-color:#f76f3c; padding-top:10px}

@media (max-width: 767px) {
.nav > li:nth-child(1), .nav > li:nth-child(2), .nav > li:nth-child(3), .nav > li:nth-child(4), .nav > li:nth-child(5), .nav > li:nth-child(6), .nav > li:nth-child(7) {background-color:#fff; padding-top:10px;}
}

#menu_dop li.active A {background-color:#fff; color:#512F12}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand { margin-left: 0; }
}

#top_menu {float:right; color:#777; margin-top:10px;}
#top_menu a {color:#777;}
#top_menu span {font-size:20px;}
#top_menu .glyphicon, #top_menu span {padding-left:10px;}	 
     @media (max-width: 767px) { 
		#top_menu {background-color: transparent; position:absolute; top:40px; right:15px; width:auto; text-align:right;}
		#top_menu .glyphicon {padding-left:10px;}
		#menu_collapse {border-bottom:2px solid #EC3F33;}
	 }


/* правое вертикальное меню */
.dop_menu, .dop_menu_r, .dop_menu_c {/*background-color:#e8e8e8;*/padding:10px; margin:0 0; border-bottom:1px solid #e8e8e8;}
.dop_menu A, .dop_menu_r A, .dop_menu_c A {text-decoration:none;}
.dop_menu:hover, .dop_menu_r:hover, .dop_menu_c:hover {background-color:#e8e8e8; }
.dop_menu_r {padding-left:25%;}
.dop_menu_c {text-align:center;}

#menu_vertical {list-style-type: none;  position: relative;  margin: 0;  padding: 0;}
#menu_vertical A {text-decoration:none;}
#menu_vertical > li {padding:10px; margin:0 0; border-bottom:1px solid #e8e8e8;}
#menu_vertical > li:hover {background-color:#e8e8e8;}
#menu_vertical > li > a,
#menu_vertical > li > span { /*background-color: #E8E8E8; padding: 10px 10px 10px 20px; margin-bottom: 4px;
    text-transform: uppercase;*/  display: block;}

.dropdown-menu_vertical {display: none; margin: 5px 0 5px 10px;  padding: 0;}
.dropdown-menu_vertical > li {list-style: none; padding: 0px 0px 4px 0px;font-size:0.9rem;}
.dropdown-menu_vertical > li > a { padding: 5px;  display: block;}
.dropdown-menu_vertical > li > span {/*background-color: #E8E8E8;  padding: 5px 10px;*/ display: block;}

/* 1 страница */
.block_ve {width:100%; height:250px; border:1px solid #ccc; background: #fff;
			background-size: cover; background-repeat:no-repeat; background-position:center center;}

/*  */
.anons {color:#000;}
.block {margin-left:40px}
.breadcrumb {padding-left:0; color:#999; background-color:#fff;}
.btn A {text-decoration:none;}
.center {text-align:center}
.clear {clear:both}
.copy {font-size:90%; letter-spacing:1px;text-align:left;margin:10px 0;}
.height_300 {height:300px}
@media (max-width: 767px) {
  .height_300 {height:20px}
}
.left {text-align:left;}
.list li {padding-bottom:10px;}
.menu_right {background-color:#e8e8e8;padding:10px; margin-bottom:5px; text-align:left;}
.razdelit_bot {height:20px;border-bottom:1px solid #ccc}
.razdelit_top {height:20px;border-top:1px solid #ccc}
.red {color:red;}
.right {text-align:right;}
.sm {font-size:85%}
.table.no-border > tbody > tr > td {border-top:none;}
.totop {z-index:1; text-align:center; font-size:14px; line-height:26px; border:1px solid #ccc; border-radius:20px; width:30px; padding:0; /*background-color:transparent;*/background-color:#69A5D6; display: none; cursor: pointer; position: fixed; bottom: 2px; right: 20px;}
.totop a {color:#fff}


button, button:active, button:focus {outline: none !important;}
BIG {font-size:1.3rem;}
LABEL {font-weight:normal;}
HR {border-top:1px solid #e5e5e5}
blockquote {font-style:italic; font-size:1.2rem;}
blockquote span {font-style:normal;}
IMG.hid {display:none;}

.linkMore { /* кнопка-подробнее  */
display: inline-block;  padding: 6px 12px;  margin-bottom: 0;  font-size: 14px;  font-weight: normal;
  line-height: 1.42857143;  text-align: center;  white-space: nowrap;  vertical-align: middle;  -ms-touch-action: manipulation;      touch-action: manipulation;  cursor: pointer;  -webkit-user-select: none;     -moz-user-select: none;      -ms-user-select: none;          user-select: none;  background-image: none;  border: 1px solid transparent;  border-radius: 4px;
  color: #337ab7;  background-color: #fff;  border-color: #ccc;}
.linkMore:focus {  color: #23527c;  background-color: #e6e6e6;  border-color: #8c8c8c;  text-decoration: none;}
.linkMore:hover {  color: #23527c;  background-color: #e6e6e6;  border-color: #adadad;  text-decoration: none;}


/* Вставка изображений */
.img_100 IMG, .img_100_menu IMG {width:100%; height:auto;}
.img_100_menu IMG {border-radius: 4px;}
.img_100 .bl_center IMG, .img_100_menu .bl_center IMG {padding:0 0;}
.img_100_menu .bl_center{ margin:0 0 10px 0;}

.btgrid .thumbnail, #gen_blocks .thumbnail {padding:5px; border: 1px solid #EDEDED;}
.btgrid .thumbnail:hover, #gen_blocks .thumbnail:hover {box-shadow:0 6px 6px 0 #D5D5D5;}
.btgrid .thumbnail {height:270px}
#gen_blocks .thumbnail {height:320px}
.btgrid .thumbnail p {margin:0;}
.btgrid .caption, #gen_blocks .caption {text-align:center; font-size:80%}
.btgrid .thumbnail IMG, #gen_blocks .thumbnail IMG {width:100%; height:auto; border-radius: 4px;}
@media (max-width: 991px) {
  .btgrid .thumbnail {height:220px}
  }
@media (max-width: 767px) {
  .btgrid .thumbnail {height:auto;}
  }

.btgrid1 .content p {text-align:left; font-size: 0.9rem; padding:0 10px 10px 10px;}
.btgrid1 .content H3, .btgrid1 .content H4 {text-align:center;}
.btgrid1 .content H3 {background-color:/*#ffff66*/#fecd67; margin-top:0; margin-bottom:0; padding:5px 5px;}
@media (min-width:992px) and (max-width:1200px)  {
  .btgrid1 .content IMG {width:100%; height:auto;}
}
/*.btgrid1 .content IMG {width:100%; height:auto;}*/
/*.btgrid1 .content {border:1px solid #ccc; height:470px;}
@media (max-width: 991px) {
  .btgrid1 .content {height:auto;}
}*/

@media (max-width: 991px) {
.img_991 IMG {width:100%;height:auto;}
.img_991 .bl_center {margin:10px 0;}
.img_991 .bl_center IMG {padding:0 0;}
}
@media (max-width: 767px) {
.img_767 IMG {width:100%;height:auto; }
.img_767 .bl_center {margin:10px 0;}
.img_767 .bl_center IMG {padding:0 0;}
}
@media (max-width: 500px) {
.bl_center IMG, .bl_left IMG, .bl_right IMG {width:100%;height:auto; }
.bl_center {margin:10px 0;}
.bl_center IMG {padding:0 0;}
}



/* позиционирование блоков  */
.bl_left { float:left; margin: 0 40px 10px 0;}
.bl_right  { float: right; margin: 0 0 10px 40px;}
.bl_center {text-align:center; margin: 40px 0;}
.bl_center IMG {padding:4px 4px;}
#gall_izo .bl_left {margin: 0 10px 10px 0;}
#gall_izo .bl_center {text-align:center; margin: 0 0;}
#gall_izo td {vertical-align:middle}
#gall_izo td IMG {width:100%; height:auto;}

.thumbnail .bl_center, .content .bl_center {margin:0 0;} /* если изображения вставляются в область */
.thumbnail .bl_center IMG, .content .bl_center IMG {padding:0 0}
@media (max-width: 500px) {
.bl_left, .bl_right {float:none; width:100%; margin:10px 0;}
}
.block_sq {margin: 40px 0;}


#form_search input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: searchfield-cancel-button;
}

.formContent { width: 400px; color: #333; border: 1px solid #ccc; background: #F2F2E6; margin: 100px 0px 0px 0px;
 padding: 10px; height: 250px; text-align: center;} 


/* вывод изображений на квадратном фоне  */
.sq_itm, .sq_itm_gor {display: inline-block; width:370px; height:404px; position:relative; border: 0px solid #ccc; border-radius: 10px; text-align:center; margin:2px 2px; line-height:370px; box-sizing:border-box;}

@media (max-width: 420px){
  .sq_itm, .sq_itm_gor {width:300px; height:300px; line-height:300px;}
}
.sq_itm .sq_fon, .sq_itm_gor .sq_fon {background-size: cover; background-position: center center; background-repeat: no-repeat; filter: blur(5px); position:absolute; top:9px; left:9px; width:350px; height:350px; opacity:0.5; filter:alpha(opacity=50); /*border:1px solid green; box-sizing:border-box;*/}
.sq_itm IMG {height:404px; width:auto; position:relative; /*border:1px solid red; box-sizing:border-box;*/}
.sq_itm_gor IMG {width:400px; height:auto; position:relative;}
.gallery_sly .sq_itm IMG, .gallery_sly .sq_itm_gor IMG {margin:-15px 0 0 0;}
.center .block_sq .sq_itm IMG, .center .block_sq .sq_itm_gor IMG {margin:-5px 0 0 0;}
@media (max-width: 420px){
  .sq_itm .sq_fon, .sq_itm_gor .sq_fon {width:280px; height:280px;}
  .sq_itm IMG {height:280px;}
  .sq_itm_gor IMG {width:280px;} 
}

/* поиск по сайту */
.gsc-input { background: #fff !important; *background: #fff !important; /*IE 7*/
height: 24px !important;}
/*input.gsc-search-button {height: 24px !important;}*/
.gsc-search-button-v2 {height:30px !important;}

/*Адаптивное видео на сайте*/
.myvideo {
position:relative;
padding: 0 0 56.25% 0;
margin:40px auto;
height:0;
overflow:hidden;
}
.myvideo iframe,.myvideo object,.myvideo embed {
position:absolute;
top:0;
left:0;
width:80%;
height:100%;
}
@media (max-width: 767px) {
 .myvideo iframe,.myvideo object,.myvideo embed {width:100%;}
}

i {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}
.right_ {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left_ {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.frame{height: 670px;}
@media (max-width: 767px) {
 .frame{height: 470px;}
 }