body, html{
min-height: 100%;
}
body{
color: #3c3c3c;
background-color: #ffffff;  font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 300;
margin:0;
}
ul.lang li.mmm{
display: none;
}
h1 {
text-align: center;
text-transform: uppercase;
font-size: 24px;
font-weight: 600;
margin: 30px 0 10px 0;
color: #062d9e;
}
.wrp{
display: block;
position: relative;
width: 100%;
margin:0;
padding:0;
box-sizing: border-box;
clear: both;
}
.cont h3{
margin-left: 20px;
margin-right: 20px;
}
.up {
text-align: center; overflow: hidden;
}
.upmenu1{
display: none;
}
.up ul.upmenu{
display: block;
padding:0;
list-style: none;
position: absolute;
top:30px;
left:0;
z-index: 5;
width: 100%;
margin:0;
}
.up ul.upmenu li{
display: inline-block;
margin:0 5px;
padding:0;
}
.up ul.upmenu li a{
display: block;
position: relative;
color: #ffffff;
text-decoration: none;
font-size: 15px;
font-weight: 700;
transition: all .3s ease-in-out;
text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
.up ul.upmenu li a:hover::after {
content: '';
position: absolute;
width: 100%;
height: 2px;
background: #eaeaea;
bottom: -5px;
left: 0;
}
.up ul.upmenu li a:hover, .up ul.upmenu li.active a { color: #eaeaea;
}
.up ul.upmenu li.active a::after {
content: '';
position: absolute;
width: 100%;
height: 2px;
background: #eaeaea;
bottom: -5px;
left: 0;
}
ul.upslider{
display: block;
position: relative;
margin:0;
padding:0;
list-style: none;
width: 100%;
height: 450px;
overflow: hidden;
}
ul.upslider li{
display: block;
position: relative;
margin:0;
padding:0;
width: 100%;
height: 450px;
}
ul.upslider li span{
z-index: 5;
display: block;
position: absolute;
width: 250px;
font-size: 21px;
color: #ffffff;
font-weight: 700;  right: 50px; bottom: 60px;
text-align: right;
text-transform: uppercase;
text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
ul.upslider li img{
min-width: 100%;
min-height: 450px;
}
.snk{
display: block;
position: absolute;
width: 2400px;
height: 450px;
left: 0;
top:0;
background-color:#1038ac;
z-index: 3;
margin-left: -2000px;
opacity: 0.9; 
transform: skew(12deg);
}
.orn{
display: block;
position: absolute;
width: 2400px;
height: 50px;
line-height: 50px;
left: 0;
bottom:0;
background-color:#f46100;
z-index: 3;
margin-left: 442px;
opacity: 1; 
transform: skew(12deg);
}
.devz{
color: #fff;
display: block;
position: absolute;
bottom: 10px;
right: 50px;
font-size: 19px;
text-transform: uppercase;
z-index: 10;
text-shadow: none;
font-weight: 700;
}
.insnk{
display: block;
position: absolute;
top:120px;
left: 50px;
color: #ffffff;
width: 230px;
z-index: 4;
text-align: left;
margin-left: 0;
}
ul.lang{
display: block;
position: absolute;
top:35px;
right: 50px;
margin:0;
padding:0;
list-style: none;
z-index: 5;
}
ul.lang li{
display: inline-block;
margin-left:10px;
margin-bottom:10px;
}
ul.lang li img{
width: 32px;
}
.logoup{
display: block;
position: absolute;
top:30px;
left: 50px;
z-index: 5;
}
.logoup img{
width: 150px;
}
ul.menu2{
display: block;
position: relative;
text-align: center;
margin:0 auto;
padding: 0;
width: 1200px;
}
ul.menu2 li{
display: block;
float: left;
width: 300px;
margin:0;
background-color: #ffffff;
}
ul.menu2 li:nth-child(1), ul.menu2 li:nth-child(5){
width: 302px;
margin-left: -2px;
}
ul.menu2 li:nth-child(4), ul.menu2 li:nth-child(8){
width: 302px;
margin-right: -2px;
}
ul.menu2 li a{
text-decoration: none;
display: block;
color: #ffffff;
text-align: center;
font-weight: 500;
background-color: #1038ac;
margin:2px;
padding: 0 5px; height: 50px;
line-height: 50px; }
ul.menu2 li a:hover{
color: #f46100;
text-decoration: underline;
}
ul.menu2 li.active a{
color: #f46100;
}
.wrpkras{
display: block;
position: relative;
width: 100%;
background: url(https://pl.holodplus.by/images/bg.png) no-repeat;
background-size: cover;
padding: 30px 0;
clear: both;
}
.wrpkras ul{
display: block;
position: relative;
width: 900px;
margin:0 auto;
padding: 0;
list-style: none;
clear: both;
}
.wrpkras ul li{
display: block;
position: relative;
width: 340px;
min-height: 100px;
margin:10px;
padding: 0;
float: left;
background-color: #ffffff;
padding: 20px 20px 20px 70px;
}
.wrpkras ul li:after{
content:'✔';
display: block;
position: absolute;
top: 20px;
left: 20px;
color: #000;
font-size: 33px;
}
.wrp2{
width: 1200px;
position: relative;
clear: both;
margin:0 auto;
}
.wrp2 div{
width: 560px;
position: relative;
padding: 20px;
float: left;
}
.up2{ margin:1px 0; }
.clb{
clear: both;
}
.up3{
display: block;
position: relative;
width: 1200px;
margin:0 auto;
}
ul.newsslider{
display: block;
position: relative;
width: 1200px;
height: 350px;
overflow: hidden;
margin:0;
padding:0;
list-style: none;
}
ul.newsslider li{
display: block;
position: relative;
width: 1200px;
height: 350px;
}
ul.newsslider li img{
display: block;
position: relative;
width: 1200px;
height: 350px;
}
h2{
text-align: center;
text-transform: uppercase;
font-size: 21px;
font-weight: 600;
margin:30px 0;
color: #062d9e;
}
.napr{
width: 1200px;
margin:0 auto;
}
#navnapr{
display: table;
position: relative;
width: 1200px;
margin:0 0 20px 0;
padding:0;
border-bottom: 1px solid #8e8e8e;
}
#navnapr li{
display: table-cell;
height: 60px;
position: relative;
vertical-align: middle;
margin:0;
padding:0 20px;
color: #8e8e8e; cursor: pointer;
border-bottom: 5px solid #ffffff;
}
#navnapr li.active{
color: #062d9e;
border-bottom: 5px solid #062d9e;
}
#navnapr li:hover{
color: #062d9e;
}
ul.naprslider{
display: block;
position: relative;
margin:0;
padding:0;
list-style: none;
width: 1200px;
height: 400px;
overflow: hidden;
}
ul.naprslider>li{
display: block;
position: relative;
margin:0;
padding:0;
list-style: none;
width: 1160px;
height: 400px;
padding-right: 40px;
}
ul.naprslider>li p{
margin:0 0 10px 0;
}
ul.naprslider>li ul{
margin:0 0 0 30px;
padding:0 0 0 20px;
}
ul.naprslider>li img{
display: block;
float: left;
margin-right: 30px;
height: 400px;
width: auto;
}
#lf{
display: block;
position: absolute;
top: 50%;
left:10px;
cursor: pointer;
margin-top:30px;
}
#lf img{
width: 75px;
}
#lf1{
display: block;
position: absolute;
top: 50%;
left:10px;
cursor: pointer;
margin-top:-10px;
}
#lf1 img{
width: 39px;
}
#rg{
display: block;
position: absolute;
top: 50%;
right:10px;
cursor: pointer;
margin-top:30px;
}
#rg img{
width: 75px;
}
#rg1{
display: block;
position: absolute;
top: 50%;
right:10px;
cursor: pointer;
margin-top:-10px;
}
#rg1 img{
width: 39px;
}
a.butt{
display: inline-block;
position: relative;
background-color: #f46100;
color: #ffffff;
padding: 10px 20px;
text-decoration: none;
}
.dost{
width: 1200px;
margin:60px auto;
}
.dost ul{
display: table;
width: 1200px;
list-style: none;
padding: 0;
margin:0;
}
.obk4 ul li a span.nzz>b {
font-weight: 700;
margin: 0; vertical-align: bottom;
}
.dost ul li{
display: table-cell;
width: 30%;
vertical-align: middle;
font-size: 18px;
text-align: center;
padding: 0 30px;
}
.dost ul li strong{
display: block;
font-weight: 700;
font-size: 45px;
color: #062d9e;
}
.preim{
width: 1200px;
margin:0 auto;
}
.preim ul{
display: block;
position: relative;
margin:0;
padding:0;
list-style: none;
}
.preim ul li{
display: block;
position: relative;
margin:0;
padding:0;
float: left;
width: 530px;
height: 100px;
padding-left: 70px;
}
.preim ul li img{
display: block;
float: left;
margin-left: -70px;
}
.obk{
width: 1200px;
margin:0 auto;
}
.obk ul{
display: block;
position: relative;
margin:0;
padding:0;
list-style: none;
}
.obk ul li{
display: block;
position: relative;
width: 300px;
float: left;
text-align: center;
}
.obk ul li a{
text-decoration: none;
}
.obk ul li img{
width: 280px;
}
.obk p{
text-align: center;
}
.otzyvy{
width: 1200px;
margin:0 auto;
}
.otzyvy ul{
width: 1200px;
margin:0;
padding:0;
list-style: none;
width: 240px;
height: 330px;
overflow: hidden;
}
.otzyvy ul li{
width: 240px;
display: block;
float: left;
}
.otzyvy ul li img{
width: 240px;
height: 330px;
}
.otzyvy p{
text-align: center;
}
.partners{
width: 1200px;
margin:0 auto;
text-align: center;
}
.partners img{
height: 60px;
width: auto;
display: inline-block;
margin:10px;
}
.cll img {
max-height: 60px;
max-width: 200px;
width: auto;
display: inline-block;
margin: 10px;
}
.ft{
margin:60px 0 0 0;
background-color: #f8f8f8;
border-top: 4px solid #f96503;
padding:30px 0 0 0;
}
.wft{
width: 1200px;
margin:0 auto;
}
.dlogo{
display: block;
float: left;
margin-right: 30px;
}
.dlogo img{
width: 160px;
}
.ft ul{
display: block;
float: right;
margin-left: 20px;
max-width: 270px;
list-style: none;
}
.ft ul li{
margin-bottom: 3px;
margin-left: 5px;
}
.ft ul li span{
text-transform: uppercase;
font-weight: 600;
}
.ft ul li:first-child{
margin-bottom: 5px;
}
.ft ul li a{
text-decoration: none;
color: #000000;
}
.ft ul li a:hover{
text-decoration: underline;
}
a.blue{
background-color: #062d9e;
}
.news{
width: 1200px;
margin:0 auto;
}
ul.navig{
display: block;
position: relative;
float: left;
margin:0 30px 0 0;
padding: 0;
list-style: none;
width: 270px;
}
ul.navig li{
display: block;
position: relative;
background-color: #e9f2f8;
margin:0 0 10px 0;
border-left: 6px solid #e9f2f8;
}
ul.navig li.active{
border-left: 6px solid #f46100;
}
ul.navig li.active a{
color: #062d9e;
}
ul.navig li a{
height: 48px;
line-height: 48px;
padding: 0 20px;
display: block;
text-decoration: none;
color: #000;
}
ul.navig li:hover a{
text-decoration: none;
color: #062d9e;
} .wrnews{
display: block;
position: relative;
width: 900px;
float: right;
}
.wrnews>div{
display: block;
position: relative;
width: 900px;
height: 250px;
}
.wrnews>div.bigcont{
height: auto;
}
.wrnews>div h2{
display: block;
text-align: left;
text-transform: none;
font-weight: 600;
font-size: 16px;
margin: 0 0 10px 0px;
}
.wrnews>div img{
display: block;
position: relative;
float: left;
height: auto;
width: 180px;
}
.wrnews>div p{
display: block;
margin:0 0 10px 200px;
}
.wrnews .butt{
display: block;
width: 120px;
float: right;  }
span.date{
color: #062d9e;
}
.doc{
width: 1200px;
margin:0 auto;
}
.cont{
width: 1200px;
margin:0 auto;
}
.wp-caption{
text-align: center;
} 
.alignleft{
display: block;
float: left;
margin-right: 20px;
}
.doc ul {
display: block;
position: relative;
margin: 20px 0;
padding: 0;
list-style: none;
}
.doc ul li{
display: block;
position: relative;
margin:0 0 30px 0;
}
.doc ul li.active strong{
background-color: #f46100;
}
.doc ul li.active strong span{
display: none;
}
.doc ul li.active {
margin:0 0 0 0;
}
.doc ul li.active a{
display: block;
width: 240px;
margin:10px 0;
float: left;
}
.doc ul li.active a img{
display: block;
width: 220px;
height: auto;
margin:0 auto;
}
#scmapp{
width: 500px;
}
.doc ul li strong{
display: block;
position: relative;
background-color: #062d9e;
padding: 0 20px;
text-transform: uppercase;
color: #ffffff;
font-size:21px;
font-weight: 500;
cursor: pointer;
height: 70px;
line-height: 70px;
}
.doc ul li strong span{
display: block;
position: relative;
width: 150px;
float: right;
background-color: #f46100;
padding:0 10px ;
margin:15px 0;
text-transform: none;
font-weight: 400;
font-size:14px;
height: 39px;
line-height: 39px;
}
.doc ul li a{
display: none;
}
.wrpconnn{
width: 1200px;
display: block;
position: relative;
margin:20px auto;
clear: both;
}
.wrpconnn h2{
text-align: left;
}
.wrpconnn>div{
display: block;
position: relative;
float: left;
}
.wrpconnn .cn1{
width: 600px;
}
.wrpconnn .cn2{
width: 600px;
}
#scmapp {
width: 600px;
}
.wrpconnn div ul{
display: block;
position: relative;
margin:0 20px 0 0;
padding:0;
list-style: none;
}
.wrpconnn div ul li{
display: block;
position: relative;
margin:0 0 25px 0;
}
.wrpconnn div ul li span:first-child{
display: inline-block;
font-weight: 600;
margin-right: 20px;
min-width: 150px;
width: 150px;
vertical-align: top;
}
.wrpconnn div ul li span:last-child{
display: inline-block;
vertical-align: top;
}
.wrpconnn>div h2{
margin-top: 0;
}
.napr1{
width: 1200px;
margin:0 auto;
}
.napr1 ul{
display: block;
position: relative;
margin:0;
padding:0;
list-style: none;
}
.napr1 ul li{
display: block;
position: relative;
width: 300px;
height: 200px;
overflow: hidden;
float: left;
}
.napr1 ul li:hover p a{
margin-top:10px;
display: inline-block;
}
.napr1 ul li p{
display: flex;
position: absolute;
top: 0;
left: 10px;
flex-direction: column;
align-items: center;
justify-content: center;
width: 180px;
height: 186px;
background: rgba(3, 68, 136, 0.46);
padding: 0 50px;
margin:0;
text-align: center;
}
.napr1 ul li p span{
color: #ffffff;
font-weight: 600;
}
.napr1 a{
display: none;
}
.napr1 ul li img{
display: block;
margin:0 auto;
width: 280px;
min-height: 186px;
}
.mat>div p{
display: block;
margin: 0 0 10px 0;
}
.wrpform{
display: block;
position: relative;
width: 100%;
width: 600px;
clear: both;
padding:20px 0;
}
.wrpform label{
display: block;
position: relative;
margin:0 0 10px 0;
}
.wrpform label.cname {
display: inline-block;
margin: 0 15px 10px 0;  vertical-align: top;
}
.wrpform label.ctexta{
display:block;
float: left;
margin: 0 18px 10px 0;
}
.wrpform label>span{
display: block;
position: relative;
}
.wrpform button[type="submit"], input[type="submit"], input[type="reset"] {
color: #ffffff;
border-radius: 3px;
background-color: #f46100;
padding: 11px 35px; display: block;
float: left;
border: none;
outline: none;
cursor: pointer;
}
input[type="reset"] {
color: #ffffff;
border-radius: 3px;
background-color: #f46100;
padding: 11px 35px; display: block;
float: right;
margin-right: 30px;
}
.sendo{
display: block;
position: relative;
clear: both;
margin-bottom: 66px;
}
.codedropz-upload-handler {
border: 1px dashed #c5c5c5!important;
border-radius: 5px!important;
margin-bottom: 10px!important;
width: 270px!important;
min-height: 175px!important;
}
.codedropz-upload-inner h3 {
margin: 5px 0;
font-weight: 400;
}
.wrpform input, .wrpform textarea, .wrpform select {
border: 1px solid #f46100;
border-radius: 3px;
padding: 10px;
}
.wrpform input {
width: 110px;
}
.wrpform textarea {
min-height: 90px;
width: 260px;
}
.wrpform #filee {
min-height: 90px;
width: 260px;
border: 1px solid #f46100;
border-radius: 3px;
padding: 10px;
}
.contact{
width: 1200px;
margin:0 auto;
}
ul.navigo {
display: block;
position: relative;
float: left;
margin: 0 30px 0 0;
padding: 0;
list-style: none;
width: 270px;
}
ul.navigo > li.current > span, ul.navigo > li.current > a{
border-left: 6px solid #f46100;
}
ul.navigo > li {
display: block;
position: relative;
background-color: #e9f2f8;
margin: 0 0 10px 0;
border-left: 6px solid #e9f2f8;
}
ul.navigo > li.active a {
color: #062d9e;
}
ul.navigo > li > a {  padding: 20px 20px;
display: block;
text-decoration: none;
color: #000;
margin-left: -6px;
font-weight: 700;
}
ul.navigo > li > span {
padding: 20px 20px;
display: block;
position: relative;
text-decoration: none;
color: #000;
cursor: pointer;
margin-left: -6px;
font-weight: 700;
}
ul.navigo > li > ul {
display: none;
}
ul.navigo > li > span:after {
content: '+';
display: block;
position: absolute;
top:50%;
margin-top:-8px;
right: 10px;
width: 16px;
height: 16px;
text-align: 16px;
line-height: 16px; text-align: center;
font-weight: 700;
color: #f46100;
font-size: 21px;
}
ul.navigo > li.active > span:after {
content: '-';
display: block;
position: absolute;
top:50%;
margin-top:-8px;
right: 10px;
width: 16px;
height: 16px;
text-align: 16px;
line-height: 16px; text-align: center;
font-weight: 700;
color: #f46100;
font-size: 21px;
}
ul.navigo > li.active > ul {
display: block;
margin:0;
padding:0 0 1px 0;
list-style: none;
}
ul.navigo > li.active > ul >li{
display: block;
position: relative; margin: 0 0 10px 0;
border-left: 6px solid #e9f2f8;
padding: 0 20px;
}
.wbbp{
display: block;
width: 100%;
position: relative;
min-height: 150px;
}
.wbbp>img{
display: block;
width: 100%;
position: relative;
}
.wbbp>div{
display: block;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 21px;
font-weight: 600;
text-align: center;
background-color: rgba(0,0,0,0.6);
color: #f46100;
text-transform: uppercase;
padding: 20px 0;
}
ul.prmm{
display: block;
width: 900px;
margin:20px 0;
padding: 0;
list-style: none;
clear: both;
}
ul.prmm li{
display: block;
width: 450px;
margin:0 0 20px 0;
height: 52px;
float: left;
line-height: 50px;
}
ul.prmm li img{
vertical-align: middle;
margin-right: 20px;
}
ul.navigo > li.active > ul >li>span{
display: block;
cursor: pointer;
position: relative;
font-weight: 600;
}
.mat>div img {
display: block;
position: relative;
float: auto;
height: auto;
width: auto;
max-width: 900px;
}
.mat>div {
height: auto;
}
.aligncenter{
display: block;
position: relative;
margin:10px auto;
}
ul.navigo > li.active > ul >li>span:after {
content: '+';
display: block;
position: absolute;
top:50%;
margin-top:-8px;
right: -10px;
width: 16px;
height: 16px;
text-align: 16px;
line-height: 16px; text-align: center;
font-weight: 700;
color: #f46100;
font-size: 21px;
}
ul.navigo > li.active > ul >li.active>span:after {
content: '-';
display: block;
position: absolute;
top:50%;
margin-top:-8px;
right: -10px;
width: 16px;
height: 16px;
text-align: 16px;
line-height: 16px; text-align: center;
font-weight: 700;
font-size: 21px;
color: #f46100;
}
ul.navigo > li > ul > li > a {  padding: 0 0;
display: block;
text-decoration: none;
color: #000;
}
ul.navigo > li.active > ul >li> ul > li>a {
text-decoration: none;
}
ul.navigo > li.active > ul >li> ul{
display: none;
}
ul.navigo > li.active > ul >li> ul > li{
display: block;
position: relative; margin: 0 0 10px 0;
border-left: 6px solid #e9f2f8;
padding: 0 0;
}
ul.navigo > li.active > ul >li.active > ul{
display: block;
position: relative;
margin:0;
padding:0 0 1px 0;
list-style: none;
}
ul.navigo > li.active > ul >li.active > ul>li{
margin:10px 0;
}
ul.navigo > li.active > ul >li > ul>li.current> a{
display: block;
border-left: 6px solid #f46100;
padding-left: 10px;
margin-left: 0;
}
ul.navigo > li.active > ul >li.current > span{
display: block;
border-left: 6px solid #f46100;
padding-left: 10px;
margin-left: 6px;
}
.breadcrumbs {
height: auto;
margin-bottom: 20px;
text-align: center;
}
.breadcrumbs span{
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
color: #062d9e;
}
.breadcrumbs a{
text-decoration: none;
color: #062d9e;
}
.inp{
height: 100px;
}
.inp ul.upmenu li a{
color: #000;
text-shadow: none;
}
.inp ul.upmenu li a:hover{
color: #f46100;
}
.inp ul.upmenu li.active a{
color: #f46100;
}
.inp ul.upmenu li.active a::after {
background: #f46100;
}
.inp ul.upmenu li a:hover::after {
background: #f46100;
}
ul.lang li img {
width: 32px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.logoup span{
display: block;
float: right;
text-align: left;
margin-left: 40px;
margin-top:6px;
font-size: 14px;
font-weight: 700; }
.inp ul.upmenu {
display: block;
padding: 0;
list-style: none;
position: absolute;
top: 39px;
left: auto;
right: 268px;
z-index: 5;
width: auto;
margin: 0;
}
.wupmenu3{
display: none;
}
.obk2{
width: 1200px;
margin:20px auto 0;
padding-top: 1px;
}
.obk2 ul{
display: block;
position: relative;
margin:0;
padding:0;
list-style: none;
}
.obk2 ul li{
display: block;
position: relative;
width: 300px;
float: left;
text-align: center;
margin-bottom: 20px;
}
.content2{ }
.content{
width: 1200px;
margin:0 auto;
}
.wrlgt{
display: block;
position: relative;
width: 1200px;
max-height: 500px;
overflow: hidden;
}
.wrlgt img{
max-width: 1200px;
width: 1200px;
height: auto;
}
.wgal{
display: block;
width: 1200px;
position: relative;
}
.wrnews .wgal{
display: block;
width: 900px;
position: relative;
}
.wgal>a{
width: 300px;
float: left;
margin-bottom:20px;
}
.wgal>a>img{
width: 280px;
margin:0 auto;
}
.wrlgt>div{
display: block;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.7);
padding: 20px;
}
.wrlgt>div span{
color: #fff;
display: block;
margin-bottom: 10px;
}
span.nm{
font-weight: 600;
}
.obk2 ul li a{
text-decoration: none;
display: block;
position: relative; width: 280px;
height: 280px;
margin:0 auto;
background-color: #ffffff;
}
.obk2 ul li a:after{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(16, 56, 172,0.5);
}
.obk2 ul li a span{
display: block;
position: relative;
min-height: 57px;
padding: 10px 20px;
}
.obk2 ul li a span.nzz {
display: table;
position: absolute;
min-height: auto;
padding: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
font-weight: 600;
color: #ffffff;
z-index: 2;
text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
.obk2 ul li a span.nzz>b {
font-weight: 700;
margin: 0;
display: table-cell;
vertical-align: middle;
}
.obk2 ul li a span.nzz>b>b{
display: inline-block; padding: 10px;
margin:0 20px;
}
.obk2 ul li a:hover span.nzz>b>b:after {
display: block;
content: 'Подробнее ›';
color: #ffffff;
background-color: #f96503;
margin:5px auto;
font-size: 14px;
font-weight: 300;
background-color: #f46100;
color: #ffffff;
padding: 10px 20px;
text-decoration: none;
text-shadow: none;
width: 100px;
}
.obk3{
width: 900px;
}
.obk2 ul li img{
width: 280px;
}
.obk5 ul li a {
text-decoration: none;
display: block;
position: relative; width: 280px;
height: auto;
margin: 0 auto;
background-color: #ffffff;
}
.obk5 ul li a:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.obk5 ul li img {
width: 250px;
border: 15px solid rgba(16, 56, 172,0.5);
border-bottom: none;
display: block;
}
.obk5 ul li a span {
display: block;
position: relative;
min-height: 57px;
padding: 10px 20px;
border: 15px solid rgba(16, 56, 172,0.5);
border-top: none;
}
div.wpcf7-mail-sent-ok {
border: 1px solid #398f14;
display: block;
position: relative;
clear: both;
margin: 10px 0!important;
padding: 20px!important;
border-radius: 3px;
} @media screen and (max-device-width: 960px) {
body{
font-size: 16px;
}
.up ul.upmenu{
display: none;
}
.up2{
display: none;
}
.up ul.lang {
display: block;
position: relative;
float: right;
width: auto;
top: auto;
right: auto;
padding: 20px 0 10px 0;
}
.up .logoup {
display: block;
position: relative;
top: auto;
left: auto;
z-index: 5;
float: left;
padding: 20px 0 10px 20px;
}
.logoup img {
width: 120px;
}
ul.lang li img {
width: 24px;
vertical-align: middle;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
ul.lang li {
display: inline-block;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 4px;
}
.snk {
display: none;
}
.orn {
display: none;
position: absolute;
}
.insnk {
display: block;
position: relative;
top: auto;
left: auto;
color: #000;
width: auto;
z-index: 4;
text-align: left;
margin-left: 0;
padding: 20px;
}
.devz {
color: #000;
display: block;
position: relative;
bottom: auto;
right: auto;
font-size: 19px;
text-transform: uppercase;
z-index: 10;
text-shadow: none;
font-weight: 700;
padding: 20px 20px 0 20px;
text-align: left;
}
ul.upslider li img {
min-width: 100%;
min-height: auto;
}
ul.upslider li {
display: block;
position: relative;
margin: 0;
padding: 0;
width: 100%;
height: auto;
}
ul.upslider li span {
z-index: 5;
display: block;
position: absolute;
width: 250px;
font-size: 21px;
color: #ffffff;
font-weight: 700; right: 20px; bottom: 20px;
text-align: right;
text-transform: uppercase;
text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
.upmenu1 {
display: block;
position: relative;
margin: 0;
padding: 0 0 10px 0;
width: 100%;
list-style: none;
text-align: left;
float: left;
}
.upmenu1 li {
display: inline-block;
margin: 0 10px 0 0;
}
.upmenu1 li:first-child {
display: inline-block;
margin: 0 10px 0 20px;
}
.upmenu1 li a{
display: block;
color: #000;
font-size: 14px;
text-decoration: none;
font-weight: 400;
}
.mzn img{
width: 21px;
}
.upmenu1 li.mzn {
display: block;
float: right;
padding: 4px 20px 0 0;
margin: 0;
}
.lang li.mmm {
margin-left: 35px;
margin: 4px 20px 0 25px;
}
.lang li.mmm img{
width: 25px;
box-shadow: none;
}
ul.seeyou {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 20px 0 30px 0;
overflow-y: scroll;
height: 100%;
clear: both;
list-style: none;
float: none;
margin: 0;
background-color: #fff;
z-index: 100;
}
ul.seeyou>li {
display: block;
margin-left: 20px;
margin-bottom: 15px;
text-align: left;
font-weight: 500;
}
ul.seeyou>li>a{
text-decoration: none;
}
ul.seeyou>li.active>a{
color: #f46100;
}
.close{
display: block;
position: absolute;
top:20px;
right: 20px;
}
.close img{
width: 18px;
}
ul.newsslider li img {
display: block;
position: relative;
width: 100%;
height: auto;
}
ul.newsslider li {
display: block;
position: relative;
width: 100%;
height: auto;
}
ul.newsslider {
width: 100%;
}
.up3 {
display: block;
position: relative;
width: 100%;
margin: 0 auto;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 10px!important;
width: 100%;
}
.napr {
width: 100%;
margin: 0 auto;
}
#navnapr {
display: block;
position: relative;
width: 100%;
margin: 0 0 20px 0;
padding: 0;
border-bottom: none;
}
#navnapr li {
display: block;
height: auto;
position: relative;
vertical-align: middle;
margin: 0 0 10px 0;
padding: 0 20px;
color: #8e8e8e;
cursor: pointer;
border-bottom: none;
font-size: 16px;
font-weight: 600;
}
#navnapr li.active {
color: #062d9e;
border-bottom: none; 
}
ul.naprslider>li img {
}
ul.naprslider>li {
display: block;
position: relative;
margin: 0;
padding: 0;
list-style: none;
width: auto;
height: auto;
padding-right: 0;
}
ul.naprslider {
display: block;
position: relative;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
height: auto; 
overflow: visible;
}
ul.naprslider>li p {
display: none;
}
ul.naprslider>li>ul  {
display: none;
}
#lf {
display: block;
position: absolute;
top: auto;
bottom: 20px;
left: 10px;
cursor: pointer;
margin-top: 30px;
}
#rg {
display: block;
position: absolute;
top: auto;
right: 10px;
bottom: 20px;
cursor: pointer;
margin-top: 30px;
}
.dost{
width: 100%;
margin:0 auto;
}
.dost ul {
display: block;
width: 100%;
list-style: none;
padding: 0;
margin: 0;
}
.dost ul li {
display: block;
width: auto;
vertical-align: middle;
font-size: 16px;
text-align: center;
padding: 0 30px 20px;
}
.dost ul li strong {
display: block;
font-weight: 700;
font-size: 33px;
color: #062d9e;
}
.preim{
width: 100%;
}
.preim ul li {
display: block;
position: relative;
margin: 0;
float: none;
width: auto;
height: auto;
padding: 0 30px 20px 100px;
}
.obk{
width: 100%;
}
.obk ul li {
display: block;
position: relative; float: none;
text-align: center;
margin: 0 auto 20px;
}
.obk ul li a {
text-decoration: none;
display: block;
padding: 0 0;
}
.obk ul li img {
width: 100%;
display: block;
}
.otzyvy{
width: 100%;
}
.otzyvy ul {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
height: auto;
}
.otzyvy ul li img {
width: 100%;
height: auto;
margin:0 auto;
}
.partners{
width: 100%;
}
.news{
width: 100%;
}
ul.navig {
display: block;
position: relative;
float: none;
margin: 20px 20px 0 20px;
padding: 0;
list-style: none;
width: auto;
}
.wrnews {
display: block;
position: relative;
width: 100%;
float: none;
}
.wrnews>div {
display: block;
position: relative;
width: auto;
height: auto;
padding: 20px;
}
.wrnews>div img {
display: block;
position: relative;
float: none;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.wrnews>div p {
display: block;
margin: 20px 0;
}
.wrnews>div p {
display: block;
margin: 20px 0;
}
.wrnews>div h2 {
display: block;
text-align: left;
text-transform: none;
font-weight: 600;
font-size: 16px;
margin: 0 0 10px 20px;
}
ul.naprslider>li img {
display: block;
float: none;
margin-right: 30px;
height: auto;
width: 100%;
margin: 0 auto;
}
.wrnews .butt {
display: block;
width: 120px;
float: none;
margin: 0 auto;
text-align: center;
}
.doc{
width: 100%;
}
.doc ul li strong {
display: block;
position: relative;
background-color: #062d9e;
padding: 20px;
text-transform: uppercase;
color: #ffffff;
font-size: 16px;
font-weight: 500;
cursor: pointer;
line-height: auto;
line-height: normal;
}
.doc ul li strong span {
display: block;
position: absolute;
width: 150px;
float: none;
background-color: #f46100;
padding: 0 10px;
margin: 0;
text-transform: none;
font-weight: 400;
font-size: 14px;
height: 39px;
line-height: 39px;
top: 50%;
right: 20px;
margin-top: -19px; }
.doc ul li strong {
display: block;
position: relative;
background-color: #062d9e;
padding: 20px;
text-transform: uppercase;
color: #ffffff;
font-size: 16px;
font-weight: 500;
cursor: pointer;
line-height: auto;
line-height: normal;
padding-right: 50%;
}
.doc ul li.active a {
display: block;
width: auto;
margin: 10px 0;
float: none;
padding: 0 20px;
}
.doc ul li.active a img {
display: block;
width: 100%;
height: auto;
margin: 0 auto; max-width: 300px;
}
.napr1{
width: 100%;
}
.napr1 ul li {
display: block;
position: relative;
width: 300px;
height: 200px;
overflow: hidden;
float: none;
margin: 10px auto;
}
.napr1 a {
display: block;
margin: 10px 0 0 0;
}
.ft, .wft{
width: 100%;
}
.wft ul{
display: none;
}
.dlogo{
margin: 0 auto 20px;
float: none;
}
.dlogo {
text-align: center;
}
.wft ul.kont{
display: block;
float: none;
margin-left: 0;
max-width: 100%;
list-style: none;
text-align: center;
padding: 0;
}
ul.lang li.mmm{
display: inline-block;
}
.logoup span {
display: none;
}
.inp {
height: auto;
}
.ft {
margin: 20px 0 0 0;
background-color: #f8f8f8;
padding: 20px 0 0 0;
}
h1 {
text-align: center;
text-transform: uppercase;
font-size: 24px;
font-weight: 600;
margin: 0 0 0 0;
color: #062d9e;
padding: 0 20px;
}
ul.navigo {
display: block;
position: relative;
float: none;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
ul.navigo > li {
display: block;
position: relative;
background-color: #e9f2f8;
margin: 0 20px 10px 20px;
border-left: 6px solid #e9f2f8;
}
ul.navigo > li.active > ul {
display: block;
margin: 0;
padding: 0 0 1px 10px;
list-style: none;
}
ul.navigo > li.active > ul >li.active > ul {
display: block;
position: relative;
margin: 0;
padding: 0 0 1px 10px;
list-style: none;
}
ul.navigo > li.active > ul >li {
display: block;
position: relative; margin: 0 0 10px 0;
border-left: 6px solid #e9f2f8;
padding: 10px 20px;
}
.breadcrumbs span {
font-size: 16px;
text-transform: none; 
font-weight: 400;
color: #062d9e;
}
.breadcrumbs {
height: auto;
margin-bottom: 20px;
text-align: center;
margin: 0 20px 20px 20px;
}
.obk2 {
width: 100%;
margin: 20px auto 0;
padding-top: 1px;
}
.obk2 ul li {
display: block;
position: relative;
width: 300px;
float: none;
text-align: center;
margin-bottom: 20px;
margin: 0 auto 20px;
}
.content{
width: 100%;
}
.content p{
padding: 0 20px;
}
.content ul{
padding: 0 20px 0 30px;
}
.wgal {
display: block;
width: 100%;
position: relative;
}
.wgal>a {
width: 300px;
float: none;
margin: 0 auto 20px;
display: block;
}
.wgal>a img{
width: 300px;
}
.wrlgt {
display: block;
position: relative;
width: 100%;
max-height: 500px;
overflow: hidden;
}
.wrlgt img {
max-width: 1200px;
width: 100%;
height: auto;
}
.wrlgt>div {
display: block;
position: relative;
top: auto;
left: auto;
background-color: rgba(0,0,0,0.7);
padding: 20px;
}
ul.prmm li {
display: block;
width: 100%;
margin: 0 0 20px 0;
height: 52px;
float: none;
line-height: 50px;
}
ul.prmm li img {
display: block;
position: relative;
float: left; 
margin:0 20px 0 0;
}
.wrpconnn {
width: 100%;
display: block;
position: relative;
margin: 20px auto;
clear: both;
padding: 1px 0;
}
.wrpconnn .cn1 {
width: 100%;
}
.wrpconnn .cn2 {
width: 100%;
overflow: hidden;
}
.wrpconnn div ul li span:first-child {
width: 100%;
}
#scmapp{
width: 100%;
}
.wrpconnn div ul {
display: block;
position: relative;
margin: 0 20px 0 20px;
padding: 0;
list-style: none;
}
.wrpconnn h2 {
text-align: left;
padding: 0 20px;
margin: 0 0 20px 0;
}
.wrpconnn .cn2  iframe width: 100%;{
width: 100%;
}
.contact{
width: 100%;
}
.wrpform form{
display: block;
padding: 20px;
}
.wrpform form{
display: block;
position: relative;
padding: 20px;
}
.wrpconnn h3 {
text-align: left;
padding: 0 20px;
margin: 0 0 0 0;
font-size: 18px;
font-weight: 600;
margin: 0 0;
color: #062d9e;
}
.wrpform textarea {
min-height: 90px;
display: block;
width: 255px; }
.wrpkras ul {
display: block;
position: relative;
width: 100%;
margin: 0 auto;
padding: 0!important;
list-style: none;
clear: both;
}
.wrpkras ul li {
display: block;
position: relative;
width: auto;
min-height: 100px;
margin: 10px;
padding: 0;
float: none;
background-color: #ffffff;
padding: 20px 20px 20px 70px;
}
.cont {
width: 100%;
margin: 0 auto;
}
.wrp2 {
width: 100%;
position: relative;
clear: both;
margin: 0 auto;
}
.wrp2 div {
width: auto;
position: relative;
padding: 20px;
float: none;
margin: 20px;
}
img{
max-width: 100%;
height: auto;
}
.cont p{
padding:0 20px;
}
.cont ul{
padding:0 20px 0 40px;
}
.wrnews .wgal{
width: 100%;
}
.alignleft {
width: 300px!important;
margin:10px auto;
float: none;
}
.wrpform{
width: 100%;
}
}