/* -----------------используется ------------ */

.h2centr{
    text-align: center;
}

.c003{clear: left;top: 10px;position: relative;width: 100%;}
.c0031{position: relative; margin: 0 AUTO;width: 98%;max-width: 1160px;}
.hr-1{
    width: 100%; height: 1px; /*!  */ border: none;
    border-bottom: 2px dotted #6699ff;
}
.img-cont{
   width: 100%;
}
.rek{
    font-size: 22px;
    color: #008877;
    font-weight: bold;
}
.rek1{
    font-size: 22px;
    color: #CC0000;
    font-weight: bold;
}
.select{
    /*!  */
    color: #ff1100;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

/* -----------------КОНТЕЙНЕР - ВХОДЯТ КРОШКИ - СТАТЬЯ - БЛОК СПРАВА ------------ */
/* ---------------------------------------------------------------------------- */
#container {}
#container.index-page{}
#container.sub-page{margin-top: 0px;}               /* -----ОТСТУП СВЕРХУ----- */
#container .wrap-container{background: #FFF;}



/* ---MainContent-Article--- */                       /* -----ОФОРМЛЕНИЕ СТАТЬИ----- */
#main-content{margin-top: 70px;}
#main-content .wrap-content{padding: 0 10px 30px 13px;border-right: 1px solid #ddd;}

article{display: inline-block;border-bottom: 1px solid #00ccff;padding-bottom: 30px;margin-bottom: 20px;}
article:last-child{border-bottom: none;padding-bottom: 0;}
article:after, article:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

article .art-content a{ color: #286699;font-weight: bold;}          /* -----ССЫЛКА В ТЕКСТЕ----- */

article .art-content a:hover{ color: #2C77AA;}

                                                   /* -----выделение в тексте - типа цитаты
                                                   верт линия-накл шрифт серого цвета
                                                   ПРИМЕР
                                                   <blockquote><p>текст выделенный.</p></blockquote>
                                                   ----- */
article .art-content blockquote {border-left: 3px solid #1c7791;font-size: 18px;margin: 0 50px;font-style: italic;color: #444;padding-left: 20px;}


article .entry-title {margin: 0 0 10px 0;}
article .entry-title h1{line-height: 1.1;font-size: 28px;color: #008877;}

article img{max-width: 100%;padding-right: 0px;}/* -----рисунок В ТЕКСТЕ----- */



                                                /* -----ПРАВЫЙ БЛОК----- */
/* ---Sidebar-Widget--- */
#sidebar{margin-top: 70px;}
#sidebar .wrap-sidebar{margin: 0px 10px ;}



                                                /* -----ДОПОЛНИТЕЛЬНЫЕ БЛОКИ----- */
.widget {margin-bottom: 30px;padding: 0px;}
.widget ul li { line-height: 2.8;border-bottom: 2px solid #DDD;}
.widget:after, .widget:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}




                                                 /* -----ЗАГОЛОВОК ДОП БЛОКА----- */
.widget .wid-header  {margin-bottom:10px;padding: 0px 10px;color: #fff; font-weight: bold;  background-color: #ee6600;}
.widget .wid-header h3 {display: inline-block;padding: 5px;font-size: 23px;color: #fff;font-weight: 500;}

                                                 /* -----ЗАПОЛНЕНИЕ ВНУТРИ ДОП БЛОКА----- */
.widget .wid-content{padding: 0px; width: 100%;}

.widget.wid-about {}

.widget.wid-tag {}

.widget.wid-post {}
                                                 /* -----ДОП БЛОК - ГАЛЕРЕЯ----- */
.widget.wid-gallery {}

.widget.wid-archive {}
.widget.wid-archive select {margin: 5px 0;height: 40px;width: 100%;padding-left: 10px;font-family: "Noto Serif",serif;font-size: 16px; background-color: #e9e9e9;color: #777777;border: none;}

.widget.wid-meta {}
.widget.wid-meta ul li{ font-size: 16px;}
                                                 /* -----ДОП БЛОК - ВНИЗУ- ПОХОЖИЕ СТАТЬИ ----- */
.widget.wid-related {background-color: #fff;}
.widget.wid-related img{ max-width: 250px; width: 100%;}
.widget.wid-related h4{margin-top: 10px;}





                         /* -----БЛОК ДОПОЛНИТЕЛЬНЫХ УСЛУГ ----- */
.ln{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;

     }
    .ln:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background:#FF8020;
  height: 5px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.ln:hover:before, .ln:focus:before, .ln:active:before {
  left: 0;
  right: 0;
}


                        /* ----- ЗАГОЛОВОК С ЛИНИЕЙ ----- */

.line {  font-family: 'Roboto' ;
    color: #188674;
    padding: 40px 0px 10px 0px;
    letter-spacing: 1px;
    /*!  */
    text-align: center;
    position: relative;
    }
.line span {
                background-color: #ffffff;
                position: relative;
                z-index: 1;
                padding: 0px 10px;
            }
.line:after {
                content: '';
                display: block;
                width: 100%;
                height: 3px;
                background-color: #0299D3;
                position: absolute;
                top: 50%;
                margin-top: 13px;
                z-index: 0;
            }

.line-cont {  font-family: 'Roboto' ;
    color: #008877;
    padding: 20px 0px 10px 0px;
    letter-spacing: 0px;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    position: relative;

            }
.line-cont span {
                background-color: #ffffff;
                position: relative;
                z-index: 1;
                padding: 0px 10px;
            }
.line-cont:after {
                content: '';
                display: block;
                width: 100%;
                height: 3px;
                background-color: #0299D3;
                position: absolute;
                top: 50%;
                margin-top: 4px;
                z-index: 0;
            }

.leftimg {                    /* рисунок слева от текста */
 float:left; /* Выравнивание по левому краю */
 margin: 0px 30px 0px 0; /* Отступы вокруг картинки */
 width: 100px; height: 100px;
 }
.img120-155 {
width: 100px;
height: 128px;
}


.imgmenu1 {
    width: 200px;
    height: 100px;
}

b{
    color: #255D8E;
 }



.c4s-modal {
	font-family: Segoe UI, Trebuchet MS, Arial, Geneva, sans-serif !important;
	position:fixed;
	bottom:0;
	top:0;
	left:0;
	padding:0;
	right:0;
	margin:auto;
	font-weight:lighter;
	font-size:18px;
	line-height:24px;
	width: 650px;
	height: 326px;
	background-color: rgba(36, 152, 111, 1);
	color:#FEFEFE;
	opacity:0;
	display:none;
	z-index: 9999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 4px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 3px 3px 4px 3px rgba(0,0,0,.3);
	box-shadow:3px 3px 4px 3px rgba(0,0,0,0.3);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}