div {
border:1px solid #505a68;
position:relative;
padding:0 0 50px;
margin:0 0 30px;
height:1%;
}
.news > div:after {content:""; display:block; clear:both;}
.news h3 {
font-size:1.714em;
line-height:2.583em;
text-align:center;
margin:0 0 0.83em;
border-top:1px solid #909eb2;
border-bottom:1px solid #545b65;
background:#5d6a7c;
background-image: linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
background-image: -o-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
background-image: -moz-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
background-image: -ms-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(93,106,124)),
color-stop(1, rgb(126,137,153))
);
}
.news h3 a {display:block; text-decoration:none; text-shadow:0 1px 2px rgba(0,0,0,0.5);}
.news .content {width:83%; overflow:hidden; margin:0 auto;}
.news .readMore {
position:absolute;
top:100%;
margin:-2.143em 0 0;
width:100%;
text-align:center;
}
/* not for sliders only: */
.slides {list-style:none; overflow:hidden; padding:0; width:100%;}
.slides li {padding:0; position:relative; background:url(/m/img_mobile/sep-vert.gif) no-repeat 50% 50%; }
* +html .slides li {display:inline; zoom:1; margin:0;}
.slides blockquote {float:right; width:48%; margin:2.5em 0 0;}
.slides blockquote:first-child {float:left;}
/* */
#map {
border:1px solid #535d6b;
padding:0.428em;
background:#798493;
margin:0 0 1em;
}
#map .imgHolder {
height:1%;
overflow:hidden;
background:#fff;
padding:1px;
border:0;
margin:0;
display:block;
}
.form {width:92%;}
#testimonials {margin-top:-2.857em;}
#testimonials .row {padding:0; background:url(/m/img_mobile/sep-hor.gif) no-repeat 50% 1.5em;}
#testimonials .row:first-child {background:none;}
#testimonials {background:none;}
#testimonials:after {display:none;}
#footer {
width:100%;
overflow:hidden;
padding:24px 0;
color:#333;
line-height:16px;
text-align:center;
}
#footer a {color:#666;}
/*slider's CSS*/
.swiper-container {width:100%; height:100%;}
.swiper-slide {
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin-bottom:10px;
}
.swiper-slide > div { /* Из-за стилей центрирования в .swiper-slide,
и
ведут себя как display:inline-block и мы вынуждены вкладывать внутрь этот
*/
text-align:left;
width:100%;
vertical-align:top;
padding:3px 10px;
margin:3px auto;
border: 1px solid #ccc;
background-color: #ddd;
}
.swiper-slide .title {
font-style:italic;
font-size:large;
text-align:center;
}
.swiper-slide-active { /* Specific active slide styling: */
opacity: 1; /*last slide remain nonactive :(*/
}
.swiper-slide-next,
.swiper-slide-prev { /* Specific slide styling if they are visible */
opacity:0.6;
}
/* Меняем местоположение стрелок, без !important не переопределяются встроенные в swiper.js стили */
.swiper-button-prev,
.swiper-button-next {
position: relative!important;
margin-top:30px;
}
.swiper-button-prev {
float:left!important;
margin-right:10px!important;
}
.swiper-button-next {
float:right!important;
margin-left:10px!important;
}
/* End Swiper's CSS */
/* Стили самого сайта */
table.wt {border-collapse:collapse;}
table.wt td {
font-size:0.7em;
/*line-height:14px;*/
padding:0 2px;
white-space:nowrap;
text-align:center;
border:1px solid #B5C8C6;
background-color:#d6d6d6;
color:#666;}
table.wt td.nbrd {border-left:0 solid #CED8E2; border-top:0 solid #CED8E2; border-bottom:0 solid #CED8E2;}
table.wt td.today {background-color:#E6E6E6; font-size:0.8em}
table.wt caption {font-size:0.8em; line-height:1em; color:#ccc;}
.small {font-size:0.7em;}
.smallxx {font-size:0.65em;}
.fnt90 {font-size:90%;}
.fnt80 {font-size:80%;}
.gray {}
table.filial img.metro {vertical-align:bottom; margin-right:4px;} /*логотип метро в таблице филиалов*/
.fd_compact img.metro {vertical-align:middle; margin-right:4px;} /*логотип метро в карточке фирмы*/
p.archive {
float:left;
text-align:left;
clear:both;
margin:2px 0 0 5px;
padding:2px 2px 2px 25px;
white-space:nowrap;
color:#0066CC;
font-weight:bold;
background-image:url(/m/img_mobile/archive.gif);
background-repeat:no-repeat;
background-position:2px center;
border:1px solid #C6DDFD;
background-color:#D8E8FE;
}
p.fd {text-indent:1em; margin:5px 0;}
p.bull {background:url(/m/img_mobile/arrow.gif) no-repeat left 6px;}/*для буллета в fd как в .lmenu*/
p.fld {text-indent:1em; margin:5px 0; color:#333333;} /*описание филиала*/
.colored {color:#006633;}
.gray {color:#707070;}
a.lmenu {color:#3b8ac0; margin-left:4px; margin-right:2px; padding-left:8px; line-height:1.2em; display:block; background:url(/m/img_mobile/arrow.gif) no-repeat left 6px;}
span.AO { /*место под АвтономныйОкруг*/
color:#006633;
font-family:Verdana,sans-serif;
font-weight:normal;
font-size:0.9em;
padding-left:0 2px;
display:inline-block;
vertical-align:top;
float:left;
margin-right:3px;
line-height:1em;
border:1px solid #C6DDFD; /*#CED8E2;*/
background-color:#E2EEFE; /*#D8E8FE;*/
}
#noscript-warning { text-align:center; color:#990000; font-size:1.9em; }
.Grid_ul { text-align: center; padding: 0px; margin: auto; } /*ul-li grid-таблица, не влязящие по ширине элементы переносятся на следующую строку */
.Grid_ul li {
display: inline-block;
vertical-align: top;
padding: 0px; margin: 4px; text-align: center;
*display: inline; /*для ie7, лучше вынести в отдельные стили */
*zoom: 1; } /*для ie7, лучше вынести в отдельные стили */
.Grid_ul li DIV.radius { border: 1px solid #666; padding: 4px; border-radius: 3px 3px 3px 3px; /*рамка со скруглёнными краями */
background-color:#bbb; color: #ccc;} /*color:#CCCCCC - белые надписи на тёмном фоне когда нет фото */
.Grid_ul li div.count {float:right; color:#777; margin:0 2px 0 5px;} /*число Фирм_в_Доме*/
}
@media all and (max-width: 1024px){ }
@media all and (max-width: 960px){
.center {padding:0 10px; width:auto;}
.buttons {font-size:11px;}
#header {
padding:2px 0 0;
height:0;
/*overflow:hidden;*/
position:static;
}
#content {padding:0;}
/*#alert { background-color:#66FF66;} #alert:after {content:" <1024/960";} /*debug*/
}
@media all and (max-width: 780px){
body {font-size:13px;}
.buttons {font-size:9px;}
h1 {font-size:3.5em;}
.subHeading {font-size:2em;}
.news h3 {font-size:1.3em;}
/*#alert { background-color:#0099FF;} #alert:after {content:" <780";} /*debug*/
}
@media all and (max-width: 504px){
body {font-size:12px;}
.columns > div, /* 2 columns
and 3 columns
make in vertical */
.columns > article {float:none; margin:0; width:100%;} /* 3 columns make in vertical */
.buttons {font-size:7px;}
#testimonials li,
#testimonials .row {background:none;}
#testimonials blockquote {float:none; width:100%; position:relative;}
#testimonials blockquote:after {
background:url(/img_mobile/sep-hor.gif) no-repeat 50% 0;
content:"";
position:absolute;
left:0;
top:-18px;
width:100%;
height:2px;
}
#testimonials .row:first-child blockquote:first-child:after {display:none;}
.flex-direction-nav {display:none;}
h1 {font-size:3em;}
.subHeading {font-size:1.75em;}
#header form {width:45%;}
/*#alert { background-color:#FFFF00; } #alert:after {content:" <504";} /*debug*/
}
@media all and (max-width: 320px){
.buttons > span {display:none;}
.buttons .btn {margin-top:0.5em;}
.buttons {margin-top:2em;}
h1 {font-size:2.5em;}
.subHeading {font-size:1.5em;}
.news h3 {font-size:1.25em;}
#header form {width:30%;}
#header .setup {display:none;} /*убираем, ибо не входит по ширине*/
/*#alert { background-color:#FF0000;} #alert:after {content:" <320";} /*debug*/
}
@media all
and (min-device-width: 768px)
and (max-device-width: 1024px){
#header {padding:2px 0 0; height:0; /*overflow:hidden;*/ position:static;}
#content {padding:0;}
}
@media only screen and (orientation:landscape) { /*альбомная ориентация - форму поиска можно сделать шире*/
#header form {width:70%;}
}