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 {
border: 0 none;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
/*noselect
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
end noselect*/
}
body {
line-height: 1;
width: 100%;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
ol, ul {
list-style: outside none none;
}
table {
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 30px 0;
width: 100%;
}
caption, th, td {
}
p{
padding:5px 0;
line-height: 1.2;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
audio, canvas, video {
display: inline-block;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
img {
border: 0 none;
}
a {
text-decoration: none;
color: #507ca7;
}
.clear {
clear: both;
}
.wrapper{
width: 960px;
margin: 0 auto;
}
/*----*/
body {
background: #681e87;
}
header{
padding: 20px 20px 14px 20px;
margin-bottom: 10px;
}
.header-ins{
background: none;
}
h1{
color: #2a4b6e;
}
h1, .h1{
font-size: 32px;
display: inline-block;
font-weight: bold;
margin-bottom: 20px;
color:#000000;
}
h2 {
font-size: 18.6px;
padding: 10px 0;
}
.main-master-but {
background: url("../../sources/images/master-but-new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: inline-block;
height: 28px;
width: 155px;
border-radius: 10px;
color: #fff;
float: right;
font-weight: bold;
padding: 10px 0 0;
margin:8px 15px 0 0;
font-size: 16px;
text-align: center;
}
.main-master-but:hover {
background-position: bottom;
}
.logo {
background: url("../../sources/images/logotype.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
height: 77px;
width: 191px;
overflow: hidden;
}
.logo a{
display: block;
width:191px;
height: 77px;
}
.call-back {
background: url("../../sources/images/top-24.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
float: right;
width: 168px;
font-size: 18.67px;
color: #fff;
padding-right: 102px;
text-align: right;
height: 84px;
}
.call-back a {
background: url("../../sources/images/top-phone-bg-new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #fff;
display: block;
font-size: 17.3px;
height: 34px;
margin-top: 20px;
padding: 13px 0 0;
width: 165px;
text-align: center;
}
.call-back span{
font-weight: bold;
}
.call-back a:hover {
background-position: 0px -48px;
cursor: pointer;
}
.slogan {
color: #cadcf8;
float: left;
font-size: 16px;
text-align: center;
width: 429px;
margin-left: 30px;
}
.slogan p , .slogan h1 {
padding: 5px 0 10px 0;
font-weight: normal;
margin: 0;
font-size: 16px;
color: #cadcf8;
line-height: 1.2;
}
.top-menu {
padding: 0;
width: 450px;
float: left;
text-align: center;
margin-left: 5px;
margin-top: 14px;
}
.top-menn ul{
display: inline-block;
}
.top-menu li {
float: left;
padding: 0 5px;
}
.top-menu a {
color: #fff;
display: block;
font-size: 14.6px;
padding: 8px 10px;
text-align: center;
border-radius: 10px;
}
.top-menu a:hover, .top-menu li.active a{
color: #264f75;
background: url(../../sources/images/top-menu-but.png) repeat-x;
}
.top-menu li:first-child a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #fff;
}
.top-menu li:first-child a:hover{
color: #264f75;
background: url(../../sources/images/top-menu-but.png) repeat-x;
}
.main-top{
padding: 40px 0 0 40px;
background: url("../../sources/images/top-line.png") no-repeat scroll center 0 ;
}
.main-top-item{
width: 120px;
padding: 14px;
text-align: center;
color: #fff;
font-size: 13.79px;
float: left;
border-radius: 105px 105px 10px 10px;
}
.main-top-item:hover{
/* background: rgba(255, 255, 255, 0.36); */
}
.main-top-item img{
/*border: 2px solid #fff;*/
/* border-radius: 60px; */
width:114px;
height:114px;
}
.main-top-item a span{
color: #fff;
display: block;
font-size: 17.54px;
padding: 5px 0;
text-decoration: none;
}
.main-top-price{
font-size: 24px;
color: #c0d1fa;
}
.main-top-item:hover .main-top-price{
color: #fff;
}
.main-top-item .main-top-a{
background: url("../../sources/images/top-master-but-new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 38px;
width: 90px;
/*background-color: #0fa129;
border-radius: 10px;
box-shadow: 0 4px 0 #337407;*/
color: #fff;
float: right;
font-weight: bold;
padding: 10px 18px;
display: none;
font-size: 16px;
margin-top: 10px;
}
.main-top-item:hover .main-top-a{
display: inline-block;
}
.main-top-item .main-top-a:hover{
background-position: bottom;
}
.main-form-call{
/*background: url("../../sources/images/call-ous.png") no-repeat;*/
display: inline-block;
height: 368px;
width: 283px;
margin-bottom: 60px;
text-align: center;
float: right;
margin-right: 20px;
}
.main-form-call a{
background: url("../../sources/images/call-ous-new.png") no-repeat 0px 1px;
height: 368px;
width: 283px;
font-size: 27px;
color: black;
display: block;
}
.main-form-call a span{
position:relative;
top: 320px;
}
.main-form-call a:hover {
background: url("../../sources/images/call-ous-new-hover.png") no-repeat 0px 1px;
}
/* .main-form-call p, .main-form-call label{
color: #285278;
}
.main-form-call p{
font-size: 13.34px;
}
.main-form-call p span{
font-size: 28px;
font-weight: bold;
}
.main-form-call label{
font-size: 16px;
text-align: left;
display: block;
margin-top: 15px;
}
.main-form-call input{
border: 1px solid #285278;
margin-top: 3px;
width: 100%;
line-height: 30px;
}
.main-form-call a{
border-radius: 10px;
box-shadow: 0 4px 0 #337407;
color: #fff;
font-weight: bold;
padding: 10px 18px 10px 65px;
background: url(/assets/images/main-form-call-phone.png) no-repeat 20px center #0fa129;
font-size: 16px;
width: 82px;
margin-top: 30px;
display: inline-block;
}*/
/*---*/
.wow:first-child {
visibility: hidden;
}
.main-dveri, .main-avto, .main-safe{
padding: 40px 310px 40px 40px;
position: relative;
}
.main-text-block{
width: 275px;
margin-right: 25px;
font-size: 14px;
float: left;
}
.main-three-ul {
display: inline-block;
}
.main-three-ul img{
float: left;
margin: -5px 15px -5px 0;
}
.main-three-ul li{
width: 280px;
border-radius: 50px 10px 10px 50px;
height: 67px;
margin-bottom: 20px;
font-size: 16px;
padding: 5px 0;
}
.main-three-ul li > a {
color: #000;
}
.main-three-ul li > a > span{
padding: 3px 0;
display: block;
}
.main-three-ul li span span{
font-weight: bold;
}
/*.main-three-ul li:hover{
background-color: #f7f7f7;
}
.main-three-ul li:hover img {
opacity: 0.65;
}*/
.main-dveri {
background: url(../../sources/images/main-dveri-bg.png) no-repeat;
height: 342px;
}
.main-dveri-anim{
position: absolute;
height: 422px;
width: 320px;
top: 0;
right: 0;
overflow: hidden;
}
.main-dveri-anim-ie img{
opacity: 0;
position: absolute;
}
.main-servis{
background: url(../../sources/images/main-servis-bg.png) no-repeat;
height: 148px;
padding: 40px;
}
.main-servis-item{
width: 210px;
float: left;
color: #fff;
font-size: 14.67px;
text-align: center;
margin: 0 41px;
}
.main-servis-item img{
margin-bottom: 15px;
}
.main-servis-item span{
font-size: 18.67px;
font-weight: bold;
}
.main-avto {
background: url("../../sources/images/main-avto-bg.png") no-repeat scroll 0 0 / 100% 102% rgba(0, 0, 0, 0);
height: 360px;
}
.main-avto .main-three-ul li{
width: 290px;
}
.main-map{
background: #5E90CD;
color: #fff;
}
.main-map p{
font-size: 17.3px;
padding: 5px 0 25px 0;
font-weight: bold;
}
.main-map ul {
display: block;
margin-right: 20px;
float: left;
width: 100%;
font-size: 13.3px;
}
.main-map ul li {
width: 33.3%;
float: left;
}
.main-safe {
background: url("../../sources/images/main-safe-bg.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
height: 418px;
}
.main-safe .main-three-ul li{
width: 310px;
}
.main-safe .main-dveri-anim {
top: 64px;
}
.main-otzyvy{
background: url(../../sources/images/main_otzyvy_bg2.png) no-repeat;
height: 861px;
color: #fff;
padding: 40px 35px;
text-align: center;
}
.main-otzyvy .h1 {
color: #fff;
font-size: 24px;
text-align: center;
display: block;
margin-bottom: 30px;
}
.main-otzyv{
width:284px;
font-size: 16px;
float: left;
}
.main-otzyv-mid{
margin: 0 19px 10px;
}
.main-otzyv-text{
background: url(../../sources/images/main-otzyvy.png) no-repeat 2px 0;
width: 238px;
height: 187px;
padding: 20px 27px;
margin-bottom: 10px;
text-align: left;
}
.main-otzyv-autor{
font-weight: bold;
}
.main-otzyvy a{
background: url("../../sources/images/main-otzyvy-but-new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: inline-block;
height: 28px;
width: 161px;
/*background-color: #3a5b86;
box-shadow: 0 4px 0 #162f46;*/
font-size: 16px;
color: #fff;
padding: 10px 0 0;
border-radius: 10px;
font-weight: bold;
text-align: center;
}
.main-otzyvy a:hover {
background-position: bottom;
}
.main-video{background: url(../../sources/images/main-video-bg.jpg) no-repeat;
height: 334px;
color: #fff;
padding: 25px 35px;
text-align: center;}
.main-video p{text-align:left;float:left; padding-left:30px; padding-top:0px;width:233px;}
.main-video .seif-video{float:left; width:574px;}
.banner-ph{
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
opacity: 0;
}
.banner-ph > a{
width: 100%;
height: 100%;
display: block;
background-color: rgba(28, 61, 92, 0.9)
}
.banner-ph-ins {
background: url("../../sources/images/banner-phone.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 388px;
left: 50%;
margin-left: -395px;
position: fixed;
text-align: center;
top: 200px;
width: 790px
}
.banner-ph-ins p {
color: #fff;
font-size: 30px;
}
.banner-ph-ins .banner-ph-phone {
font-size: 34px;
margin: 45px 0 165px;
}
.banner-ph-phone span {
font-weight: bold;
}
.banner-ph-ins a.exit {
background: url("../../sources/images/form-exit.png") no-repeat 0 -33px ;
display: block;
height: 21px;
position: absolute;
right: 27px;
top: 36px;
width: 21px;
}
.banner-ph-ins a.exit:hover {
background-position: 0 0;
}
/*-----------------INS------------------------*/
.middle-ins {
background: url("../../sources/images/ins-top.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
padding: 45px 0 0;
margin-left: 32px;
}
.middle-ins-bg{
background-color: #EAF4F7;
min-height: 1650px;
position: relative;
}
.left-menu {
background-image: url("../../sources/images/ins-menu-bg.png") ;
background-repeat: no-repeat;
background-size: 293px 1288px;
height: 1257px;
left: -14px;
list-style: outside none none;
padding: 42px 0 0 35px;
position: absolute;
top: -43px;
width: 258px;
}
.left-menu > li {
position: relative;
}
.left-menu > li > a {
background: url("../../sources/images/ins-menu-title.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #fff;
display: block;
font-size: 18.6px;
height: 26px;
padding: 8px 0 0 25px;
width: 228px;
margin-left: 4px;
}
.left-menu > li > a:hover {
text-decoration: underline;
}
.left-menu > li > img{
position: absolute;
/*--border: 5px solid #fff;*/
border-radius: 100%;
left: -52px;
top: -18px;
width: 67px;
}
.left-menu li ul{
margin: 24px 0 30px 4px;
}
.left-menu li li{
margin: 10px 0 13px 0;
}
.left-menu li li a{
text-decoration: underline;
color: #2a4b6e;
font-size: 14.7px;
}
.left-menu li li a:hover{
text-decoration: none;
}
.content{
width: 580px;
float: right;
padding-right: 35px;
padding-top: 9px;
padding-bottom: 20px;
}
.content > p, .content .hidden-text-mobile > p {
padding: 5px 0 10px;
text-indent: 25px;
}
.content li {
background: url("../../sources/images/mark-li.png") no-repeat scroll 8px 3px rgba(0, 0, 0, 0);
margin-bottom: 10px;
padding-left: 25px;
}
.content > img, .content .hidden-text-mobile > img {
float: left;
margin: 0 20px 10px 0;
max-width: 230px;
}
.content > img.img100, .content .hidden-text-mobile > img.img100 {
max-width: 1000px;
width: 100%;
}
.content a {
cursor: pointer;
text-decoration: underline;
}
.content a:hover {
text-decoration: none;
}
.info {
background: url("../../sources/images/kstati.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: right;
height: 212px;
padding: 15px 24px 10px;
width: 184px;
margin: 5px 0 15px 30px;
}
.info p {
color: #285278;
font-size: 13.4px;
}
.info p span {
display: block;
font-size: 25.4px;
font-weight: bold;
text-align: center;
}
caption,.caption {
background: url("../../sources/images/caption.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #fff;
font-size: 16.6px;
font-weight: bold;
height: 29px;
padding: 10px 0 0 15px;
text-align: left;
margin-top:10px;
}
caption~table,.caption~table{
margin:10px 0 30px 0;
}
td {
background: url("../../sources/images/td.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
border-spacing: 10px;
padding: 7px 5px 7px 15px;
border-bottom: 5px solid #EAF4F7;
font-size: 14.7px;
line-height: 17px;
vertical-align: middle;
}
td:nth-child(2) {
border-left: 5px solid #eaf4f7;
font-weight: bold;
text-align: center;
width: 30%;
}
.uslugi-menu-item {
background: url("../../sources/images/uslugi-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #97b7e3;
border-radius: 10px;
height: 295px;
width: 280px;
float: left;
padding: 20px 0;
}
.uslugi-menu-item-l {
margin: 0 15px 15px 0px;
}
.uslugi-menu-item ul {
margin: 15px 0;
}
.uslugi-menu-item li {
background: none;
height: 78px;
width: 270px;
margin: 5px 0;
padding: 0 5px;
}
.uslugi-menu-item li:hover {
background: url("../../sources/images/uslugi-hover-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.uslugi-menu-item img {
float: left;
height: 71px;
padding: 3px 18px 4px 8px;
width: 71px;
}
.uslugi-menu-item > p {
font-size: 18px;
font-weight: bold;
text-align: center;
}
.uslugi-menu-item > p > a{
text-decoration: none;
color: #446181;
}
.uslugi-menu-item li span {
font-size: 14.6px;
display: block;
padding: 10px 0;
}
.uslugi-menu-item li a{
text-decoration: none;
color: #000;
}
.uslugi-menu-item li:hover span {
color: #fff;
}
.uslugi-menu-item li span span {
font-size: 17.2px;
font-weight: bold;
margin: -10px 0;
padding: 0;
}
.map{
border: 2px solid #97b7e3;
border-radius: 10px;
margin-left: 25px;
overflow: hidden;
}
/*-----------------//INS------------------------*/
/*--Footer--*/
footer{
background: url(../../sources/images/footer-bg.png) no-repeat;
height: 15px;
padding: 40px;
padding-top:10px;
}
#footer-ins{
background: url(../../sources/images/footer-bg2.png) no-repeat;
}
footer p{
color: #162f46;
font-size: 14.6px;
}
.fotter-left{
width: 285px;
float: left;
}
.fotter-right{
width: 285px;
float: right;
text-align: right;
}
.im-logo{
margin: 20px 0;
}
.fotter-middle{
width: 310px;
text-align: center;
float: left;
}
.fotter-middle a {
color: #162f46;
}
.fotter-middle p{
font-size: 14.67px;
}
.fotter-middle span {
font-size: 18.67px;
}
.fotter-middle span span{
font-weight: bold;
}
.call-back-but{
background: url(../../sources/images/back-call-bot-but.png) no-repeat;
padding: 7px 30px 11px 60px;
color: #fff;
display: inline-block;
width: 65px;
font-size: 13.34px;
font-weight: bold;
margin: 10px 0;
text-align: center;
}
.img-left{
padding-top: 5px;
}
.hit-counter{
display:none;
}
.main-form-call.ins-form-call {
/*background: url("../../sources/images/call-ous.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);*/
float: left;
height: 382px;
left: -14px;
margin: 0;
padding: 0;
position: absolute;
top: 1264px;
width: 293px;
}
.main-form-call.ins-form-call > a {
background: url("../../sources/images/call-ous.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
height: 382px;
width: 293px;
}
.main-form-call.ins-form-call > a span{
position:relative;
top:330px;
}
.ins-ico-menu li {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
margin: 20px 0;
padding: 0;
text-align: center;
width: 33%;
}
.ins-ico-menu span {
display: block;
}
.ins-ico-menu img {
margin-bottom: 10px;
width:77px;
height:77px;
border-radius:50%;
}
.ins-ico-menu a {
color: #000;
line-height: 1.2;
}
.ins-otzyv-autor {
font-size: 16px;
font-weight: bold;
margin-bottom: 40px;
text-align: right;
}
.right-call {
background: url("../../sources/images/right-call.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
height: 180px;
position: fixed;
right: 0;
top: 170px;
width: 41px;
z-index:2;
}
/*--*/
.main-otzyv-text.ins-otzyv-text {
background: url("../../sources/images/ins-otzyvy.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.main-otzyv.ins-otzyv .ins-otzyv-autor {
text-align: center;
}
.main-otzyv.ins-otzyv.ins-otzyv-right {
margin-right: 12px;
}
/** Carousel **/
.main-article{
background: url(../../sources/images/main-article-bg.jpg) no-repeat;
height:330px;
}
.main-article .h1{
display:block;
color:#fff;
text-align:center;
padding-top:30px;
font-size: 24px;
padding-bottom: 17px;
}
.article-element a{
color:#fff;
font-size: 16px;
text-decoration:underline;
}
.jcarousel-wrapper {
width:800px;
border-radius: 5px;
margin: 20px auto;
position: relative;
}
.jcarousel {
position: relative;
overflow: hidden;
width: 100%;
}
.jcarousel ul {
width: 20000em;
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
.jcarousel li {
width: 248px;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right:10px;
margin-left:10px;
text-align: center;
}
.jcarousel img {
display: block;
max-width: 100%;
margin:0 auto 4px;
max-height:142px;
height: auto !important;
}
/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next {
position: absolute;
top: 32%;
width: 30px;
height: 45px;
opacity:0.7;
text-align: center;
color: #fff;
text-decoration: none;
font: 84px/27px Arial, sans-serif;
}
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover{
opacity:1;
}
.jcarousel-control-prev {
left: -60px;
}
.jcarousel-control-next {
right: -60px;
}
.content-images {
margin-top:15px;
text-align:center;
}
.content-images a img {
width:30%;
margin-right:10px;
}
.content-images a:nth-child(3n) img {
margin-right:0;
}
.banner-ph-ins {
width:670px;
height:auto;
border-radius:10px;
background: #e4e8eb; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e7e9', endColorstr='#e4e8eb'); /* для IE6-9 */
background: -webkit-linear-gradient(top, #e3e7e9, #e4e8eb); /* для webkit-браузеров */
background: -moz-linear-gradient(top, #e3e7e9, #e4e8eb); /* для firefox 3.6+ */
background: -o-linear-gradient(top, #e3e7e9, #e4e8eb); /* для Opera 11.10+ */
background: -ms-linear-gradient(top, #e3e7e9, #e4e8eb); /* для IE10+ */
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
padding:34px 55px 46px 333px;
min-height: 370px;
}
.banner-ph-ins p {
color:#222425;
font-size:14px;
}
.form-title {
color:#222425;
font-size:28px;
font-weight:bold;
margin-bottom:15px;
}
.form-line {
width:100%;
color:#8f8f8f;
font-size:14px;
border-bottom:1px solid #c5c5c5;
position:relative;
margin-top: 32px;
margin-bottom:15px;
}
.form-line div {
width:45px;
height:12px;
text-align:center;
position:absolute;
top: -8px;
left:50%;
margin-left:-22px;
background-color:#e2e7ea;
}
.banner-ph-ins .button {
width:272px;
height:52px;
background: url(../../sources/images/phone.png) no-repeat left 25px top 13px #00a20a;
border-radius:10px;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
box-shadow: 0px 4px 0px 0px #007500;
display:block;
padding-left:45px;
color:#ffffff;
font-size:22px;
padding-top: 15px;
margin:auto;
margin-top:8px;
border:none;
cursor:pointer;
}
.banner-ph-ins .button:hover {
background-color:#00b80b;
}
.banner-ph-ins a {
position:static;
width:auto;
height:auto;
}
.bold {
font-weight:bold;
}
#forma-phone {
width:270px;
height:34px;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
border:1px solid #aeaeae;
background-color: #f8f9f9;
padding-left:25px;
color:#8f8f8f;
font-size:14px;
margin-top:10px;
margin-bottom:10px;
}
.banner-ph-ins input.button {
padding-top:0;
height:53px;
font-weight: bold;
letter-spacing: -0.3px;
background: url(../../sources/images/phone2.png) no-repeat left 40px top 13px #00a20a;
}
.banner-ph-ins .forma-bg {
position: absolute;
left: 30px;
bottom: 0px;
}
input.required, textarea.required, input.invalid {
box-shadow: 0px 0px 5px 0px #CC391F;
}
.banner-ph-ins .form-vizovtext.mobile {
display:none;
}
.banner-ph-ins .form-ostavnomer.mobile {
display:none;
padding-left:80px;
color:#ffffff;
padding-right:14px;
text-align:left;
background: url(../../sources/images/phone3.png) no-repeat left top ;
line-height: 20px;
margin-bottom:35px;
}
.banner-ph-ins .form-title.mobile {
display:none;
margin-bottom:31px;
font-size:25px;
}
@media only screen and (max-device-width: 980px) {
.banner-ph-ins {
width:340px;
padding:20px 33px 40px ;
background:#1c3d5c;
margin-left:-170px;
}
.banner-ph-ins img {
display:none;
}
.banner-ph > a {
background-color: rgba(28, 61, 92, 0.3);
}
.banner-ph-ins .form-title {
display:none;
}
.banner-ph-ins .form-title.mobile {
display:block;
color:#ffffff;
}
.banner-ph-ins .form-vizovtext {
display:none;
}
.banner-ph-ins .form-line {
color:#ffffff;
border-color:#ffffff;
margin-top:42px;
margin-bottom:41px;
}
.banner-ph-ins .form-line div {
background-color:#1c3d5c;
}
.banner-ph-ins .form-ostavnomer {
display:none;
}
.banner-ph-ins .form-ostavnomer.mobile {
display:block;
}
.banner-ph-ins input.button {
background-image:none;
padding-left:0;
}
.banner-ph-ins .thank-main, .banner-ph-ins .thank-main p {
color:#ffffff;
margin-right:10px;
}
.banner-ph-ins a.exit {
right:20px;
top:20px;
width:26px;
height:26px;
background: url(../../sources/images/form-exit-mobile.png) no-repeat left top -38px;
}
.banner-ph-ins a.exit:hover {
background-position:0 0;
}
#forma-phone {
margin-bottom:20px;
}
}
.footer-beznal {
float:left;
width:140px;
text-align:left;
}
.footer-beznal p {
font-size: 13px;
}
/*
.main-map-mobile{
display:none;
}
*/
.otziv-mobile-slider{
display:none !important;
}
.article-mobile-slider{
display:none !important;
}
.call-back.sliding-call-back{
display:none;
}
.show-text-mobile,.hide-text-mobile{
display:none;
}
iframe.inner-video-mobile,.seif-video iframe{
width:574px;
height:325px;
}
.content-images-mobile{
display:none;
}
@media only screen and (max-device-width: 980px) and (orientation : landscape) {
.banner-ph-ins {
top:0;
position:absolute !important;
}
}
.super_otziv_box {
height: 468px;
width: 534px;
border: 3px solid #abc0e2;
border-radius: 10px;
padding: 22px 15px 22px 21px;
margin-bottom: 35px;
}
.super_otziv_box iframe {
margin-bottom: 4px;
width:525px;
height:295px;
}
.super_otziv_box .content-images a img {
width:252px;
height:152px;
margin-right: 18px;
}
.super_otziv_box .content-images a:nth-child(2) img {
margin-right:0px;
}
.super_otziv_box .content-images a:nth-child(1) img {
margin-left: -8px;
}
.super_otziv_box .content-images a:hover {
opacity:0.7;
}
.stre {
position: relative;
left: 238px;
top: 17px;
}
.mob_li {
display:none;
list-style-type:none;
}
.mob_li li {
float: left;
width: 20px;
height: 20px;
display: block;
background: #336699 !important;
color: red;
padding-left: 0px !important;
margin-right: 10px;
border-radius: 60px;
}
.mob_li li.myli {
background: none !important;
width: 18px;
border: 2px solid #abc0e2;
height: 18px;
}
.her_name {
width: 80px;
display: block;
font-size: 16px;
font-weight: bold;
margin: auto;
margin-bottom: 17px;
}
.m_video {
background: url(../../sources/images/main-otzyvybig.png) no-repeat 2px 0;
width: 841px;
height: 370px;
padding: 20px 27px;
text-align: left;
}
.m_video iframe.inner-video-mobile{
width: 608px;
height: 342px;
}
.m_video .gallery {
background: none !important;
display:block;
height: 161px;
width:211px;
padding: 0 !important;
}
.m_video .content-images a img {
width: 100%;
}
.m_video .content-images {
margin-top: 15px;
text-align: center;
float: right;
}
.m_video .gallery:first-child {
margin-top: -15px;
margin-bottom: 23px;
}
.vid_vid {
width: 100%;
margin-top: 11px;
margin-bottom: 21px;
}
.m_video .content-images a:hover {
opacity: 0.7;
}
.double_box {
background:none !important;
height:auto;
padding:0 !important;
}
.screen-hidden{
display:none;
}
.adv_box {
height: 263px;
width: 485px;
background: linear-gradient(to top, #6e78b3, #336699);
padding-left:35px;
padding-top:20px;
padding-bottom:30px;
padding-right:55px;
margin-bottom:35px;
margin-top:32px;
}
.adv_elem {
max-width:208px;
float:left;
margin-right:69px;
margin-bottom:17px;
}
.adv_elem img {
float:left;
margin-top: 10px;
}
.adv_elem .titlespan {
color: #fff;
font-size: 18.6px;
font-weight: bold;
display: block;
margin-top: 10px;
margin-left: 42px;
padding-bottom: 8px;
padding-top: 7px;
}
.adv_elem p {
font-size: 15px;
color: #fff;
}
.adv_box .adv_elem:nth-child(2n) {
margin-right:0px;
}
.adv_elem .mobimg {
display:none;
}
.cart_box {
background: url(../../sources/images/cenifon.png) no-repeat center center;
width:525px;
height: 588px;
padding-left:25px;
padding-right:25px;
padding-bottom:35px;
margin-top: 41px;
margin-bottom: 30px;
}
.cart_box .cart_title {
padding-top: 322px;
font-size: 17px;
font-weight: bold;
margin: auto;
color: #fff;
margin-bottom: 13px;
margin-left: 11px;
line-height: 21px;
}
.cart_box .cart_ul ul{
margin-left: 11px;
}
.cart_box .cart_ul ul li {
float:left;
width:186px;
background:none;
margin-left:0px;
font-size:13px;
color: #fff;
padding-left: 0px;
margin-bottom: 4px;
}
.cart_box .cart_ul ul li:nth-child(3n-1) {
width:162px;
}
.cart_box .cart_ul ul li:nth-child(3n) {
width:118px;
}
.cart_box a {
display:none;
}
.marki-rad a img {
height: 30px;
width:auto;
margin-right: 0px;
}
.marki-rad a:nth-child(1) {
margin-right:17px;
}
.marki-rad a:nth-child(2) {
margin-right:10px;
}
.marki-rad a:nth-child(3) {
margin-right:17px;
}
.change-phone-inner-right span{
display:none;
}
.rab_elem {
border: 3px solid #abc0e2;
border-radius: 10px;
width:570px;
height: 265px;
}
.multipic{
width: 575px;
height: 269px;
padding: 0 22px 22px 22px;
border-radius: 5px;
border: 3px solid #abc0e2;
}
.multipic .element .content-images a {
overflow: hidden;
}
.multipic .element .content-images a:first-child{
display:block;
width:252px;
height: 142px;
margin-bottom: 10px;
}
.multipic .element .content-images a:nth-child(2){
margin-right: 10px;
}
.multipic .element .content-images a:nth-child(2), .multipic .element .content-images a:nth-child(3){
display:block;
width:121px;
height: 71px;
float: left;
}
.multipic .element .content-images a img {
width:100%;
}
.multipic button {
display: inline-block;
background: none;
outline: none;
border: none;
}
.multipic .slick-prev {
background: url(../../sources/images/mobile-version/arrow-prev-inner-mobile.png) no-repeat 0px 0;
display: inline-block;
width: 25px;
height: 38px;
left: -50px;
top: 112px;
position: relative;
}
.multipic .slick-next {
background: url(../../sources/images/mobile-version/arrow-next-inner-mobile.png) no-repeat 0px 0;
width: 25px;
height: 38px;
right: -557px;
top: -137px;
position: relative;
}
.multipic .slick-next:hover,
.multipic .slick-prev:hover{
background-position: 0 -38px;
cursor: pointer;
}
.multipic .slick-next,
.multipic .slick-prev{
border: none;
color: transparent;
}
.multipic .slick-list {
margin-top: -31px;
}
.multipic .text_pole {
width: 252px;
float: right;
margin-top: -150px;
font-size: 14px;
line-height: 16px;
}
.multipic .text_pole span {
display: block;
font-size: 22px;
margin-bottom: 8px;
}
.multipic .element {
outline: none;
}
.multipic .element .mobsh {
display: none;
}
.hide-cities-mobile{
margin:16px 0 34px 0;
}
.show-cities {
font-size: 22.4px;
color: rgb(255, 255, 255);
line-height: 1.2;
border-bottom:1px dashed white;
display:inline-block;
cursor:pointer;
padding-bottom:3px;
}
.show-cities:hover{
color:#1d5b89;
border-bottom:1px dashed #1d5b89;
}
@media screen and (min-width: 959px) {
.main-top-item-block {
display: flex;
}
.main-top-item-block {
min-height: 400px;
}
}
.cities-mobile.mobile-visible{
display:block;
}
.cities-mobile {
display: none;
}