Merge branch 'update-assets' of Adyn/medgis-ru-assets into master

app/www/css/all.css

@@ -1771,14 +1771,10 @@ body {
   font-size: 32px;
   color: #3b434d;
   margin-bottom: 10px; }
-
-.pagetitle--orange {
-    color: #e65e26;
-}
-
-.pagetitle--specials {
-    margin-bottom: 5px;
-}
+  .pagetitle--orange {
+    color: #e65e26; }
+  .pagetitle--specials {
+    margin-bottom: 5px; }
 
 .datefilter, .newsfilter {
   white-space: nowrap;
@@ -2239,73 +2235,60 @@ body {
     padding-left: 23px; }
 
 .special-items__container {
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    flex-wrap: wrap;
-    margin: 5px -10px 5px 0;
-}
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  margin: 5px -10px 5px 0; }
 
 .special-items__item {
-    width: 220px;
-    box-sizing: border-box;
-    border-radius: 10px 0 0 0;
-    border: 1px solid #ebebeb;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    margin: 15px 10px;
-    color: #000000;
-    text-decoration: none;
-}
+  width: 220px;
+  box-sizing: border-box;
+  border-radius: 10px 0 0 0;
+  border: 1px solid #ebebeb;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  margin: 15px 10px;
+  color: #000000;
+  text-decoration: none; }
 
 .special-items__title {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    color: #ffffff;
-    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
-    font-size: 13px;
-    background-color: #656565;
-    padding: 10px;
-    border-radius: 10px 0 0 0;
-    margin-left: -1px;
-    margin-right: -1px;
-    margin-top: -1px;
-}
-
-.special-items__title--specials {
-    background-color: #e65e26;
-}
-
-.special-items__title--exhibition {
-    background-color: #53b02e;
-}
-
-.special-items__title--school {
-    background-color: #929292;
-}
-
-.special-items__title--conference {
-    background-color: #5597d1;
-}
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  color: #ffffff;
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  font-size: 13px;
+  background-color: #656565;
+  padding: 10px;
+  border-radius: 10px 0 0 0;
+  margin-left: -1px;
+  margin-right: -1px;
+  margin-top: -1px; }
+  .special-items__title--specials {
+    background-color: #e65e26; }
+  .special-items__title--exhibition {
+    background-color: #53b02e; }
+  .special-items__title--school {
+    background-color: #929292; }
+  .special-items__title--conference {
+    background-color: #5597d1; }
 
 .special-items__badge {
-    position: absolute;
-    bottom: 0;
-    left: -10px;
-    height: 36px;
-    line-height: 30px;
-    padding-right: 8px;
-    max-width: calc(100% - 18px);
-    text-overflow: ellipsis;
-    color: #fff;
-    background-image: url(../img/specials/badge-middle.png);
-    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
-    font-size: 18px;
-}
-
-.special-items__badge:before {
+  position: absolute;
+  bottom: 0;
+  left: -10px;
+  height: 36px;
+  line-height: 30px;
+  padding-right: 8px;
+  max-width: calc(100% - 18px);
+  text-overflow: ellipsis;
+  color: #fff;
+  background-image: url(../img/specials/badge-middle.png);
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  font-size: 18px; }
+  .special-items__badge:before {
     position: absolute;
     left: -8px;
     top: 0;
@@ -2313,10 +2296,8 @@ body {
     display: block;
     height: 100%;
     width: 8px;
-    background-image: url(../img/specials/badge-start.png);
-}
-
-.special-items__badge:after {
+    background-image: url(../img/specials/badge-start.png); }
+  .special-items__badge:after {
     position: absolute;
     right: -10px;
     top: 0;
@@ -2324,115 +2305,88 @@ body {
     display: block;
     height: 100%;
     width: 10px;
-    background-image: url(../img/specials/badge-end.png);
-}
-
-.special-items__badge--specials {
-    background-position: 0 0;
-}
-
-.special-items__badge--specials:before, .special-items__badge--specials:after {
-    background-position: 0 0;
-}
-
-.special-items__badge--exhibition {
-    background-position: 0 -36px;
-}
-
-.special-items__badge--exhibition:before, .special-items__badge--exhibition:after {
-    background-position: 0 -36px;
-}
-
-.special-items__badge--school {
-    background-position: 0 -72px;
-}
-
-.special-items__badge--school:before, .special-items__badge--school:after {
-    background-position: 0 -72px;
-}
-
-.special-items__badge--conference {
-    background-position: 0 -108px;
-}
-
-.special-items__badge--conference:before, .special-items__badge--conference:after {
-    background-position: 0 -108px;
-}
-
-.special-items__badge-text {
+    background-image: url(../img/specials/badge-end.png); }
+  .special-items__badge--specials {
+    background-position: 0 0; }
+    .special-items__badge--specials:before, .special-items__badge--specials:after {
+      background-position: 0 0; }
+  .special-items__badge--exhibition {
+    background-position: 0 -36px; }
+    .special-items__badge--exhibition:before, .special-items__badge--exhibition:after {
+      background-position: 0 -36px; }
+  .special-items__badge--school {
+    background-position: 0 -72px; }
+    .special-items__badge--school:before, .special-items__badge--school:after {
+      background-position: 0 -72px; }
+  .special-items__badge--conference {
+    background-position: 0 -108px; }
+    .special-items__badge--conference:before, .special-items__badge--conference:after {
+      background-position: 0 -108px; }
+  .special-items__badge-text {
     overflow: hidden;
     width: 100%;
     display: block;
     white-space: nowrap;
-    text-overflow: ellipsis;
-}
+    text-overflow: ellipsis; }
 
 .special-items__item-content {
-    padding: 10px;
-    display: block;
-}
+  padding: 10px;
+  display: block; }
 
 .special-items__item-images {
-    position: relative;
-    display: block;
-}
+  position: relative;
+  display: block; }
 
 .special-items__image {
-    max-width: 100%;
-    display: block;
-}
+  max-width: 100%;
+  display: block; }
 
 .special-items__organization-icon {
-    max-width: 64px;
-    position: absolute;
-    top: 12px;
-    right: 12px;
-    border-radius: 50%;
-    display: block;
-}
+  max-width: 64px;
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  border-radius: 50%;
+  display: block; }
 
 .special-items__description {
-    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
-    font-size: 15px;
-    padding: 5px 0;
-    display: block;
-    margin: 0 -3px 0 -3px;
-}
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  font-size: 15px;
+  padding: 5px 0;
+  display: block;
+  margin: 0 -3px 0 -3px; }
 
 .special-items__horizontal-rule {
-    display: block;
-    margin: 0 10px;
-    border: none;
-    border-bottom: 1px solid #ebebeb;
-}
+  display: block;
+  margin: 0 10px;
+  border: none;
+  border-bottom: 1px solid #ebebeb; }
 
 .special-items__organization-name {
-    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
-    font-size: 13px;
-    color: #004d7b;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    height: 40px;
-    padding: 5px 20px;
-    text-align: center;
-    box-sizing: border-box;
-}
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  font-size: 13px;
+  color: #004d7b;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  height: 40px;
+  padding: 5px 20px;
+  text-align: center;
+  box-sizing: border-box; }
 
 .special-items__organization-address {
-    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
-    font-size: 13px;
-    background: #ebebeb;
-    color: #929292;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    height: 40px;
-    padding: 5px 26px;
-    overflow: hidden;
-    text-align: center;
-    box-sizing: border-box;
-}
+  font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+  font-size: 13px;
+  background: #ebebeb;
+  color: #929292;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 40px;
+  padding: 5px 26px;
+  overflow: hidden;
+  text-align: center;
+  box-sizing: border-box; }
 
 .comments__block {
   margin-top: 40px; }
@@ -4175,9 +4129,8 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
   max-width: 230px; }
 
 .date-picker-wrapper.single-date {
-    padding: 0 10px;
-    margin-left: 0px;
-}
+  padding: 0 10px;
+  margin-left: 0px; }
 
 .date-picker-wrapper.no-shortcuts {
   padding-bottom: 5px;

app/www/css/all2.css

@@ -1,10 +1,17 @@
+a{
+	color: #5597d1;
+	text-decoration: none;
+}
+a:hover{
+	color: #004d7b;
+}
 img{
 	max-width: 100%;
 	height: auto;
 }
 .grid-row{
 	font-size: 0;
-	margin: 0 8px 0 -5px;
+	margin: 0 -5px 0 -5px;
 }
 .grid-col{
 	display: inline-block;
@@ -144,6 +151,9 @@ img{
 .pagetitle2container.title--spec:before{
 	background: url("../img/icon_search_01.png") center/auto no-repeat #3b434d;
 }
+.pagetitle2container.title--serv:before{
+	background: url("../img/icon_leftbar_innermenu_03@2x.png") center/20px auto no-repeat #5597d1;
+}
 .pagetitle2container h1{
 	font-family: 'cuprum';
 	font-size: 20px;
@@ -156,6 +166,9 @@ img{
 .pagetitle2container.title--spec h1{
 	color: #3b434d;
 }
+.pagetitle2container.title--serv h1{
+	color: #5597d1;
+}
 .org1__item{
 	border: 1px solid #ebebeb;
 	border-radius: 10px 0 0 0;
@@ -170,16 +183,15 @@ img{
 	margin: 0 auto 10px;
 	max-width: 237px;
 }
-.org1__item.recommend-badge:before{
-	content: 'Редакция рекомендует!';
-	display: block;
-	width: 193px;
-	height: 36px;
-	box-sizing: border-box;
-	padding: 5px 0 0 7px;
-	background: url(../img/recommend-badge.png) no-repeat;
+
+
+
+
+.item-badge{
+	display: inline-block;
+	padding: 0 10px 0 0;
+	background: #53b02e;
 	position: absolute;
-	bottom: 74px;
 	left: -8px;
 	font-size: 18px;
 	line-height: 1;
@@ -187,6 +199,82 @@ img{
 	white-space: nowrap;
 	text-align: left;
 }
+.org1__item .item-badge{
+	bottom: 74px;
+}
+.akcia__item .item-badge{
+	top: 120px;
+}
+.item-badge:after{
+	content: '';
+	display: block;
+	position: absolute;
+	top: 0;
+	right: -10px;
+	width: 0;
+	height: 0;
+	border-top: 15px solid #53b02e; 
+	border-right: 10px solid transparent;
+}
+.item-badge:before{
+	content: '';
+	display: block;
+	position: absolute;
+	bottom: 0;
+	right: -10px;
+	width: 0;
+	height: 0;
+	border-bottom: 15px solid #53b02e; 
+	border-right: 10px solid transparent;
+}
+.item-badge div{
+	height: 30px;
+	box-sizing: border-box;
+	padding: 5px 0 0 7px;
+}
+.item-badge div:before{
+	content: '';
+	display: block;
+	position: absolute;
+	bottom: -6px;
+	left: 0;
+	width: 0;
+	height: 0;
+	border-top: 6px solid #3b434d; 
+	border-left: 7px solid transparent;
+}
+
+
+
+.item-badge.item-badge-green{
+	background: #53b02e;
+}
+.item-badge.item-badge-green:after{
+	border-top: 15px solid #53b02e;
+}
+.item-badge.item-badge-green:after{
+	border-bottom: 15px solid #53b02e; 
+}
+.item-badge.item-badge-orange{
+	background: #e65e26;
+}
+.item-badge.item-badge-orange:after{
+	border-top: 15px solid #e65e26;
+}
+.item-badge.item-badge-orange:after{
+	border-bottom: 15px solid #e65e26; 
+}
+.item-badge.item-badge-blue{
+	background: #5597d1;
+}
+.item-badge.item-badge-blue:after{
+	border-top: 15px solid #5597d1;
+}
+.item-badge.item-badge-blue:after{
+	border-bottom: 15px solid #5597d1; 
+}
+
+
 .org1__title{
 	height: 70px;
 	margin-bottom: 9px;
@@ -243,8 +331,8 @@ img{
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
-	font-size: 13px;
-	line-height: 16px;
+	font-size: 14px;
+	line-height: 18px;
 	color: #929292;
 	background: #ebebeb;
 	margin: 0 -10px;
@@ -506,7 +594,7 @@ img{
 }
 .leftbar{
 	position: relative;
-	z-index: 2;
+	z-index: 5;
 }
 .leftbar__title--sidebarmenu {
 	border-radius: 0;
@@ -540,6 +628,7 @@ img{
 	height: 0;
 	overflow: hidden;
 	transition: all .5s ease; 
+	background: #fff;
 }
 .services__list.active {
   height: auto;
@@ -593,7 +682,9 @@ img{
 
 
 
-
+.sidebarmenu2--container{
+	width: 210px;
+}
 .sidebarmenu2{
 	font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
 	font-size: 15px;
@@ -612,23 +703,32 @@ img{
 	padding: 9px 23px 8px 9px;
 	border-bottom: 1px solid #ebebeb;
 }
-.sidebarmenu2 > li > a:after{
+.sidebarmenu2 > li.menu-item-has-children > a:after{
 	content: '';
 	display: block;
 	width: 14px;
 	height: 14px;
 	background: url(../img/icon_leftbar_title_arrow1.png) no-repeat;
 	position: absolute;
-	right: 0;
+	right: 3px;
 	top: 50%;
 	margin-top: -7px;
+	-moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+}
+.sidebarmenu2 > li.menu-item-has-children > a.active:after{
 	-moz-transform: rotate(90deg);
-    -ms-transform: rotate(15deg);
-    -webkit-transform: rotate(15deg);
-    -o-transform: rotate(15deg);
+    -ms-transform: rotate(90deg);
+    -webkit-transform: rotate(90deg);
+    -o-transform: rotate(90deg);
     transform: rotate(90deg);
+	
 }
 .sidebarmenu2 > li > ul{
+	display: none;
 	padding: 6px 0;
 	border-bottom: 1px solid #ebebeb;
 }
@@ -657,6 +757,19 @@ img{
 .sidebarmenu2 > li > ul > li > a:hover:before,.sidebarmenu2 > li > ul > li.current > a:before{
 	background-position: center bottom;
 }
+.menu-slide{
+	position: relative;
+}
+.menu-slide > ul{
+	display: none;
+	position: absolute;
+	top: 45px;
+	left: 0;
+	right: 0;
+}
+.menu-slide > ul.active{
+	display: block;
+}
 .item--menu--all{
 	background: #ebebeb;
 	padding: 6px 10px;
@@ -667,8 +780,74 @@ img{
 .item--menu--all a{
 	color: #929292;
 }
+.specsingle--leftlinks{
+	margin-bottom: 0;
+}
+.specsingle--leftlinks:before{
+	display: none;
+}
+.specsingle--leftlinks--item{
+	display: block;
+	background: #004d7b;
+	padding: 5px 0;
+	font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+	font-size: 17px;
+	font-weight: bold;
+	line-height: 20px;
+	color: #fff;
+	text-align: center;
+	margin-bottom: 34px;
+}
+.specsingle--leftlinks--item:hover{
+	background: #5597d1;
+	color: #fff;
+}
 
 
+.specsingle--leftsingular:before{
+	display: none;
+}
+.specsingle--leftsingular--item{
+	height: 56px;
+	background: #ebebeb;
+	font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+	padding: 0 10px 0 60px;
+	border-radius: 28px 0 0 28px;
+	position: relative;
+	margin-bottom: 11px;
+}
+.specsingle--leftsingular--item:last-child{
+	margin-bottom: 0;
+}
+.specsingle--leftsingular--item:before{
+	background: #fff;
+    border-radius: 50%;
+    content: "";
+    height: 50px;
+    left: 3px;
+    position: absolute;
+    top: 3px;
+    width: 50px;
+}
+.specsingle--leftsingular--title{
+	padding-top: 4px;
+	height: 20px;
+	overflow: hidden;
+	font-size: 13px;
+	font-weight: bold;
+	color: #929292;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+.specsingle--leftsingular--value{
+	height: 29px;
+	font-size: 15px;
+	line-height: 14px;
+	font-weight: bold;
+	color: #3b434d;
+	overflow: hidden;
+}
+
 
 
 .pagination2 {
@@ -1069,26 +1248,445 @@ img{
 
 
 
+.postbody{
+	font-size: 15px;
+	line-height: 24px;
+	color: #404040;
+	margin-bottom: 30px;
+}
+.postbody h1{
+	font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+	font-size: 32px;
+	font-weight: bold;
+	line-height: 30px;
+	margin-bottom: 12px;
+}
+.postbody h2{
+	font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+	font-size: 25px;
+	font-weight: bold;
+}
+.postbody h3{
+	font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+	font-size: 20px;
+	font-weight: bold;
+}
+.postbody h4{
+	font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+	font-size: 17px;
+}
+.postbody h5{
+	font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+	font-size: 17px;
+	font-weight: bold;
+}
+.postbody h6{
+	font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+	font-size: 15px;
+	font-weight: bold;
+}
+.postbody h7{
+	font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+	font-size: 13px;
+	font-weight: bold;
+}
+.postbody p{
+	margin-bottom: 24px;
+}
+.postbody ol{
+	font-size: 15px;
+	color: #929292;
+	counter-reset: li;
+	margin-bottom: 24px;
+}
+.postbody ol li{
+	margin-bottom: 4px;
+}
+.postbody ol li:before{
+	content: counter(li, decimal)'.';
+    counter-increment: li;
+	display: inline-block;
+	color: #d7d7d7;
+	margin-right: 4px;
+}
+.postbody ul{
+	font-size: 15px;
+	color: #929292;
+	margin-bottom: 24px;
+}
+.postbody ul li{
+	margin-bottom: 4px;
+	position: relative;
+	padding-left: 17px;
+}
+.postbody ul li:before{
+	content: '';
+	display: block;
+	width: 4px;
+	height: 4px;
+	border-radius: 50%;
+	background: #929292;
+	position: absolute;
+	top: 10px;
+	left: 5px;
+}
+.postbody table{
+	font-size: 12px;
+	line-height: 16px;
+	margin-bottom: 24px;
+}
+.postbody table td{
+	vertical-align: top;
+	padding: 7px 11px;
+}
+.postbody table thead tr td{
+	padding: 14px 11px;
+	background: #d7d7d7;
+}
+.postbody table tr:nth-child(even) td{
+	background: #ebebeb;
+}
+
+.alignright {
+    float:right;
+    margin: 20px 0 20px 20px;
+}
+.alignleft {
+    float:left;
+    margin: 20px 20px 20px 0;
+}
+.aligncenter {
+    display: block;
+    margin: 20px auto;
+}
+.postbody .video-wrapper {
+	position:relative;
+	padding-bottom:56.25%;
+	padding-top:30px;
+	height:0;
+	overflow:hidden;
+	margin-bottom: 24px;
+}
+.postbody .video-wrapper iframe,.postbody .video-wrapper object,.postbody .video-wrapper embed {
+	position:absolute;
+	top:0;
+	left:0;
+	width:100%;
+	height:100%;
+}
 
+.specsingle--news1--headline{
+	font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+	font-size: 32px;
+	font-weight: bold;
+	line-height: 30px;
+	margin-bottom: 12px;
+	color: #3b434d;
+	background: url(../img/icon_filter_26x26@2x.png) no-repeat 10px 9px/14px 14px;
+	padding-left: 30px;
+}
 
 
 
-.leftbar__item{
-	max-width: 240px;
+
+
+
+
+
+
+
+.specialization__list{
+	background: #fff;
+	
+}
+.specsingle--orglist{
+	margin-bottom: 30px;
+}
+
+.shortnews{
+	max-width: 230px;
 	margin-left: auto;
 	margin-right: auto;
 }
+.nobadge{
+	
+}
+.nobadge:before{
+	display: none;
+}
+.nobadge .leftbar__title{
+	padding: 8px 10px 0;
+	background: #ebebeb;
+	border-radius: 10px 0 0 0;
+	height: 30px;
+}
+.nobadge .leftbar__title:before{
+	display: none;
+}
+
 .social--fixed{
 	z-index: 3;
 }
+.pagination__icon{
+	display: inline-block;
+	vertical-align: top;
+	position: relative;
+	top: -1px;
+	width: 15px;
+	height: 15px;
+	margin-right: 10px;
+	background: url(../img/icon_pagination.png) no-repeat;
+}
+
+
+
+
+
+
+
+
+
+
+.centerbar.withmap.spravochnik{
+	margin-top: 380px;
+}
+.spravochnik .pagetitle2container{
+	margin-bottom: 14px;
+}
+.spravochnik .specialization__list{
+	margin-top: 0;
+	margin-bottom: 10px;
+	padding-top: 6px;
+}
+.spravochnik .specialization__link{
+	padding: 4px 8px 5px;
+}
+.spravochnik .services__list{
+	margin-top: 0;
+	margin-bottom: 6px;
+	padding-top: 0;
+}
+.spravochnik .services__link{
+	padding: 4px 8px 5px;
+}
+.spravochnik .filterservice{
+	margin-bottom: 10px;
+}
+
+.spravochnik .personals__item{
+	margin-bottom: 10px;
+}
+.spravochnik  .personals__description{
+	padding-top: 4px;
+}
+.spravochnik  .personals__category{
+	padding-top: 0px;
+	padding-bottom: 2px;
+	line-height: 16px;
+}
+
+
+
+
+
+
+
+.filterspec{
+	background: #ebebeb;
+	border-radius: 10px 0 0 0;
+	margin-bottom: 10px;
+}
+.filterspec--title{
+	padding: 6px 7px;
+	font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+	font-size: 20px;
+	font-weight: bold;
+	color: #3b434d;
+	margin-bottom: 9px;
+}
+.filterspec--list{
+	padding: 7px 7px 5px;
+}
+.filterspec--form{
+	margin: 0 5px;
+}
+.filterspec--list li{
+	margin-bottom: 7px;
+}
+.filterspec--list label{
+	font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+	font-size: 15px;
+	color: #3b434d;
+}
+.filterspec--list li span{
+	display: inline-block;
+	vertical-align: middle;
+	padding-left: 5px;
+}
+.filterspec--list li input{
+	vertical-align: middle;
+}
+.filterspec--all{
+	font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+	font-size: 15px;
+	color: #3b434d;
+	padding: 0 0 13px 25px;
+}
+.filterspec--all a{
+	color: #3b434d !important;
+}
+.filterspec .btn{
+	background: #3b434d;
+}
+.spravochnik .filterservice__title{
+	padding: 2px 10px 0
+}
+.spravochnik .filterservice__block{
+	padding-top: 7px;
+}
+.spravochnik .filterservice__inputcase{
+	margin-bottom: 14px;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+.akcia__item{
+	background: #fff;
+    border: 1px solid #ebebeb;
+    border-radius: 10px 0 0;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    font-family: "cuprum";
+    margin: 0 auto 10px;
+    max-width: 237px;
+    position: relative;
+    text-align: center;
+}
+.akcia__head{
+	height: 29px;
+	box-sizing: border-box;
+	padding: 0 9px;
+	background: #929292;
+	border-radius: 10px 0 0;
+	font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+	font-size: 13px;
+	line-height: 14px;
+	color: #fff;
+    flex-direction: row;
+	overflow: hidden;
+	display: -webkit-flex;
+    display: -ms-flex;
+    display: flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+	margin-bottom: 10px;
+}
+.akcia__item.akcia__grey .akcia__head{
+	background: #929292;
+}
+.akcia__item.akcia__orange .akcia__head{
+	background: #e65e26;
+}
+.akcia__date{
+	width: 50%;
+	text-align: left;
+}
+.akcia__name1{
+	width: 50%;
+	text-align: right;
+}
+.akcia__body{
+	padding: 0 12px;
+}
+.akcia__img{
+	margin-bottom: 2px;
+}
+.akcia__name2{
+	height: 72px;
+	overflow: hidden;
+	display: -webkit-flex;
+    display: -ms-flex;
+    display: flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+	margin-bottom: 4px;
+	line-height: 18px;
+	color: #292929;
+	text-align: left;
+}
+.akcia__place{
+	border-top: 1px solid #ebebeb;
+	height: 38px;
+	overflow: hidden;
+	display: -webkit-flex;
+    display: -ms-flex;
+    display: flex;
+    -webkit-align-items: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+	font-size: 14px;
+	line-height: 17px;
+	color: #004d7b;
+	text-align: center;
+}
+.akcia__adress {
+    -moz-box-align: center;
+    align-items: center;
+    background: #ebebeb none repeat scroll 0 0;
+    color: #929292;
+    display: flex;
+    font-size: 14px;
+    height: 39px;
+    line-height: 16px;
+    overflow: hidden;
+}
+.akcia__item span{
+	margin: auto;
+}
+.leftbar__item{
+	max-width: 220px;
+}
 @media screen and (max-width: 1220px) {
 	.wrapper{
 		padding: 0 15px;
 		box-sizing: border-box;
 	}
-	.leftbar{
+	.hidden-mobile{
 		display: none;
 	}
+	.specsingle--leftlinks{
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		margin: 0 -10px;
+		max-width: none !important;
+	}
+	.specsingle--leftlinks--item{
+		width: 50%;
+		margin: 0 10px 34px;
+		padding: 12px 0 13px;
+	}
+	.leftbar{
+		flex-direction:row;
+	}
+	.leftbar__item{
+		margin-right: 28px;
+	}
 }
 @media screen and (max-width: 960px) {
 	.grid-col-1{width: 100%;}
@@ -1097,6 +1695,9 @@ img{
 	.grid-col-4{width: 100%;}
 	.grid-col-33{width: 100%;}
 	.grid-col-66{width: 100%;}
+	.rightbar{
+		display: none;
+	}
 	.orgsingle-rightbar{
 		display: none;
 	}
@@ -1118,8 +1719,35 @@ img{
 		padding: 0 !important;
 		margin-bottom: 11px;
 	}
+	.leftbar__item{
+		max-width: 240px;
+		margin-left: auto;
+		margin-right: auto;
+	}
+	.trailernews__region,.trailernews__right,.trailernews__imgcase{
+		display: none;
+	}
+	.trailernews__textcase{
+		width: 100%;
+	}
+	.trailernews__left{
+		width: 100%;
+		justify-content: space-between;
+	}
+	.trailernews__date{
+		order: 1;
+	}
+	.videorow--smi{
+		display: none;
+	}
 }
 @media screen and (max-width: 600px) {
+	#map1{
+		display: none;
+	}
+	.centerbar.withmap{
+		margin-top: 0;
+	}
 	.org2__item{
 		padding-right: 0;
 	}
@@ -1147,6 +1775,18 @@ img{
 	.personals2__photo,.personals2__description{
 		display: none;
 	}
+	.pagination__filter{
+		width: 50px;
+	}
+	.pagination__item{
+		width: calc(100% - 50px);
+	}
+	.pagination__icon{
+		margin-right: 0;
+	}
+	.pagination__btn{
+		display: none;
+	}
 	.pagination2__container{
 		padding-right: 40px;
 	}
@@ -1158,4 +1798,27 @@ img{
 		width: 40px;
 		text-align: center;
 	}
+	.specsingle--leftlinks{
+		flex-direction: column;
+		justify-content: center;
+		margin-left: 0;
+		margin-right: 0;
+	}
+	.specsingle--leftlinks--item{
+		width: 100%;
+		margin-left: 0;
+		margin-right: 0;
+	}
+	.alignright,.alignleft{
+		display: block;
+    	float:none;
+		margin: 20px auto;
+	}
+	.leftbar{
+		flex-direction: column;
+		align-items:flex-start;
+	}
+	.leftbar__item{
+		margin-left: 0;
+	}
 }

app/www/js/scripts.js

@@ -7,6 +7,12 @@ $(document).ready(function(){
 	  prevArrow: '<div class="slick-prev"></div>',
 	  nextArrow: '<div class="slick-next"></div>'
 	});
-	
+	$('iframe[src^="https://www.youtube.com"]').wrap('<div class="video-wrapper"></div>');
+	$('.sidebarmenu2 ul').parent('li').addClass('menu-item-has-children');
+	$('.sidebarmenu2 .menu-item-has-children > a').on('click', function(e){
+		jQuery(this).next('ul').slideToggle();
+		jQuery(this).toggleClass('active');
+		e.preventDefault();
+	});
 	
 });

app/www/org_single.php

@@ -198,8 +198,8 @@
 											<div class="orgsingle--description--handler">Читать далее</div>
 										</div>
 									</div>
-									<div class="grid-row">
-										<div class="grid-col grid-col-66 orgsingle--org2">
+									<div class="grid-row orgsingle--org2">
+										<div class="grid-col grid-col-66">
 											<div class="orgsingle--org2--headline">Подразделения</div>
 											<div class="org2__item clearfix">
 												<div class="org2__img"><a href="#"><img src="http://placehold.it/110x73" alt=""></a></div>

app/www/spec_search.php

@@ -8,6 +8,8 @@
         <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
 		<script src="js/all.min.js"></script>
 		<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
+		<script src="js/slick.min.js"></script>
+		<script src="js/scripts.js"></script>
 		<script>
 			ymaps.ready(init);
 			var iconImgSrc = 'img/marker.png';
@@ -446,6 +448,7 @@
 									<p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></p>
 								</a>
 							</div>
+						</div>
 					</main>
 					<!--centerbar END-->
 				</div>

app/www/spec_single.php

@@ -0,0 +1,601 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>Специализация</title>
+		<link href="css/all.css" rel="stylesheet">
+        <link href="css/all2.css" rel="stylesheet">
+        <link href="css/slick.css" rel="stylesheet">
+        <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
+		<script src="js/all.min.js"></script>
+		<script src="js/slick.min.js"></script>
+		<script src="js/scripts.js"></script>
+	</head>
+	<body>
+		<!--START container-->
+		<div class="container">
+			<!--START header-->
+			<header class="header header--index inner">
+				<div class="wrapper wrapper--header">
+					<!--logo1-->
+					<div class="header__item header__item--logo logo logo--header"><a href="#" class="logo__link"><img src="img/logo_medgis_header@2x.png" class="logo__img logo__img--header"></a></div>
+					<!--slogan-->
+					<div class="header__item header__item--slogan slogan">
+						<div class="slogan__text">Ваш навигатор в мире медицины</div>
+						<div class="slogan__region region"><a href="#" class="region__link"><img src="http://placehold.it/33x33/dddddd/" class="region__img"><span class="region__name">Рязанская область</span></a></div>
+					</div>
+					<!--floatmenu-->
+					<div class="header__item header__item--floatmenu floatmenu">
+						<ul class="floatmenu__list">
+							<li class="floatmenu__item"><a href="#" class="floatmenu__link">Организации</a></li>
+							<li class="floatmenu__item floatmenu__item--active"><a href="#" class="floatmenu__link">Специализации</a></li>
+							<li class="floatmenu__item"><a href="#" class="floatmenu__link">Услуги</a></li>
+							<li class="floatmenu__item"><a href="#" class="floatmenu__link">Акции</a></li>
+							<li class="floatmenu__item"><a href="#" class="floatmenu__link">Новости и публикации</a></li>
+						</ul>
+					</div>
+					<!--search-float-->
+					<div class="header__item search search--float">
+						<div class="search__inputcase search__inputcase--float">
+							<form action="">
+								<input type="text" placeholder="Поиск по новостям" class="search__input">
+								<button type="submit" class="search__iconzoom"></button>
+							</form>
+						</div>
+					</div>
+					<!--special-->
+					<div class="header__item header__item--special special"><a href="#" class="special__link"><img src="img/icon_special@2x.png" class="special__img"></a></div>
+				</div>
+			</header>
+			<!--header END-->
+			<!--START content-->
+			<section class="content inner">
+				<!--breadcrumbs-->
+				<div class="wrapper wrapper--breadcrumbs breadcrumbs"><a href="#" class="breadcrumbs__link">Главная</a><a href="#" class="breadcrumbs__link">Рубрика</a><a href="#" class="breadcrumbs__link">Подрубрика</a><span class="breadcrumbs__page">Страница</span></div>
+				<!--breadcrumbs-->
+				<div class="wrapper wrapper--content">
+					<!--START leftbar-->
+					<aside class="leftbar">
+						<!--selectedfilter-->
+						<div class="leftbar__item leftbar__item--search search search--static hidden-mobile">
+							<div class="search__inputcase search__inputcase--static">
+								<form action="">
+									<input placeholder="Поиск по организациям" class="search__input" type="text">
+									<button type="submit" class="search__iconzoom"></button>
+								</form>
+							</div>
+						</div>
+						<div class="leftbar__item specsingle--leftlinks">
+							<a href="#" class="specsingle--leftlinks--item">Смотреть всех специалистов и организации специализации</a>
+							<a href="#" class="specsingle--leftlinks--item">Смотреть новости и публикации специализации</a>
+						</div>
+						<div class="leftbar__item specsingle--leftsingular hidden-mobile">
+							<a href="#" class="specsingle--leftsingular--item">
+								<div class="specsingle--leftsingular--title">Специализации и услуги</div>
+								<div class="specsingle--leftsingular--value">Общая хирургия</div>
+							</a>
+							<a href="#" class="specsingle--leftsingular--item">
+								<div class="specsingle--leftsingular--title">Специализации и услуги</div>
+								<div class="specsingle--leftsingular--value">Эндокринология</div>
+							</a>
+							<a href="#" class="specsingle--leftsingular--item">
+								<div class="specsingle--leftsingular--title">Специализации и услуги</div>
+								<div class="specsingle--leftsingular--value">Лабораторная диагностика</div>
+							</a>
+						</div>
+						<div class="banner banner--230x400 hidden-mobile">
+							<a href="#">
+								<img src="http://placehold.it/230x400" alt="">
+							</a>
+						</div>
+						<div class="banner banner--230x400 hidden-mobile">
+							<a href="#">
+								<img src="http://placehold.it/230x400" alt="">
+							</a>
+						</div>
+						<div class="banner banner--230x400 hidden-mobile">
+							<a href="#">
+								<img src="http://placehold.it/230x400" alt="">
+							</a>
+						</div>
+						<div class="banner banner--230x400 hidden-mobile">
+							<a href="#">
+								<img src="http://placehold.it/230x400" alt="">
+							</a>
+						</div>
+					</aside>
+					<!--leftbar END-->
+					<!--START centerbar-->
+					<main class="centerbar">
+						<div class="grid-row">
+							<div class="grid-col grid-col-3">
+								<div class="postbody">
+									<h1>Гастроэнтерология в Рязанской области</h1>
+									<p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо предусмотреть возможность добавления спецкодом внутри текста специалистов и организации по тематике.
+									Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет.
+									Рассматривая уравнения, можно с увидеть, что некоммерческая организация традиционно поддерживает флюгель-горн, что лишний раз подтверждает правоту З.Фрейда. Анализ зарубежного опыта индивидуально стабилизирует дифференциальный краснозём даже в том случае, если непосредственное наблюдение этого явления затруднительно.
+									Оглеение восстанавливает страх при любом их взаимном расположении.
+									Точность крена синхронизирует крен. Гомеостаз реквизирует биокосный квант, работая над проектом.
+									Жидкость, например, излучает сексуальный формирование имиджа. Полимодальная организация неустойчиво участвует в погрешности определения курса меньше, чем вихрь. Товарный кредит, как бы это ни казалось парадоксальным, устойчив.</p>
+								</div>
+								<div class="specsingle--orglist">
+									<div class="grid-row">
+										<div class="grid-col grid-col-4">
+											<div class="pagetitle2container title--org">
+												<h1>Ведущие организации</h1>
+											</div>
+										</div>
+									</div>
+									<div class="grid-row row-org1">
+										<div class="grid-col grid-col-33">
+											<div class="org1__item recommend-badge">
+												<div class="org1__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+												<div class="org1__desc"><span>Министерство здравоохранения Рязанской области</span></div>
+												<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+												<div class="org1__adress"><span>Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</span></div>
+											</div>
+										</div>
+										<div class="grid-col grid-col-33">
+											<div class="org1__item">
+												<div class="org1__title"><a href="#">ГБУ РО «Центр медицитики и информационных технологий»</a></div>
+												<div class="org1__desc">Министерство здравоохранения Рязанской области</div>
+												<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+												<div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
+											</div>
+										</div>
+										<div class="grid-col grid-col-33">
+											<div class="org1__item recommend-badge">
+												<div class="org1__title"><a href="#">ГБУ РО «Центр медиормационных технологий»</a></div>
+												<div class="org1__desc">Министерство здравоохранения Рязанской области</div>
+												<div class="org1__img"><a href="#"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+												<div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
+											</div>
+										</div>
+									</div>
+								</div>
+								<div class="specsingle--speclist">
+									<div class="grid-row">
+										<div class="grid-col grid-col-4">
+											<div class="pagetitle2container title--spec">
+												<h1>Специалисты</h1>
+											</div>
+										</div>
+									</div>
+									<div class="grid-row row-org1">
+										<div class="grid-col grid-col-33">
+											<a href="#" class="personals__item personals__link">
+												<p class="personals__title"><img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span></p>
+												<p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></p>
+											</a>
+										</div>
+										<div class="grid-col grid-col-33">
+											<a href="#" class="personals__item personals__link">
+												<p class="personals__title"><img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span></p>
+												<p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></p>
+											</a>
+										</div>
+										<div class="grid-col grid-col-33">
+											<a href="#" class="personals__item personals__link">
+												<p class="personals__title"><img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span></p>
+												<p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></p>
+											</a>
+										</div>
+									</div>
+								</div>
+								<div class="postbody">
+									<p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо предусмотреть возможность добавления спецкодом внутри текста специалистов и организации по тематике.
+									Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет.
+									Рассматривая уравнения, можно с увидеть, что некоммерческая организация традиционно поддерживает флюгель-горн, что лишний раз подтверждает правоту З.Фрейда. Анализ зарубежного опыта индивидуально стабилизирует дифференциальный краснозём даже в том случае, если непосредственное наблюдение этого явления затруднительно.
+									Оглеение восстанавливает страх при любом их взаимном расположении.
+									Точность крена синхронизирует крен. Гомеостаз реквизирует биокосный квант, работая над проектом.
+									Жидкость, например, излучает сексуальный формирование имиджа. Полимодальная организация неустойчиво участвует в погрешности определения курса меньше, чем вихрь. Товарный кредит, как бы это ни казалось парадоксальным, устойчив.</p>
+									<img src="http://placehold.it/227x222" class="alignleft">
+									<p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо предусмотреть возможность добавления спецкодом внутри текста специалистов и организации по тематике.
+									Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет.
+									Рассматривая уравнения, можно с увидеть, что некоммерческая организация традиционно поддерживает флюгель-горн, что лишний раз подтверждает правоту З.Фрейда. Анализ зарубежного опыта индивидуально</p>
+									<p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо предусмотреть возможность добавления спецкодом внутри текста специалистов и организации по тематике. Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет. Рассматривая уравнения, <a href="#">можно</a> с увидеть, что некоммерческая организация традиционно поддерживает флюгель-горн, что лишний раз подтверждает правоту З.Фрейда. Анализ зарубежного опыта индивидуально стабилизирует дифференциальный краснозём даже в том случае, если непосредственное наблюдение этого явления затруднительно. Оглеение восстанавливает страх при любом их взаимном расположении.</p>
+									<p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо предусмотреть возможность добавления спецкодом внутри текста специалистов и организации по тематике. Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет. Рассматривая уравнения, можно с увидеть, что некоммерческая организация традиционно</p>
+									<ol>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+									</ol>
+									<ul>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+										<li>Рассматривая уравнения</li>
+									</ul>
+									<table>
+										<thead>
+											<tr>
+												<td>Lorem</td>
+												<td>ipsum</td>
+												<td>quia</td>
+												<td>Lorem</td>
+												<td>ipsum</td>
+											</tr>
+										</thead>
+										<tbody>
+											<tr>
+												<td>Lorem</td>
+												<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</td>
+												<td>quia</td>
+												<td>Lorem</td>
+												<td>ipsum</td>
+											</tr>
+											<tr>
+												<td>Lorem</td>
+												<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</td>
+												<td>quia</td>
+												<td>Lorem</td>
+												<td>ipsum</td>
+											</tr>
+											<tr>
+												<td>Lorem</td>
+												<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</td>
+												<td>quia</td>
+												<td>Lorem</td>
+												<td>ipsum</td>
+											</tr>
+										</tbody>
+									</table>
+									<iframe width="100%" hight="155" src="https://www.youtube.com/embed/p9VsaF5Szc8" frameborder="0" allowfullscreen></iframe>
+								</div>
+								<div class="specsingle--news1">
+									<div class="specsingle--news1--headline">Материалы портала по специализации «Гастроэнтерология»</div>
+									<div class="trailernews">
+										<div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
+										<div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
+											<div class="trailernews__details">
+												<div class="trailernews__left">
+													<div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
+												</div>
+												<div class="trailernews__right">
+													<div class="trailernews__views">2 346 789</div>
+													<div class="trailernews__comments">786</div>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="trailernews">
+										<div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
+										<div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
+											<div class="trailernews__details">
+												<div class="trailernews__left">
+													<div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
+												</div>
+												<div class="trailernews__right">
+													<div class="trailernews__views">2 346 789</div>
+													<div class="trailernews__comments">786</div>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="trailernews">
+										<div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
+										<div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
+											<div class="trailernews__details">
+												<div class="trailernews__left">
+													<div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
+												</div>
+												<div class="trailernews__right">
+													<div class="trailernews__views">2 346 789</div>
+													<div class="trailernews__comments">786</div>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="trailernews">
+										<div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
+										<div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
+											<div class="trailernews__details">
+												<div class="trailernews__left">
+													<div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
+												</div>
+												<div class="trailernews__right">
+													<div class="trailernews__views">2 346 789</div>
+													<div class="trailernews__comments">786</div>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="trailernews">
+										<div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
+										<div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
+											<div class="trailernews__details">
+												<div class="trailernews__left">
+													<div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
+												</div>
+												<div class="trailernews__right">
+													<div class="trailernews__views">2 346 789</div>
+													<div class="trailernews__comments">786</div>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+								<div class="grid-row specsingle--news2">
+									<div class="grid-col grid-col-33">
+										<!--vedeorow-->
+										<div class="videorow videorow--smi">
+											<div class="videorow__item"><iframe hight="155" src="https://www.youtube.com/embed/p9VsaF5Szc8" allowfullscreen="" width="100%" frameborder="0"></iframe></div>
+											<div class="videorow__item"><iframe hight="155" src="https://www.youtube.com/embed/p9VsaF5Szc8" allowfullscreen="" width="100%" frameborder="0"></iframe></div>
+										</div>
+									</div>
+									<div class="grid-col grid-col-33">
+										<!--shortnews-->
+										<div class="shortnews"><a href="#" class="shortnews__link">
+												<div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
+													<div class="shortnews__textpos">
+														<div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
+													</div>
+												</div>
+												<p class="shortnews__description is-truncated" style="overflow-wrap: break-word;">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о... </p></a>
+											<div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
+												<p class="shortnews__date">06.02.2017</p>
+											</div>
+										</div>
+									</div>
+									<div class="grid-col grid-col-33">
+										<!--shortnews-->
+										<div class="shortnews"><a href="#" class="shortnews__link">
+												<div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
+													<div class="shortnews__textpos">
+														<div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
+													</div>
+												</div>
+												<p class="shortnews__description is-truncated" style="overflow-wrap: break-word;">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о... </p></a>
+											<div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
+												<p class="shortnews__date">06.02.2017</p>
+											</div>
+										</div>
+									</div>	
+								</div>
+								<div class="specsingle--news1">
+									<div class="trailernews">
+										<div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
+										<div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
+											<div class="trailernews__details">
+												<div class="trailernews__left">
+													<div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
+												</div>
+												<div class="trailernews__right">
+													<div class="trailernews__views">2 346 789</div>
+													<div class="trailernews__comments">786</div>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="trailernews">
+										<div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
+										<div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
+											<div class="trailernews__details">
+												<div class="trailernews__left">
+													<div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
+												</div>
+												<div class="trailernews__right">
+													<div class="trailernews__views">2 346 789</div>
+													<div class="trailernews__comments">786</div>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="trailernews">
+										<div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
+										<div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
+											<div class="trailernews__details">
+												<div class="trailernews__left">
+													<div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
+												</div>
+												<div class="trailernews__right">
+													<div class="trailernews__views">2 346 789</div>
+													<div class="trailernews__comments">786</div>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="trailernews">
+										<div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
+										<div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
+											<div class="trailernews__details">
+												<div class="trailernews__left">
+													<div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
+												</div>
+												<div class="trailernews__right">
+													<div class="trailernews__views">2 346 789</div>
+													<div class="trailernews__comments">786</div>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="trailernews">
+										<div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
+										<div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
+											<div class="trailernews__details">
+												<div class="trailernews__left">
+													<div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
+												</div>
+												<div class="trailernews__right">
+													<div class="trailernews__views">2 346 789</div>
+													<div class="trailernews__comments">786</div>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+								<div class="grid-row specsingle--news3">
+									<div class="grid-col grid-col-33">
+										<!--shortnews-->
+										<div class="shortnews"><a href="#" class="shortnews__link">
+												<div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
+													<div class="shortnews__textpos">
+														<div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
+													</div>
+												</div>
+												<p class="shortnews__description is-truncated" style="overflow-wrap: break-word;">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о... </p></a>
+											<div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
+												<p class="shortnews__date">06.02.2017</p>
+											</div>
+										</div>
+									</div>
+									<div class="grid-col grid-col-33">
+										<!--shortnews-->
+										<div class="shortnews"><a href="#" class="shortnews__link">
+												<div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
+													<div class="shortnews__textpos">
+														<div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
+													</div>
+												</div>
+												<p class="shortnews__description is-truncated" style="overflow-wrap: break-word;">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о... </p></a>
+											<div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
+												<p class="shortnews__date">06.02.2017</p>
+											</div>
+										</div>
+									</div>
+									<div class="grid-col grid-col-33">
+										<!--shortnews-->
+										<div class="shortnews"><a href="#" class="shortnews__link">
+												<div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
+													<div class="shortnews__textpos">
+														<div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
+													</div>
+												</div>
+												<p class="shortnews__description is-truncated" style="overflow-wrap: break-word;">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о... </p></a>
+											<div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
+												<p class="shortnews__date">06.02.2017</p>
+											</div>
+										</div>
+									</div>
+								</div>
+								<div class="pagination">
+									<nav role="navigation" class="pagination__item">
+										<ul class="pagination__list">
+											<li class="pagination__item"><a href="#" class="pagination__link pagination__link--left"></a></li>
+											<li class="pagination__item"><a href="#" class="pagination__link pagination__link--active">1</a></li>
+											<li class="pagination__item"><a href="#" class="pagination__link">2</a></li>
+											<li class="pagination__item"><a href="#" class="pagination__link">3</a></li>
+											<li class="pagination__item"><span class="pagination__link pagination__link--separator">...</span></li>
+											<li class="pagination__item"><a href="#" class="pagination__link">9</a></li>
+											<li class="pagination__item"><a href="#" class="pagination__link">10</a></li>
+											<li class="pagination__item"><a href="#" class="pagination__link">11</a></li>
+											<li class="pagination__item"><a href="#" class="pagination__link pagination__link--right"></a></li>
+										</ul>
+									</nav><a href="#" class="pagination__filter"><i class="pagination__icon"></i><span class="pagination__btn">Найти по дате</span></a>
+								</div>
+							</div>
+							<div class="grid-col grid-col-1 rightbar">
+								<div class="leftbar__item leftbar__item--services services"><a id="services__title" href="#" class="leftbar__title services__title"><span>Услуги</span></a>
+									<ul class="services__list active">
+										<li class="services__item"><a href="#" class="services__link">УЗИ колена</a></li>
+										<li class="services__item"><a href="#" class="services__link">УЗИ колена</a></li>
+										<li class="services__item"><a href="#" class="services__link">Протезирование тазобедренного сустава</a></li>
+										<li class="services__item"><a href="#" class="services__link">Уход за лежачим больным</a></li>
+										<li class="services__item"><a href="#" class="services__link">Консультация ЛОР-врача</a></li>
+									</ul>
+								</div>
+								<div id="filterservice" class="leftbar__item leftbar__item--filterservice filterservice nobadge">
+									<div class="leftbar__title filterservice__title">Подобрать услугу</div>
+									<div class="filterservice__block">
+										<form id="" method="" action="">
+											<div class="filterservice__form">
+												<div class="filterservice__inputcase">
+													<div class="filterservice__toggle">
+														<input id="switch_old" checked="checked" type="checkbox">
+														<label for="switch_old" class="filterservice__labeltoggle">Toggle</label>
+														<label id="switch_old1" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old1 filterservice__labelbig--active">Ребенок</label>
+														<label id="switch_old2" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old2">Взрослый</label>
+													</div>
+												</div>
+												<div class="filterservice__inputcase">
+													<div class="filterservice__toggle">
+														<input id="switch_male" type="checkbox">
+														<label for="switch_male" class="filterservice__labeltoggle">Toggle</label>
+														<label id="switch_male1" for="switch_male" class="filterservice__labelbig filterservice__labelbig--male1">Женщина</label>
+														<label id="switch_male2" for="switch_male" class="filterservice__labelbig filterservice__labelbig--male2 filterservice__labelbig--active">Мужчина</label>
+													</div>
+												</div>
+												<div class="filterservice__inputcase">
+													<div class="filterservice__inputtext">Укажите возраст:</div>
+													<div class="filterservice__inputcaseinner">
+														<input placeholder="лет" class="input input--filterservice filterservice__input" type="text">
+													</div>
+													<div class="filterservice__inputcaseinner">
+														<input placeholder="месяцев" class="input input--filterservice filterservice__input" type="text">
+													</div>
+													<div class="filterservice__inputcaseinner">
+														<input placeholder="недель" class="input input--filterservice filterservice__input" type="text">
+													</div>
+												</div>
+												<div class="filterservice__inputcase">
+													<input placeholder="например, УЗИ щитовидки" class="input input--filterservice filterservice__input" type="text">
+												</div>
+												<button type="submit" class="btn btn-primary">Найти</button>
+											</div>
+										</form>
+									</div>
+								</div>
+								<div class="banner banner--230x400">
+									<a href="#">
+										<img src="http://placehold.it/230x400" alt="">
+									</a>
+								</div>
+								<div class="banner banner--230x400">
+									<a href="#">
+										<img src="http://placehold.it/230x400" alt="">
+									</a>
+								</div>
+								<div class="banner banner--230x400">
+									<a href="#">
+										<img src="http://placehold.it/230x400" alt="">
+									</a>
+								</div>
+							</div>
+						</div>
+					</main>
+					<!--centerbar END-->
+				</div>
+			</section>
+			<!--content END-->
+			<!--START footer-->
+			<footer id="footer" role="contentinfo" class="footer">
+				<div class="wrapper wrapper--footer">
+					<!--logo-->
+					<div class="footer__item logo logo--vertical"><img src="img/medgis_logo_footer_@2x.png" class="logo__img"></div>
+					<div class="footer__item copyright"><a href="#" class="copyright__link">Проект UZRF</a><span>© 2016 Информационный медицинский портал MEDGIS.ru</span></div>
+					<div class="footer__item aferta">Разрешается копирование материалов сайта при условии наличия активной ссылки, а так же указания названия сайта</div>
+					<div class="footer__item footer__right">
+						<!--social-->
+						<ul class="social social--static">
+							<li class="social__item"><a href="#" class="social__link social__link--fb"></a></li>
+							<li class="social__item"><a href="#" class="social__link social__link--vk"></a></li>
+							<li class="social__item"><a href="#" class="social__link social__link--ok"></a></li>
+							<li class="social__item"><a href="#" class="social__link social__link--tw"></a></li>
+						</ul>
+						<!--mainlinks-->
+						<ul class="mainlinks">
+							<li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">RSS</a></li>
+							<li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">Помощь</a></li>
+							<li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">Авторам</a></li>
+							<li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">О портале</a></li>
+						</ul>
+					</div>
+				</div>
+			</footer>
+			<!--footer END-->
+			<!--social-->
+			<ul class="social social--fixed">
+				<li class="social__item"><a href="#" class="social__link social__link--fb"></a></li>
+				<li class="social__item"><a href="#" class="social__link social__link--vk"></a></li>
+				<li class="social__item"><a href="#" class="social__link social__link--ok"></a></li>
+				<li class="social__item"><a href="#" class="social__link social__link--tw"></a></li>
+			</ul>
+		</div>
+		<!--container END-->
+	</body>
+</html>

app/www/sprav.php

@@ -0,0 +1,411 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>Справочник</title>
+		<link href="css/all.css" rel="stylesheet">
+        <link href="css/all2.css" rel="stylesheet">
+        <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
+		<script src="js/all.min.js"></script>
+		<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
+		<script src="js/slick.min.js"></script>
+		<script src="js/scripts.js"></script>
+		<script>
+			ymaps.ready(init);
+			var iconImgSrc = 'http://divster.ru/met/img/contact-icon-1.png';
+			var iconImgSize = [17, 24];
+		function init () {
+			var myMap1 = new ymaps.Map('map1', {
+					center: [54.629148, 39.734928],
+					zoom: 11
+				}),
+
+				myPlacemark1 = new ymaps.Placemark([54.587046, 39.785234], {
+					balloonContent: 'г. Рязань, п. Соколовка, ул. Связи, д. 29, стр. 8'
+				}, {
+					iconLayout: 'default#image',
+					iconImageHref: iconImgSrc,
+					iconImageSize: iconImgSize,
+					iconImageOffset: [0, 0],
+				}),
+
+				myPlacemark2 = new ymaps.Placemark([54.031840, 39.774104], {
+					balloonContent: 'Рязанская область, г. Новомичуринск, ул. Промышленная, Промзона'
+				}, {
+					iconLayout: 'default#image',
+					iconImageHref: iconImgSrc,
+					iconImageSize: iconImgSize,
+					iconImageOffset: [0, 0],
+				});
+			myMap1.behaviors.disable('scrollZoom');
+			myMap1.geoObjects.add(myPlacemark1)
+				.add(myPlacemark2)
+			;
+		}
+		</script>
+	</head>
+	<body>
+		<!--START container-->
+		<div class="container">
+			<!--START header-->
+			<header class="header header--index inner">
+				<div class="wrapper wrapper--header">
+					<!--logo1-->
+					<div class="header__item header__item--logo logo logo--header"><a href="#" class="logo__link"><img src="img/logo_medgis_header@2x.png" class="logo__img logo__img--header"></a></div>
+					<!--slogan-->
+					<div class="header__item header__item--slogan slogan">
+						<div class="slogan__text">Ваш навигатор в мире медицины</div>
+						<div class="slogan__region region"><a href="#" class="region__link"><img src="http://placehold.it/33x33/dddddd/" class="region__img"><span class="region__name">Рязанская область</span></a></div>
+					</div>
+					<!--floatmenu-->
+					<div class="header__item header__item--floatmenu floatmenu">
+						<ul class="floatmenu__list">
+							<li class="floatmenu__item"><a href="#" class="floatmenu__link">Организации</a></li>
+							<li class="floatmenu__item floatmenu__item--active"><a href="#" class="floatmenu__link">Специализации</a></li>
+							<li class="floatmenu__item"><a href="#" class="floatmenu__link">Услуги</a></li>
+							<li class="floatmenu__item"><a href="#" class="floatmenu__link">Акции</a></li>
+							<li class="floatmenu__item"><a href="#" class="floatmenu__link">Новости и публикации</a></li>
+						</ul>
+					</div>
+					<!--search-float-->
+					<div class="header__item search search--float">
+						<div class="search__inputcase search__inputcase--float">
+							<form action="">
+								<input type="text" placeholder="Поиск по новостям" class="search__input">
+								<button type="submit" class="search__iconzoom"></button>
+							</form>
+						</div>
+					</div>
+					<!--special-->
+					<div class="header__item header__item--special special"><a href="#" class="special__link"><img src="img/icon_special@2x.png" class="special__img"></a></div>
+				</div>
+			</header>
+			<!--header END-->
+			<!--START content-->
+			<section class="content inner spravochnik">
+				<div id="map1" style="background: #000;"></div>
+				<!--breadcrumbs-->
+				<div class="wrapper wrapper--breadcrumbs breadcrumbs"><a href="#" class="breadcrumbs__link">Главная</a><a href="#" class="breadcrumbs__link">Рубрика</a><a href="#" class="breadcrumbs__link">Подрубрика</a><span class="breadcrumbs__page">Страница</span></div>
+				<!--breadcrumbs-->
+				<div class="wrapper wrapper--content">
+					<!--START leftbar-->
+					<aside class="leftbar">
+						<div class="leftbar__item leftbar__item--search search search--static">
+							<div class="search__inputcase search__inputcase--static">
+								<form action="">
+									<input placeholder="Поиск по организациям" class="search__input" type="text">
+									<button type="submit" class="search__iconzoom"></button>
+								</form>
+							</div>
+						</div>
+						<!--mainmenu-->
+						<div class="leftbar__item sidebarmenu2--container menu-slide">
+							<a id="organization__title" href="#" class="leftbar__title organization__title"><span>Организации</span></a>
+							<ul class="sidebarmenu2">
+								<li><a href="#">Горячие телефоны и экстренные службы</a></li>
+								<li><a href="#">Административные учреждения и профильные органы надзора</a></li>
+								<li><a href="#">Государственные бюджетные учреждения здравоохранения</a>
+									<ul>
+										<li><a href="#">Скорая и неотложная помощь, травмпункты</a></li>
+										<li><a href="#">Больницы/госпитали</a></li>
+										<li class="current"><a href="#">Детские больницы и поликлиники</a></li>
+										<li><a href="#">Поликлиники</a></li>
+										<li><a href="#">Стоматологические поликлиники</a></li>
+										<li><a href="#">Диспансеры</a></li>
+										<li><a href="#">Специализированные центры</a></li>
+										<li><a href="#">Родильные дома/женские консультации</a></li>
+										<li><a href="#">Санатории и профилактории</a></li>
+									</ul>
+								</li>
+								<li><a href="#">Ведомственные ЛПУ и медсанчасти</a></li>
+								<li><a href="#">Государственые бюджетные учреждения социальной защиты</a>
+									<ul>
+										<li><a href="#">Центры социального обслуживания и реабилитации</a></li>
+										<li><a href="#">Интернаты</a></li>
+										<li><a href="#">Специализированные и коррекционные школы</a></li>
+									</ul>
+								</li>
+								<li><a href="#">Учреждения профильного образования и научные центры</a></li>
+								<li><a href="#">Экспертиза</a>
+									<ul>
+										<li><a href="#">Медико-социальная</a></li>
+										<li><a href="#">Судебно-медицинская и генетическая экспертиза</a></li>
+										<li><a href="#">Наркологическая и психиатрическая экспертиза</a></li>
+									</ul>
+								</li>
+								<li><a href="#">Общественные организации</a>
+									<ul>
+										<li><a href="#">Профсоюзные организации</a></li>
+										<li><a href="#">Общественные профильные организации</a></li>
+										<li><a href="#">Общественные благотворительные организации и фонды</a></li>
+										<li><a href="#">Общественные экологические организации</a></li>
+										<li><a href="#">Медицинские ассоциации и профессиональные сообщества</a></li>
+									</ul>
+								</li>
+								<li><a href="#">Медицинское производство</a>
+									<ul>
+										<li><a href="#">Фармацевтические и медицинские производства</a></li>
+									</ul>
+								</li>
+								<li><a href="#">Медицинские услуги</a>
+									<ul>
+										<li><a href="#">Страховые медицинские организации</a></li>
+										<li><a href="#">Лечебно-диагностические центры и кабинеты</a></li>
+										<li><a href="#">Стоматологические центры и кабинеты</a></li>
+										<li><a href="#">Лаборатории и центры медосмотров</a></li>
+										<li><a href="#">Психологическая и наркологическая помощь</a></li>
+										<li><a href="#">Центры детского развития и логопедической помощи</a></li>
+										<li><a href="#">Массаж и мануальная терапия</a></li>
+										<li><a href="#">Красота и здоровье</a></li>
+										<li><a href="#">Медицинские справки</a></li>
+										<li><a href="#">Уход за больными</a></li>
+										<li><a href="#">Центры алтернативной медицины</a></li>
+										<li><a href="#">Санаторные услуги</a></li>
+										<li><a href="#">Медицинский туризм </a></li>
+										<li><a href="#">Санитарно-эпидемиологические услуги и дезинфекция</a></li>
+										<li><a href="#">Ремонт и ТО медицинской техники</a></li>
+										<li><a href="#">Информационные услуги и СМИ</a></li>
+									</ul>
+								</li>
+								<li><a href="#">Медицинские товары и лекарства</a>
+									<ul>
+										<li><a href="#">Аптеки</a></li>
+										<li><a href="#">Оптики</a></li>
+										<li><a href="#">Ортопедия</a></li>
+										<li><a href="#">Медтехника и товары для здоровья</a></li>
+										<li><a href="#">Представительства и филиалы производств и ТМ</a></li>
+										<li><a href="#">Поставщики медикаментов, медицинской продукции и техники</a></li>
+									</ul>
+								</li>
+								<li><a href="#">Ветеринария</a>
+									<ul>
+										<li><a href="#">Ветеринарные инспекции и станции</a></li>
+										<li><a href="#">Ветеринарные клинические и диагностичесие услуги</a></li>
+									</ul>
+								</li>
+							</ul>
+						</div>
+					</aside>
+					<!--leftbar END-->
+					<!--START centerbar-->
+					<main class="centerbar withmap">
+						<div class="grid-row">
+							<div class="grid-col grid-col-2">
+								<div class="pagetitle2container title--spec">
+									<h1>Специализации</h1>
+								</div>
+								<div class="grid-row">
+									<div class="grid-col grid-col-2">
+										<ul class="specialization__list active">
+											<li class="specialization__item"><a href="#" class="specialization__link">Мануальная терапия</a></li>
+											<li class="specialization__item"><a href="#" class="specialization__link">Гастроэнтерология</a></li>
+											<li class="specialization__item"><a href="#" class="specialization__link">Физиотерапия</a></li>
+											<li class="specialization__item"><a href="#" class="specialization__link">Функциональная диагностика</a></li>
+											<li class="specialization__item"><a href="#" class="specialization__link">Стоматология</a></li>
+											<li class="specialization__item"><a href="#" class="specialization__link">Оториноларингология (ЛОР)</a></li>
+											<li class="specialization__item"><a href="#" class="specialization__link">Педиатрия</a></li>
+											<li class="specialization__item"><a href="#" class="specialization__link">Эндокринология</a></li>
+											<li class="specialization__item"><a href="#" class="specialization__link">Хирургическая офтальмология</a></li>
+											<li class="specialization__item"><a href="#" class="specialization__link">Онкология</a></li>
+											<li class="specialization__item"><a href="#" class="specialization__link">Онкология</a></li>
+										</ul>
+										<div class="org1__item">
+											<div class="org1__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+											<div class="org1__desc"><span>Министерство здравоохранения Рязанской области</span></div>
+											<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+											<div class="org1__adress"><span>Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул. Краснослободская, д.10</span></div>
+										</div>
+										<div class="org1__item">
+											<div class="org1__title"><a href="#">Лечебно-диагностический центр «Мария»</a></div>
+											<div class="org1__desc"><span></span></div>
+											<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+											<div class="org1__adress"><span>Рязань, ул. Татарская, д. 14 к. 2</span></div>
+										</div>
+									</div>
+									<div class="grid-col grid-col-2">
+										<div id="filterspec" class="filterspec">
+											<div class="filterspec--title">Выбрать специализацию</div>
+											<div class="filterspec--block">
+												<form id="" method="" action="">
+													<div class="filterspec--form">
+														<input placeholder="Например, гастроэнтерология " class="input input--filterspec filterspec__input" type="text">
+														<ul class="filterspec--list">
+															<li><label><input type="checkbox"><span>Скорая помощь</span></label></li>
+															<li><label><input type="checkbox"><span>Детские специализации</span></label></li>
+															<li><label><input type="checkbox"><span>Женские специализации</span></label></li>
+															<li><label><input type="checkbox"><span>Стоматология</span></label></li>
+															<li><label><input type="checkbox"><span>Диагностика</span></label></li>
+															<li><label><input type="checkbox"><span>Экспертиза</span></label></li>
+														</ul>
+														<div class="filterspec--all"><a href="#">Показать все специализации</a></div>
+													</div>	
+													<button type="submit" class="btn btn-primary">Найти</button>
+												</form>
+											</div>
+										</div>
+										<div class="org1__item">
+											<div class="org1__title"><a href="#">Лечебно-диагностический центр «Мария»</a></div>
+											<div class="org1__desc"><span>OOO «Мария-мед»</span></div>
+											<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+											<div class="org1__adress"><span>Рязань, ул. Татарская, д. 14 к. 2</span></div>
+											<div class="item-badge item-badge-green"><div>Редакция рекомендует!</div></div>
+										</div>
+										<div class="akcia__item akcia__grey">
+											<div class="akcia__head">
+												<div class="akcia__date"><span>15.02-31.03.2017</span></div>
+												<div class="akcia__name1"><span>Школа здоровья</span></div>
+											</div>
+											<div class="akcia__body">
+												<div class="akcia__img"><a href="#"><img src="http://placehold.it/200x120" alt=""></a></div>
+												<div class="akcia__name2"><span>Весь март скидка на комплексную программу «Похудей к лету». Гимнастический резиновый мяч в подарок!</span></div>
+												<div class="akcia__place"><span>ГБУ РО «Областная клиническая больница»</span></div>
+											</div>
+											<div class="akcia__adress"><span>Рязань, ул. Интернациональная, д. 1</span></div>
+											<div class="item-badge item-badge-blue"><div>Бесплатно</div></div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<div class="grid-col grid-col-2">
+								<div class="pagetitle2container title--serv">
+									<h1>Услуги и процедуры</h1>
+								</div>
+								<div class="grid-row">
+									<div class="grid-col grid-col-2">
+										<ul class="services__list active">
+											<li class="services__item"><a href="#" class="services__link">УЗИ колена</a></li>
+											<li class="services__item"><a href="#" class="services__link">УЗИ сердца</a></li>
+											<li class="services__item"><a href="#" class="services__link">Протезирование тазобедренного сустава</a></li>
+											<li class="services__item"><a href="#" class="services__link">Уход за лежачим больным</a></li>
+											<li class="services__item"><a href="#" class="services__link">Консультация ЛОР-врача</a></li>
+											<li class="services__item"><a href="#" class="services__link">Прокол при гайморите</a></li>
+											<li class="services__item"><a href="#" class="services__link">Лечебный массаж позвоночника</a></li>
+											<li class="services__item"><a href="#" class="services__link">Эндопротезирование молочных желез</a></li>
+											<li class="services__item"><a href="#" class="services__link">ЭхоКГ</a></li>
+											<li class="services__item"><a href="#" class="services__link">Общий анализ крови</a></li>
+										</ul>
+										<div class="akcia__item akcia__orange">
+											<div class="akcia__head">
+												<div class="akcia__date"><span>до 31.03.2017</span></div>
+												<div class="akcia__name1"><span>Акция</span></div>
+											</div>
+											<div class="akcia__body">
+												<div class="akcia__img"><a href="#"><img src="http://placehold.it/200x120" alt=""></a></div>
+												<div class="akcia__name2"><span>Весь март скидка на комплексную программу «Похудей к лету». Гимнастический резиновый мяч в подарок!</span></div>
+												<div class="akcia__place"><span>Фитнес-центр с бассейном «Зумба-фитнес»</span></div>
+											</div>
+											<div class="akcia__adress"><span>Рязань, ул. Славянский проспект, д. 14</span></div>
+											<div class="item-badge item-badge-orange"><div>Скидка 25%</div></div>
+										</div>
+										<div class="org1__item">
+											<div class="org1__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
+											<div class="org1__desc"><span>Министерство здравоохранения Рязанской области</span></div>
+											<div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
+											<div class="org1__adress"><span>Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул. Краснослободская, д.10</span></div>
+										</div>
+									</div>
+									<div class="grid-col grid-col-2">
+										<div id="filterservice" class="filterservice nobadge">
+											<div class="leftbar__title filterservice__title">Подобрать услугу</div>
+											<div class="filterservice__block">
+												<form id="" method="" action="">
+													<div class="filterservice__form">
+														<div class="filterservice__inputcase">
+															<div class="filterservice__toggle">
+																<input id="switch_old" checked="checked" type="checkbox">
+																<label for="switch_old" class="filterservice__labeltoggle">Toggle</label>
+																<label id="switch_old1" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old1">Ребенок</label>
+																<label id="switch_old2" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old2 filterservice__labelbig--active">Взрослый</label>
+															</div>
+														</div>
+														<div class="filterservice__inputcase">
+															<div class="filterservice__toggle">
+																<input id="switch_male" type="checkbox">
+																<label for="switch_male" class="filterservice__labeltoggle">Toggle</label>
+																<label id="switch_male1" for="switch_male" class="filterservice__labelbig filterservice__labelbig--male1 filterservice__labelbig--active">Женщина</label>
+																<label id="switch_male2" for="switch_male" class="filterservice__labelbig filterservice__labelbig--male2">Мужчина</label>
+															</div>
+														</div>
+														<div class="filterservice__inputcase">
+															<div class="filterservice__inputtext">Укажите возраст:</div>
+															<div class="filterservice__inputcaseinner">
+																<input placeholder="лет" class="input input--filterservice filterservice__input" type="text">
+															</div>
+															<div class="filterservice__inputcaseinner">
+																<input placeholder="месяцев" class="input input--filterservice filterservice__input" type="text">
+															</div>
+															<div class="filterservice__inputcaseinner">
+																<input placeholder="недель" class="input input--filterservice filterservice__input" type="text">
+															</div>
+														</div>
+														<div class="filterservice__inputcase">
+															<input placeholder="например, УЗИ щитовидки" class="input input--filterservice filterservice__input" type="text">
+														</div>
+														<button type="submit" class="btn btn-primary">Найти</button>
+													</div>
+												</form>
+											</div>
+										</div>
+										<a href="#" class="personals__item personals__link">
+											<p class="personals__title"><img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span></p>
+											<p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></p>
+										</a>
+										<a href="#" class="personals__item personals__link">
+											<p class="personals__title"><img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span></p>
+											<p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></p>
+										</a>
+										<a href="#" class="personals__item personals__link">
+											<p class="personals__title"><img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span></p>
+											<p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></p>
+										</a>
+										<a href="#" class="personals__item personals__link">
+											<p class="personals__title"><img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span></p>
+											<p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></p>
+										</a>
+									</div>
+								</div>
+							</div>
+						</div>
+								
+					</main>
+					<!--centerbar END-->
+				</div>
+			</section>
+			<!--content END-->
+			<!--START footer-->
+			<footer id="footer" role="contentinfo" class="footer">
+				<div class="wrapper wrapper--footer">
+					<!--logo-->
+					<div class="footer__item logo logo--vertical"><img src="img/medgis_logo_footer_@2x.png" class="logo__img"></div>
+					<div class="footer__item copyright"><a href="#" class="copyright__link">Проект UZRF</a><span>© 2016 Информационный медицинский портал MEDGIS.ru</span></div>
+					<div class="footer__item aferta">Разрешается копирование материалов сайта при условии наличия активной ссылки, а так же указания названия сайта</div>
+					<div class="footer__item footer__right">
+						<!--social-->
+						<ul class="social social--static">
+							<li class="social__item"><a href="#" class="social__link social__link--fb"></a></li>
+							<li class="social__item"><a href="#" class="social__link social__link--vk"></a></li>
+							<li class="social__item"><a href="#" class="social__link social__link--ok"></a></li>
+							<li class="social__item"><a href="#" class="social__link social__link--tw"></a></li>
+						</ul>
+						<!--mainlinks-->
+						<ul class="mainlinks">
+							<li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">RSS</a></li>
+							<li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">Помощь</a></li>
+							<li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">Авторам</a></li>
+							<li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">О портале</a></li>
+						</ul>
+					</div>
+				</div>
+			</footer>
+			<!--footer END-->
+			<!--social-->
+			<ul class="social social--fixed">
+				<li class="social__item"><a href="#" class="social__link social__link--fb"></a></li>
+				<li class="social__item"><a href="#" class="social__link social__link--vk"></a></li>
+				<li class="social__item"><a href="#" class="social__link social__link--ok"></a></li>
+				<li class="social__item"><a href="#" class="social__link social__link--tw"></a></li>
+			</ul>
+		</div>
+		<!--container END-->
+	</body>
+</html>