body {
     margin:0;
     /*font-family: 'Oswald', sans-serif;*/
     font-family: 'Arial', sans-serif;
     font-size: 16px;
	 color:#2f2e2d;
}

img{
max-width: 100%; 
height: auto; 
display:inline-block;
vertical-align:top;
}
#zag,h1{
font-size:60px;
font-weight:bold;
text-transform:uppercase;
margin-bottom:15px;
}
h2,h3,h4,h5{
font-size:22px;
font-weight:bold;
text-transform:uppercase;
}
#content #zag span{
text-align:center;
color:#b3b3b3;
font-size:30px;
font-weight:bold;
text-transform:uppercase;
margin-top:-5px;
margin-bottom:40px;
}

#content .row{
margin-bottom:50px;
}

a{
color:#e85523;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

a.scrollTop {
  position: fixed;
  right: 5px;
  bottom: 7px;
  padding:7px 10px;
  background:#ca532a;
  border-radius:25px;
  display: block;
  z-index: 999;
  color:#fff;
  text-decoration:none;
  font-size:20px;
  line-height:20px;
}

.modal.modal-fullscreen .modal-dialog {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  max-width: none; }

.modal.modal-fullscreen .modal-content {
  height: auto;
  height: 100vh;
  border-radius: 0;
  border: none; }

.modal.modal-fullscreen .modal-body {
  overflow-y: auto; }

.modal-content{
background: #f8cf27;
color:#000;
}
.modal-content a{
color:#000;
text-decoration:underline;
}
.modal-content a:hover{
text-decoration:none;   
}
.modal-header,.modal-footer{
border:none;
}
.modal-footer{
justify-content:center;
}

.navbar-toggler{
margin:0;
border:none;
background:transparent;
}


.navbar-toggler .navbar-toggler-icon{
background-image: url(img/ico/x.png);
position:relative;
right:1px;
border:none;
}
.navbar-toggler.collapsed .navbar-toggler-icon{
background-image: url(img/ico/menu.png);
position:relative;
right:1px;
border:none;  
}

#crumbs{
background-color:#f7f7f7;
margin-bottom:20px;
}
.breadcrumb{
background:none;
font-size:14px;
font-weight:500;
padding:10px 0;
color:#6d6d6d;
}
.breadcrumb a{
text-decoration:underline;
color:#000;
}
.breadcrumb a:hover{
text-decoration:none;
}

.thumb{
display:inline-block;
margin:5px 3px;
}

.thumb img {
      border-radius:5px; 
      background-color: #fff; 
      border: 1px solid #ddd; 
      padding:5px; 
} 
.thumb img:hover { 
      opacity:0.8;
} 


#catn{
text-transform:uppercase;
font-size:17px;
color:#b3b3b3;
font-weight:bold;
}
#catn .row{
margin:25px 0;
}
#catn img{
margin:10px 0;
}
#catn b{
display:block;
font-size:22px;
font-weight:bold;
color:#000;
margin-bottom:10px;
}
#catn a{
display:block;
color:#e85523;
font-size:17px;
margin-top:10px;
}

#topn{
background:#212121;
position: sticky;
top:0;
z-index:2;
}
#topn #socn img{
height:15px;
margin:10px;
}
#toppn{
padding:15px 0;
}
#cfCity{
color:#fff;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}
#cfCity a{
color:#fff;
text-decoration:none;
}
#cfCity a:hover{
text-decoration:underline;   
}
#socn img{
margin:0 40px;
height:60px;
}
#socn a:hover{
opacity:0.8;
}
#phonen{
background:url(img/phone.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:25px;
margin-left:-5px;
}
#phonen a{
display:block;
font-size:14px;
font-weight:bold;
color:#fff;
text-decoration:none;
}
#phonen a:hover{
text-decoration:underline;
}
#phonen i{
color:#4caf50;
margin-right:5px;
font-size:12px;
}
#menun ul li a{
color:#fff;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
padding:10px 17px 25px;
text-decoration:none;
}
#menun ul li a:hover,#menun ul li.active a{
color:#e85523;
}
#menun ul li:nth-child(2) a{
background:url(img/disk.png);
background-repeat:no-repeat;
background-position:top right;
padding:10px 40px 25px 10px;
}
#menun ul li ul{
border:none;
background:rgba(33,33,33,0.9);
border-radius:0;
min-width:290px!important;
}
#menun ul li:nth-child(2) ul li a,#menun ul li ul li:nth-child(2) a,#menun ul li.active ul li a,#menun ul li ul li a{
padding:.4rem 1rem;
background:none;
color:#fff;
}
#menun ul li ul li.active a,#menun ul li ul li a:hover{
text-decoration:none;
color:#e85523;
}
#slogann{
background:url(img/top.jpg);
background-repeat:no-repeat;
background-position:top center;
}
#slogann .row{
height:569px;
}
#slogann p{
margin:15px 0;
color:#fff;
font-size:17px;
font-weight:bold;
text-transform:uppercase;
}
#zvonn{
display:inline-block;
padding:15px 35px;
background:#e85523;
border-radius:50px;
color:#fff;
font-size:17px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
}
#zvonn:hover{
background:#b34925;
}
#topern{
background:url(img/toper.jpg);
background-repeat:no-repeat;
background-position:top center;
}
#topern .row{
height:229px;
}
#topern p{
display:block;
margin:0;
}
#back_main_top{
background-image:url(img/back_main/top.jpg);
background-repeat:no-repeat;
background-position:top center;
background-color:#f7f7f7;
}
#back_main_niz{
background-image:url(img/back_main/niz.jpg);
background-repeat:no-repeat;
background-position:bottom center;
text-align:center;
padding:60px 0;
}
#logon img, .logon img{
height:50px;
}
#zag span{
display:block;
margin-top:-7px;
font-size:16px;
font-weight:normal;
text-transform:none;
}
#ob_main{
background:#2e2e2e;
padding:40px;
color:#fff;
}
#ob_main .row #zag{
font-size:22px;
color:#b3b3b3;
}
#ob_main .row #zag span{
color:#fff;
}
#ob_main img{
margin:25px 0;
}
#ob_main .pech{
margin-top:125px;
}

#us_main{
margin:20px 0 40px;
}
#us_main #zag{
font-size:22px;
color:#b3b3b3;
}
#us_main #zag span{
color:#000;
}

#gal-pr a{
display:inline-block;
position:relative;
}
#gal-pr a span{
display:inline-block;
font-size:60px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
position:absolute;
z-index:1;
top:50%;
left:0;
right:0;
margin-top:-100px;
padding:0 60px;
}
#gal-pr a span:hover{
text-decoration:none;
}
#gal-pr a img:nth-child(2){
display:none;
}
#gal-pr a:hover img:nth-child(1){
display:none;
}
#gal-pr a:hover img:nth-child(2){
display:inline-block;    
}
/*#gal-pr a img{
  transition: filter 0.3s linear;
  filter: brightness(1) grayscale(0) opacity(0.8);
}
#gal-pr a:hover img {
  filter: none;
}*/

#kont_main{
background:url(img/kont_main.jpg);
background-repeat:no-repeat;
background-position:top center;
color:#fff;
padding:50px 0;
}
#kont_main #zag{
font-size:22px;
}
#kont_main p{
margin:50px 0;
}

#intro{
background-image:url(img/intro.jpg);
background-repeat:no-repeat;
background-position:center;
background-size: cover;
padding:30px 0;
font-size:22px;
font-weight:bold;
text-transform:uppercase;
}
#intro .row{
height:430px;
}
#my{
background-image:url(img/my.jpg);
background-repeat:no-repeat;
background-position:center;
background-size: cover;
padding:30px 0;
}
#my .row{
height:450px;   
}

#content ul{
list-style-image: url(img/li.png);
}
#content ul li{
margin:13px 0;
}




.ob-wrapper{
position:relative;
text-align:center;
}

/** Carousel **/

.ob {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.ob ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ob li {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/** Carousel Controls **/

.obprev,
.obnext {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background:#fff;
    border-radius:20px;
    text-align: center;
    color: #34373e;
    text-decoration: none;
    padding:5px;
    font-size:20px;
}

.obprev:focus,.obnext:focus,.obprev:hover,.obnext:hover{
text-decoration: none;
}

.obprev {
    left: 10px;
}

.obnext {
    right: 10px;
}
/** Carousel Pagination **/

.ob-pagination {
    position: absolute;
    z-index:1;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.ob-pagination a {
    text-decoration: none;
    display: inline-block;
    height: 14px;
    width: 14px;
    background: transparent;
    color: #e85222;
    border:2px solid;
    border-radius: 7px;
    text-indent: -9999px;
    margin-right: 7px;
}

.ob-pagination a.active {
    background: #e85222;
    color: #e85222;
    opacity: 1;
}





#num{
text-transform:uppercase;
}
#num div{;
background:#ccc;
padding:0px 20px 20px;
margin:10px 0;   
}
#num div span{
display:block;
margin:0 -20px 20px;
background:#fff;
padding:10px 20px;
}
#num div b{
display:inline-block;
text-align:center;
color:#7d7c7c;
font-size:45px;
font-weight:normal;
/*background:#fff;
height:100px;
width:100px;
border-radius:50px;
padding:15px 0;
margin-bottom:10px;*/
}
#num div i{
display:inline-block;
font-style:normal;
position:relative;
bottom:10px;
left:10px;
}

#num div span{
color:#e85222;
}
#num div p{
font-size:15px;
}

/*#num{
display: flex;
flex-flow: row wrap;
justify-content:center;
text-align:center;
text-transform:uppercase;
}
#num div{
width:250px;
margin:10px;

}
#num div b{
display:inline-block;
background:#fff;
color:#7d7c7c;
font-size:45px;
font-weight:normal;
height:100px;
width:100px;
border-radius:50px;
padding:15px 0;
margin-bottom:10px;
}
#num div span{
color:#e85222;
}*/


.panel-container * {
    box-sizing: border-box;
}
.panel-container {
    display: flex;
    overflow: hidden;
    margin: 20px 0;
    height: 480px;
}
.panel {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50px;
    border:3px solid #969696;
    flex: 0.5;
    cursor: pointer;
    position: relative;
    margin: 0 8px;
    transition: flex 0.7s cubic-bezier(0.05, 0.6, 0.4, 0.9);
}
.panel div{
    display:inline-block;
    background:rgba(255,255,255,0.8);
    padding:20px;
    border-radius:5px;
    opacity: 0;
    position: absolute;
    bottom: 30px;
    left: 40px;
    margin: 0 40px 0 0;
    transition: opacity 0s ease-in 0s;
}

.panel div b{
    display:inline-block;
    font-size:24px;
    font-weight:500;
    margin-bottom:10px;
}

.panel div #pod{
    margin-top:20px;
}

.panel.active {
    cursor: auto;
    flex: 5;
}
.panel.active div {
    opacity: 1;
    transition: opacity 0.3s ease-in 0.4s;
}

.m{
display:none;
}

@media screen and (max-width: 1200px) {
    
.pc{
display:none;
}
.m{
display:block;
}

    .panel-container {
        position: relative;
    }
    .panel {
        width: 10%;
        position: relative;
        height: 80px;
        top: 0;
        border: 4px solid #FFF;
        box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
        flex: 1;
    }
    .panel.active {
        flex: 1;
        width: 100%;
        position: absolute;
        height: 400px;
        left: 0;
        margin: 40px 0 0;
        z-index: -1;
        box-shadow: none;
    }
}

#top{
height:120px;
background: rgb(51,51,51);
background: linear-gradient(90deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 24%, rgba(248,250,251,1) 25%, rgba(248,250,251,1) 100%);
}

#top_lk{
display:block;
margin:20px 0;
color:#333;
font-size:17px;
font-weight:300;
}
#top_lk:hover{
color:#e85222;
text-decoration:underline;
}
#top_lk img{
margin:4px 4px 4px 0;
}

#top_cart{
display:block;
margin:20px 0;
color:#333;
font-size:17px;
font-weight:300;
}
#top_cart:hover{
color:#e85222;
text-decoration:underline;
}
#top_cart img{
margin:3px 7px 3px 0;
}

#top_soc{
display:inline-block;
margin:17px 0;
}
#top_soc:hover{
opacity:0.8;
}

#top_phone{
display:block;
margin:17px 0;
color:#e85222;
font-size:20px;
}
#top_phone img{
margin:7px;
}

#logo{
display:block;
border-right: 25px solid #f8fafb;
border-top: 120px solid #333;
}
#logo img{
margin-top:-120px;
}

.navbar{
padding:0 0 .3rem;
}

.navbar-light .navbar-toggler{
color:#000!important;
font-size:16px;
text-transform:uppercase;
padding:2px 5px;
background: #e85222;
border:none;
}

.navbar-light .navbar-toggler-icon{
background-image: url( 
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 555, 255, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h34M4 16h34M4 24h34'/%3E%3C/svg%3E"); 
}
.navbar-toggler:focus {
    border: 0 !important;
    box-shadow: none !important;
}
.navbar-toggler {
     border: 0 !important;
}

#menu ul li > a{
color:#000;
font-size:17px;
text-transform:uppercase;
text-decoration:none;
}

#menu ul li > a:hover,#menu ul li.active > a{
color:#e85222;
}

#menu ul li ul{
border:none;
border-top:2px solid #e85222;
background:rgba(255,255,255,0.9);
border-radius:0;
min-width:290px!important;
}

#menu ul li.active ul li a,#menu ul li ul li a{
font-size:18px;
text-transform:none;
font-weight:300;
padding:.2rem 1rem;
}

#menu ul li ul li.active a,#menu ul li ul li a:hover{
text-decoration:underline;
}

#menu_right{
padding:10px;
}
#menu_right img:hover{
opacity:0.8;
}

.slide-wrapper{
position:relative;
}

/** Carousel **/

.slide {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.slide ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.slide li {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height:575px;
    width:1920px;
}

/** Carousel Controls **/

.sprev,
.snext {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background:#fff;
    border-radius:20px;
    text-align: center;
    color: #34373e;
    text-decoration: none;
    padding:5px;
    font-size:20px;
}

.sprev:focus,.snext:focus,.sprev:hover,.snext:hover{
text-decoration: none;
}

.sprev {
    left: 10px;
}

.snext {
    right: 10px;
}
/** Carousel Pagination **/

.slide-pagination {
    position: absolute;
    z-index:1;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.slide-pagination a {
    text-decoration: none;
    display: inline-block;
    height: 14px;
    width: 14px;
    background: transparent;
    color: #e85222;
    border:2px solid;
    border-radius: 7px;
    text-indent: -9999px;
    margin-right: 7px;
}

.slide-pagination a.active {
    background: #e85222;
    color: #e85222;
    opacity: 1;
}

.slide ul li .container{
position:relative;
height:575px;
display:flex;
align-items: center;
}

#slogan{
padding:20px 40px 20px 20px;
z-index:3;
color:#333;
font-weight:300;
font-size:32px;
max-width:600px;
background:rgba(255,255,255,0.6);
}
#slogan b{
display:block;
font-size:46px;
font-weight:400;
color:#2b2a29;
text-transform:uppercase;
}

#slogan #pod{
margin:15px 0;
}

#pod{
display:inline-block;
text-decoration:none;
color:#fff;
font-size:18px;
text-transform:uppercase;
padding:10px 20px;
background:#e85222;
transform: skew(-12deg);
border:none;
}
#pod:hover{
background:#333333;
}
#pod img{
margin:9px 0 9px 10px;
}

#usl_back{
background:url(images/bg-right.png);
background-position:right center;
background-repeat:no-repeat;
}

#usl_main{
display: flex;
flex-flow: row wrap;
justify-content:center;
}
#usl_main a{
display:block;
width:245px;
margin:15px;
padding:20px 0;
font-size:24px;
color:#333333;
background:#fff;
text-decoration:none;
text-align:center;
}
#usl_main a:hover{
color:#e85222;
box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.3);
}
#usl_main a img{
/*filter: grayscale(1);*/
margin:-20px 0 10px 0;
border-bottom-right-radius: 120px;
border-bottom-left-radius: 120px;
}
#usl_main a:hover img{
filter: grayscale(0);
}

#obo_back{
background:url(images/bg-left.png);
background-position:left center;
background-repeat:no-repeat;
position:relative;
z-index:0;
}

#work_back{
background:url(images/work/bg.jpg);
background-position:top center;
padding:40px 0;
}
#work_back #zag{
color:#fff;
}

/** Carousel **/

.work-wrapper{
position:relative;
text-align:center;
}

.work {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.work ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.work li {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/** Carousel Controls **/

.wprev,
.wnext {
    display:inline-block;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    width: 44px;
    height: 44px;
    border-radius:22px;
    text-align: center;
    background-color:#e85222;
    text-decoration: none;
}

.wprev:focus,.wnext:focus,.wprev:hover,.wnext:hover{
text-decoration: none;
color: #000;
opacity:0.8;
}

.wprev {
    left: -10px;
    background-image:url(images/slide/prev.png);
    background-repeat:no-repeat;
    background-position:center;
}

.wnext {
    right: -10px;
    background-image:url(images/slide/next.png);
    background-repeat:no-repeat;
    background-position:center;
}
/** Carousel Pagination **/

.work-pagination {
    position: absolute;
    z-index:1;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.work-pagination a {
    text-decoration: none;
    display: inline-block;
    height: 14px;
    width: 14px;
    background: transparent;
    color: #0099c9;
    border:2px solid;
    border-radius: 7px;
    text-indent: -9999px;
    margin-right: 7px;
}

.work-pagination a.active {
    background: #0099c9;
    color: #0099c9;
    opacity: 1;
}

#work{
display:inline-block;
vertical-align:top;
background:#fff;
padding:3px;
border-radius:5px;
max-width:255px;
margin:10px;
font-size:21px;
color:#333333;
}
#work hr{
margin:5px 0;
border-top:1px solid #333333;
}
#work .row{
padding:20px;
}
#work b{
color:#333333;
font-weight:normal;
font-size:36px;
}
#work a{
color:#e85222;
font-size:16px;
text-transform:uppercase;
text-decoration:underline;
}
#work a:hover{
text-decoration:none;
}

.otz-wrapper{
position:relative;
text-align:center;
}

/** Carousel **/

.otz {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.otz ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.otz li {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/** Carousel Controls **/

.oprev,
.onext {
    display:inline-block;
    position: absolute;
    top: 50%;
    margin-top:-22px;
    width: 44px;
    height: 44px;
    border-radius:22px;
    text-align: center;
    background-color:#e85222;
    text-decoration: none;
}

.oprev:focus,.onext:focus,.oprev:hover,.onext:hover{
text-decoration: none;
color: #000;
opacity:0.8;
}

.oprev {
    left: -10px;
    background-image:url(images/slide/prev.png);
    background-repeat:no-repeat;
    background-position:center;
}

.onext {
    right: -10px;
    background-image:url(images/slide/next.png);
    background-repeat:no-repeat;
    background-position:center;
}
/** Carousel Pagination **/

.otz-pagination {
    position: absolute;
    z-index:1;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.otz-pagination a {
    text-decoration: none;
    display: inline-block;
    height: 14px;
    width: 14px;
    background: transparent;
    color: #7aa403;
    border:2px solid;
    border-radius: 7px;
    text-indent: -9999px;
    margin-right: 7px;
}

.otz-pagination a.active {
    background: #7aa403;
    color: #7aa403;
    opacity: 1;
}

#otz{
background:#fff;
padding:40px 30px;
margin:20px 0;
}
#otz:before{
content:"";
display:block;
height:25px;
margin:-25px 0 10px;
background:url(images/otz/1.png);
background-repeat:no-repeat;
}
#otz:after{
content:"";
display:block;
height:25px;
margin:-25px 0;
background:url(images/otz/2.png);
background-repeat:no-repeat;
background-position:right;
}
#otz b{
display:inline-block;
border-top:1px solid #333;
margin-top:10px;
padding-top:5px;
font-size:21px;
font-weight:normal;
}

#otz_back ul{
list-style-type:none;
padding:0;
margin:0;
}
#otz_back #otz{
padding-bottom:70px;
}
#otz_back #otz:after{
display:none;
}
#otz_back #otz b{
float:right;
}

#niz{
background:#2f2e2d;
color:#fff;
padding:30px 0;
}

#niz_zag{
color:#e85523;
text-transform:uppercase;
margin:20px 0;
}
#niz_podmenu ul{
margin:0;
padding:0;
list-style-type:none;
}
#niz_podmenu ul li{
}
#niz_podmenu ul li a{
display:inline-block;
color:#e85523;
text-transform:uppercase;
margin:3px 0;
}

#niz_menu ul{
margin:0;
padding:0;
list-style-type:none;
}
#niz_menu ul li a{
display:inline-block;
margin-bottom:5px;
color:#fff;
}
#niz_menu ul li.active a,#niz_menu ul li a:hover{
color:#e85523;
text-decoration:underline;
}
#niz_kont{
margin:10px 0;
font-size:14px;
font-weight:normal;
}
#copy{
font-size:14px;
font-weight:bold;
text-transform:uppercase;
margin:20px 0;
}

#toper{
display:none;
background:#333333;
}
#logo_m img{
height:50px;
position:relative;
z-index:2;
}

#toper #menu{
margin-top:-38px;
margin-right:5px;
}
#toper #menu ul li a{
color:#fff;
padding:5px;
text-transform:none;
}
#toper #menu ul li.active a,#toper #menu ul li a:hover{
color:#e85222;
}
#toper #menu ul li ul li a,#toper #menu ul li.active ul li a{
color:#333;
}
#toper #menu ul li ul li a:hover,#toper #menu ul li.active ul li.active a{
color:#e85222;
}

#toper_lk{
display:inline-block;
margin:10px 0 5px;
color:#333;
font-size:17px;
font-weight:300;
background:#fff;
padding:5px 10px;
width:200px;
transform: skew(-12deg);
}
#toper_lk span{
display:inline-block;
transform: skew(12deg);
}
#toper_lk:hover{
color:#e85222;
text-decoration:underline;
}
#toper_lk img{
margin:4px 4px 4px 0;
}

#toper_cart{
display:inline-block;
margin:5px 0;
color:#333;
font-size:17px;
font-weight:300;
background:#fff;
padding:5px 10px;
width:200px;
transform: skew(-12deg);
}
#toper_cart span{
display:inline-block;
transform: skew(12deg);
}
#toper_cart:hover{
color:#e85222;
text-decoration:underline;
}
#toper_cart img{
margin:3px 7px 3px 0;
}

#toper_soc{
display:inline-block;
margin:23px 5px;
}
#toper_soc:hover{
opacity:0.8;
}

#toper_phone{
display:inline-block;
margin:5px;
color:#e85222;
font-size:20px;
}
#toper_phone img{
margin:7px;
}


#m-city{
display:inline-block;
position:relative;
z-index:2;
margin:13px 0 0;
color:#838383!important;
font-size:14px!important;
text-decoration:underline!important;
}
#m-logo img{
position:relative;
z-index:2;
height:34px;
margin:7px 0 7px;
}

.m,.mi{
display:none;
}

#cityn{
margin-left:73px;
}

@media (max-width:1400px){

#ob_main .pech{
margin-top:110px;
}
#menun ul li a{
padding:10px 10px 25px;
}
#cityn{
margin-left:auto;
}

}


@media (max-width:1200px){



.pc{
display:none;
} 
.m{
display:block;
}
.mi{
display:inline-block;
}

#topn{
position:inherit;   
}

#zag,h1{
font-size:30px;
}

#socn img{
height:45px;   
}

#menun{
margin-top:-43px;
}
#menun ul{
margin-top:10px;
}

#menun ul li a{
display:inline-block;
color:#ca532a;
}
#menun ul li ul{
padding-bottom:25px!important;
}
#menun ul li ul li a{
display:inline-block;
color:#fff;
padding:5px 0!important;
}


#slogann .row{
height:auto;
padding:30px;
}

#topern{
background-position:left top;   
}
#topern p{
padding:10px;
color:#fff;
text-shadow: #000 1px 1px 2px;
background:rgba(0,0,0,0.4);
text-align:center;
}

#ob_main .pech{
margin:25px 0;
}
#kont_main{
padding:20px 0;   
}
#kont_main p{
margin:20px;
}

#ob_main .row #zag,#us_main #zag{
font-size:14px;
}

#gal-pr a span{
font-size:28px;
margin-top:-50px;
}

#content #zag span{
font-size:22px;
}

#niz_logo img{
width:225px;
}

}