@font-face {
font-family:'OfficinaSansC-Book';
src: url('../../../../assets/template/fonts/OfficinaSansC-Book.otf');
}
@font-face {
font-family:'OfficinaSansC-Bold';
src: url('../../../../assets/template/fonts/OfficinaSansC-Bold.otf');
}
@font-face {
font-family:'OfficinaSansC-BookItalic';
src: url('../../../../assets/template/fonts/OfficinaSansC-BookItalic.otf');
}
@font-face {
font-family:'OfficinaSansC-BoldItalic';
src: url('../../../../assets/template/fonts/OfficinaSansC-BoldItalic.otf');
}
.bold{
font-family:'OfficinaSansC-Bold';
}
.lightgrey{
color:#959595;
}
.orange, a, a:hover{
color:#ef4b24;
}
ul{
list-style:none;
}
.markerul li{
background: url('../../../../assets/template/img/orange_marker.png') left 6px no-repeat;
padding-left: 13px;
}
.markerul li ul li{
background: url('../../../../assets/template/img/orange_marker3.png') left 6px no-repeat;
padding-left: 13px;
}
.markerul li ul li ul li{
background: url('../../../../assets/template/img/orange_marker4.png') left 6px no-repeat;
padding-left: 13px;
}
.xls{
background: url('../../../../assets/template/img/file_xls.png') left 0px no-repeat;
display: inline-block;
padding: 1px 47px;
margin-bottom: 15px;
}
.xlsx{
background: url('../../../../assets/template/img/Excel-2-icon.png') left 0px no-repeat;
display: inline-block;
padding: 7px 70px;
margin-bottom: 15px;
}
.docx{
background: url('../../../../assets/template/img/Word-2-icon.png') left 0px no-repeat;
display: inline-block;
padding: 7px 70px;
margin-bottom: 15px;
}
a.pdf{
background: url('../../../../assets/template/img/file_pdf.png') left 0px no-repeat;
display: inline-block;
padding: 1px 47px;
margin-bottom: 15px;
}
a:hover{
text-decoration:none;
color:#111;
}
i{
font-size: 1.2em;
}
em{
font-family:'OfficinaSansC-BookItalic';
}
table{
border:none;
}
table tr:first-child, table{
border-bottom:1px solid #e1e1e1;
}
table tr td{
border-left: 1px solid #e1e1e1;
vertical-align: middle;
padding: 4px;
font-size: .95em;
}
table tr td:first-child{
border:none;
}
table tr:first-child td{
color: #959595;
vertical-align: top;
text-align:center;
}
table tr:nth-child(2n){
background:#f6f6f6;
}
table p{
margin:0;
}
.item-body.big-table{
padding:0;
}
.big-table td{
font-size: .78em;
}
/*-------------------------TOP-------------------------*/
header{
border-bottom: 15px solid #ef4b23;
}
.logo{
	text-align:center;
}
.logo img{
margin: 31px 2% 0;
max-width: 100%;
}
.slogan{
padding-top: 28px;
padding-left: 4px;
font-size:16px;
}
nav ul{
list-style:none;
padding:0;
}
nav.topmenu ul>li{
float:left;
margin-right: 3.8%;
background:none;
}
nav.topmenu{
margin-top: 4%;
position:relative;
}
nav.topmenu li a{
color:#111;
/*text-decoration:underline;*/
font-family:'OfficinaSansC-Bold';
padding-left: 3px;
}
nav.topmenu li a:hover, nav.topmenu li.active>a, nav.topmenu li.active{
color:#ef4b23;
padding-left: 3px;
}
nav.topmenu ul ul {
position: absolute;
z-index: 200;
background: url('../../../../assets/template/img/concess_map2.png') 16px 10px no-repeat white;
padding: 11px 15px 10px 250px;
box-shadow: 0px 0px 12px #959595;
min-height: 164px;
left: -140px;
}
nav.topmenu ul li ul li {
float: none;
width: auto;
display: block;
margin: 0;
background: url('../../../../assets/template/img/orange_marker.png')no-repeat left center;
padding-left: 10px;
}
.mapmarker {
background: url('../../../../assets/template/img/orange_marker.png')no-repeat center bottom;
position: absolute;
width: 10px;
height: 20px;
}
.mapmarker.over{
background: url('../../../../assets/template/img/orange_marker2.png')no-repeat center center;
}
.top-contacts{
text-align: right;
padding: 29px 9px 10px 7px;
}
.social {
margin-bottom: 9px;
}
.social a{
margin-left: 7px;
}
div.social,
div.phone{
	float:right;
	line-height:30px;
}
li.map a{
text-decoration:none!important;
}
li.map:hover{
background: url('../../../../assets/template/img/orange_marker2.png')no-repeat center left;

}

/*-------------------------LEFT-------------------------*/
.left{
background: url('../../../../assets/template/img/left-bg2.png') bottom no-repeat #ef4b23;
 background-size: 100%;
display: inline-block;
padding-bottom: 85px;
text-align: center;
width: 100%;
margin-left: 2px;
}

.weather{
display: inline-block;
color: #fac9bd;
float: right;
margin: 3.7% 3% 0;
}
.left nav{
margin-top: 24px;
margin-left: 14px;
}
.left li{
float: none;
margin-bottom: 10px;
display: block;
padding: 0px 10px;
}
.left a{
color:white;
}
.left li.active a{
color:#111;
display: inline-block;
padding: 0 13px;
background: white;
border-radius: 4px;
}
.left a:hover{
text-decoration:underline;
}
.left-header{
color: white;
font-size: 2em;
margin-top: 14px;
line-height: 1.2em;
margin-left: 3px;
}
.left .left-header a:hover{
	border-bottom: 1px solid #FFFFFF;
	text-decoration: inherit;
}

.leftfixed{
position:fixed;
top:0px;
width:297px;
}
/*-------------------------NAVIGATION-------------------------*/
.topmenu ul ul{
display:none;
}
.topmenu li:hover>ul{
display:block;
}
.topmenu i{
margin-left: 5px;
font-size: .6em;
vertical-align: 3px;
}
.topmenu li:hover i{
color:#ef4b23;
}
.topmenu li.parent{
font-family:'OfficinaSansC-Bold';
margin-right:3.1%;
}
/*-------------------------CONTENT-------------------------*/
h1, .h1{
font-family: 'OfficinaSansC-Bold';
margin-top: 54px;
/*font-size: 2.35em;*/
font-size: 1.75em;
margin-bottom: 34px;
}
h2{
font-family: 'OfficinaSansC-Bold';
font-size: 1.41em;
margin-top: 25px;
margin-bottom: 26px;
}
.item{
margin-bottom:6px;
}
.item-head{
padding: 4px 13px;
border-radius: 5px;
background: #ebebeb;
margin-bottom: 6px;
}
.item-head:hover{
background:#dcdcdc;
cursor:pointer;
}
.item-body{
display:none;
border:1px solid #ebebeb;
border-radius:0 0 5px 5px;
padding: 17px 20px 10px;
}
.item-active{
margin-bottom:10px;
}
.item-active .item-body{
display:block;
}
.item-active .item-head{
border-radius:5px 5px 0 0;
}
.main{
margin-bottom: 79px;
}
.item-body ul{
list-style: none;
padding-left: 31px;
margin-top: 24px;
}
.item-body ul li{
margin-bottom: 24px;
}

.mp-top{
/*background:#ef4b24;
color:white;*/
text-align:center;
padding-bottom: 50px;
padding-top: 50px;
border-bottom: 15px solid #ef4b23;
background: url('../../../../assets/template/img/city-bg.png') top center;
}
.mp-top h1{
font-size: 2.95em;
padding-left: 9px;
}
.mp-top  .map{
background: url('../../../../assets/template/img/concess_map1.png') no-repeat center 0;
width: 100%;
height: 300px;


}
.mp-top  .maptext{
text-align:left;
padding-top: 12px;
}
.mp-top  .maptext p{
margin-bottom: 22px;
line-height: 1.35em;
}
.mp-top  .maptext strong{
font-size: 1.26em;
line-height: 1.05em;
}
.history{
background: url('../../../../assets/template/img/history-bg.png') center -14px no-repeat;
padding-top: 83px;
padding-bottom: 52px;
}
.h2{
text-align: center;
margin-bottom: 70px;
font-size: 2.5em;
font-weight: bold;
}

.histitem{
text-align:center;
padding:0;
}
.histitem .year{
background: url('../../../../assets/template/img/marker.png') center top no-repeat;
color: #ef4b24;
padding-top: 20px;
font-size: 1.5em;
margin-bottom: 7px;
}
.histimg{
height: 88px;
}
.histtext{
border-top: 4px solid #ebebeb;
font-size: .88em;
padding: 10px 8px;
line-height: 1.33em;
}
.histtext p{
margin-bottom: 16px;
}
.news{
text-align:center;
}
.news .h2{
margin-bottom: 47px;
}
.news .newimg{
height: 45px;
}
.news .newstext{
text-align:left;
line-height: 1.2em;
}
.news .container{
border: 15px solid #ef4b24;
padding: 44px 35px 56px;
}
.news .date{
color: #ef4b24;
font-size: .82em;
margin-top: 10px;
}
.allnews{
margin-top: 7px;
display: inline-block;
color: #ef4b24;
text-align: center;
font-size: 1.03em;
font-weight: bold;
}
.allnews i{
font-size: .85em;
}
.black{
background: black;
margin-top: 97px;
color: white;
}
.blackbg{
width:100%;
padding-bottom: 100px;
background: url('../../../../assets/template/img/concess_pic.png') right top no-repeat;
}
.blackheader{
width: 50%;
padding: 46px 0 0 0;
background: url('../../../../assets/template/img/concess_radiator1.png') right top repeat;
height: 139px;
}
.black .h2{
text-align: left;
margin: -68px 0 0 -13px;
}
.blacktext{
margin-top: 106px;
padding: 11px 5px 0 21px;
background: #ef4b24;
}
.blacktext p{
margin-bottom: 24px;
}
.black .row{
margin-left: 0px;
margin-right: 7px;
}
.batteryitem{
background: url('../../../../assets/template/img/concess_radiator2.png') top no-repeat;
height: 324px;
text-align: center;
}
.butimg{
margin-top: 57PX;
margin-bottom: 42px;
}
.battery{
border-bottom: 15px solid #ef4b24;
padding-bottom: 20px;
}
.batterytext{
color: white;
font-size: 1.4em;
font-family:'OfficinaSansC-Bold';
line-height: 1.3em;
overflow:hidden;
}
.batttext{
text-align: center;
font-size: 1.41em;
margin-top: 26px;
line-height: 1.28em;
padding: 36px;
}
.management .h2{
margin-top: 53px;
margin-bottom: 79px;
}
.management{
padding-bottom: 46px;
}
.managementitem img{
float: left;
margin-right: 23px;
}
.managementtext{
margin-top: 6px;
line-height: 1.35em;
}
.managementtext p{
margin-bottom: 5px;
}
.managementtext em{
font-size: .88em;
line-height: 1.25em;
}
.managementtext:last-child{
padding-right: 0;
margin-right: -1px;
}

.management  .diplomas{
margin-top: 56px;
padding: 0 42px 0 18px;
}
.diplomas{
padding-top: 56px;
padding-left: 19px;
}
.diplomas p{
padding-right:32px;
}
.galleries{
list-style: none;
padding: 0;
margin-top: 21px;
display: inline-block;
margin-left:-12px;
}
.galleries li{
    float: left;
    margin: 5px;
    padding: 0;
    position: relative;
    width: 140px;
}
.galleries li a{
display:block;
text-align:center;

}
.diplomas .bg{
text-align:center;
margin-bottom:10px;
font-weight: bold;
}
.galleries .bg a{
color:#ef4b24;
}
.galleries .bg i{
/*font-size: .9em;*/
font-size: .85em;
margin-left: 2px;
vertical-align: -1px;
}

.bg i{

font-size: .85em;

}

.galleries img {  
     -webkit-filter: grayscale(100%);  
}  
.city-top{
/*background: url('../../../../assets/template/img/city-bg.png') top center repeat-x;*/
background: url('../../../../assets/template/img/city-bg.png') top center;
/* height: 651px;*/
border-bottom: 15px solid #ef4b24;
}
.city-top .row{
background: white;
padding: 0;
margin: 0;
margin-top: 59px;
padding-bottom: 39px;
}
.city-top .leftmenu{
padding-right: 3px;
}
.city-top .left{
margin: -59px -12px 0 -12px;
}
.city-top  .col-md-8{
padding-left: 9px;
}
.city-top  .mask{
background: url('../../../../assets/template/img/mask.png') no-repeat;
position: absolute;
top: 0;
left: 0;
z-index: 150;
width: 217px;
height: 331px;
}
.city-top .img {
display: block;
margin-right: 3%;
margin-top: -1px;
/*width: 36%;*/
float: left;
position:relative;
}
.city-top .info{
display: inline-block;
/*width: 61%;*/
}

.city-top .h3{
margin: 53px 0 0 5px;
font-size: 1.43em;
font-family: 'OfficinaSansC-Bold';
}
.city-top .info ul{
list-style: none;
padding: 25px 4px;
line-height: 2em;
}
.city-top .info ul li{
padding:0;
background:none;
}
.city-top p.orange {
font-size: 1.05em;
line-height: 1.4em;
}
.citymain{
padding-top: 29px;
padding-left: 11px;
margin-bottom: 73px;
}
.citymain .h1{
margin-bottom: 57px;
}
.citymain  .orange-bg{
text-align: center;
padding: 26px 30px 27px 33px;
font-family: 'OfficinaSansC-Bold';
background: #ef4b24;
color: white;
}
.citymain p{
margin-bottom: 1.45em;
}
.citymenu{
margin-top: 84px;
}
.citymenu .cityinfoitem{
margin-bottom:15px;
}
.citymenu .cityinfoitem:nth-child(3n+1){
clear:both;
}
.citymenu ul{
padding:0;
}
.citymenu  .img{
float: left;
width: 40px;
height: 40px;
margin-right: 22px;
}

.citymenu  .info a{
color:#111;
}
.citymenu  .info p{
font-size: .825em;
margin-top: 3px;
color: #959595;
}
.citymenu  ul ul{
list-style:none;
margin-top: 3px;
}
.citymenu  ul ul li{
float: left;
margin-right: 10px;
padding:0;
background:none;
}
.citymenu .info ul a{
color: #ef4b24;
font-size: .825em;
text-decoration:underline;
}
.citymenu .info ul a:hover{
color:#111;
}
/*-------------------------FOOTER-------------------------*/
footer{
/*background:#252525;*/
background: url('../../../../assets/template/img/concess_pic.png') right top no-repeat #252525;
color:white;
position:relative;
padding: 20px 0 0;
}
#map {
width: 100%;
height: 352px;
max-width: 100%;
margin-top: 77px;

}
.footer-niz{
width:100%;
height:60px;
border-bottom: 15px solid #ef4b24;
background: url('../../../../assets/template/img/map-bg.png') center 0px no-repeat;
position:fixed;
bottom:0;
text-align:center;
display: none;
}
.footer-niz a{
width: 60px;
height: 100%;
display: inline-block;
}
footer .h1{
margin-bottom: 56px;
margin-left: 14px;
}
.contactinfo{
padding-left: 14px;
}
footer em{
font-size: .88em;
}
.copyright{
margin: 23px 0 0 5px;
}
.copyright span{
font-size: 1.6em;
vertical-align: -6px;
}
#map .info{
font-family: 'OfficinaSansC-Book';
/*width: 262px;*/
/*height: 98px;*/
color: #111;
padding: 12px 0 0 11px;
font-size: 1.3em;
}
#map .info i{
font-size: .8em;
margin-right: 10px;
}
#map .info .phone{
margin-top: -12px;
font-size: 1.05em;
}
footer .social{
float: right;

}

footer .links p{
float: right;
line-height:35px;
}
footer .modallink{
color:white;
text-decoration:none;
border-bottom:1px dotted white;
white-space: nowrap;
cursor: pointer;
}
footer .modallink:hover{
color:#ef4b24;
text-decoration:none;
border-bottom:1px dotted #ef4b24;
}
.filials{
margin-top:-6px;
}
.filials p{
margin-bottom: 0;
}
.filials i{
font-size: .9em;
color:#ef4b24;
}
.filials span{
color:#ef4b24;
}
.mpfooter-info .copyright{
margin-top: 67px;
color:#959595;
}
footer .contactform{
padding: 29px 0 91px 10px;
}
form{
text-align:right;
}
form input[type="text"]{
width: 204px;
margin-right: 12px;
font-size: .9em;
margin-bottom: 12px;
padding: 3px;
color: black;
}
.error{
color:red;
}

textarea{
width: 90%;
height: 95px;
margin-bottom: 13px;
padding: 3px;
color: black;
margin-right:12px;
}
form input[type="submit"]{
float: right;
margin-right: 12px;
width: 220px;
color: white;
background: #ef4b24;
border: none;
height: 30px;
}
form input[type="submit"]:hover{
background: #da4420;
}
footer.mainpage .modallink{
border:none;
}


.newsitems{
margin-left:-7px;
}
.newsitems .newsitem{
padding-left: 9px;
padding-right: 0px;
margin-bottom: 29px;
}
.newsitems .newsitem:nth-child(2n+1){
clear:both;
}
.newsitem .date{
padding: 5px 3px 0;
font-size: .8em;
color: #ef4b24;
text-align: center;
}
.newsitem .newstext{
margin: -5px 3px;
line-height: 1.3em;
text-align: center;
}
.newsitem img{
max-width: 297px;
max-height: 167px;
margin-bottom: 5px!important;
margin-top: 0!important;
}
.newscontent .gallery{
margin-left:-10px;
}
.newscontent  h1{
font-size: 1.37em;
line-height: 1.3em;
margin-top: 26px;
margin-bottom: 2px;
}

.prevpage{
width: 23px;
height: 23px;
margin-top: 11px;
background: #ef4b24;
text-align: center;
padding-top: 4px;
border-radius: 3px;
}
.prevpage:hover{
background: #B83415;
}

 .prevpage a{
color: white;
line-height: 23px;
font-size: .8em;
}
.newscontent {
}
.newscontent .date{
font-size: .8em;
color:#a4a4a4;
}
.newscontent img{
margin: 20px 0 31px;
max-width: 100%;
}


.newscontent h2{
margin: 76px 0 36px -8px;
}
.other_news{
margin-left: -16px;
}

.other_news .newsitem .date{
padding: 5px 3px 0;
font-size: .8em;
color: #ef4b24;
}
.other_news .newsitem{
margin-bottom: 41px;
}

.other_news .newsitem:nth-child(2n+1){
clear:both;
}
.main-news{
border-top:15px solid #ef4b24;
}
.main-news .h2{
margin: 33px 0 38px;
}
.gallery{
padding:0;
}

.contactinfo a:hover{
	color: #ef4b24;
}

.left li.active a:hover{

	text-decoration: inherit; 
	cursor: default; 
}


.main-news .newsitem {
	text-align: center;
	padding-bottom: 50px;
}
.contactform textarea {
	width: 90%;
}
.management .managementitem {
	padding-bottom: 10px;
}
.kontakty_silki a{
	margin-right: 40px;
}
.citymenu .cityinfoitem .info {
	padding-left: 62px;
}
.cursor {
	cursor: pointer;
}

.contactform .links {
	height: 40px;
	text-align: right;
	padding-right: 13px;
}


@media (max-width: 992px){
.maptext em{
text-align:center;
}
.galleries .bg{
right: 303px!important;
}
form input[type="submit"],
form input[type="text"]{
width:90%;
}
.city-top .left {
display: block;
margin: 0px 0px 0 0px;
}
.city-top .row {
margin-top: 0px; 
}


}



/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) { 

.main-news {
border-top: 0px solid #ef4b24;
}
.slogan {
text-align: center;
}
.top-contacts {
text-align: center;
padding: 0px 9px 0px 7px; 
}
div.social, div.phone {
 float: none;
line-height: 0px; 
}

.batterytext {
	font-size: 1.0em;
}


}



.vk {
display: inline-block;
width: 30px;
height: 30px;
background: url('../../../../assets/template/img/vk.png') bottom no-repeat ;
/*float: left;*/
}
.vk:hover {
background: url('../../../../assets/template/img/vk_r.png') bottom no-repeat ;
}
.fb {
display: inline-block;
width: 30px;
height: 30px;
background: url('../../../../assets/template/img/fb.png') bottom no-repeat ;
/*float: left;*/
}
.fb:hover {
background: url('../../../../assets/template/img/fb_r.png') bottom no-repeat ;
}
.top-contacts .phone {
	white-space: nowrap;
}
div.phone {
	margin: -7px 0px 0px 0px;
}
footer .contactformnew{
	padding: 29px 0 0px 10px;
}
.blackfooter{
	width: 50%;
margin: -20px 0 0 0;
padding: 77px 1px 1px 40px;
background: url('../../../../assets/template/img/concess_radiator1.png') right top repeat;
height: 139px;
}
.slogan_footer {
/* padding-top: 0px; */
margin-top: -62px;
padding-bottom: 19px;
padding-left: 13px;
font-size: 16px;
color: #FFFFFF;
font-size: 26px;
}
.social_all{
	float: right;
padding-right: 20px;
}
.BKmediaGroup{
float: right;
margin: 80px 1px 1px 1px;
color: #676767;
}
.BKmediaGroup a{
color: #676767;
}
.BKmediaGroup a:hover{
color: #676767;
}