/* Banner */

	#banner {
		/*background: transparent url("/bitrix/templates/gos_bitrix_s1/images/menu-bg.png") repeat-x scroll 0% 0%;
		background-size: cover;*/
		background:#fff;

		height: 38em;
		text-align: center;
		position: relative;
	}

		#banner header {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			/*background: #212121;*/
			/*background: rgba(27, 27, 27, 0.75);*/
			background: #eee;
			opacity: 0.90;

			color: #fff;
			padding: 1.5em 0;
		}

			#banner header h2 {
				display: inline-block;
				margin: 0;
				font-size: 1.5em;
				vertical-align: middle;
				color: #000;
				opacity: 1;
				font-weight: bold;
			}

				#banner header h2 em {
					/*opacity: 0.75;*/
					color: #fff;
					opacity: 1;
					font-weight: bold;
				}
/*
				#banner header h2 a {
					border-bottom-color: rgba(255, 255, 255, 0.5);
				}

					#banner header h2 a:hover {
						border-bottom-color: transparent;
					}

			#banner header .button {
				vertical-align: middle;
				margin-left: 1em;
			}
*/








.row > * {
    padding: 0px;
    float: left;
    padding-top: 25px;
}
/*
.\36 u, .\36 u\$ {
    width: 50%;
    clear: none;
    margin-left: 0px;
}*/

article, aside, details, figcaption, figure, header, hgroup, menu, section {
    display: block;
}

.box.post {
    position: relative;
    margin: 0px 0px 2em;
}
.box.post .image {
    width: 30%;
    margin: 0px;
}
.image.left {
    display: block;
    float: left;
    margin: 0px 2em 2em 0px;
    position: relative;
    top: 0.25em;
}
.image {
    border: 0px none;
    display: inline-block;
    position: relative;
    border-radius: 5px;
}

.box.post .inner {
    margin-left: calc(30% + 2em);
}
.box.post .inner1 {
    margin-left: calc(5% + 2em);
}

.mymodal{
    padding: 6px;
    max-width: initial;
    width: auto;
}

.mymodal img {
    height: 100%;
}

.blocker{
	z-index: 2
}


.pens_info{
	-webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    text-align: center;
    background: #fff0a1;
        padding: 20px;
	margin-bottom: 12px;
    position: relative;
}

.pens_info p {
margin: 0px;
}


.pin {
      background-color: #aaa;
      display: block;
      height: 18px;
      width: 2px;
      position: absolute;
      left: 50%;
      top: -2px;
      z-index: 1;
transform: rotate(-19deg);
    }

.pin:after {
  background-color: #A31;
  background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
              inset 3px 3px 3px hsla(0,0%,100%,.2),
              inset -3px -3px 3px hsla(0,0%,0%,.2),
              17px 11px 3px hsla(0,0%,0%,.15);
  content: '';
  height: 12px;
  left: -5px;
  position: absolute;
  top: -10px;
  width: 12px;
}

.pin:before {
  background-color: hsla(0,0%,0%,0.1);
  box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
  content: '';

  height: 16px;
  width: 2px;
  left: 0;
  position: absolute;
  top: 2px;

  transform: rotate(57.5deg);
  -moz-transform: rotate(57.5deg);
  -webkit-transform: rotate(57.5deg);
  -o-transform: rotate(57.5deg);
  -ms-transform: rotate(57.5deg);

  transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
}