html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
/* vertical-align: baseline;*/
}
body {
font-size: 14px;
font-family: 'Open Sans', sans-serif;
color:#636777;
background: #fff url(img/bg.jpg) repeat 0 0;
min-height: 100%;
}
ol {
padding: 0 0 10px 20px;
}
ol li {
padding: 5px 0 5px 5px;
}
ul {
padding: 0 0 10px 4px;
}
ul {
list-style: none;
}
ul li {
background: url(img/li.png) no-repeat 0 10px;
padding: 5px 0 5px 20px;
display: block;
}
input {
font-style: italic;
font-size: 13px;
color: #a2a2a2;
}
a, a:hover, .content a:hover {
color: #7a6599;
text-decoration: none;
outline: none;
}
img {
background-color: #fff;
padding: 5px;
border: 1px solid #E9E9E9;
margin: 10px 0 0;
}
img.th {
background-color: transparent;
padding: 5px;
border: 0px;
margin: 10px 0 0;
}
img.put {
padding: 0px;
border: 0px;
margin: 10px 0 0;
}
h1, .zagl {
color: rgb(122,101,153);
font-size: 22px;
font-weight: 600;
padding: 10px 0;
}
h2 {
color: rgb(39,160,159);
font-size: 20px;
font-weight: 600;
padding: 10px 0;
}
@media screen and (min-width: 700px) and (max-width: 959px){
h2{
font-size: 2.3vw;
//padding: 10px!important;
}
}
@media screen and (min-width: 450px) and (max-width: 699px){
h2{
font-size: 3.5vw;
padding: 10px!important;
}
}
@media screen and (max-width: 449px){
h2{
font-size: 4vw;
padding: 10px!important;
}
}
h3 {
color: rgb(122,101,153);
font-size: 18px;
font-weight: 600;
padding: 10px 0;
}
@media screen and (min-width: 500px) and (max-width: 700px){
h3{
font-size: 4vw;
}
}
@media screen and (max-width: 499px){
h3{
font-size: 4.5vw;
}
}
@media screen and (max-width: 400px) and (min-width: 341px) {
.jcarousel-next-horizontal {right: -10px ! important;}
.info_block .jcarousel-next-horizontal {right: 0px ! important;}
.trust .jcarousel-next-horizontal {right: 0 ! important;}
.trust .slider-brand {margin: 0 auto !important;}
.info_block ul li.jcarousel-item{width:125px !important;}
/* .navigation .navigation-right{left:270px!important;}*/
.middle .repair-form .form {width:300px ! important;}
.middle .form form[name="reviews"] input[type="text"], .middle .form form[name="reviews"] textarea {width:290px;}
..middle .navigation {margin: 30px 9px 0px -10px;}
.middle .form form[name="summary"] input, .middle .form form[name="summary"] textarea, .middle .form form[name="summary"] select {width:295px}
.one-field-full-wrapper {width:100%}
/*.what .list_slider {margin: 6px 21px !important;}*/
.trust .list_slider {margin: 6px 53px !important;}
}
@media screen and (max-width: 800px) and (min-width: 400px)
{
.one-field-full-wrapper {
width: 45%;
margin: 0 10px 0 10px;}
.middle .form form[name="reviews"] input[type="text"], .middle .form form[name="reviews"] textarea { width: 100%;}
}
table {
background-color: #EFEFEF;
border-collapse: collapse;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 1px rgba(255, 255, 255, 0.25) inset, 0 0 10px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);
height: 220px;
margin: 20px 0 30px;
width: 100%;
}
p {
color: #636777;
font-size: 14px;
padding: 10px 0;
}
@media screen and (min-width: 399px) and (max-width: 488px){
ul.nav.innernews {
width: 150px;
margin: 0 auto;
}
.middle .nav.innernews li a.prev, .middle .nav.innernews li a.next {width:220px;}
li.next-news {margin-left:0!important;}
}
@media screen and (min-width: 400px) and (max-width: 699px){
p, li {
font-size: 2.5vw;
}
}
@media screen and (max-width: 399px){
p, li {
font-size: 3vw;
}
li{
margin-left: 0!important;
}
ul.nav.innernews {
width: 150px;
margin: 0 auto;
}
.middle .nav.innernews li a.prev, .middle .nav.innernews li a.next {width:220px;}
}
table td {
padding: 10px 20px 10px 35px;
text-align: center;
text-shadow: 1px 1px 1px rgba(196,199,211,0.5);
}
td {
text-shadow: 0 0 1px rgba(255,255,255,0.75);
}
table tr td:first-child {
border-right: 1px solid #fff;
text-align: left;
}
table tr:nth-child(2n) {
background-color: #dddddd;
}
.left {
float: left;
}
.right {
float: right;
}
.clear{
clear: both;
}
.top_line {
width: 100%;
background-color: #747888;
height: 45px;
position: fixed;
top: 0;
z-index: 4;
background: linear-gradient(#747888,#616575);
background: moz-linear-gradient(#747888,#616575);
background: -ms-linear-gradient(#747888,#616575);
background: -o-linear-gradient(#747888,#616575);
background: -webkit-linear-gradient(#747888,#616575);
box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 1px 1px 1px rgba(0,0,0,0.25);
-moz-box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 1px 1px 1px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 1px 1px 1px rgba(0,0,0,0.25);
}
.inner {
max-width: 959px;
margin: 0 auto;
padding: 2px 10px 2px 10px;
}
.top_line .inner div.info_order {
padding: 3px 0 0 0;
cursor: pointer;
}
.top_line .inner div.info_order .icon {
background: url(img/knopki.png) no-repeat -182px -114px transparent;
width: 34px;
height: 34px;
padding-right: 8px;
}
.top_line .inner div.info_order:hover .icon{background-position:-182px -157px;}
.top_line .inner div.info_order .text {
padding: 5px 0 0 0;
text-shadow: 0 0 1px rgba(0,0,0,0.16);
}
.top_line .inner div.info_order .text a {
color: #fff;
}
@media screen and (min-width: 960px) {
.top_line .inner div.search {
background: url(img/knopki.png) no-repeat -224px -14px transparent;
width: 148px;
height: 34px;
margin-top: 2px;
}
.top_line .inner div.search:hover {background:url(img/knopki.png) no-repeat -224px -59px transparent;}
.top_line .inner div.search form input.button {
background: none;
border: none;
cursor: pointer;
display: block;
float: left;
width: 34px;
height: 34px;
}
.top_line .inner div {
color: #fff;
float: left;
}
.top_line .inner div.search form input {
outline: none;
display: block;
float: left;
background: none;
border: none;
color: #fff;
width: 74%;
height: 30px;
padding: 2px 2px;
}
.top_line .inner div.menu {
margin-left: 55px;
}
.top_line .inner div.menu ul li:first-child {
padding-left: 0px;
}
.top_line .inner div.menu ul li.parent ul li a {
text-align: left;
width: auto;
display: table;
color: #717585;
font-size: 17px;
text-shadow: 0 0 1px rgba(0,0,0,0.16);
border-left: 1px solid #acacac;
padding: 0px 0px 1px 32px;
margin: 0 0 0 32px;
line-height: 1.5;
}
.top_line .inner div.menu ul li.parent li:first-child a {
border-left: none;
padding-left: 0px;
margin-left: 0px;
}
.top_line .inner div.menu ul li {
background: none;
float: left;
padding: 10px 0 25px 25px;
}
.top_line .inner div.menu ul li a {
display: table;
float: left;
color: #fff;
font-size: 1em;
line-height: 1.1;
text-shadow: 0 0 1px rgba(0,0,0,0.16);
font-weight: normal;
}
.top_line .inner div.menu ul li.parent span {
display: block;
float: left;
background: url(img/knopki.png) no-repeat -140px -138px transparent;
width: 22px;
height: 24px;
margin-left: 8px;
margin-top: -2px;
}
.top_line .inner div.menu ul li.parent .child {
display: none;
position: absolute;
background-color: #e3e4e6;
margin-top: 32px;
left: 0px;
width: 100%;
padding: 35px 0 35px 0;
z-index: 1;
box-shadow: 0 0 1px rgba(255, 255, 255, 0.25) inset, 0px 9px 20px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.25) inset, 0px 9px 20px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.25) inset, 0px 9px 20px rgba(0, 0, 0, 0.6);
}
.top_line .inner div.menu ul li.parent .child ul {
margin: 0 auto;
display: table;
width: 959px;
}
.top_line .inner div.menu-show{
display: none;
}
.top_line .inner div.menu ul li.parent .child ul li {
padding: 0;
}
.top_line .inner div.info_order {
float: right;
position: relative;
}
}
@media screen and (max-width: 959px) {
div.middle div.content{
margin: 40px 0 0 0px;
}
.additional-inf-on-main .wr_n{
margin-right: 0px;
}
.top_line .inner div.search {
position: absolute;
top: 3px;
left: 30%;
margin-left: -86px;
width: 40%;
height: 34px;
margin-top: 2px;
padding-right: 19px;
padding-left: 34px;
}
.top_line .inner div.search form input.button {
background: url("img/knopki.png") no-repeat scroll -79px -554px transparent;
border: none;
cursor: pointer;
display: block;
float: left;
width: 34px;
height: 34px;
position: absolute;
left: 0px;
}
.top_line .inner div.search form input {
outline: medium none;
display: block;
float: left;
border: medium none;
color: #FFF;
width: 100%;
height: 34px;
padding: 2px;
background: url("img/search-bg.png") repeat-x scroll 0px 1px transparent;
}
.top_line .inner div.search:after{
display: block;
content: "";
background: url("img/knopki.png") no-repeat scroll -355px -59px transparent;
width: 15px;
height: 34px;
position: absolute;
right: 0px;
top: 0px;
}
.top_line .inner div.menu-show {
position: relative;
height: 39px;
width: 39px;
margin: -3px 10px;
padding: 3px;
cursor: pointer;
background: url(img/menu.png) center center no-repeat;
position: absolute;
left: 0%;
}
.top_line .inner div.menu{
position: absolute;
top: 0px;
left: 0px;
list-style: none;
width: 300px;
display: none;
background: #fff;
}
.top_line .inner div.menu ul>li{
list-style: none;
padding: 0;
border-bottom: 1px solid #ccc;
background: none;
display: block;
padding: 0 20px;
}
.top_line .inner div.menu ul li a{
display: table-cell;
height: 45px;
vertical-align: middle;
}
.top_line .inner div.menu ul li:last-child{
border: none;
}
.top_line .inner div.menu ul>li.parent{
background: url(img/menu-arrow.png) 94% center no-repeat;
cursor: pointer;
}
.top_line .inner div.menu ul>li.parent div:first-child{
display: table-cell;
height: 46px;
vertical-align: middle;
width: 100%;
}
.top_line .inner div.menu ul>li.parent.active {
background: url(img/active-menu.png) 0 0 no-repeat;
color: #fff;
}
.top_line .inner div.menu ul>li.parent .child{
display: none;
}
.top_line .inner div.menu ul>li.parent .child ul{
margin-right: 25px;
background: #fff;
}
.info_order{
position: absolute;
right: 1%;
top: 3px;
}
.info_order .icon, .info_order .text{
float: left;
}
}
@media screen and (max-width: 800px){
.top_line .inner div.search {
margin-left: -15px;
}
.info_order .text{
display: none;
}
}
.top {
margin: 20px 0 0 0;
display: table;
width: 100%;
}
.top div {
float: left;
}
.top div.logo a {
display: block;
width: 100%;
height: 100%;
cursor: pointer;
}
.logo img {
float: left;
margin: 0;
border: 0;
background: none;
}
.dicom-addresses{
}
.top div.info_block {
margin: 17px 22px 0;
width: 474px;
overflow: hidden;
padding: 0 25px;
}
div.info_block .jcarousel-prev, div.info_block .jcarousel-next{
top: 23px;
}
.top div.info_block .jcarousel-clip{
width: 540px!important;
overflow: hidden;
}
.top div.info_block ul{
width: 10000000000px;
}
.top div.info_block li {
float: left;
cursor: pointer;
list-style: none;
padding: 0;
background: none;
margin-right: 10px;
}
.top div.info_block li:first-child {
margin-left: 0px;
}
.top div.info_block li .icon {
margin: 0 0 0 0px;
background: url(img/knopki.png) no-repeat -245px -114px transparent;
width: 24px;
height: 34px;
}
.top div.info_block li .text {
margin: 0 0 0 12px;
color: #5e6270;
font-size: 12px;
max-width: 120px;
line-height: 1.2;
text-shadow: 0 0 1px rgba(196,199,211,0.5);
display: inline-block;
float: left;
}
.top div.tel {
float: right;
width: 220px;
font-size: 25px;
color: #736e9a;
text-align: right;
margin-top: 10px;
text-shadow: 0 0 1px rgba(0,0,0,0.16);
}
.top div.tel .note {
float: right;
font-size: 13px;
font-weight: 600;
color: #6f7383;
line-height: 1;
text-shadow: 0 0 1px rgba(196,199,211,0.5);
}
@media screen and (min-width: 960px) {
.middle{
width: 960px;
margin: 45px auto 0 auto;
padding: 10px 10px 20px 10px;
min-height: 600px;
}
}
@media screen and (max-width: 959px) {
.middle{
margin: 30px auto 0 auto;
padding: 10px;
min-height: 600px;
}
}
@media screen and (min-width: 726px) and (max-width: 959px){
.top div.tel{
font-size: 1em;
width: auto;
padding-top: 39px;
background: url("img/phone325.png") no-repeat scroll center 5px transparent;
float: right;
display: inline-block;
text-align: center;
margin: 0px;
}
.top div.tel span.note{
display: block;
float: none;
font-size: 0.65em;
}
}
@media screen and (min-width: 726px) and (max-width: 900px) {
.top{
position: relative;
}
.top .tel{
position: absolute;
right: 0;
top: 0;
}
.top div.info_block ul{
width: auto;
}
.top div.info_block{
width: 100%;
margin: 25px 0 5px;
float: none;
clear: both;
padding: 0;
}
.top div.info_block li{
text-align: center;
margin-right: 5px;
width: 19%;
text-align: center;
}
.top div.info_block li:last-child{
margin: 0;
}
.top div.info_block li .icon{
display: inline-block;
float: none;
}
.top div.info_block li .text{
margin: 0px;
display: block;
float: none;
width: 100%;
max-width: inherit;
}
}
@media screen and (min-width: 450px) and (max-width: 726px){
.top{
position: relative;
display: block;
}
.top div.info_block ul{
width: auto;
}
.top .logo{
float: left;
}
.top div.tel{
float: none;
width: 100%;
text-align: right;
position: absolute!important;
top: 0;
right: 0;
}
.top div.tel .note{
display: block;
float: none;
}
.top div.info_block{
width: calc(100% - 30px)!important;
margin: 25px 15px 5px;
float: none;
padding: 0 25px;
box-sizing: border-box;
float: none;
}
.top div.info_block .jcarousel-clip{
width: 100%!important;
}
}
@media screen and (max-width: 450px){
.top{
display: block;
position: relative;
}
.top div.tel{
font-size: 1em;
width: auto;
padding-top: 43px;
display: block;
text-align: right;
margin: 0px;
position: absolute;
top: 0;
right: 0;
float: none;
}
.top div.tel:before{
display: block;
width: 30px;
height: 30px;
content: '';
position: absolute;
right: 40px;
top: 4px;
background: url("img/phone325.png") no-repeat scroll center 0px transparent;
}
.top div.tel span.note{
display: block;
float: none;
font-size: 0.65em;
}
.top div.info_block ul{
width: 10000000000px!important;
}
.top div.info_block li{
width: 48%;
text-align: center;
float: none;
display: inline-block;
}
.top div.info_block li .icon{
float: left;
display: inline-block;
}
.top div.info_block{
width: 100%;
margin: 25px 0 5px;
float: right;
padding: 0 15px;
box-sizing: border-box;
}
.top div.info_block li .text{
float: left;
display: inline-block;
width: 96px;
margin-left: 5px;
margin-top: 3px;
}
}
@media screen and (min-width: 580px) and (max-width: 725px){
.top div.info_block{
float: right;
text-align: center;
width: 100%;
}
.top div.info_block li{
margin: 0 5px;
}
.top div.info_block li{
float: none;
display: inline-block;
}
.top div.info_block li .icon{
float: left;
}
.top div.info_block li .text{
margin-left: 5px;
}
.top div.info_block{
}
}
@media screen and (min-width: 451px) and (max-width: 579px){
.top div.info_block{
padding: 0 15px;
box-sizing: border-box;
width: calc(100% - 30px);
height: 66px;
}
.top{
display: block;
}
.top div.info_block .jcarousel-clip ul{
height: 66px;
width: 100000px!important;
}
.top div.info_block li{
text-align: center;
text-align: center;
float: left;
width: 25%;
margin: 0;
}
.top div.info_block li:last-child{
margin: 0;
}
.top div.info_block li .icon{
display: inline-block;
float: none;
}
.top div.info_block li .text{
margin: 0px;
display: block;
float: none;
width: 100%;
max-width: inherit;
}
}
.middle .navigation {
width: 960px;
margin: 30px 0 0 0;
display: table;
}
.middle .navigation .serv {
display: block;
float: left;
width: 196px;
height: 186px;
margin: 0 0 0 13px;
padding: 22px 12px 12px 22px;
cursor: pointer;
box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0px 0px 2px rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0px 0px 2px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0px 0px 2px rgba(0,0,0,0.4);
}
.middle .navigation #service1{
margin-left: 0px;
}
.middle .navigation .serv .text {
color: #fff;
font-size: 24px;
font-weight: 300;
line-height: 1.1;
height: 72px;
text-shadow: 0 0 1px rgba(0,0,0,0.16);
}
.middle .navigation .serv .icon_button {
margin: 10px 0 0 110px;
background: url(img/knopki.png) no-repeat -404px -106px transparent;
width: 92px;
height: 34px;
}
.middle .navigation .serv:hover .icon_button {background-position:-404px -149px;}
.middle .navigation .serv#service1 .icon_button {
margin-left: 105px;
}
.middle .navigation .serv#service1, .middle .navigation.uslugi .serv#service1:hover, .middle .navigation.uslugi .serv#service1.current {
background-color: #ca365f;
}
.middle .navigation .serv#service1 .icon {
margin: 0px 0 20px 0px;
background: url(img/knopki.png) no-repeat -400px -32px transparent;
width: 70px;
height: 46px;
}
.middle .navigation .serv#service2, .middle .navigation.uslugi .serv#service2:hover, .middle .navigation.uslugi .serv#service2.current {
background-color: #a12882;
}
.middle .navigation .serv#service2 .icon {
margin: 0px 0 20px 0px;
background: url(img/knopki.png) no-repeat -488px -33px transparent;
width: 37px;
height: 46px;
}
.middle .navigation .serv#service3, .middle .navigation.uslugi .serv#service3:hover, .middle .navigation.uslugi .serv#service3.current {
background-color: #7a6599;
}
.middle .navigation .serv#service3 .icon {
margin: 0px 0 13px 0px;
background: url(img/knopki.png) no-repeat -549px -31px transparent;
width: 44px;
height: 52px;
}
.middle .navigation .serv#service4, .middle .navigation.uslugi .serv#service4:hover, .middle .navigation.uslugi .serv#service4.current {
background-color: #27a09f;
}
.middle .navigation .serv#service4 .icon {
margin: 0px 0 12px 0px;
background: url(img/knopki.png) no-repeat -604px -31px transparent;
width: 53px;
height: 53px;
}
.navigation-left, .navigation-right{
display: none;
}
@media screen and (min-width: 380px) and (max-width: 520px){
.middle .navigation .serv .icon{
display: none;
}
}
@media screen and (min-width: 380px) and (max-width: 959px){
.middle .navigation{
width: 100%;
position: relative;
display: inline-block;
overflow: hidden;
}
.middle .navigation-adpt{
width: 10000px;
}
.navigation-left, .navigation-right{
display: block;
width: 40px;
height: 40px;
position: absolute;
cursor: pointer;
}
.navigation-left{
background: url(img/brands-slider-prev.png) center center no-repeat;
top: 50%;
margin-top: -20px;
}
.middle .navigation .serv{
position: relative;
}
.navigation-right{
background: url(img/brands-slider-next.png) center center no-repeat;
top: 50%;
margin-top: -20px;
}
.middle .navigation .serv .text {
font-size: 3vw;
}
.middle .navigation .serv .icon_button{
position: absolute;
right: 15px;
margin-left: 0;
bottom: 10px;
}
}
@media screen and (max-width: 379px){
.middle .navigation{
width: 100%;
position: relative;
display: inline-block;
overflow: hidden;
}
.middle .navigation-adpt{
width: 10000px;
}
.navigation-left, .navigation-right{
display: block;
width: 40px;
height: 40px;
position: absolute;
cursor: pointer;
}
.navigation-left{
background: url(img/brands-slider-prev.png) center center no-repeat;
top: 50%;
margin-top: -20px;
}
.middle .navigation .serv{
position: relative;
}
.navigation-right{
background: url(img/brands-slider-next.png) center center no-repeat;
top: 50%;
margin-top: -20px;
z-index: 9999;
}
.middle .navigation .serv .icon_button{
position: absolute;
right: 15px;
margin-left: 0;
bottom: 10px;
}
}
.middle .content {
width: 100%;
display: table;
margin: 40px 0 0 20px;
line-height: 1.2;
position: relative;
}
.middle .content .zagl, .middle .content h1 {
text-shadow: 0 0 1px rgba(255,255,255,0.75);
}
h1.contacts-h1{
margin: -5px 0 15px;
}
.index-content-wrapper {
float: left;
}
.middle .content .col1 {
width: 432px;
}
.middle .content .col2 {
width: 374px;
margin-left: 65px;
}
.middle .content ul li {
margin-left: 0px;
}
.middle .content .col ul li {
background: none;
padding: 5px 0 5px 0px;
float: left;
}
.middle .content ul li .icon {
display: block;
margin: 3px 10px 50px 0px;
background: url(img/knopki.png) no-repeat -141px -169px transparent;
width: 19px;
height: 22px;
float: left;
}
.middle .content .col .info1 {
border-bottom: 1px solid #dbdbdf;
padding: 15px 0 25px 0;
}
.middle .content .col .info1 .icon {
margin: 0px 10px 0px 0px;
background: url(img/knopki.png) no-repeat -32px -160px transparent;
width: 32px;
height: 32px;
float: left;
}
.middle .content .col .info2 {
padding: 25px 0 10px 0;
}
.middle .content .col .info2 .icon {
margin: 0px 10px 0px 0px;
background: url(img/knopki.png) no-repeat -32px -113px transparent;
width: 32px;
height: 40px;
float: left;
}
.additional-sliding-index-description {
float: left;
margin-top: 10px;
width: 900px;
text-align: justify;
margin-bottom: 10px;
display: none;
}
.middle a.slide-sliding-content {
float: left;
display: block;
cursor: pointer;
margin: 0px 10px 0px 29px;
background: url(img/sliding-down-button-bg.png) no-repeat right center #efefef;
width: 132px;
height: 32px;
font-size: 12px;
text-decoration: none;
color: #737787;
font-weight: bold;
line-height: 32px;
border-radius: 15px;
}
.slide-sliding-content span {
margin-left: 18px;
}
@media screen and (max-width: 959px){
.middle .content .col1{
width: auto;
float: none;
padding-right: 10px;
}
.middle .content .col ul li{
float: none;
text-align: left;
clear: both;
}
.middle .content .col2{
width: 100%;
}
.middle .content ul li .icon{
margin-left: -29px;
}
.middle .content .col2{
margin-left: 0;
}
}
.middle .slider_block .zagl, .middle .slider_block h2 {
color: #27a09f;
padding: 34px 20px 20px 20px;
}
.middle .slider_block {
margin: 0;
margin-bottom: 30px;
margin-top: 30px;
width: auto;
height: auto;
position: relative;
background-color: #efefef;
border-radius: 0 0 3px 3px;
box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0px 0px 10px rgba(0,0,0,0.2), 0px 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0px 0px 10px rgba(0,0,0,0.2), 0px 1px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0px 0px 10px rgba(0,0,0,0.2), 0px 1px 2px rgba(0,0,0,0.15);
max-width: 960px;
}
.middle .slider_block .jcarousel-prev {
width: 15px;
height: 24px;
left: 0%;
background: url(img/knopki.png) no-repeat -76px -121px transparent;
position: absolute;
cursor: pointer;
top: 50%;
margin-top: -12px;
}
.middle .slider_block .list_slider {
float: left;
width: 94%;
margin: 0 3%;
height: 115px;
position: relative;
bottom: 10px;
overflow: hidden;
padding:0 10px;
}
.middle .slider_block .list_slider .inner_list {
clear: both;
min-height: 115px;
margin-left: 0;
}
.service-repair-on-main-wrapper {
float: left;
margin: 0 10px;
list-style: none;
background: none;
padding: 0;
}
.middle .slider_block .list_slider .inner_list .product {
display: block;
cursor: pointer;
float: left;
width: 110px;
height: 115px;
}
.middle .slider_block .list_slider .inner_list .product-image{
display: block;
cursor: pointer;
float: left;
width: 110px;
height: 115px;
}
.middle .slider_block .list_slider .inner_list .product:first-child, .middle .slider_block .list_slider .inner_list .product-image:first-child {
margin-left: 0px;
}
.middle .slider_block .list_slider .inner_list .product-image .icon {
display: block;
text-align: center;
}
.middle .slider_block .list_slider .inner_list .product .text, .middle .slider_block .list_slider .inner_list .product-image .text {
color: #5e6270;
font-size: 13px;
text-align: center;
line-height: 1.2;
text-shadow: 0 0 1px rgba(196,199,211,0.5);
display: block;
}
.middle .slider_block .jcarousel-next {
width: 15px;
height: 24px;
position: absolute;
background: url(img/knopki.png) no-repeat -106px -121px transparent;
right: 3.5%;
top: 49.5%;
margin-top: -12px;
cursor: pointer;
}
div.service-title a {
font-weight: 600;
font-size: 18px;
text-decoration: none;
margin-bottom: 10px;
float: left;
width: 100%;
}
.slider_block.brand .this-section-preview-text {
/*height: 155px;*/
overflow: hidden;
float: left;
position: relative;
}
.slider_block.brand.sub1 {
position: relative;
padding-bottom: 35px;
height: auto;
}
.sub2 {
padding: 10px;
}
.sub3 {
padding: 0 10px 10px 10px;
height: auto !important;
}
.sub4 {
position: absolute;
bottom: 10px;
right: 10px;
}
.middle a.more {
float: left;
display: block;
cursor: pointer;
/*margin: 0px 10px 0px 29px;*/
background: url(img/knopki.png) no-repeat -529px -107px transparent;
width: 132px;
height: 32px;
}
.wr_n {
margin-right: -20px;
}
.slider_block.brand.s_n{
width: 48%;
float: left;
margin: 30px 0 0;
}
.additional-inf-on-main div.s_n:nth-child(2n+1) {
margin-right: 2%;
}
@media screen and (max-width: 600px){
.slider_block.brand.s_n{
margin-bottom: 10px;
width: 100%;
}
}
.slider_block.garanty {
height: 190px;
}
.slider_block.trust {
height: 190px;
margin-top: 20px;
}
.slider_block.trust .list_slider .inner_list .product {
display: table;
width: 160px;
position: relative;
}
.middle .slider_block .list_slider .inner_list .product a {
display: table-cell;
vertical-align: middle;
}
.middle .slider_block .list_slider .inner_list .product .icon {
display: block;
text-align: center;
}
.middle .slider_block .list_slider .inner_list .product .icon img {
background: none;
border: none;
padding: 0;
margin: 0;
max-height: 100px;
width: auto;
}
.middle .slider_block .list_slider .inner_list li{
background: none repeat scroll 0% 0% transparent;
padding: 0px;
margin: 0px 10px;
}
.middle .news_block .zagl, .middle .news_block h2 {
padding: 30px 0 10px 0;
color: #7a6599;
font-size: 20px;
text-shadow: 1px 1px 1px rgba(255,255,255,0.75);
}
div.one_news {
float: left;
min-height: 483px;
}
.news_block.left .news-item {
margin-bottom: 20px;
}
.date, .rubric {
color: #7a6599;
font-size: 12px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.16);
}
.middle .news_block .one_news .zagl, .middle .news_block .one_news h3 {
color: #636777;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
}
.more-link {
float: left;
display: block;
cursor: pointer;
margin: 0px 0 10px 0;
background: url(img/sliding-next-button-bg.png) no-repeat right center #E4E1E1;
width: 132px;
height: 32px;
font-size: 12px;
text-decoration: none;
color: #737787;
font-weight: bold;
line-height: 32px;
border-radius: 15px;
}
.more-link:hover {
background-color: #d7d7d7;
color: #737787;
}
.more-link span {
margin-left: 18px;
}
@media screen and (min-width: 700px){
.middle .news_block {
width: 46%;
margin-right: 2%;
margin-left: 2%;
}
.middle div.news_block:first-child{
}
}
@media screen and (max-width: 699px){
.middle .news_block {
width: 96%;
margin-left: 2%;
margin-right: 2%;
float: none;
clear: both;
min-height: 0;
}
div.one_news{
min-height: 0;
}
.news_block a.more{
margin-left: 0;
clear: both;
}
}
.footer {
float: left;
background-color: #747888;
width: 100%;
height: 404px;
padding: 25px 0;
margin: 20px 0 0 0;
background: linear-gradient(#747888,#606474);
background: moz-linear-gradient(#747888,#606474);
background: -ms-linear-gradient(#747888,#606474);
background: -o-linear-gradient(#747888,#606474);
background: -webkit-linear-gradient(#747888,#606474);
box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0px -1px 1px rgba(0,0,0,0.25);
-moz-box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0px -1px 1px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0px -1px 1px rgba(0,0,0,0.25);
}
.footer .info_blocks {
width: 954px;
margin: 0 auto;
padding: 10px 0 30px 25px;
height: 342px;
color: #fff;
}
.footer .col {
float: left;
width: 222px;
margin-left: 20px;
color: #fff;
}
.footer .col:first-child {
width: 200px;
margin-left: 0px;
}
ul.left-menu {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 8px;
position: relative;
}
.footer .col ul.left-menu {
padding: 0px 0 10px 0;
}
.footer .col ul li {
background: none;
padding: 0;
}
ul.left-menu li {
padding: 10px 16px;
background: #F5F5F5 url(images/left_menu_bg.gif) top repeat-x;
}
.footer .col ul.left-menu li:before, .footer .col ul.icons li:before {
content: '';
}
.footer .col ul li:before {
content: '\2010\a0';
}
.footer .col ul.left-menu li a {
color: #fff;
font-size: 15px;
font-weight: 600;
text-shadow: 1px 1px 1px rgba(0,0,0,0.16);
line-height: 1.3;
display: block;
}
.footer .col a.zagl {
display: block;
font-size: 15px;
font-weight: 600;
color: #fff;
margin: 0;
padding: 0 0 15px 0;
text-shadow: 1px 1px 1px rgba(0,0,0,0.16);
}
.footer .col a {
color: #fff;
}
.footer .col ul a {
font-size: 13px;
font-weight: 400;
text-shadow: 1px 1px 1px rgba(0,0,0,0.16);
line-height: 1.3;
}
.footer .copyrights_block {
width: 100%;
border-top: #9b9eaa 1px solid;
text-shadow: 1px 1px 1px rgba(0,0,0,0.16);
padding: 12px 0;
height: 20px;
color: #fff;
font-size: 13px;
font-weight: 600;
}
.footer .copyrights_block .inner {
padding-left: 25px;
width: 954px;
}
.footer .copyrights_block a {
color: #fff;
font-weight: bold;
font-style: italic;
}
.footer .col ul.icons li.status .icon {
margin: 0px 4px 8px 0px;
background: url(img/knopki.png) no-repeat -30px -213px;
width: 39px;
height: 39px;
}
.footer .col ul.icons .text {
padding: 10px 0 0 0;
}
.footer .col ul.icons li.map .icon {
margin: 0px 4px 8px 0px;
background: url(img/knopki.png) no-repeat -30px -256px;
width: 39px;
height: 39px;
}
.footer .col ul.icons li.price .icon {
margin: 0px 4px 8px 0px;
background: url(img/knopki.png) no-repeat -30px -299px;
width: 39px;
height: 39px;
}
.footer .col ul.icons a {
font-size: 13px;
font-weight: 600;
text-shadow: 1px 1px 1px rgba(0,0,0,0.16);
}
.footer .col ul a {
font-size: 13px;
font-weight: 400;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16);
line-height: 1.3;
}
.footer .col ul.icons li.vk .icon {
margin: 0px 4px 8px 0px;
background: url(img/knopki.png) no-repeat -30px -341px;
width: 35px;
height: 35px;
}
.footer .col ul.icons .text, .footer .col ul.icons .icon {
float: left;
}
.footer .col ul.icons a {
font-size: 13px;
font-weight: 600;
text-shadow: 1px 1px 1px rgba(0,0,0,0.16);
}
.footer .col ul.icons li {
clear: both;
display: block;
}
.footer .col .contact .text {
float: left;
font-size: 13px;
font-weight: 700;
text-shadow: 1px 1px 1px rgba(0,0,0,0.16);
line-height: 1.3;
width: 213px;
}
.footer .col .contact .adres {
margin-left: 30px;
clear: both;
font-size: 13px;
font-weight: 400;
text-shadow: 1px 1px 1px rgba(0,0,0,0.16);
line-height: 1.5;
}
.footer .col .contact .tel {
margin-left: 30px;
font-size: 13px;
font-weight: 700;
text-shadow: 1px 1px 1px rgba(0,0,0,0.16);
line-height: 1.7;
}
.footer .col .contact .icon {
float: left;
margin: -3px 4px 0px 0px;
background: url(img/knopki.png) no-repeat -294px -159px;
width: 26px;
height: 30px;
}
.footer .col .contact {
/* height: 70px;
*/ padding-bottom: 10px;
}
.footer .col:first-child+.col+.col+.col {
width: 245px;
}
a, a:hover, .content a:hover {
color: rgb(122,101,153);
text-decoration: none;
outline: none;
}
.footer .copyrights_block {
width: 100%;
border-top: #9b9eaa 1px solid;
text-shadow: 1px 1px 1px rgba(0,0,0,0.16);
padding: 12px 0;
height: 20px;
color: #fff;
font-size: 13px;
font-weight: 600;
}
.footer-menu-arrow{
display: none;
height: 40px;
background: url(img/footer-menu-arrow-top.png) center center no-repeat;
width: 100%;
cursor: pointer;
border-bottom: 1px solid #fff;
}
.footer-menu-arrow.active{
background: url(img/footer-menu-arrow-down.png) center center no-repeat;
}
@media screen and (max-width: 959px){
.footer{
padding: 0;
height: auto;
}
.footer .info_blocks{
padding: 0;
height: auto;
}
.footer-menu-arrow{
display: block;
}
.footer .info_blocks{
width: 100%;
}
.footer .col{
float: none;
width: 100%!important;
margin: 0;
}
.footer .col:before{
}
.footer .col ul.left-menu, .footer .col ul.icons{
padding: 10px;
background: #fff;
margin: 0;
display: none;
}
.footer .col ul.left-menu{
border-bottom: 1px solid rgb(122, 101, 153);
}
.footer .col ul.left-menu li a, .footer .col ul.icons li a{
color: #7A6599 }
.footer .col ul:last-child{
border: none;
}
.footer .col ul.left-menu li{
display: inline-block;
text-align: center;
width: 19%;
}
.footer .col ul.icons li{
display: inline-block;
text-align: center;
width: 24%;
}
.footer .col ul.icons .icon{
margin: 0!important;
}
.footer .col ul.icons .text, .footer .col ul.icons .icon{
display: table-cell;
float: none;
padding: 0;
height: 39px;
vertical-align: middle;
}
.col:nth-child(2)>a, .col:nth-child(3)>a{
display: block;
height: 25px;
text-align: center;
padding: 10px 0 0 0!important;
}
.col:nth-child(2)>ul, .col:nth-child(3)>ul{
width: 100%;
background: #fff;
margin: 0!important;
padding: 10px 0;
}
.col:nth-child(2)>ul>li, .col:nth-child(3)>ul>li{
padding: 0 10px;
display: inline-block;
}
.col:nth-child(2)>ul>li:before, .col:nth-child(3)>ul>li:before{
display: none;
}
.col:nth-child(2)>ul>li>a, .col:nth-child(3)>ul>li>a{
color: #7A6599 }
.footer .col:first-child + .col + .col + .col{
margin-top: 10px;
}
.footer .col .contact{
display: inline-block;
padding: 10px;
width: 45%;
}
.footer .copyrights_block{
height: auto;
padding: 0;
}
.footer .copyrights_block .inner{
padding: 0;
width: auto;
}
.footer .copyrights_block .inner div{
float: none;
width: 100%;
padding: 5px 0;
clear: both;
text-align: center;
border-bottom: 1px solid #ffffff;
}
.info_blocks .col:nth-child(1), .info_blocks .col:nth-child(2), .info_blocks .col:nth-child(3){
display: none;
}
}
@media screen and (max-width: 580px){
.footer .col ul.icons .icon, .footer .col .contact .icon{
display: none;
}
.footer{
font-size: 3vw!important;
}
.footer .col .contact{
display: block;
width: 100%;
}
.footer .col .contact .adres{
margin-left: 0;
}
.footer .col .contact .tel{
margin-left: 0;
}
}
.middle.innerpage .content {
margin: 30px 0 0 1px;
}
.middle.innerpage .content h1 {
padding-bottom: 0px;
}
.right.service-preview-wrapper {
width: 258px;
padding: 10px 10px 10px 0;
}
@media screen and (max-width: 900px){
.additional-sliding-index-description{
width: 100%;
text-align: left;
float: none;
}
}
@media screen and (min-width: 500px) and (max-width: 600px){
.recovery-inc-content img{
display: none;
}
.recovery-inc-content p, .recovery-inc-content ul li{
font-size: 2.5vw;
}
.recovery-inc-content ul{
margin-left: 0!important;
}
}
@media screen and (max-width: 499px){
.recovery-inc-content img{
display: none;
}
.recovery-inc-content p, .recovery-inc-content ul li{
font-size: 3.5vw;
}
.recovery-inc-content ul{
margin-left: 0!important;
}
}
.middle .remont_cost {
height: auto;
float: left;
width: 100%;
max-width: 960px;
}
.middle .remont_cost .zagl, .middle .remont_cost h2 {
float: left;
}
.middle .remont_cost .show {
width: 200px;
height: 36px;
float: right;
background: url(img/knopki.png) no-repeat -405px -207px;
margin: 30px 36px 30px 0;
cursor: pointer;
}
.middle .remont_cost .show:hover{background-position:-405px -248px;}
.middle .remont_cost .hide {
width: 200px;
height: 36px;
float: right;
background: url(img/knopki.png) no-repeat -620px -207px;
margin: 30px 36px 30px 0;
cursor: pointer;
}
.middle .remont_cost .hide:hover{background-position:-620px -248px;}
.middle .remont_cost table {
display: none;
}
.middle .remont_cost.active table {
display: table;
width: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-collapse: collapse;
box-shadow: none;
margin: 0;
background: none;
height: auto;
}
.middle .remont_cost.active table tr.zagl {
width: 100%;
padding: 0;
float: none;
}
.middle .remont_cost.active table td {
padding: 10px 20px 10px 35px;
text-align: center;
text-shadow: 1px 1px 1px rgba(196,199,211,0.5);
}
.middle .remont_cost.active table tr.zagl td:first-child {
text-shadow: none;
color: #7a6599;
font-size: 20px;
font-weight: 600;
width: 70%;
}
table tr.zagl td:first-child {
text-shadow: none;
color: #7a6599;
font-size: 20px;
font-weight: 600;
}
table tr.zagl:first-child td {
border-top: none!important;
vertical-align: middle;
}
.middle .remont_cost.active table tr td:first-child {
border-right: 1px solid #fff;
text-align: left;
}
.middle .remont_cost.active table tr.zagl td {
border-top: 1px solid #fff;
padding: 20px 20px 20px 20px;
color: #737787;
font-size: 14px;
}
.middle .remont_cost.active tr td:first-child {
padding: 10px 0 10px 35px;
}
.middle .remont_cost.active tr td:nth-child(2), .middle .remont_cost.active tr td:nth-child(3) {
padding: 10px 0px!important;
width: 15%;
}
.middle .remont_cost.active table tr.zagl td:last-child {
border-top: 1px solid #fff;
padding: 20px 20px 20px 20px;
color: #737787;
font-size: 14px;
width: 180px;
text-align: center;
}
.middle .slider_block .zagl, .middle .slider_block h2 {
color: #27a09f;
}
table td h2 {
margin: 0!important;
padding: 10px 20px !important;
}
.middle .remont_cost.active table tr:nth-child(2n) {
background-color: #dddddd;
}
@media screen and (max-width: 700px){
.middle .remont_cost .show{
margin: 10px 15px 10px 0px;
}
table td{
font-size: 12px;
padding: 5px!important;
}
}
@media screen and (min-width: 765px) and (max-width: 780px) {
.wrap{
margin-left: 10px!important;
width: 722px!important;
}}
@media screen and (min-width: 700px) and (max-width: 959px){
#recovery img{ width: 100%!important;
margin-left: -2px!important;
}
.middle .slider_block .zagl, .middle .slider_block h2{
padding: 34px 10px 20px;
}
.trust .list_slider {margin-left: 28px!important;}
.workers span.profil, .workers span.name {width:170px !important}
.middle .what .list_slider { float: none!important;margin: 0 auto!important;}
.additional-inf-on-main div.s_n:nth-child(2n) {float:right;margin-right: 0;}
}
@media screen and (max-width: 959px) and (min-width: 895px) {
.middle .what .list_slider {width: 825px!important;}
}
@media screen and (max-width: 894px) and (min-width: 850px) {
.middle .what .list_slider {width: 777px!important;}
.middle .what .list_slider .inner_list li{margin: 0px 2px;}
}
@media screen and (max-width: 849px) and (min-width: 800px) {
.middle .what .list_slider {width: 700px!important;}
.middle .what .list_slider .inner_list li{margin: 0px 10px;}
}
@media screen and (max-width: 790px) and (min-width: 730px) {
.middle .what .list_slider {width: 672px!important;}
.middle .what .list_slider .inner_list li{margin: 0px 5px;}
}
@media screen and (max-width: 729px) and (min-width: 700px) {
.middle .what .list_slider {width: 603px!important;}
.middle .what .list_slider .inner_list li{margin: 0px 10px;}
}
@media screen and (max-width: 340px) and (min-width: 320px) {
.top div.info_block .jcarousel-clip {
width: 253px!important;
margin-left: 11px!important;
}
.top div.info_block li{margin-right: 2px!important;width: 125px!important;}
.middle .navigation {margin: 27px 0 0 -10px!important;width: 108%;}
.navigation-left{left:0!important;}
.navigation-right{left:auto!important;right:0;}
.middle .trust .list_slider{ margin-left: 10px!important;
margin-right: 10px!important;
padding: 0 55px!important;}
.middle .what .list_slider{ width: 235px!important;
margin-left: 10px!important;
margin-right: 10px!important;
padding: 0 22px!important;}
#recovery img{margin-left:0!important}
}
.middle .bg_slogan {
height: 73px;
position: absolute;
background-color: #f3f3f3;
background-color: rgba(172,172,172,0.1);
width: 100%;
left: 0;
z-index: -1;
border-top: 1px solid #dedede;
border-top: 1px solid rgba(222,222,222,0.36);
border-bottom: 1px solid #dedede;
border-bottom: 1px solid rgba(222,222,222,0.36);
}
.middle .how_work {
display: table;
height: 219px;
}
.middle .slogan {
margin: 40px 0 80px 0;
}
.middle .how_work .bg_slogan {
height: 239px;
}
.middle .how_work .item_info1 {
margin-left: 20px;
}
.middle .how_work .info {
float: left;
width: 135px;
}
.middle .how_work .info .icon {
float: none;
margin: 30px auto 0 auto;
width: 50px;
height: 50px;
}
.middle .how_work .item_info1 .icon {
background: url(img/knopki.png) no-repeat -205px -273px transparent;
}
.middle .how_work .item_info2 .icon {
background: url(img/knopki.png) no-repeat -270px -273px transparent;
}
.middle .how_work .item_info3 .icon {
background: url(img/knopki.png) no-repeat -203px -327px transparent;
}
.middle .how_work .item_info4 .icon {
margin-top: 32px;
margin-bottom: -2px;
background: url(img/knopki.png) no-repeat -265px -327px transparent;
}
.middle .how_work .item_info5 .icon {
margin-top: 32px;
margin-bottom: -2px;
background: url(img/knopki.png) no-repeat -327px -327px transparent;
}
.middle .slogan .text {
float: left;
}
.middle .how_work .info .text {
text-shadow: 1px 1px 1px rgba(196, 199, 211, 0.5);
text-align: center;
clear: both;
color: #5e6270;
font-size: 13px;
font-weight: 400;
font-style: normal;
width: 135px;
padding-top: 15px;
}
.middle .how_work .next {
float: left;
width: 23px;
height: 23px;
margin: 40px 20px 0px 20px;
background: url(img/knopki.png) no-repeat -106px -121px transparent;
opacity: 0.3;
}
@media screen and (min-width: 700px) and (max-width: 959px){
.middle .how_work .info {
float: left;
width: auto;
display: block;
margin-left: 0;
width: 17%;
}
.middle .how_work .info .text{
width: 100%;
font-size: 1.5vw;
}
.middle .how_work .next{
margin: 40px 0px 0px;
}
.middle .how_work .bg_slogan{
display: none;
}
.middle .how_work{
display: block;
background-color: rgba(172, 172, 172, 0.1);
width: 100%;
clear: both;
}
.middle .how_work .info .icon{
}
}
@media screen and (max-width: 699px){
.middle .how_work{
display: none;
}
.middle .content .maps .switcher{
font-size: 12px!important;
padding: 6px 0 19px!important;
}
}
.middle .block_serv, .middle .block_workers {
display: table;
width: 100%;
}
.middle .block_serv .item, .middle .block_workers .item {
display: block;
float: left;
margin-right: 9px;
margin-bottom: 40px;
}
@media screen and (max-width: 959px){
.block_serv{
display: none!important;
}
}
.middle .block_workers .item img {
padding: 0;
border: 1px solid #dedede;
margin-bottom: 10px;
width: 139px;
height: 139px;
border-radius: 69px 70px;
}
.middle .block_workers .item span.name {
display: block;
text-align: center;
font-size: 13px;
color: #5e6270;
text-shadow: 1px 1px 1px rgba(196, 199, 211, 0.5);
line-height: 1.3;
width: 140px;
float: none;
margin-right: 29px;
}
.middle .block_workers .item span.profil {
display: block;
text-align: center;
font-size: 13px;
font-style: italic;
color: #5e6270;
text-shadow: 1px 1px 1px rgba(196,199,211,0.5);
width: 140px;
height: 30px;
}
@media screen and (max-width: 959px){
.middle .block_workers{
display: none;
}
}
.carousel {
max-width: 9999999999999999999px;
height: 168px;
//overflow: hidden;
padding: 0 20px;
}
.jcarousel-prev-horizontal, .jcarousel-next-horizontal {
width: 16px;
height: 36px;
position: relative;
top: 69px;
cursor: pointer;
text-decoration: none;
position: absolute;
top: 50%;
margin-top: -18px;
}
.jcarousel-clip{
overflow: hidden;
}
.jcarousel-next-horizontal {
background: url(/bitrix/templates/dicom_service/img/knopki.png) no-repeat -106px -121px transparent;
right: 0;
}
.jcarousel-prev-horizontal {
float: left;
background: url(/bitrix/templates/dicom_service/img/knopki.png) no-repeat -76px -121px transparent;
left: 0;
}
.carousel-wrapper {
margin: 0px 30px;
overflow: hidden;
position: relative;
}
.carousel-items {
width: 10000px;
position: relative;
}
.carousel-block {
float: left;
//width: 194px;
padding: 5px 10px 10px 10px;
height: 150px;
background: none;
}
.carousel-block img {
display: block;
}
.block_txt_center {
width: 46%;
float: left;
margin: 0 1% 38px;
}
.slog {
height: 109px;
margin-top: 10px;
width: auto;
text-align: center;
margin: 10px auto 0;
width: 750px;
}
.bg_slog {
height: 73px;
position: absolute;
background-color: #f3f3f3;
background-color: rgba(172,172,172,0.1);
width: 100%;
left: 0;
z-index: -1;
border-top: 1px solid #dedede;
border-top: 1px solid rgba(222,222,222,0.36);
border-bottom: 1px solid #dedede;
border-bottom: 1px solid rgba(222,222,222,0.36);
}
.slog .ic {
width: 42px;
height: 45px;
margin: 18px 30px 0px 0px;
background: url(img/knopki.png) no-repeat -333px -215px transparent;
position: absolute;
}
.slog .txt {
float: left;
width: 770px;
line-height: 1.2;
color: #636777;
font-size: 19px;
font-weight: 600;
font-style: italic;
margin-bottom: 60px!important;
padding-top: 5px;
margin-top: 18px;
margin-left: 25px;
text-align: center;
}
@media screen and (max-width: 800px){
.block_txt_center{
width: 100%;
float: none;
margin: 0 0 10px;
}
}
@media screen and (min-width: 700px) and (max-width: 959px){
.block_txt_center{
font-size: 1.3vw;
}
}
@media screen and (max-width: 399px){
.block_txt_center{
display: none;
font-size: 3vw;
}
}
@media screen and (max-width: 760px){
.slog .ic{
display: none;
}
.slog .txt{
//margin: 0;
width: auto;
float: none;
font-size: 3vw;
}
.slog{
height: 78px;
display: table-cell;
vertical-align: middle;
}
}
.middle .breadcrumbs {
margin: 15px 0 10px 0;
display: table;
width: 100%;
}
.middle .breadcrumbs ul li {
background: none;
line-height: 1.2;
color: #7a6599;
font-size: 13px;
font-style: italic;
display: block;
float: left;
padding: 0;
}
.middle .breadcrumbs a {
color: #7a6599;
text-decoration: underline;
font-size: 13px;
font-style: italic;
display: block;
/*float: left;*/
line-height: 1.2;
}
ul.list_slid_new li a {
display: table-cell !important;}
.middle .breadcrumbs li span {
margin: 4px 0 0 5px;
float: left;
width: 10px;
height: 10px;
background: url(img/knopki.png) no-repeat -156px -358px transparent;
color: transparent;
}
.v_neisp {
height: auto!important;
padding: 0 20px;
width: 100%;
padding-bottom: 20px;
padding-top: 10px;
}
div.selectBox, div.selectBox-2 {
position: relative;
display: inline-block;
cursor: default;
text-align: left;
line-height: 30px;
clear: both;
color: #888;
z-index: 1;
font-style: italic;
font-size: 13px;
margin-left: 20px;
margin-bottom: -10px;
}
span.selectArrow, span.selected {
position: relative;
float: left;
height: 30px;
z-index: 1;
}
span.selected {
width: 340px;
text-indent: 20px;
border: 1px solid #ccc;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
background: white;
overflow: hidden;
z-index: 2;
color: rgb(115,119,135);
}
span.selectArrow, span.selected {
position: relative;
float: left;
height: 30px;
z-index: 1;
}
span.selectArrow {
width: 33px;
text-align: center;
font-size: 41px;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
background: url('img/knopki.png') no-repeat -91px -271px transparent;
z-index: 3!important;
height: 32px!important;
margin-left: -33px;
}
div.selectOptions, div.selectOptions-2 {
position: absolute;
left: 0;
border: 1px solid #ccc;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
overflow: hidden;
background: white;
padding-top: 2px;
display: none;
z-index: 1;
border-top-right-radius: 16px;
border-top-left-radius: 16px;
padding-bottom: 10px;
}
span.selectOption, span.selectOption-2 {
display: block;
line-height: 20px;
padding: 5px 20px;
z-index: 1;
}
@media screen and (max-width: 360px){
/*div.selectBox, div.selectBox-2{
width: 100%;
display: block;
margin-left: 0;
height: 32px;
margin-top: 10px;
margin-bottom: 10px;
}*/
span.selected{
width: 250px;
}
.hidden_block.opened{
font-size: 3vw;
}
}
.order-form-wrapper {
float: left;
width: 100%;
margin-bottom: 30px;
margin-top: 30px;
}
.middle.innerpage .order-form-wrapper .slider_block {
margin: 0;
height: auto;
padding: 10px 20px;
}
.middle .form {
padding: 20px 20px 0 20px;
//width: 100%;
height: 322px;
float: left;
}
.middle .form p {
color: #737787;
font-size: 16px;
font-weight: 600;
padding: 10px 0;
}
.middle .form p b {
color: #27a09f;
font-weight: 600;
padding-left: 5px;
white-space: nowrap;
}
.middle form input {
font-family: 'Open Sans',sans-serif;
margin: 10px 0;
border: 1px solid #bfbebd;
font-style: italic;
font-size: 13px;
color: #a2a2a2;
padding: 2px 3px;
height: 30px;
text-indent: 20px;
}
.middle .form form input {
width: 217px;
display: block;
}
.middle .form form textarea {
width: 674px;
clear: both;
margin-bottom: 20px;
padding-top: 10px;
}
.middle form textarea {
font-family: 'Open Sans',sans-serif;
margin: 10px 0;
border: 1px solid #bfbebd;
font-style: italic;
font-size: 13px;
color: #a2a2a2;
padding: 2px 3px;
height: 76px;
display: block;
text-indent: 20px;
}
.middle form label {
color: #737787;
font-style: italic;
font-size: 14px;
}
input.check + label:before {
content: "";
display: block;
height: 16px;
float: left;
width: 16px;
margin: 0 5px 0 0;
background: url(img/knopki.png) no-repeat -153px -259px;
}
input.check:checked + label:before
{ background-position: -153px -291px;}
.middle .form form input.submit {
float: right;
text-indent: -999999px;
}
.middle form input.submit {
border: none;
border-radius: 15px;
width: 146px;
height: 47px;
text-align: center;
color: #fff;
background: url(img/knopki.png) no-repeat -620px -418px;
cursor: pointer;
margin-top: 50px;
}
.middle .slider_block .form form input.submit:hover{background-position: -620px -479px; }
.middle form input.check {
display: none;
}
@media screen and (min-width: 760px) and (max-width: 959px){
.middle .form .right{
float: left;
margin-left: 15px;
}
.middle .form form textarea{
width: 100%;
}
}
@media screen and (max-width: 759px){
.middle .form .right{
float: none;
}
.middle .form form textarea{
width: 100%;
}
}
.send-zayavka {
margin-bottom: 20px;
}
.zakaz-but {
background: url("img/knopki.png") no-repeat -620px -479px;
display: block;
width: 153px;
height: 57px;
padding: 13px 0px 0px 28px;
box-sizing: border-box;
color: #902F90 !important;
font-size: 20px;
font-family: "Myriad Pro","open sans",arial,sans-serif;
position: absolute;
top: 0;
right: 0;
}
.zakaz-but:hover {
background-position: -620px -418px;
}
@media screen and (max-width: 500px){
.zakaz-but{
position: static;
}
.send-zayavka{
margin: 10px 0;
}
}
@media screen and (max-width: 700px){
.content img{
//display: none;
}
}
.middle .slider_block.info {
height: auto;
}
.middle .slider_block .zagl, .middle .slider_block h2 {
color: #27a09f;
padding: 34px 20px 20px 20px;
}
.middle .slider_block.info ul {
padding: 0 0 2px 0px;
}
.middle .slider_block.info ul li {
background: none;
padding: 0 0 0px 20px;
overflow: hidden;
}
.middle .slider_block.info ul li:nth-child(2n+1) {
background-color: #dddddd;
}
.middle .slider_block.info ul li a {
color: #636777;
font-size: 16px;
font-weight: 300;
display: block;
padding: 10px 0;
text-decoration: none;
}
.freetable {
border-collapse: collapse;
border-radius: 3px;
height: 220px;
margin: 20px 0 30px;
width: 100%;
background-color: #FFFFFF;
box-shadow: none;
}
.freetable td {
padding: 0 65px 0 20px;
text-align: left;
}
table.freetable {
background-color: transparent!important;
}
table.freetable tr td
{
text-align:center;
vertical-align:middle;}
table.freetable tr td:first-child {
border-right: 0 solid #fff;
}
table.freetable tr:nth-child(2n){
background-color: transparent!important;
}
.freetable td img {
border: none;
background-color: transparent;
}
@media screen and (max-width: 940px){
.freetable{
display: none;
}
}
.middle .page_menu.contacts-list{
margin-bottom: 25px;
}
.middle .page_menu {
margin: 20px 0 10px 0;
width: 100%;
height: 43px;
background-color: #efefef;
border-radius: 0 0 3px 3px;
box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0px 0px 10px rgba(0,0,0,0.2), 0px 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0px 0px 10px rgba(0,0,0,0.2), 0px 1px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0px 0px 10px rgba(0,0,0,0.2), 0px 1px 2px rgba(0,0,0,0.15);
}
.middle .page_menu form {
float: left;
}
.middle .page_menu form label {
display: block;
float: left;
width: 165px;
color: #636675;
font-size: 13px;
font-style: normal;
padding: 12px 10px 0 20px;
}
.middle form input.select {
display: block;
float: left;
width: 250px;
height: 26px;
padding-left: 13px;
padding-right: 32px;
border-radius: 15px;
cursor: pointer;
margin: 5px 0 0 0;
}
.middle .page_menu form .submit, body .middle form input.select_but {
display: block;
margin: 5px 0 0 -33px;
padding-right: 0px;
width: 33px;
height: 33px;
background: url(img/knopki.png) no-repeat -90px -271px transparent;
min-width: 0;
border: none;
float: right;
}
.middle .page_menu .brand_select ul.list_select {
width: 271px;
}
.middle ul.list_select {
display: none;
}
.middle .page_menu ul li {
float: left;
background: none;
padding: 0;
}
.middle .page_menu .button_print {
cursor: pointer;
display: block;
float: right;
text-decoration: underline;
font-size: 13px;
margin: 15px 20px 0 0;
}
.middle .page_menu .button_print .icon {
display: block;
float: right;
width: 28px;
height: 28px;
background: url(img/knopki.png) no-repeat -343px -120px transparent;
margin: -5px 0 0 5px;
}
.middle .content .four_col {
width: 229px;
margin-left: 10px;
}
.middle .content .four_col:first-child {
margin-left: 0px;
}
.middle .content .four_col p {
padding: 1px 0;
}
.middle .content .maps {
display: table;
margin: 30px 0 0 0;
box-shadow: 0 0 1px rgba(255, 255, 255, 0.25) inset, 0 0 5px rgba(0, 0, 0, 0.2), 0 0px 2px rgba(0, 0, 0, 0.15);
border-radius: 5px;
}
.middle .content .maps .map_switch {
display: block;
overflow: hidden;
margin-bottom: -1px;
background-color: #efefef;
border-radius: 5px 5px 0px 0px;
height: 42px;
}
.middle .content .maps .switcher {
cursor: pointer;
height: 20px;
display: block;
float: left;
color: #7a6599;
font-size: 20px;
font-weight: 600;
width: 480px;
text-align: center;
padding: 11px 0;
}
.middle .content .maps .switcher.current {
background-color: #fff;
border-radius: 5px 5px 0px 0px;
box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
}
.middle .content .maps .list_map {
display: table;
width: 100%;
clear: both;
}
.middle .content .maps .list_map .one_map {
display: none;
border-radius: 3px 3px 3px 3px;
width: 920px;
height: 740px;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 1px rgba(255, 255, 255, 0.25) inset, 0 0 5px rgba(0, 0, 0, 0.2), 0 0px 2px rgba(0, 0, 0, 0.15);
}
.middle .content .maps .list_map img {
border: none;
padding: 0;
margin: 0;
}
.middle .content .maps .list_map .adress {
color: #636777;
text-decoration: none;
display: block;
border-radius: 5px;
border: 1px solid #bfbebd;
position: absolute;
background-color: #fff;
margin: -692px 0 0 0;
height: 96px;
box-shadow: 0 0 1px rgba(255, 255, 255, 0.25) inset, 0 0px 2px rgba(0, 0, 0, 0.15);
padding: 10px 15px 10px 10px;
z-index: 3;
}
.middle .content .maps .list_map #one_map1 .adress1 {
margin: -717px 0px 0px 166px;
}
.middle .content .maps .list_map #one_map1 .adress2 {
margin: -476px 0px 0px 143px;
}
.middle .content .maps .list_map #one_map1 .adress3 {
margin: -217px 0px 0px 172px;
}
.middle .content .maps .list_map #one_map1 .adress4 {
margin: -665px 0px 0px 481px;
}
.middle .content .maps .list_map .adress .icon {
margin: 3px 0 0 0px;
background: url(img/knopki.png) no-repeat -245px -114px transparent;
width: 24px;
height: 34px;
float: left;
display: block;
}
.middle .content .maps .list_map .adress .text {
display: block;
float: left;
font-weight: bold;
font-size: 15px;
padding: 10px 0 10px 8px;
}
.middle .content .maps .list_map .adress p {
text-decoration: none;
display: block;
clear: both;
padding: 10px 0 0 5px;
}
.middle .content .maps .list_map .adress .arrow {
width: 0px;
height: 30px;
width: 30px;
display: block;
position: absolute;
}
.middle .content .maps .list_map #one_map1 .adress1 .arrow {
margin: 26px 0px 0px 237px;
background: url(img/arrow_bottom.png) no-repeat 0px 0px;
}
.middle .content .maps .list_map #one_map1 .adress2 .arrow {
margin: -104px 0px 0px 205px;
background: url(img/arrow_top.png) no-repeat 0px 0px;
}
.middle .content .maps .list_map #one_map1 .adress3 .arrow {
margin: 26px 0px 0px 225px;
background: url(img/arrow_bottom.png) no-repeat 0px 0px;
}
.middle .content .maps .list_map #one_map1 .adress4 .arrow {
margin: -120px 0px 0px 220px;
background: url(img/arrow_top.png) no-repeat 0px 0px;
}
.middle .content .maps .list_map .one_map.current {
display: block;
}
.middle ul.list_select.active {
position: absolute;
background-color: #fff;
display: block;
border: 1px solid #BFBEBD;
border-radius: 15px;
padding: 5px 12px;
margin: 5px 0 0 195px;
}
.middle ul.list_select.active {
z-index: 1;
}
.middle ul.list_select.active li {
background: none;
color: #737787;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-style: italic;
cursor: pointer;
float: none;
display: block;
padding: 5px 0px;
height: 25px;
}
.middle .page_menu .brand_select input.submit.active {
margin-left: 459px;
}
.middle .page_menu form .submit.active {
background-color: #EFEFEF;
position: absolute;
margin: 5px 0 0 471px;
z-index: 900;
}
.adp-map{
display: none;
}
.middle .content .maps .list_map #one_map2 .adress1 {
margin: -700px 0px 0px 105px;
}
.middle .content .maps .list_map #one_map2 .adress2 {
margin: -558px 0px 0px 155px;
}
.middle .content .maps .list_map #one_map2 .adress3 {
margin: -368px 0px 0px 155px;
}
.middle .content .maps .list_map #one_map2 .adress4 {
margin: -695px 0px 0px 632px;
}
.middle .content .maps .list_map #one_map2 .adress1 .arrow {
margin: -18px 0px 0px 257px;
background: url(img/arrow_right.png) no-repeat 19px 5px;
}
.middle .content .maps .list_map #one_map2 .adress2 .arrow {
margin: -104px 0px 0px 233px;
background: url(img/arrow_top.png) no-repeat 0px 0px;
}
.middle .content .maps .list_map #one_map2 .adress3 .arrow {
margin: -104px 0px 0px 233px;
background: url(img/arrow_top.png) no-repeat 0px 0px;
}
.middle .content .maps .list_map #one_map2 .adress4 .arrow {
margin: -70px 0px 0px -22px;
background: url(img/arrow_left.png) no-repeat 0px 0px;
}
@media screen and (min-width: 830px) and (max-width: 959px){
.middle .content .four_col{
width: 20%;
margin-right: 3%;
}
.middle .content .four_col:last-child{
margin: 0 0 0 0;
}
.middle .content .maps .switcher{
width: 50%;
}
.middle .content .maps .list_map .one_map{
width: auto;
height: auto;
}
.middle .content .maps .list_map .one_map2{
width: auto;
height: auto;
}
.middle .content .maps .list_map img{
width: 100%;
}
}
@media screen and (min-width: 829px) and (max-width: 840px){
.middle .content .maps .list_map #one_map1 .adress1{
margin: -630px 0px 0px 99px;
}
.middle .content .maps .list_map #one_map1 .adress2 {
margin: -405px 0px 0px 85px;
}
.middle .content .maps .list_map #one_map1 .adress3 {
margin: -205px 0px 0px 109px;
}
.middle .content .maps .list_map #one_map1 .adress4 {
margin: -561px 0px 0px 384px;
}
.middle .content .maps .list_map #one_map1 .adress1 .arrow{
margin: 24px 0px 0px 237px;
}
.middle .content .maps .list_map #one_map1 .adress2 .arrow{
margin: -106px 0px 0px 205px;
}
.middle .content .maps .list_map #one_map1 .adress3 .arrow{
margin: 24px 0px 0px 225px;
}
.middle .content .maps .list_map #one_map1 .adress4 .arrow{
margin: -123px 0px 0px 220px;
}
.middle .content .maps .list_map #one_map2 .adress1 {
margin: -611px 0px 0px 49px;
}
.middle .content .maps .list_map #one_map2 .adress2 {
margin: -472px 0px 0px 94px;
}
.middle .content .maps .list_map #one_map2 .adress3{
margin: -261px 0px 0px 94px;
}
.middle .content .maps .list_map #one_map2 .adress4 {
margin: -601px 0px 0px 463px;
}
}
@media screen and (min-width: 841px) and (max-width: 850px){
.middle .content .maps .list_map #one_map1 .adress1{
margin: -638px 0px 0px 99px;
}
.middle .content .maps .list_map #one_map1 .adress2 {
margin: -412px 0px 0px 89px;
}
.middle .content .maps .list_map #one_map1 .adress3 {
margin: -205px 0px 0px 109px;
}
.middle .content .maps .list_map #one_map1 .adress4 {
margin: -575px 0px 0px 384px;
}
.middle .content .maps .list_map #one_map1 .adress1 .arrow{
margin: 24px 0px 0px 237px;
}
.middle .content .maps .list_map #one_map1 .adress2 .arrow{
margin: -106px 0px 0px 205px;
}
.middle .content .maps .list_map #one_map1 .adress3 .arrow{
margin: 24px 0px 0px 225px;
}
.middle .content .maps .list_map #one_map1 .adress4 .arrow{
margin: -123px 0px 0px 220px;
}
.middle .content .maps .list_map #one_map2 .adress1 {
margin: -619px 0px 0px 49px;
}
.middle .content .maps .list_map #one_map2 .adress2 {
margin: -480px 0px 0px 99px;
}
.middle .content .maps .list_map #one_map2 .adress3{
margin: -266px 0px 0px 98px;
}
.middle .content .maps .list_map #one_map2 .adress4 {
margin: -609px 0px 0px 463px;
}
}
@media screen and (min-width: 851px) and (max-width: 865px){
.middle .content .maps .list_map #one_map1 .adress1 {
margin: -642px 0px 0px 99px;
}
.middle .content .maps .list_map #one_map1 .adress2 {
margin: -417px 0px 0px 93px;
}
.middle .content .maps .list_map #one_map1 .adress3 {
margin: -202px 0px 0px 109px;
}
.middle .content .maps .list_map #one_map1 .adress4 {
margin: -579px 0px 0px 389px;
}
.middle .content .maps .list_map #one_map1 .adress1 .arrow{
margin: 24px 0px 0px 237px;
}
.middle .content .maps .list_map #one_map1 .adress2 .arrow{
margin: -106px 0px 0px 205px;
}
.middle .content .maps .list_map #one_map1 .adress3 .arrow{
margin: 24px 0px 0px 225px;
}
.middle .content .maps .list_map #one_map1 .adress4 .arrow{
margin: -123px 0px 0px 220px;
}
.middle .content .maps .list_map #one_map2 .adress1 {
margin: -627px 0px 0px 56px;
}
.middle .content .maps .list_map #one_map2 .adress2 {
margin: -488px 0px 0px 103px;
}
.middle .content .maps .list_map #one_map2 .adress3{
margin: -270px 0px 0px 103px;
}
.middle .content .maps .list_map #one_map2 .adress4 {
margin: -616px 0px 0px 469px;
}
}
@media screen and (min-width: 866px) and (max-width: 880px){
.middle .content .maps .list_map #one_map1 .adress1 {
margin: -651px 0px 0px 112px;
}
.middle .content .maps .list_map #one_map1 .adress2 {
margin: -423px 0px 0px 99px;
}
.middle .content .maps .list_map #one_map1 .adress3 {
margin: -202px 0px 0px 109px;
}
.middle .content .maps .list_map #one_map1 .adress4 {
margin: -587px 0px 0px 399px;
}
.middle .content .maps .list_map #one_map1 .adress1 .arrow{
margin: 24px 0px 0px 237px;
}
.middle .content .maps .list_map #one_map1 .adress2 .arrow{
margin: -106px 0px 0px 205px;
}
.middle .content .maps .list_map #one_map1 .adress3 .arrow{
margin: 24px 0px 0px 225px;
}
.middle .content .maps .list_map #one_map1 .adress4 .arrow{
margin: -123px 0px 0px 220px;
}
.middle .content .maps .list_map #one_map2 .adress1 {
margin: -636px 0px 0px 64px;
}
.middle .content .maps .list_map #one_map2 .adress2 {
margin: -500px 0px 0px 110px;
}
.middle .content .maps .list_map #one_map2 .adress3{
margin: -276px 0px 0px 110px;
}
.middle .content .maps .list_map #one_map2 .adress4 {
margin: -628px 0px 0px 477px;
}
}
@media screen and (min-width: 881px) and (max-width: 900px){
.middle .content .maps .list_map #one_map1 .adress1 {
margin: -660px 0px 0px 117px;
}
.middle .content .maps .list_map #one_map1 .adress2 {
margin: -431px 0px 0px 105px;
}
.middle .content .maps .list_map #one_map1 .adress3 {
margin: -202px 0px 0px 109px;
}
.middle .content .maps .list_map #one_map1 .adress4 {
margin: -597px 0px 0px 411px;
}
.middle .content .maps .list_map #one_map1 .adress1 .arrow{
margin: 24px 0px 0px 237px;
}
.middle .content .maps .list_map #one_map1 .adress2 .arrow{
margin: -106px 0px 0px 205px;
}
.middle .content .maps .list_map #one_map1 .adress3 .arrow{
margin: 24px 0px 0px 225px;
}
.middle .content .maps .list_map #one_map1 .adress4 .arrow{
margin: -122px 0px 0px 220px;
}
.middle .content .maps .list_map #one_map2 .adress1 {
margin: -648px 0px 0px 73px;
}
.middle .content .maps .list_map #one_map2 .adress2 {
margin: -488px 0px 0px 119px;
}
.middle .content .maps .list_map #one_map2 .adress3{
margin: -282px 0px 0px 119px;
}
.middle .content .maps .list_map #one_map2 .adress4 {
margin: -640px 0px 0px 489px;
}
}
@media screen and (min-width: 901px) and (max-width: 920px){
.middle .content .maps .list_map #one_map1 .adress1 {
margin: -672px 0px 0px 126px;
}
.middle .content .maps .list_map #one_map1 .adress2 {
margin: -442px 0px 0px 114px;
}
.middle .content .maps .list_map #one_map1 .adress3 {
margin: -199px 0px 0px 126px;
}
.middle .content .maps .list_map #one_map1 .adress4 {
margin: -615px 0px 0px 427px;
}
.middle .content .maps .list_map #one_map1 .adress1 .arrow{
margin: 24px 0px 0px 237px;
}
.middle .content .maps .list_map #one_map1 .adress2 .arrow{
margin: -106px 0px 0px 205px;
}
.middle .content .maps .list_map #one_map1 .adress3 .arrow{
margin: 24px 0px 0px 225px;
}
.middle .content .maps .list_map #one_map1 .adress4 .arrow{
margin: -122px 0px 0px 220px;
}
.middle .content .maps .list_map #one_map2 .adress1 {
margin: -662px 0px 0px 83px;
}
.middle .content .maps .list_map #one_map2 .adress2 {
margin: -499px 0px 0px 129px;
}
.middle .content .maps .list_map #one_map2 .adress3{
margin: -290px 0px 0px 129px;
}
.middle .content .maps .list_map #one_map2 .adress4 {
margin: -656px 0px 0px 500px;
}
}
@media screen and (min-width: 921px) and (max-width: 940px){
.middle .content .maps .list_map #one_map1 .adress1 {
margin: -684px 0px 0px 135px;
}
.middle .content .maps .list_map #one_map1 .adress2 {
margin: -452px 0px 0px 122px;
}
.middle .content .maps .list_map #one_map1 .adress3 {
margin: -199px 0px 0px 126px;
}
.middle .content .maps .list_map #one_map1 .adress4 {
margin: -615px 0px 0px 427px;
}
.middle .content .maps .list_map #one_map1 .adress1 .arrow{
margin: 24px 0px 0px 237px;
}
.middle .content .maps .list_map #one_map1 .adress2 .arrow{
margin: -105px 0px 0px 205px;
}
.middle .content .maps .list_map #one_map1 .adress3 .arrow{
margin: 24px 0px 0px 225px;
}
.middle .content .maps .list_map #one_map1 .adress4 {
margin: -630px 0px 0px 443px;
}
.middle .content .maps .list_map #one_map2 .adress1 {
margin: -677px 0px 0px 91px;
}
.middle .content .maps .list_map #one_map2 .adress2 {
margin: -535px 0px 0px 137px;
}
.middle .content .maps .list_map #one_map2 .adress3{
margin: -297px 0px 0px 137px;
}
.middle .content .maps .list_map #one_map2 .adress4 {
margin: -669px 0px 0px 513px;
}
}
@media screen and (min-width: 941px) and (max-width: 959px){
.middle .content .maps .list_map #one_map1 .adress1 {
margin: -696px 0px 0px 145px;
}
.middle .content .maps .list_map #one_map1 .adress2 {
margin: -465px 0px 0px 129px;
}
.middle .content .maps .list_map #one_map1 .adress3 {
margin: -199px 0px 0px 126px;
}
.middle .content .maps .list_map #one_map1 .adress4 {
margin: -645px 0px 0px 459px;
}
.middle .content .maps .list_map #one_map1 .adress1 .arrow{
margin: 24px 0px 0px 237px;
}
.middle .content .maps .list_map #one_map1 .adress2 .arrow{
margin: -122px 0px 0px 205px;
}
.middle .content .maps .list_map #one_map1 .adress3 .arrow{
margin: 24px 0px 0px 225px;
}
.middle .content .maps .list_map #one_map1 .adress4 {
margin: -630px 0px 0px 443px;
}
.middle .content .maps .list_map #one_map2 .adress1 {
margin: -688px 0px 0px 100px;
}
.middle .content .maps .list_map #one_map2 .adress2 {
margin: -549px 0px 0px 146px;
}
.middle .content .maps .list_map #one_map2 .adress3{
margin: -302px 0px 0px 145px;
}
.middle .content .maps .list_map #one_map2 .adress4 {
margin: -682px 0px 0px 524px;
}
}
@media screen and (min-width: 570px) and (max-width: 829px){
.middle .content .four_col{
width: 45%;
margin-right: 3%;
margin-left: 0;
}
.middle .content .four_col:last-child{
margin: 0 0 0 0;
}
.middle .content .maps .switcher{
width: 50%;
}
.middle .content .maps{
display: block;
}
.middle .content .maps .list_map{
display: block;
}
.middle .content .maps .list_map .one_map{
max-width: 100%;
height: 550px;
overflow: hidden;
width: auto;
margin: 20px;
padding: 0;
cursor: move;
position: relative;
}
.reg-map{
display: none;
}
.middle .content .maps .list_map img.adp-map{
position: absolute;
left: 0px;
display: block;
top: 0;
width:100%;
}
.middle .content .maps .list_map a{
display: none!important;
}
.button_print span:first-child{
display: none;
}
}
@media screen and (min-width: 520px) and (max-width: 599px){
.middle .content .four_col{
width: 45%;
margin-right: 3%;
margin-left: 0;
}
.middle .content .four_col:last-child{
margin: 0 0 0 0;
}
.middle .content .maps .switcher{
width: 50%;
}
.middle .content .maps{
display: block;
}
.middle .content .maps .list_map{
display: block;
}
.middle .content .maps .list_map .one_map{
max-width: 100%;
height: 500px;
overflow: hidden;
width: auto;
margin: 20px;
padding: 0;
cursor: move;
position: relative;
}
.reg-map{
display: none;
}
.middle .content .maps .list_map img.adp-map{
position: absolute;
left: 0px;
display: block;
top: 0;
}
.middle .content .maps .list_map a{
display: none!important;
}
.button_print{
display: none!important;
}
}
@media screen and (max-width: 519px){
.middle .content .maps .list_map .one_map{height:310px !important;}
.ymaps-map, .bx-yandex-map{width:260px!important; height:300px !important;}
.middle .content .maps .switcher {font-size: 11px !important;}
.adp-map {width:100%}
.button_print{
display: none!important;
}
.middle .page_menu{
height: 81px!important;
}
.middle .page_menu form label{
float: none;
clear: both;
margin-bottom: 5px;
}
.middle ul.list_select.active{
margin: 5px 0px 0px 0px;
}
.middle .page_menu .brand_select input.submit.active {
margin-left: 265px;
}
.middle .content .four_col{
width: 45%;
margin-right: 3%;
margin-left: 0;
}
.middle .content .four_col:last-child{
margin: 0 0 0 0;
}
.middle .content .maps .switcher{
width: 50%;
}
.middle .content .maps{
display: block;
}
.middle .content .maps .list_map{
display: block;
}
.middle .content .maps .list_map .one_map{
max-width: 100%;
height: 500px;
overflow: hidden;
width: auto;
margin: 20px;
padding: 0;
cursor: move;
position: relative;
}
.reg-map{
display: none;
}
.middle .content .maps .list_map img.adp-map{
position: absolute;
left: 0px;
top: 0;
display: block;
}
.middle .content .maps .list_map a{
display: none!important;
}
}
.middle .contact {
display: table;
margin-bottom: 90px;
/* width: 22%; */
margin-top: 2px;
/* margin-right: 35px; */
}
.middle .contact .left {
width: 472px;
}
.middle .contact3 .left .slider_block {
height: 117px;
}
.middle .contact .slider_block .zagl, .middle .contact .slider_block h2 {
padding-top: 20px;
padding-bottom: 10px;
margin-bottom: 0;
}
.middle .contact .slider_block .icon {
margin: 3px 5px 0 20px;
width: 18px;
height: 18px;
float: left;
background: url(img/knopki.png) no-repeat -299px -123px transparent;
}
.middle .contact .slider_block .text {
line-height: 1.3;
padding-top: 0px;
padding-bottom: 4px;
padding-left: 4px;
width: 415px;
float: left;
}
.middle .contact .right .yandex_map#ya_map1 {
width: 460px;
height: 507px;
margin-left: 15px;
}
.middle .contact .right .yandex_map#ya_map2 {
width: 460px;
height: 518px;
margin-left: 15px;
}
.middle .contact .right .yandex_map#ya_map3 {
width: 460px;
height: 518px;
margin-left: 15px;
}
.middle .contact .right .yandex_map#ya_map4 {
width: 460px;
height: 448px;
margin-left: 15px;
}
.middle .contact .slider_block {
margin: 11px 0 5px 0;
height: auto;
display: table;
padding-bottom: 20px;
}
.middle .contact .right .yandex_map {
background-color: #FFFFFF;
border: 1px solid #E9E9E9;
margin: 10px 0;
padding: 5px;
}
@media screen and (max-width: 959px){
.middle .contact .left{
float: none;
width: 100%;
}
.middle .contact3 .left .slider_block{
width: 100%;
display: block;
}
.middle .contact .right{
float: none;
width: 100%;
}
.middle .contact .right .yandex_map{
width: 100%!important;
padding: 0!important;
margin-left: 0!important;
}
.middle .contact .slider_block .icon{
display: none;
}
.middle .contact .slider_block .text{
width: 100%;
padding: 0 10px;
}
}
@media screen and (max-width: 459px){
.middle .contact .left img{
width: 100%;
}
.middle .contact .slider_block .icon{
display: none;
}
.middle .contact .slider_block .text{
width: 100%;
padding: 0 10px;
}
}
.middle .page_menu {
margin: 20px 0 10px 0;
width: 100%;
height: 43px;
background-color: #efefef;
border-radius: 0 0 3px 3px;
box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0px 0px 10px rgba(0,0,0,0.2), 0px 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0px 0px 10px rgba(0,0,0,0.2), 0px 1px 2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.25) inset, 0px 0px 10px rgba(0,0,0,0.2), 0px 1px 2px rgba(0,0,0,0.15);
}
ul.left-menu {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 8px;
position: relative;
}
.middle .page_menu ul li {
float: left;
background: none;
padding: 0;
}
.middle .page_menu ul li a {
display: block;
border-left: 1px solid #636675;
color: #636675;
font-size: 13px;
padding: 0px 20px 1px 20px;
margin: 18px 0;
line-height: 0.6;
font-weight: normal;
}
.middle .page_menu ul li a:hover, .middle .page_menu ul li a.selected {
color: #ca365f;
}
.middle .page_menu ul li:first-child a {
border-left: none;
}
.middle .page_menu ul li a:hover, .middle .page_menu ul li a.selected {
color: #ca365f;
}
.middle.innerpage .content .col1 {
width: 49%;
float: left;
}
.middle .content .col ul li {
background: none repeat scroll 0% 0% transparent;
padding: 5px 0px;
float: left;
}
.middle .content ul li .icon {
display: block;
margin: 3px 10px 50px 0px;
background: url("img/knopki.png") no-repeat scroll -141px -169px transparent;
width: 19px;
height: 22px;
float: left;
}
.middle.innerpage .content .col2 {
width: 49%;
margin-left: 0px;
float: right;
}
.wrap {
width: 960px;
}
.middle.innerpage .content .col .info1 {
margin-right: 100px;
margin-top: 83px;
}
.middle .content .col .info1 .icon {
margin: 0px 10px 0px 0px;
background: url(img/knopki.png) no-repeat -32px -160px transparent;
width: 32px;
height: 32px;
float: left;
}
.middle.innerpage .content .col1 h3 {
margin-top: 20px;
}
.middle .slogan {
margin: 40px 0 80px 0;
}
.middle .slogan:after{
clear: both;
display: block;
content: '';
}
.middle .bg_slogan {
height: 73px;
position: absolute;
background-color: #f3f3f3;
background-color: rgba(172,172,172,0.1);
width: 100%;
left: 0;
z-index: -1;
border-top: 1px solid #dedede;
border-top: 1px solid rgba(222,222,222,0.36);
border-bottom: 1px solid #dedede;
border-bottom: 1px solid rgba(222,222,222,0.36);
}
.middle .slogan .icon {
float: left;
width: 42px;
height: 45px;
margin: 20px 40px 0px 100px;
background: url(img/knopki.png) no-repeat -333px -215px transparent;
}
.middle .slogan .text {
float: left;
width: 770px;
line-height: 1.2;
padding-top: 25px;
color: #636777;
font-size: 19px;
font-weight: 600;
font-style: italic;
}
ul.list_slid_klient li img {
background: none!important;
border: 0px solid transparent;
}
.jcarousel-item{
margin-left: 0!important;
}
.carousel-block .icon{
display: none!important;
}
.middle .block_serv .item:nth-child(6n + 1), .middle .block_workers .item:nth-child(6n + 1){
margin-right: 0!important;
}
/*.v_neisp {
height: auto!important;
padding: 0 20px;
width: 920px!important;
padding-bottom: 20px;
padding-top: 10px;
}*/
.top_line .inner div.menu ul li.parent:hover .child,.top_line .inner div.menu ul li.parent.current .child{display:block;}
div.menu ul li.parent:hover div{color:#85DFCD}
.top_line .inner div.menu ul li.parent:hover span{background:url(img/knopki.png) no-repeat -140px -112px transparent;}
.hint img {
border: medium none;
float: left;
margin: -2px 10px 6px 0px;
padding: 0px;
width: 23px;
height: 23px;
background-color: transparent;
}
ul.our-advantages {
width: 100%;
height: auto;
text-align: left;
margin: 20px 0px;
padding: 0px;
}
@media screen and (max-width: 959px){
ul.our-advantages{
height: auto;
}
}
@media screen and (max-width: 500px){
.middle .page_menu form .submit, body .middle form input.select_but {
margin: 10px 0 0 -33px;
}
ul.our-advantages{
height: auto;
width: 96%;
}
ul.our-advantages li{
width: 80%!important;
padding: 25px 60px 20px 60px
}
}
ul.our-advantages li {
background: none no-repeat scroll 10px 0px transparent;
display: inline-block !important;
width: 410px !important;
padding: 0px 0px 20px 60px !important;
vertical-align: top !important;
margin-left: 0px !important;
background-repeat:no-repeat !important;
}
ul.our-advantages li.case {
background-image: url("img/our-advantages-case.png");
}
ul.our-advantages li.tools {
background-image: url("img/our-advantages-tools.png");
}
ul.our-advantages li.orden {
background-image: url("img/our-advantages-orden.png");
}
ul.our-advantages li.house {
background-image: url("img/our-advantages-house.png");
}
ul.our-advantages li.serv {
background-image: url("img/our-advantages-serv.png");
}
ul.our-advantages li.calc {
background-image: url("img/our-advantages-calc.png");
}
.jcarousel-item-undefined, .jcarousel-item-NaN{
/*display: none!important;*/
}
.slog-an .contact:last-child{margin-right:0px;}
.slog-an .contact
{ margin-right:50px;}
.pad2 {margin-right: 32px!important;}
.what{ max-height: 220px; height:auto; min-height:150px}
@media screen and (min-width: 980px) and (max-width: 7000px){
.list_slider, .slider-brand{
margin-left: 20px!important;
margin-right: 20px!important;
padding: 0 40px!important;
width: 840px!important;
}
.what .list_slider{
min-height: 130px;
}
.slider-notebook{
margin-left: 0!important;
margin-right: 0!important;
padding: 0 25px!important;
width: 910px!important;
}
}
@media screen and (min-width: 700px) and (max-width: 7000px){
.top div.info_block li:hover .text{color: #CA365F; }
.middle a.more:hover{background-position: -529px -151px;width:132px}
.middle .nav_inner_uslugi ul li a:hover{color:#ca365f;}
.footer .col a:hover { color: #85DFCD; text-decoration:none ! important;}
.middle .content .nav li a.prev:hover, .middle .content .nav li a.next:hover{background: #d9d9d9;}
.middle.innerpage .order-form-wrapper .slider_block form input.submit:hover{background-position: -620px -479px; }
.footer .col ul a:hover, .footer .col ul.icons a:hover .text,.footer .col ul a.selected, .footer .col ul.icons a.selected .text, .footer .col ul.left-menu li a:hover, .footer .col a:hover{color: #85DFCD ! important;}
.middle form input.review-button-submit:hover {background: url(img/form-button-bg-hover.png) no-repeat;}
.top_line .inner div.menu ul li a:hover, .top_line .inner div.menu ul li a.selected{color:#85dfcd;}
.slider_block.brand {
/*min-height: 227px;*/
}
.slider_block.brand.s_n.sub1{
min-height: 0;
}
.what{ height: 220px!important;}
#nam-dover{
margin-left: 20px!important;
margin-right: 20px!important;
padding: 0 49px 0 31px!important;
width: 655px!important;
min-height: 130px;}
#nam-dover .jcarousel-clip {
overflow: hidden;
}
.ymaps-map, .bx-yandex-map{width:460px!important;}
.middle .content .maps .switcher {font-size: 11px !important;}
.adp-map {width:100%}
ul.list_slid_klient li span{
display: table-cell;
height: 124px;
width: 150px;
vertical-align: middle;
text-align: center;
}
div.selectBox-2 {
margin-left: 0!important;
margin-bottom: 3px!important;
}
div.selectOptions, div.selectOptions-2{width: 340px;}
.middle .content .four_col span.day{display:block; width:48px; float:left;}
.middle .content .four_col span.time{display:block; float:left; width:150px;}
.middle .status_form form input.select_but.active{z-index:900; border-radius:15px; background-color:#EFEFEF; position:absolute; margin:10px 0px 0px 264px; }
.middle .status_form form ul.list_select.active {
margin: 10px 0px 0px 0px;
width: 270px;
}
.middle .remont_cost.active.innercost table td {
padding: 10px 20px 10px 35px!important;
text-align: center;
text-shadow: 1px 1px 1px rgba(196,199,211,0.5);
}
.action-body {
width: 845px;
margin: auto;
background: url(/bitrix/templates/dicom_service_adp/img/top1.jpg) no-repeat right top;
position: relative;
font-family: Tahoma, sans-serif;
font-size: 27px;
color: #fff;
}
.action-body .action-header {
height: 195px;
}
.action-body .action-header .action-header-text {
width: 553px;
height: 120px;
float: right;
padding: 30px 10px 5px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.action-body .action-item {
text-align: center;
margin-bottom: 30px;
}
.action-body .action-button-simple {
text-align: center;
margin-top: 20px;
}
.action-body .action-footer {
height: 124px;
background: url("/bitrix/templates/dicom_service_adp/img/bottom_bg1.jpg") no-repeat center center;
text-align: center;
}
.action-body .action-footer div {
width: 720px;
margin: 40px auto 0;
padding-top: 20px;
border-top: 2px dotted rgb(122,101,153);
}
.action-body .action-header > img:first-child {
margin-top: 30px;
margin-left:70px;
}
.action-body .action-button span {
position: absolute;
top: 10px;
left: 0;
font-size: 14px;
font-weight: bold;
color: #000;
text-align:center;
width:162px;
}
.action-body .action-button a {
display: block;
width: 180px;
height: 39px;
position: absolute;
top: 0;
left: 162px;
}
.action-body .action-button-simple {
text-align: center;
margin-top: 20px;
}
.clear {
clear: both;
}
.slider-klient{width: 925px!important;
margin-left: 15px!important;
margin-right: 15px!important;}
.slider-klient .jcarousel-clip {
overflow: hidden;
width: 900px;
/*padding-left: 15px;*/
}
ul.list_slid_klient li {
background: none!important;
display: inline-block;
margin: 0;
padding: 0;
text-align: center;
width: 150px;
}
.cont {
position:absolute;
left:0px;
float: right;
width: 100%;
z-index: 1;
padding-top: 30px;
}
.container { width: 960px;
margin: 0 auto;}
#container {
padding:10px 0 0;
max-width:none;
width:100%;
}
.ban-fon1{
height: 500px;
position: absolute;
background-color: #DD3C4D;
width: 100%;
left: 0;
z-index: -1;
}
.banner_1 img {background-color: transparent!important;padding: 0px!important;border: none!important;margin: 0px!important;}
.banner_1 {
margin-top: 20px;
margin-bottom: -4px;
}
.banner_2 {
background:#e4eff7;
font: 300 32px/42px sans-serif;
height: 270px;
}
.banner_2 .container {padding-top: 34px;}
#zag-ban {text-align:center; display:block;padding-bottom: 20px;font-family: "Open Sans";font-size: 32px;color:#0b1320;}
.modern{
font-size: 18px;
line-height: 18px;
padding-left: 40px;
vertical-align: middle;
}
.banner_3 img {background-color: transparent!important;padding: 0px!important;border: none!important;margin: 0px!important;}
.banner_4 img {background-color: transparent!important;padding: 0px!important;border: none!important;margin: 0px!important;}
.span-b4 {width:475px;text-align:center;display:table-cell;}
#block-pr {margin-top:25px}
.banner_4 {
color:#0b1320;
font: 300 32px/42px sans-serif;
padding-top: 18px;
}
.banner_4 p {
font-size:24px;
font-family:Open Sans;
color:#0b1320;
}
.banner_4 ul li {
background: url(img/ball.png) no-repeat 0 10px;
padding: 4px 0 0 20px;
display: block;
text-align: left;
font-size: 15px;
color: #252525;
line-height: 150%;
width: 375px;
font-family:Open Sans;
}
.banner_5 a {
color:#227fc3;
font-size:23px;
text-decoration:underline;
text-align: center;
font-family: open Sans;
display:block;
margin: 30px 0;
}
.banner_5 a:hover {text-decoration:none;}
.banner_5 p {
color:#252525;
font-size:15px;
text-align: justify;
}
.banner_6 p {
color:#252525;
font-size:24px;
font-weight: bold;
line-height: 120%;
text-align: center;
}
.product{width:220px}
.spisok{font-size: 18px;
line-height: 120%;}
.banner_7 h3 {font-size: 15px;
font-weight: 600;
padding: 5px 0;
line-height: 120%;
text-align: justify;
color:#626676;}
.banner_7 .price { color: #227fc3;
font-size: 20px;
padding: 10px 0;}
.banner_2{
background:#FFFFFF!important;
position: relative;
width: 100%;
left: 0;
height:400px;
-moz-box-sizing: border-box;
}
#zag-ban{font-size:25px;
font-family: 'Ubuntu';
color:#757575;
}
#zag-ban span {color:#db1f1f;}
.img-ab {position:absolute;
right:50px;
top:-35px;
}
.banner_2-text.banner-text {
margin-top: 20px;
position:absolute;
width: 960px;
}
.zag-ban {position:relative;}
.banner_2-text #zag-ban{
text-align:left;
margin-left:70px;
}
.icon1{
width: 338px;
height: 183px;
background: url('//www.dicom.spb.ru.images.1c-bitrix-cdn.ru/bitrix/templates/dicom_service_adp/img/intel/frame1.png?14447386352077') no-repeat;
display: table-cell;
text-align:right;
}
.icon3{
width: 342px;
height: 183px;
background: url('//www.dicom.spb.ru.images.1c-bitrix-cdn.ru/bitrix/templates/dicom_service_adp/img/intel/frame2.png?14447386871915') no-repeat;
display: table-cell;
text-align:left;
position:absolute;
top:27px;
right:30px;
}
.icon3 .modern { margin-left: 45px;margin-right:0px;}
.icon1 span{
color:#7a6599;
font-size:25px;
font-weight:bold;
margin-bottom:10px;
}
.icon3 span{
color:#27a09f;
font-size:25px;
font-weight:bold;
margin-bottom:10px;
margin-left:0px;
}
.icon2 {
position: absolute;
right: 285px;
top: 102px;
z-index: 1;
}
.icon1 .modern p:hover {color: #7a6599;cursor:default;font-weight: 600;}
.icon3 .modern p:hover {
color: #27A09F;
cursor: default;
font-weight: 600;}
.clear{clear:both;}
.middle {min-height:100px;}
.container{
font-family: 'Ubuntu';
}
.modern {line-height:28px;
padding-left:0px;
margin-right:60px;
margin-top:15px;}
.modern p{font-size:18px!important;padding:0px;margin:0px;}
.spis-ban2{margin: 30px 0 30px 35px;}
.banner_7 {
background-color: #f5f5f5;
height:473px;
}
.banner_7 #zag-ban{
font-size:25px;
text-transform:uppercase;
color:#27a09f;
padding:30px 0;
}
.listing-product-info h3 {
color:#757575;
font-size:12px;
text-align:center;
}
.banner_7 ul {
text-align:center;
margin-bottom: 30px;
}
.banner_7 ul li {
background: none;
padding: 0;
width: 220px;
height: 285px;
background-color: white;
vertical-align: top;
margin-right: 5px;
}
.banner_7 img{
margin-top: 20px;
margin-bottom: 20px;
}
.zakaz-bu{
border:2px solid #27a09f;
border-radius:5px;
width:185px;
height:36px;
margin: 13px auto 0;
text-align: center;
}
.zakaz-bu a{
font-size:14px;
color:#27a09f;
}
.zakaz-bu:hover{
border:2px solid #7a6599;
}
.zakaz-bu a:hover{
color:#7a6599;
}
.nemogu a{
color:#2799d7;
text-decoration:underline;
font-size:22px;
margin-left:25px;
}
.nemogu a:hover{
text-decoration:none;
}
#all_kat{
font-size:18px;
color:#757575;
margin-left: 345px;
}
#all_kat a{
color:#757575;
text-decoration:underline;
margin-left:0;
font-size:18px;
}
#all_kat a:hover{
text-decoration:none;
}
.product {
width: 220px;
height: 115px!important;
margin-top: 10px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
}
/*.product:hover{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
}*/
.banner_4{
background: url('//www.dicom.spb.ru.images.1c-bitrix-cdn.ru/bitrix/templates/dicom_service_adp/img/intel/figura.png?144480202011046') center 65px no-repeat;
min-height:530px;
font-family: 'Ubuntu';
background-color:white;
}
.banner_4 p{
font-family: 'Ubuntu';
}
.speed {
margin-left: 295px;
margin-top: -20px;
font-size: 18px;
}
.speed p{font-size:18px;
margin:0px;
padding:0px;
line-height:160%;
color:#757575;}
.span-b41 {
float: right;
text-align: center;
margin-left: 50px;
margin-top: -36px;
margin-right: 140px;
color: #616161;;
}
.nadezh {
float: right;
margin-top: -17px;
}
.nadezh p{
font-size:18px;
margin:0px;
padding:0px;
line-height:160%;
color:#757575;
text-align: right;
}
.span-b4 {width: 140px;text-align:center;/* display: block; */margin-top: -20px;float: left;margin-left: 85px; color: #616161;;}
.banner_5 #zag-ban {
background: url('//www.dicom.spb.ru.images.1c-bitrix-cdn.ru/bitrix/templates/dicom_service_adp/img/intel/interface.png?14448081294698') center -60px no-repeat;
color: #7a6599;
min-height: 125px;
margin-top: 60px;
}
.b5_img{
display:inline-block;
width:265px;
text-align:center!important;
}
.block-img{
text-align:center;
margin-bottom:40px;
}
p.b5_img{
color:#27a09f;
font-size:18px;
margin-top: 25px;
}
.banner_1{
background-color: white;
padding-bottom: 50px;
}
.banner_6{
background: url('//www.dicom.spb.ru.images.1c-bitrix-cdn.ru/bitrix/templates/dicom_service_adp/img/intel/fon-forma.jpg?144481086254998') top center no-repeat;
background-color: white;
height: 456px!important;
}
.z_map{
text-align:center;
}
.z_map p{
font-family: 'ubuntu';
color:#27a09f;
font-size:20px;
}
.modern span {margin-left: 15px;
display: inline-block;}
}
.attention img{
border:none;
float: left;
margin: -3px 10px 0 0;
padding: 0;
width:23px;
height:23px;
}
#intel {
text-align: center;
line-height: 120%;
color: #252525;
font-size: 12px;
padding-bottom: 0px;
}
.mic1 {
width: 200px;
padding-right: 80px;
}
.mic2 {
width: 170px;
}
@media screen and (max-width: 959px){
.bx-composite-btn{
display: none;
}
}
.bx-composite-btn{
position: absolute;
top: -39px;
}
div:has(a.bx-composite-btn-fixed) {
position: absolute;
width: 250px;
bottom: -250px;
right: 0;
}
.bl-pic {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.bl-pic-fancy {
display: inline-block;
vertical-align: top;
width:295px;
}
.pic-center{
text-align: center;
width:100%;
display:inline-block;
}
#recovery img {
background-color: transparent;
border: none;
margin: 10px 0 0;
padding: 0px;
margin-left: -7px;
}
.act { background-color: #fff;
border: 1px solid #e9e9e9;
margin: 10px;
border-radius:5px;
padding: 15px 20px 20px;}
.banner_4 .row-text:nth-of-type(1){
padding: 35px 0;
}
.intel-advantage{
padding: 18px 0;
background: #fff;
font-family: 'Ubuntu';
}
.intel-advantage ul{
width: 1200px;
margin: 0 auto;
}
.intel-advantage ul li{
list-style: none;
background: none;
position: relative;
padding: 60px 0;
}
.intel-advantage ul li:nth-child(2n+1){
border-bottom: 1.5px solid #2799D7;
}
.intel-advantage ul li div.content{
width: 880px;
position: relative;
margin: 0 auto;
box-sizing: border-box;
}
.intel-advantage ul li:nth-child(2n+1) div.content{
padding-left: 220px;
}
.intel-advantage ul li:nth-child(2n) div.content{
padding: 0 220px;
}
.intel-advantage ul li:nth-child(2n+1) div.icon{
position: absolute;
left: 0%;
top: 0;
opacity: 0;
}
.intel-advantage ul li:nth-child(2n) div.icon{
position: absolute;
right: 0%;
top: 0;
opacity: 0;
}
.intel-advantage ul li:nth-child(2n) div.speed{
text-align: right;
}
.intel-advantage ul li div.icon{
text-align: center;
width: 140px;
}
.intel-advantage ul li div.icon p{
font-size: 24px;
font-family: Open Sans;
color: #0b1320;
text-align: center;
padding: 10px 0;
line-height: 42px;
}
.intel-advantage ul li div.speed{
margin: 0;
font-weight: normal;
}
.intel-advantage ul li div.speed p{
font-weight: normal;
}
.intel-advantage ul li:nth-child(2n+1) .triangle:before{
width: 0;
height: 0;
border-style: solid;
border-width: 260px 380px 0 0;
border-color: #2799D7 transparent transparent transparent;
content: '';
position: absolute;
left: 0;
top: 100%;
z-index: 2;
}
.intel-advantage ul li:nth-child(2n+1) .triangle:after{
position: absolute;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 259px 379px 0 0;
border-color: #fff transparent transparent transparent;
left: 0;
top: 100%;
z-index: 3;
}
.intel-advantage ul li:nth-child(2n) .triangle:before{
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 289px 380px;
border-color: transparent transparent #2799D7 transparent;
content: '';
position: absolute;
right: 0;
bottom: 100%;
z-index: 2;
}
.intel-advantage ul li:nth-child(2n) .triangle:after{
position: absolute;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 288px 379px;
border-color: transparent transparent #fff transparent;
right: 0;
bottom: 100%;
z-index: 3;
}
.intel-advantage ul li:nth-child(2n+1):hover{
background: #b2a6c4;
}
.intel-advantage ul li:nth-child(2n+1):hover .triangle:after{
border-color: #b2a6c4 transparent transparent transparent;
}
.intel-advantage ul li:nth-child(2n):hover{
background: #c0e3e3;
}
.intel-advantage ul li:nth-child(2n):hover .triangle:after{
border-color: transparent transparent #c0e3e3 transparent;
}
.address-props{
margin-bottom: 15px;
}
.address-props:after{
content: '';
clear: both;
display: block;
}
#BX_YMAP_center_map_1{
width: 100%!important;
height: 500px!important;
}
.map-title{
font-size: 23px;
padding-top: 20px;
margin-bottom: 10px;
}
@media screen and (min-width: 460px) and (max-width: 800px) {
.middle .page_menu {margin: 20px 0 10px 0px!important;}}
/*ul.menu-gl li {
width: 230px;
}*/
@media screen and (min-width: 401px) and (max-width: 800px) {
.slog.type3, .middle .slog.type3 .text, .slider_block.brand .right-warranty .scrollable, .slider_block.brand .right-warranty .warranty-item-right-wrapper-1-layer{width:95%!important;}
.slider_block.brand .right-warranty .warranty-item-right-wrapper-1-layer{height:180px!important;}
.wrap{
margin-left: 80px;
width: 560px;
}
ul.block_workers1 li:first-child {
padding-left: 1px;
}
ul.block_workers1 li{
padding-left: 1px;
width: 170px!important;
/*margin-left: 78px;*/
background: none;
}
span.profil, span.name {
margin-left: 0;
width: 130px;
}
.carousele ul.carousel-wrapper li {
text-align: center;
/*padding-left: 24px!important;*/
}
ul.test222 li {
padding: 5px 0 5px 8px;
}
}
@media screen and (max-width: 600px){
.middle.innerpage .content .col1 {
width: 100%;
float: left;
margin-left: 0px;
}
.middle.innerpage .content .col2 {
width: 100%;
margin-left: 0px;
float: left;
}
.middle.innerpage .content .col .info1 {margin: 0;}
.middle .slogan .icon {display:none}
.middle .bg_slogan {border:none!important; background-color:#fff; background:none;}
.middle .slogan .text {width:100% !important; font-size: 14px;}
}
@media screen and (min-width: 200px) and (max-width: 400px){
.wrap{
margin-left: 0;
width: 295px;
text-align: center;
margin: 0 0 0 3px;
}
.wrap .jcarousel-container {
padding-left: 51px! important;
padding-right: 40px! important;
}
ul.qwe{padding-left:0!important;}
.clearfix { clear: both;}
.carousel-wrapper {width:30000000px ! important;}
li.carousel-block {width:230px ! important;}
.slider-notebook {display:none ! important;}
}
@media print {
.top{
display: none;
}
}
.jcarousel-container {
padding-left: 20px;
padding-right: 20px;
}
.jcarousel-clip ul li img{border:none;}
ul.block_workers1 li {background:none;}
@media screen and (max-width: 400px) and (min-width: 341px) {
.top div.info_block .jcarousel-clip {
width: 256px!important;
overflow: hidden;
margin: 0 30px 0!important;
}
.navigation-left{left:0!important;}
.navigation-right{left:auto!important;right:0!important;}
.middle .navigation {margin: 30px 0 0 0px!important;}
ul.block_workers1 li.item img {margin-right: 22px!important;}
.rukovod .middle .slider_block{width:262px !important;;}
.middle .rukovod .form form .one-field-full-wrapper input, .middle .rukovod .form form .one-field-full-wrapper1 textarea, .middle .rukovod .form form .one-field-full-wrapper2 input,.middle .rukovod .form form .one-field-full-wrapper2 textarea, .middle .rukovod .one-field-full-wrapper2 .selected {width:262px !important;}
.one-field-full-wrapper, .one-field-full-wrapper1 {width:258px!important;; }
.middle .rukovod .opened .form, .one-field-full-wrapper2, .v_neisp span.selected {width:260px!important;;}
div.selectBox, div.selectBox-2 { margin-left: 0!important;margin-top: 20px!important; width:266px!important;}
}
@media screen and (min-width: 400px)
{
.middle .rukovod .opened .form {width:100% !important;}
}
/*КартиыIЃEъь главыMЃEЃEЃEЃEЃE (анЃEЃE*/
@media screen and (max-width: 480px) and (min-width: 320px) {
img.glavnews { width: 100%; display: none;}
}
@media screen and (max-width: 640px) and (min-width: 480px) {
img.glavnews { width: 100%; display: none; }
}
@media screen and (max-width: 960px) and (min-width: 640px) {
img.glavnews { width: 100%; }
}
/*КартиыIЃEЃEЃEыQенте разделЃEУслугЃE/
@media screen and (max-width: 480px) and (min-width: 320px) {
img.contuslugi { width: 96%; }
}
@media screen and (max-width: 640px) and (min-width: 480px) {
img.contuslugi { width: 96%; }
}
/*КартиыIЃEЃEЃEыQенте разделЃEУслугЃE- главъья ЃEртинЃE разделЃE/
img.conticon {
margin: 2px 10px 2px 0;
float:left;
}
@media screen and (max-width: 480px) and (min-width: 320px) {
img.conticon { float: left; width: 30%; }
}
@media screen and (max-width: 640px) and (min-width: 480px) {
img.conticon { float: left; width: 50%; }
}