/* --------------- reset.css --------------- */
* {
     -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;                               /* обнуляем отступы и убираем бордюры */
	       /* приводим все к одной базовой линии */
	background: transparent;      /* чтобы не проскакивали левые фоны, установленные по умолчанию */
	font-size: 100%;                     /* размер шрифта всем одинаковый */
}

table {						/* устраняем отступы между ячейками таблицы */
	
	
}
 
input, select, button, textarea {
	margin: 0; 				/* убираем отступы по умолчанию для элементов форм (в частности для checkbox и radio) */
	font-size: 100%; 			/* делаем размер шрифтов везде одинаковым */
	outline: none;
}
input[type="text"], input[type="password"], textarea {
	font-family: Roboto;
    font-size: 1em;				/* убираем внутренние отступы для текстовых полей */
}
input[type="checkbox"] { 		/* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */
	vertical-align: bottom;
}
input[type="radio"] {
	margin: 0 8px 0 1.5px;
    vertical-align: middle;
    
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul, footer ul {
	 list-style:none;
}





/* --------------- /reset.css --------------- */
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* --------------- базовые настройки ---------*/
html {
	min-height:100%; /* всегда показываем вертикальную полосу прокрутки  */
}
body {
	background-color: #EFEFEF;
	min-height:100%;
}

h1, h2{
	font-weight:normal;
}
img{

	max-width:100%;
}
.clr{
	clear:both;
}


footer:before,
footer:after, 
 nav:before,
 nav:after,
article:before,
article:after,
section:before,
section:after,
.pop:before,
.pop:after,
.pop_f:before,
.pop_f:after,
.top-header:before,
.top-header:after,
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}
/* --------------- /базовые настройки ---------*/

body {
    font: 100/1.5em Roboto;
    font-family: 'Roboto', sans-serif;
}


.middle {
	position: relative;
   
}

.container {
    max-width: 1190px;
    min-width: 320px;
    margin: 0 auto;
    padding: 0;
     background-color: #fff;
     
}



.top-header {
     margin: 0 auto;
     background-color: #9B9B9B;
      border-radius: 10px 10px 0 0;
  
}

.logo {
    text-align: center;
     
}



/* ---------------------------------------МЕНЮ ТОП---------------------------------------*/

.bottom-header {
    background-color: #9B9B9B;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 36px;
    top: 74px;
    z-index: 11;
    margin: 0 auto;
   }



.nav {
     background-color: #9B9B9B;
     float: left;
     margin-left: 2px;
}
.nav ul{
    margin: 0;
    padding: 0;
    
}

.nav ul li{
   display: inline-block;
}

.nav a{
    color: #fff;
    text-decoration: none;
    padding: 11px 13px 8px 9px;
    display: block;
    font-size: 15px;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0.7px 0.7px 0.7px #424242;
}

.nav li a:hover{
     border-radius: 6px;
    background-color: #BB162B;
    
}

.active {
    color: #2BA23A;
    background-color: #BB162B;
     border-radius: 6px;
}

   .active2{
     border-radius: 6px;
    background-color: #F39200;
    }


.serch {
     color: #fff;
    float: right;
    width: 18.8em;
    height: 36px;
    background-color: #9B9B9B;
    
}

.menu_t {
    padding: 9px 0 0 10px;
    cursor: pointer;
    }

.search {
    width: 98%;
    padding: 7px 5px 0 5px;
   
}

.search input{
    width: 90%;
    
    color: #fff;
    float: left;
    border: 1px solid #BB162B;
    font-size: 1em;
}


.search button{
    cursor: pointer;
    float: right;
}



/* -----------------------------------------ХЛЕБНЫЕ КРОШКИ---------------------------------------*/

.hleb {
    width: 100%;
    padding: 5px 0;
      
}

.hleb ul li{
   display: inline-block;
}

.hlebul {
    margin-left: 20px;
}

.hleb li{
  padding-left: 6px;
}

.hleb li a{
   font-family: "Helvetica";
    font-size: 14px;
    font-weight: bold;
    color: #000;
 
    font-weight: 400;
    line-height: 28px;
    text-decoration: underline;
}

.hleb li a:hover{text-decoration: none;}
.hleb li a:visited{text-decoration: underline;}

.hleb li span, .hleb li a{
   font-family: "Roboto Condensed", sans-serif;
    font-size: 1em;
    color: #424242;
    line-height: 25px;
    font-style: italic;
     font-weight: 500;
}

.google {
    width: 99%;
    margin: 10px 0 15px 5px;
    
}
/* ----------------------------------------Г Л А В Н А Я -----С Т Р А Н И Ц А ---------------------------------------*/

.slider{
    width: 100%;
   
    margin: 0 0 12px;
    padding: 5px 0 0 5px;
      
}


#owl-demo .item{
  margin: 5px;
  position: relative;
}
#owl-demo .item img{
  display: block;
  width: 400px;
  height: auto;
}

.item h5 a {
    position: absolute;
    top: 71%;
    left: 20px;
     font-family: "Roboto";
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.5;
    padding-right: 10px;
    letter-spacing: 1px;
    text-decoration: none;
}


#owl-demo .item h5 a:hover{color: #BB162B;}
.item_main a:hover{color: #BB162B;}

 .item .proz, .item_main .proz {
    width: 400px;
    height: 33%;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 0;
     opacity: 0.5; 
}

.item .proz_k, .item_main .proz_k {
    position: absolute;
      left: 0;
    bottom: 33%;
}

#owl-demo .item .proz_k h6{
    background-color: #BB162B;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 0.9em;
    
}

.index_main, .index_kat {
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
}

.in_m_l img{
    padding: 0 0 0 5px;
}

.in_m_l {
    float: left;
    width: 58%;
}

.in_m_r {
    float: right;
    width: 39%;
    margin-right: 5px;
}

.item_main {
    position: relative;
    margin-bottom: 10px;
}

.item_main img{
  display: block;
  width: 400px;
  height: auto;
}

  .item_main .proz {
    width: 100%;
    height: 33%;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 0;
     opacity: 0.5; 
}

.item_main .proz_k h6{
    background-color: #BB162B;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 0.7em;
    
}

.item_main h5 a{
    position: absolute;
    top: 71%;
    left: 20px;
     font-family: "Roboto";
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.3;
    padding-right: 10px;
    letter-spacing: 1px;
    text-decoration: none;
}
.index_kat {
    margin-top: 20px;
     margin-bottom: 20px;
}
.in_kat_l {
    float: left;
    width: 48.5%;
    padding: 5px;
}

.in_kat_r {
    float: right;
    width: 48.5%;
     padding: 5px;
}

.in_kat_img {
    position: relative;
    margin-bottom: 10px;
}

.in_kat_img .proz{
    width: 100%;
    height: 30%;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 5px;
     opacity: 0.5; 
  
}

.in_kat_img h5 a{
    position: absolute;
    top: 75%;
    left: 20px;
     font-family: "Roboto";
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.1;
    padding-right: 10px;
    letter-spacing: 1.2px;
    text-decoration: none;
}

.in_kat_img a:hover{color: #BB162B;}


.in_kat_oblg {
    margin: 0 auto;
    width: 95%;
     clear: both;
    content: "";
    display: table;
    margin-bottom: 15px;
   
}


.in_kat_oblg img{
    width: 170px;
    float: left;
    padding-right: 15px;
}
.in_kat_a  {
   padding-top: 10px;
  
}
.in_kat_a  a{
   font-size: 0.95em;
   color: #34495E;
   text-decoration: none;
}
.in_kat_a a:hover{text-decoration: underline;}

.video_index {
    margin: 0 auto;
    width: 95%;
}
.if1 {
    float: left;
}
.if2 {
    float: right;
}

.vid2 iframe {
    display: inline-block;
    padding: 5px 5px 5px 10px;
} 


.vid3 iframe {
    display: inline-block;
    padding: 0 10px;
} 

.rekl_yan_index {
    width: 99%;
    margin: 0 auto;
    padding: 10px 10px 10px 20px;
    margin-left: 10px;
  
    
}


/* ------------------------------------------MAIN---------------------------------------*/

.main {
     float: left;
     width: 72.5%;
      margin-bottom: 20px;
     position: relative;
      padding-left: 15px;
}




main, .bg_m {
    
      padding: 0 5px 0 5px;
     
}

.bg_pad {
    padding-top: 10px;
    margin-top: 10px;
}


main p{
    text-align: justify;
    font-size: 1em;
    font-family: Roboto;
    padding: 5px;
    color: #424242;
}

main a:hover{ text-decoration: none;}
main a:visited{ text-decoration: underline;}

main ul, ol{
    
    margin-left: 40px;
}

main li{
    font-size: 1em;
    font-family: Roboto;
    color: #424242;
    padding: 3px;
}

 .lamp {
    float: left;
    padding: 5px 15px;
}

 .imgL {
    float: left;
    padding: 5px 15px 10px 0;
}

 .imgR {
    float: right;
    padding: 5px 0 10px 15px;
}

.w {
    font-weight: bold;
    text-decoration: none;
}

.z a{
    font-weight: bold;
    
}


 a.w:hover{ text-decoration: underline;}
 a.w:visited{ text-decoration: none;}




 h1{
    font-size: 2.3em;
    padding: 5px 5px 10px 5px;
    color: #424242;
     font-family: "PT Sans",sans-serif;
    line-height: 1.2;
        font-weight: 600;
}

 h2{
    font-size: 1.5em;
    color: #BB162B;
     font-family: Roboto Condensed, sans-serif;
    line-height: 1.1;
    text-align: center;
    padding: 13px 0;
}

 h3{
    font-size: 1.3em;
    color: #BB162B;
      font-family: Roboto Condensed, sans-serif;
    text-align: center;
    padding: 15px 0 ;
     line-height: 1.1;
}



.centerimg {
       margin: 15px 3px 10px 5px;
       text-align: center;
}

.centertab {
    margin-top: 15px;
    margin-bottom: 15px;
    margin: 0 auto;
    width: 95%;
      
}

p.center {
    text-align: center;
}

.vinos {
    width: 95%;
    margin-left: 20px;
      box-shadow: 0px 1px 1px 0px #9B9B9B;
    padding: 10px;
     border-left: 5px solid #BB162B;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #F8F8F8;
}

.vinos p{
    font-family: Roboto;
    color: #34495E;
    font-style: italic;
    font-size: 1em;
    font-weight: bold;
}

.prib {
    margin: 0 auto;
    width: 96%;
    margin-top: 10px;
}
.pr-in {
    margin: 0 auto;
    margin-top: 15px;
}

.pr-in:after {
    clear: both;
    content: "";
    display: table;
}

.pr-in img{
    float: left;
    margin-right: 10px;
    width: 40px;
}
.pr_p {
    
}
.prl {
    float: left;
    width: 45%;
    margin-left: 3%;
}

.prR {
    float: left;
    width: 45%;
    margin-left: 3%;
}

.abc {
    margin-left: 25px;
    color: #3333CC;
}


/* -----------------------------------------Т А Б Л И Ц Ы --------------------------------------*/

.pred1 {
    width: 6%;
}

 .pred2 {
    width: 85%;
   
   
}
tr td.pred {
     text-align: left;
     padding: 0 0 0 10px;   
}

.centertab td{
    padding: 5px 2px;    
}

 .n1 {
    font-size: 1em;
    background-color: #9B9B9B;
    text-align: center;
}

 .n2 {
    text-align: center;
    vertical-align: middle;
}

 .n3 {
    background-color: #f4f4f4;
    text-align: center;
    vertical-align: middle;
}

.n5 {
     text-align: center;
     background-color: #9B9B9B;
}

.tab_1 {
    width: 35%;
}

.tab_2 {
    width: 65%;
}
.tablelampa {
    width: 72%;
    margin: 0 auto;
    border: 1px solid silver;
    }
    
.tabgener {
    margin: 0 auto;
    width: 90%;
    margin-bottom: 7px;
}
.tabgener td{
    margin: 3px;
    padding: 5px;
    font-weight: bold;
}
    
.lamptd {
    width: 150px;
    height: 150px;
    text-align: center;
} 
    
.lamp {
    margin: 0 auto;
    text-align: center;
}

.lamptd2 {
    padding-left: 10px;
    display: table-cell;
    vertical-align: inherit;    
    }

.tab {
     margin: 5px ;
     padding: 5px;
    width: 90%;
     margin: 0 auto;
}

 
.tab td{
    padding: 5px;
   }

.n3 {
     background-color: #f4f4f4;
     text-align: center;
     vertical-align: middle;
}

 .n4 {
     text-align: left;
     vertical-align: middle;
     background-color: #f4f4f4;
}

.n7 {
     text-align: left;
     background-color: #f4f4f4;
}

.tabdisc {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

.origdisktab {
    margin: 0 auto;
    width: 90%;
}

.tabimgdisk img {
    
}
.tabimgdisk {
    width: 29%;
}

.tabkod {
    margin: 0 auto;
    width: 95%;
} 

.tabkod tr td{
   padding: 5px;
} 

.kodN {
    width: 5%;
    font-weight: bold;
    
}   
 
.kodT {
    width: 42%;
}   

.disci {
    width: 30%;
    margin: 10px;
    display: inline-block;
   
}

.disci_img{
   margin: 0 auto;
   text-align: center;
}

.disci_t {
     background-color: #f4f4f4;
}

.dis_naz {
    background-color: #9B9B9B;
    text-align: center;
     padding: 5px 0;
     margin: 0;
     font-weight: bold;
     color: #fff;
     text-transform: uppercase;
}


.disci_t p {
     text-align: center;
     padding: 3px 0;
     margin: 0;
     font-weight: bold;
}

.center {text-align: center;}

.pod-blok {
    margin: 0 auto;
    margin-top: 10px;
    width: 90%;
    background-color: #f5f5f5;
    overflow: auto;
   
}

.pod-blok2 {
    margin: 0 auto;
    margin-top: 10px;
     margin-bottom: 10px;
    width: 70%;
    background-color: #f5f5f5;
    overflow: auto;
    font-family: Verdana;
    font-size: 12px;
    
}
/* ------------------------------------------ /РЕКЛАМА ----Я Н Д Е К С А ---------------------------------------*/

.yandex {
    margin-left: 15px;
    margin-right: 15px;
}


 .yandex2, .yandex4, .yandex5, .yandex1 {
    width: 99%;
    margin: 0 auto;
    margin: 15px 0 10px 5px;
}


 .yandex7 {
    width: 95%;
    margin: 0 auto;
    
} 
.rekl_yan_cent {
     width: 100%;
    margin: 0 auto;
    text-align: center;
}

/* ------------------------------------------ /РЕКЛАМА ---------------------------------------*/

.google1 {
    margin: 0 auto;
     padding: 0;
    width: 100%;
   
}
.google2 {
    margin-top: 10px;
     width: 100%;
     margin: 0 auto;
    margin-bottom: 10px;
    padding: 13px 0 0;
}

/* ------------------------------СМОТРИТЕ ЕЩЁ -------------------------------------*/

.gol_l {
    width: 50%;
    float: left;
    padding: 5px;
  
}

.gol_r {
    width: 43%;
    float: right;
    padding: 5px;
    text-align: right;
}

.gol_r form p{
    text-align: right;
}

.gol_l p, .gol_r p{
    color:#000;
    font-family: Verdana;
    font-size: 0.9em;
    padding: 5px;
}

.gol_l img{
   
    padding: 0;
}

.smtr_artcl {
    width: 30%;
  display: inline-block;
   margin-left: 3%;
   margin-bottom: 22px;
   vertical-align: top;
 
}



.smtr {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 0 0 10px 0;
    position: relative;
}


.rekl_yan {
     width: 100%;
    margin: 0 auto;
    padding: 10px;
     box-shadow: 0px 1px 1px 0px #9B9B9B;
     background-color: #fff;
    
}


.smtr_golos {
      width: 95%;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 40px;
    margin-left: 30px;
  
    padding: 10px;
    position: relative;
    background-color: #F4F4F4;
    border-radius: 10px;
}


.smtr_artcl img{
     border-radius: 7px;
}



.smtr_artcl a{
     color: #424242;
    text-decoration: underline;
    font-size: 1.2em;
    text-align: left;
    font-weight: bold;
}

.smtr_artcl p{
     padding: 3px 5px 0 3px;
}

.smtr_artcl a:hover {text-decoration: none;}
.smtr_artcl a:visited {text-decoration: underline;}


.smtr_a p{
    color: #2F9D37;
    font-family: Helvetica;
    font-size: 0.7em;
     text-transform: uppercase;
     padding: 5px 3px 3px 3px;
    font-weight: bold;
}

.bg_otz {
    background-color: #EFEFEF;
    padding: 3px 3px 8px 3px;
}


 .go1{
     width: 45%;
   float: left;
   margin-left: 4%;
   
}

.smtr_tak {
    width: 100%;
    background-color: #F5F6F7;
    margin-bottom: 20px;
    
}

.smtr_tak img{
    float: left;
    margin-right: 10px;
    padding: 0;
    width: 130px;
}
.stmtr_taka p{
    color: #fff;
    padding-bottom: 6px;
}

.stmtr_taka  span{
    background-color: #BB162B;
    font-family: Helvetica;
    font-size: 0.7em;
     text-transform: uppercase;
     padding: 4px;
    font-weight: bold;
}

.stmtr_taka a{
    font-size: 1.1em;
    color: #34495E;
}
.stmtr_taka a:link {text-decoration: underline;}
.stmtr_taka a:hover {text-decoration: none; color: #424242;}
.stmtr_taka a:visited {text-decoration: underline;}

/* ---------------------------------------В Ы В О Д -----В---- В И Н Д Е К С Е ---------------*/
.wiew_ind {
    width: 97%;
    margin: 0 auto;
    position: relative; 
    margin-top: 10px;
}

.view {
      display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
    width: 46%;
    
    background-color: #FCFCFC;
    margin: 15px;
    border-bottom: 2px solid #2F9D37;
   

}

.view_n {
      display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
    width: 46%;
    margin: 15px;
    border-bottom: 2px solid #BB162B;
  
 
}
.view_foto {
      display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
    width: 46%;
    margin: 15px;
    }


main .view_n p{
   padding: 6px 0;
}


.pstrn {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
    float: left;
}

.pstrn ul{
    list-style: none;
    margin-left: 3px;
}

.pstrn li{
   
    display: inline-block;
    margin: 0 1px;
    background-color: #f6f5f7;
    font-weight: 500;
}

.pstrn ul li a, .pstrn ul li b{
       text-align: center;
    width: 40px;
    height: 33px;
    line-height: 33px;
    font-size: 1em;
    background-color: #f6f7f5;
    border: 1px solid #ccc;
    display: block;
    color: #BB162B;
    text-decoration: none;
}



.pstrn li a:hover{
    text-decoration: none;
    color: #fff;
     background-color: #BB162B;
}

.pstrn ul li a.activ, .pstrn ul li b.activ{
    text-align: center;
    width: 40px;
    height: 33px;
    line-height: 33px;
    font-size: 1em;
    background-color: #BB162B;
    text-decoration: none;
    color: #fff;
    border: 1px solid #ccc;
}



.view_im img {
    float: left;
    padding: 10px;
    width: 100px;
}

.view_im_ot img{
    float: left;
    padding: 10px;
    width: 150px;
}

.v_img img {
    margin: 0 auto;
    width: 100%;
    padding-bottom: 10px;
   
}
.v_img-bk img:hover{ opacity: 0.85; } 

main .v_img-p p{
    margin: 0;
    padding: 0;
    color: #424242;
}

.v_img-p{
    padding-bottom: 10px;
    padding-left: 5px;
    margin: 0;
}
  .v_img-bk img{
    margin: 0 auto;
    width: 100%;
    padding: 0;
   }

.view_im, .view_im_ot {
    width: 100%;
    clear: both;
    content: "";
    display: table;
}
.view_a{
    width: 100%;
   padding-top: 10px;
}

.view_as{
    width: 100%;
   padding-top: 25px;
}

.view_a a, .view_as a{
     font-size: 1.5em;
    color: #BB162B;
     font-family: Roboto Condensed, sans-serif;
    line-height: 1.1;
    text-decoration: none;
}

.view_an a{
     font-size: 1.6em;
    color: #BB162B;
     font-family: Roboto Condensed, sans-serif;
   
    letter-spacing: 0.8px;
    text-decoration: none;
}
.view_as a:hover{text-decoration: underline;}
.view_as a:visited{text-decoration: none;}

.view_a a:hover{text-decoration: underline;}
.view_a a:visited{text-decoration: none;}

.view_an a:hover{text-decoration: underline;}
.view_an a:visited{text-decoration: none;}

.view_b {
     margin-top: 10px;
     border-top: 1px solid #ccc;
     width: 100%;
   
     padding:10px 0 10px 0;
}

.view_bn {
     margin-top: 10px;
     border-top: 1px solid #ccc;
     width: 100%;
     padding:10px 0 10px 0;
}

.view  .view_b p{
     font-size: 0.9em;
}
.view_n .view_bn p {
      font-size: 0.9em;
      padding: 3px 0;
 }
 
.view_ver {
     display: table;
  
 }
 .view_ver p{
   text-align: left;
 }
 
.tab {
    display: table;
}
 .mini_imgR {
    float: right;
    margin: 0 30px 0 10px;
    width: 170px;
     text-align: center;
     
}

 .mini_imgR img{
    padding: 0;
    margin: 0;
}

 .mini_imgR  span{
    padding: 0;
    margin: 0;
    font-family: Verdana;
    font-size: 12px;
}

.pod-blok2 {
    margin: 0 auto;
    margin-top: 10px;
     margin-bottom: 10px;
    width: 70%;
    background-color: #f5f5f5;
    overflow: auto;
    }
    
.tabsh {
     margin: 2px ;
     padding: 2px;
    width: 60%;
     margin: 0 auto;
}

.tabsh td {
    text-align: center;
    font-weight: bold;
     font-size: 1em;
}

 .red {
    color: #ff0000;
}

 .green {
    color: green;
}

 .blue {
    color: blue;
}

 .datchik {
    margin: 10px auto;
    padding: 5px;
    width: 90%;
    background-color: #e8e8e8;
}

/* ---------------------------------------П О И С К --------П О И С К ---------П О И С К ------П О И С К ---------------*/

main .search_wie {
    width: 90%;
    margin: 0 auto;
}

 .search_wie a{
    font-family: Roboto;
    font-size: 1.1em;
}

.search_wie p{
    padding: 0;
}

.search_wie span{
     padding: 0 5px 20px 0px;
    margin: 0;
    color: #2F9D37;
}

.search_in {
    margin-top: 15px;
}

.search_in b{
    margin-right: 10px;
}
/* ----------------------------------------К О М М Е Н Т А Р И И --------------------------------------*/

.koment_d {
    width: 100%;
    margin-top: 10px;
    padding: 7px 0;
}
.com {
    width: 50%;
    margin: 10px;
}

.com img{
   padding: 0 3px 0 15px;
}

.f_name {
    width: 100%;
    margin: 5px 10px;
    padding: 5px 15px;
    background-color: #F8F8F8;
    
}

.f_text {
    width: 100%;
    margin: 5px 10px;
    padding: 5px 15px;
      background-color: #F8F8F8;
}


.f_text_otz {
    width: 98.6%;
    margin: 5px 10px;
    padding: 5px 15px;
      background-color: #F8F8F8;
} 

.f_knop {
    text-transform: uppercase;
    font-size: 0.8em;
    border: none;
    background-color: #3985B4;
    padding: 6px 15px 4px 15px;
    color: #fff;
    cursor: pointer;
}

.koment {
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
}

.koment h5 {
    
    width: 100%;
    padding: 6px 0;
     color: #fff;
    background-color: #BB162B;
    text-transform: uppercase;
    font-size: 1.15em;
    text-align: center;
}

.kom_in {
     width: 95%;
    margin: 0 auto;
     margin-top: 15px;
     border-bottom: 1px solid #ECECED;
     padding-bottom: 15px;
}

.kom_img {
    background-image: url(https://sportage-3.ru/img/avatr.png);
    width: 50px;
    height: 50px;
    float: left;
     margin-top: 3px;
}
.kom_wie {
    margin-left: 60px;
    box-sizing: content-box;
}
.kom_wie p.kom_wie_name {
    color: #1C88D5;
    font-size: 1em;
    font-family: Helvetica;
}
.kom_wie p{
    font-size: 0.9em;
    color: #34495E;
    font-family: Helvetica;
       
}
.kom_wie p.kom_wie_taim {
       color: #ABABAB;
       padding-top: 8px;
}

.load{
  width:150px;
  text-align:center;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.load div{
   
   cursor:pointer;
   background: #6483aa;
   color:#fff;
   padding: 4px 10px 4px 10px;
   border:1px solid #2f4561;
  
}

.comm-otv-cont {
    width: 98%;
    margin-left: 5px;
      box-shadow: 0px 1px 1px 0px #9B9B9B;
    padding: 10px 10px 10px 15px;
     border-left: 4px solid #BB162B;
    margin-top: 10px;
    background-color: #F8F8F8;
}

.comm-otv-cont p{
    font-family: Roboto;
    color: #BB162B;
}

/* ----------------------------------------В Ы В О Д ----------О Т З Ы В О В-------------------------------------*/

.otzoblg, .description, .desc {
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
}

.fotootzv {
    float: right;
    width: 35%;
}
.view_otz_foto img{
       width: 300px;
}
.otzyvd img {
    float: right;
}
.opis {
    float: left;
    width: 60%;
}

.otzyvtabl p, .otzyvtab2 p {
    padding: 2px 0 2px 10px;
    margin: 0;
}

.otzyvtabl span, abbr{
    color: #003399;
    font-weight: bold;
    padding-left: 5px;
   
}
.fn, .locality,  abbr{
    color: #003399;
    font-weight: bold;
    padding-left: 5px;
   
}

.otzyvtab2 img {
    margin-left: 10px;
}
.summary {
    color: #6C33CC;
    font-size: 1.5em;
    font-family: Roboto;
}

.descr-cont {
    margin: 0 auto;
    width: 100%;
    background-color: #F6F5F3;
}

.desc {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
}

.desc p{
    text-align: left;
}

.pro-cont {
    width: 48.5%;
    float: left;
    background-color: #B5D1C2;
    padding: 0 0 10px 0;
}

.pro-cont h5{
   color: #006633;
}
.contra-cont h5{
    color: #CC0033;
}
.contra-cont {
     width: 48.5%;
     float: right;
     background-color: #F7B5B9;
      padding: 0 0 10px 0;
}

.desc h5 {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    font-family: Helvetica;
    padding-top: 7px;
}
.smotrite {
     width: 95%;
    margin: 0 auto;
    margin-top: 20px;
     background-color: #B7D4EA;
     padding-bottom: 15px;
}

.smotrite h6{
      text-transform: uppercase;
    font-size: 1em;
    font-family: Helvetica;
    padding: 15px 0 15px 25px;
    color: #003399;
}

.smotrite span{
    color: #003399;
    padding-right: 6px;
}

.smotrite ul{
      list-style-type: none;
      color: #2F9D37;
}

.smotrite ul li a{
      text-decoration: none;
      padding-left: 6px;
}

.smotrite ul li a:hover{
      text-decoration: underline;
}

.reting {
    margin: 0 auto;
    width: 60%;
    margin-left: 30px;
    background-color: #e5e6e7;
    padding: 10px;
}
/* ------------------------------------------ САЙТБАР ---------------------------------------*/
.rekl_ssA {
    width: 100%;
    background-color: #FFF;
    margin: 0 0 10px 0;
    padding: 6px 6px 6px 13px;
      box-shadow: 0px 1px 1px 0px #9B9B9B;
}
.rekl_ssA p {
    font-size: 1em;
    font-family: Roboto;
    line-height: 1.1;
    color: #34495E;
    padding: 2px;
    
}

.rekl_ssA a{
    font-size: 1em;
     font-family: Verdana;
    text-decoration: underline;
    
    color: #BB162B;
    font-weight: bold;
}

.rekl_ssA a:hover{text-decoration: none;}
.rekl_ssA a:visited{text-decoration: underline;}

aside {
    float: right;
     width: 26.4%;
     margin-bottom: 20px;
     padding: 0 10px;   
   }
   
.zag_sb {
    width: 100%;
    margin: 0 auto;
    border-top: 2px solid #E9E7E8;
    padding-bottom: 3px;
}

.menu_sb, .otz, .teg, .comm_sb{
    width: 100%;
    background-color: #F7F7F7;
    margin: 0 0 10px 0;
    padding: 5px 0 10px 10px;
     
}

.menu_sb p{
      font-size: 0.7em;
    font-family: Roboto;
    line-height: 1.1;
    color: #424242;
    padding: 0 20px 0 0;
     text-align: right;
    
}
 .blok2 p{
     font-size: 0.7em;
    font-family: Roboto;
    line-height: 1.1;
    color: #ccc;
    padding: 10px 0 0 20px;
     text-align: left;
}

.rekl_bal{
    width: 100%;
   background: url(../img/bal4.png);
    margin: 10px 0;
    padding: 4px 0 0;
    
}

.rekl_bal p {
    font-size: 1em;
    font-family: Roboto;
    line-height: 1.1;
    color: #fff;
    padding: 4px;
    margin: 10px;
       
  }
  
.ten {
    text-shadow: 0.7px 0.7px 0.7px #424242; 
}  
.rekl_bal p b{
    text-indent: inherit;
    color: #000;
  }  
  
  
  
.rekl_bal span {
    background-color: #fff;
    padding: 5px 10px;
    opacity: 0.9; 
    border-radius: 2px;
}

.rekl_bal span a{
    font-weight: bold;
    color: #B82031;
}


 .rekl_bal a:link { text-decoration: underline;}
.rekl_bal a:hover{ text-decoration: none;}
.rekl_bal a:visited{ text-decoration: underline;}





.rekl_ss, .rekl_good{
    width: 100%;
      background-color: #F7F7F7;
   margin: 3px 0 5px 0;
    padding: 5px 15px;
    
}




.rekl_ss p, .rekl_good p {
    font-size: 1em;
    font-family: Helvetica;
    line-height: 1.2;
    color: #34495E;
    padding: 2px 0;
    margin: 3px;
}



.rekl_ss a{
    font-size: 1em;
     font-family: Verdana;
    text-decoration: none;
    padding: 5px 11px;
    color: #fff;
    background-color: #B82031;
    font-weight: bold;
    
}

.rekl_good a{
      font-size: 1.1em;
      font-family: Arial, sans-serif;
    text-decoration: underline;
    padding: 5px 2px;
    color: #B82031;
    font-weight: bold;
    
}






.mult a{
    font-size: 1em;
    font-family: Verdana;
    text-decoration: underline;
    text-transform: uppercase;
    color: #0088CC;
    font-weight: bold;
}

.rekl_ss a:link{text-decoration: none;}
.rekl_ss a:hover{text-decoration: none;  background-color: #424242;}

  h4 {
    color: #000;
      font-family: "PT Sans",sans-serif;
    line-height: 1.2;
    font-size: 1.5em;
    margin: 15px 10px 15px 20px;
    text-align: left;
}  
   
















.h2o {
    margin: 0 auto;
     text-align: center;
    }
    
.h2o a {
    margin: 0 auto;
   text-align: center;
}



.rekl_ALI {
      width: 100%;
    height: auto;
    text-align: center;
    background-color: #FFF;
    margin: 0 0 10px 0;
    padding: 5px 0 0 0;
     
}

.rekl_ALI img:hover{ opacity: 0.75; } 


.ali_img{
    margin: 0 auto;
    text-align: center;
}




.h2o a:hover {text-decoration: none;}

.mult a:hover {text-decoration: none;}
.good a:hover {text-decoration: none;}

.mult a{
    font-size: 1em;
    font-family: Verdana;
    text-decoration: underline;
    
    color: #0088CC;
    font-weight: bold;
}

.good a{
    font-size: 1em;
    font-family: Roboto;
    text-decoration: underline;
    text-transform: uppercase;
    color: #0000FF;
    font-weight: bold;
}

.menu_sb li, .comm_sb li {
      padding: 7px 4px 7px 0;
    margin: 0 15px 0 20px;
 
}


.comm_sb li {
     list-style: none;
     padding: 7px 4px 7px 0;
    margin: 0 10px;
}

.comm_sb ul{
    margin: 10px 0 15px 0;
  
}

.comm_sb a{
     font-family: Arial, sans-serif;
     font-size: 0.95em;
     line-height: 21px;
    
     color: #424242;
     margin: 15px 0;
   
}
.comm_sb a:link {
     text-decoration: none;    
     border-bottom: solid 1px #424242;
     }
.comm_sb  a:hover {color: #0000cc; text-decoration: none;  border-bottom: solid 1px #0000cc;}
.comm_sb  a:visited {text-decoration: none;  border-bottom: solid 1px #424242;}


.comm_sb p.bbc {
     font-family: Helvetica;
     font-size: 0.9em;
     color: #BB162B;
     padding: 10px 15px 0 2px;
     font-weight: bold;

}

.comm_sb p.bbc span{
     font-family: Helvetica;
     font-size: 0.8em;
     color: #267DA8;
     padding-left: 20px;
     padding-top: 5px;
     margin-left: 5px;
     font-weight: bold;
      background-image: url(https://sportage-3.ru/img/time.png);
      background-position: left bottom; /* Положение фона */
    background-repeat: no-repeat; 
}
.menu_sb li a{
    font-family: Verdana;
    font-size: 0.9em;
    text-transform: uppercase;
    text-decoration: none;
    
}
.menu_sb li a:link {text-decoration: none; color: #424242;}
.menu_sb li a:hover {text-decoration: underline;}
.menu_sb li a:visited {text-decoration: none; color: #800080;}

.rekl_sb {
    width: 100%;
    height: auto;
    text-align: center;
    background-color: #FFF;
    margin: 10px 0;
    padding: 0;
     
}


.pop img{
    float: left;
    margin-right: 10px;
    width: 110px;
}


.pop {
    width: 90%;
    margin: 0 auto;
    margin-top: 12px;
    
}

.pop_a {
    padding-top: 8px;
}

.pop_a a{
     color: #000;
    text-decoration: none;
    font-size: 0.9em;
    font-family: Helvetica;
}
.pop_a a:hover {text-decoration: underline;}
.pop_a a:visited {text-decoration: none; }

.otz  li {
    padding: 5px 2px 5px 0;
    margin-left: 15px;
    background:url(../img/line_horz.gif) bottom left repeat-x; height:100%; width:94%;
    list-style: none;
}

.otz h4 a{
    color: #2D9D37;
   text-decoration: underline;
}

.otz h4 a:hover {text-decoration: none;}

.otz h5 a{
    color: #3985B4;
     font-family: Helvetica;
    text-transform: uppercase;
    font-size: 0.9em;
    margin: 15px 0 6px 15px;
   border-left: 4px solid #2F9D37;
   padding-left: 10px;
}
.otz h5 a:hover {text-decoration: none;}

.otz  li a{
    font-family: Roboto;
    font-size: 1em;
    color: #424242;
    text-decoration: none;
}

.otz  ul{
    padding-bottom: 10px;
}

.otz  li a:hover {text-decoration: underline;}
.otz  li a:visited {text-decoration: none; }





 .teg{
    width: 100%;
    background-color: #fff;
    border: solid 1px #9B9B9B;
    margin: 0 0 10px 0;
    padding: 5px 0 10px 0;
     
}
.teg ul{
   padding: 0 5px;
}


.teg li{
    display: inline-block;
    padding: 6px;
    margin: 2px;
}

.teg li a:hover{
    background-color: #0E2F56;
    color: #fff;
}

.teg li a{
    background-color: #e7e8e8;
        vertical-align: baseline;
        padding: 6px 7px;
        text-decoration: none;
        text-transform: uppercase;
        font-family: Verdana;
        color: #000;
        
}

.teg ul li{
    font-size: 0.7em;
    line-height: 1.5em;
        
}

.teg li a.r1{background-color: #FFCC00;}
.teg li a.r2{background-color: #FF6600;}
.teg li a.r3{background-color: #33FF66;}
.teg li a.r3{background-color: #66CCFF;}
.teg ul li{
    font-size: 0.7em;
    line-height: 1.5em;
        
}
/* -------------------ф у т е р  --------ф у т е р --------ф у т е р -------ф у т е р ----------------*/

footer {
    margin-top: 20px;
     clear: both;
      background-color: #ccc;
}


.menu_bottom {
    background-color: #BB162B;
   
}
.menu_bottom ul li{
    list-style: none;
    display: inline-block;
    padding: 10px;
}

.menu_bottom ul li{
    list-style: none;
    display: inline-block;
    padding: 10px 15px;
}

.menu_bottom  li a{
    color: #fff;
    text-transform: uppercase;
    font-size: 0.9em;
    font-family: Roboto,ssans-serif;
    text-decoration: none;
}

.menu_bottom  li a:hover {color: #ccc;}
.menu_bottom  li a:visited {text-decoration: none;}

.bottom_fot {
    background-color: #34495E;

}
 .blok1 {
     float: left;
     width: 17%;
     margin-left: 10px;
     padding-left: 10px;
}

 .blok2 {
      float: left;
     width: 25%;
     margin-left: 2.1%;
}

 .blok3 {
     float: left;
     width: 25%;
     margin-left: 2.1%;
}

 .blok4 {
     float: left;
     width: 25%;
     margin-left: 2.1%;
}



.stat_f {
    color: #fff;
        font-family: "Roboto Condensed", sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    padding: 25px 10px 10px 5px;
        line-height: 26px;
        font-weight: 700;
}
a.stat_f:link {text-decoration: underline;}
a.stat_f:hover {text-decoration: none;}
a.stat_f:visited {text-decoration: underline; }

footer h5 {
    color: #fff;
        font-family: "Roboto Condensed", sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    padding: 25px 10px 10px 5px;
        line-height: 26px;
        font-weight: 700;
        border-bottom: 2px solid #cccccc;
}

footer h6 {
    color: #BB162B;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.4em;
    text-transform: uppercase;
    padding-left: 10px;
    line-height: 26px;
    font-weight: 700;
    border-left: 3px solid #fff; 
    margin: 20px 0 10px 0;
}

.sale {
     margin: 15px 0 0 0;
    border-top: 2px solid #60606A;
}

.sale p{
   color: #ccc;
   font-size: 0.9em;
}

.sale a{
   color: #ccc;
   text-decoration: none;
}

 .sale  a:hover{text-decoration: underline;}
 .sale a:visited{text-decoration: none;}

.live { background-color: #34495E; padding-left: 10px;}
.live img {
    padding-left: 5px;
}


.bottom_fot li {
       padding: 10px;
      
}

.bottom_fot ul {
       padding-top: 10px;
      
}
.bottom_fot {
    padding-bottom: 10px;
}

.vk {
    margin: 15px 0 0 0;
     
}
.vk img{
     display: inline-block;
    }


.vk a{
      font-family: "Helvetica", sans-serif;
     color: #fff;
     text-transform: uppercase;
     font-size: 0.8em;
     text-decoration: none;
     font-weight: bold;
     padding-left: 10px;
     
}

 .bottom_fot li a{
    font-family: "Helvetica", sans-serif;
     color: #fff;
     text-transform: uppercase;
     font-size: 0.8em;
     text-decoration: none;
     font-weight: bold;
   
    
}

.pop_f {
    width: 100%;
    margin: 0 auto;
    margin-top: 13px;
    margin-bottom: 4px;
}

.pop_f img{
    float: left;
    margin-right: 10px;
    width: 100px;
    
}

.pop_img_art img {
    width: 72px;
}

.pop_fa {
    padding-top: 2px;
    
}
.pop_fart {
    padding-top: 2px;
}

.pop_fa p, .pop_fart p{
    color: #fff;
    font-size: 0.7em;
    text-transform: uppercase;
    padding-bottom: 3px;
}

.pop_fa p span{
    padding: 2px 6px;
    background-color: #BB162B;
   
}

.pop_fa a, .pop_fart a{
    color: #ccc;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.8em;
}

.vk a:hover {text-decoration: none;  color: #ccc;}
.vk a:visited {text-decoration: none; }
.bottom_fot li a:hover {text-decoration: none;  color: #ccc;}
.bottom_fot li a:visited {text-decoration: none; }
.pop_fart a:hover {text-decoration: none;  color: #fff;}
.pop_fart a:visited {text-decoration: none; }
.pop_fa a:hover {text-decoration: none;  color: #fff;}
.pop_fa a:visited {text-decoration: none; }

.copy {
    
    background-color: #283644;
}

.copy p{
    text-align: center;
    padding: 18px;
    color: #ccc;
    font-size: 0.9em;
}

.menbotleft {
    float: left;
}

.scrollTop{  
    float: right; 
    padding: 7px 7px 0 0; 
}  
.scrollTop:hover{ opacity: 0.8; } 


/* -------------------МЕДИЯ ------------------------МЕДИЯ-------------МЕДИЯ  ----------------МЕДИЯ ------------------------*/
@media only screen and (max-width : 1216px) {
     #owl-demo .item h5 a{
      font-size: 0.9em;
      line-height: 1.1;
     }
   #owl-demo .item .proz {
    width: 99%;
   }
   #owl-demo .item .proz_k h6{
    font-size: 0.7em;
    }
}



@media only screen and (max-width : 1185px) {
   .bottom-header.fixed{width: 98.18%;}
   
   .view_n {
    width: 44%;
    margin: 14px;
    }
     .serch {width: 180px;} 
   .search input{width: 80%;}
    .vid2 embed,
          .vid2 object,
            .vid2 iframe {
                width: 49%;
                 height: auto;
                  min-height: 200px;
                  }
        .vid3 embed,
          .vid3 object,
            .vid3 iframe {
                width: 32%;
                 height: auto;
                  min-height: 140px;
                  }
}


@media only screen and (max-width : 1100px) {
  
   .smtr_artcl {
    width: 46%;
    margin-bottom: 25px;
  
    }
     .nav a{
        padding: 11px 8px 8px 8px;
        font-size: 0.9em;
    }
   .view {
    width: 44%;
    margin: 13px;
    

   } 
   .view_a a {
     font-size: 1.4em;
   } 
   .view_an a{
    font-size: 1.4em;
    line-height: 1.1;
     letter-spacing: 0;
   }
   .view_n, .view_foto {
    width: 42%;
    margin: 14px;
    }
    .item_main h5 a{
      left: 10px;
     font-family: "Roboto";
    font-size: 0.9em;
     } 
     .disci {
    width: 28%;
    margin: 5px;
    display: inline-block;
    }
   
}

@media only screen and (max-width : 980px) {
  
      .serch {width: 200px;} 
   .bottom-header.fixed{width: 97.7%;}
   .nav ul {
    display: none;
    position: absolute;
    width: 300px;
    background-color: #ccc;
    margin-top: 0;
    z-index: 10;
   }
   .nav ul li {
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
   }
   
     .view_a a{
     font-size: 1.16em;
     } 
      .item_main h5 a{
      left: 5px;
     font-family: "Roboto";
    font-size: 0.8em;
     } 
     .in_kat_img h5 a{
      font-size: 1em;
      line-height: 1.1;
       padding-right: 8px;
    }
    .in_kat_a  a{
   font-size: 0.8em;
    }
    .tablelampa {
    width: 70%;
    }
}


@media only screen and (max-width : 950px) {
   
      .smtr_artcl {
    width: 44%;
 
}

.blok1 {
    display: block;
     width: 25%;
     margin-left: 3%;
}

.blok2 {
    display: block;
     width: 20%;
     margin-left: 3%;
}


.blok3 {
    display: block;
     width: 91%;
     margin-left: 4%;
}

 .blok4 {
    display: block;
     width: 91%;
     margin-left: 4%;
     margin-bottom: 15px;
     }
}



@media only screen and (max-width : 900px) {
 
   .go1{
     width: 90%;
   display: block;
   margin: 5px 5px 15px 15px;
   
}


}

@media only screen and (max-width : 850px) {
     .bottom-header.fixed{width: 97.3%;}
    .main {
   display: block;
    width: 100%;
    margin-top:10px;
    padding: 0;
}
    
    aside {
    display: block;
    width: 100%;
     margin-top:10px;
    padding: 0;
    }

   .blok1 {
    float: left;
     width: 30%;
     margin-left: 4%;
}
   .menu_bottom ul li{
    padding: 7px;
  
}
    .go1{
     width: 44%;
   float: left;
   margin: 5px 5px 15px 15px;
   }
   .com {
    width: 90%;
    margin: 10px;
 }
      
     .view_a a{
     font-size: 1.4em;

     } 
     .item_main h5 a{
      left: 10px;
     font-family: "Roboto";
    font-size: 0.9em;
     } 
        
}

@media only screen and (max-width : 800px) {
    .share42init {display: none;}
    .menbotleft{display: none;}
   }



@media only screen and (max-width : 750px) {
    .share42init {display: none;}
     .view {
    display: block;
    width: 90%;
    margin-left: 5%;
   

   } 
   .view_b {
     margin-top: 0px;
    }
     .view_n, .view_foto {
    display: block;
    width: 80%;
    margin: 0 auto;
  
    }
         .item_main h5 a{
      left: 5px;
    font-size: 0.8em;
     } 
   .v_img-bk {
    padding-top: 15px;
   }
}


@media only screen and (max-width : 670px) {
    
     
     .bottom-header {height: 42px;}
    .bottom-header.fixed{width: 96.3%;  height: 42px; margin-top: 5px;  opacity: 1;}
    .serch {height: 42px;} 
      .menu_t {
    padding: 12px 0 5px 15px;
    cursor: pointer;
    }
    .gol_r, .gol_l {
    width: 80%;
    display: block;
    }
    .gol_r, .gol_l {
    width: 90%;
    display: block;
   
    }
    .smtr_artcl {
    width: 80%;
   display: block;
   margin-left: 4%;
   }
   
   .blok1 {
    display: block;
     width: 40%;
     margin-left: 5%;
}
   .blok2 {
    display: block;
     width: 30%;
     margin-left: 5%;
}

 .menu_bottom ul li{
    padding: 7px 5px;
    font-size: 0.94em;
 }
  .go1{
     width: 90%;
   display: block;
   margin: 5px 5px 15px 15px;
   
  }
  .in_m_l{
    width: 80%;
    margin-left: 5%;
   }
  
  .in_m_r {
    float: left;
    width: 60%;
    margin-left: 8%;
   }
        .item_main h5 a{
      left: 15px;
    font-size: 1em;
     } 
 
   .in_kat_l, .in_kat_r   {
     width: 60%;
    margin-left: 8%;
    float: left;
   }
   .fotootzv {
    display: block;
    width: 95%;
   }
   .opis {
    float: left;
    width: 95%;
   }
   .pro-cont {
    width: 100%;
    
    
    }
    .contra-cont {
     width: 100%;
     float: left;
     margin-top: 20px;
     }
     
     .vid2 iframe, .vid3 iframe{
        display: block;
        width: 100%;
        min-height: 260px;
        padding: 10px;
     }
     .video_index {
        margin: 0 auto;
        width: 80%;
     }
     .disci {
    width: 42%;
    margin: 5px;
    display: inline-block;
    }
}


@media only screen and (max-width : 600px) {
    
   
     .item_main h5 a{
      left: 10px;
    font-size: 0.9em;
     }
     .in_m_l{
    width: 90%;
   
   }
       .in_m_r {
    width: 70%;
    margin-left: 8%;
   } 
    .in_kat_l, .in_kat_r   {
     width: 70%;
    margin-left: 8%;
    float: left;
   }
   .tablelampa {
    width: 98%;
    }
    .video embed,
          .video object,
            .video iframe {
                width: 100%;
                 height: auto;
                  min-height: 220px;
                  }
    .vid2 iframe, .vid3 iframe{
       min-height: 240px;
    }
    .prl, .prR {
    float: left;
    width: 90%;
   }
}



@media only screen and (max-width : 480px) {
    .bottom-header.fixed{width: 95.3%;}
    main p{
    font-size: 1.1em;
    padding: 10px 15px 10px 15px;
    }
    
    .google1 {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 90%;
    margin: 0 auto;
   }
   
   .blok1 {
    display: block;
     width: 80%;
     margin-left: 5%;
    }
   .blok2 {
    display: block;
     width: 70%;
     margin-left: 5%;
    }
     .n1, .n2, .n3 {
    font-size: 0.8em;
   }
   .centertab {width: 98%;}
    .centertab td{
    padding: 5px 0;    
     }
  
      .view_a a{font-size: 1.3em;} 
       .view_n, .view_foto {
    display: block;
    width: 90%;
    margin: 15px;
    }
    
    #owl-demo .item h5 a{
      padding-top: 8px;
      font-size: 1.1em;
      line-height: 1.2;
     }
   #owl-demo .item .proz {
    width: 99%;
   }
   #owl-demo .item .proz_k h6{
    font-size: 0.8em;
    }
    
    .item_main img{
    width: 100%;
    height: auto;
    }
   .in_m_r {
    width: 90%;
    margin-left: 5%;
   } 
   .in_kat_l, .in_kat_r   {
     width: 90%;
    margin-left: 5%;
    
   }
    .in_kat_a  a{
   font-size: 0.9em;
    }
   .in_kat_oblg img{
    width: 110px;
   }
   .in_kat_a  {
   padding-top: 3px;
    }
      .video_index {
        margin: 0 auto;
        width: 98%;
     }
     .tabkod tr td{
   padding: 2px;
   font-size: 0.9em;
   } 
   .kodN {
    width: 4%;
   
   }   
    .kodT {
    width: 40%;
    } 
    .disci {
    width: 80%;
    margin: 5%;
    display: inline-block;
    }
    .tab {
     margin: 0 ;
     padding: 0;
    width: 100%;
     margin: 0 auto;
     font-size: 0.8em;
    }
      .tab_1 b {
        font-size: 0.9em;
    }
    .pr_p {
    padding-top: 0;
}
}

@media only screen and (max-width : 360px) {
    .bottom-header.fixed{width: 94.5%; }
     .view {min-height: 350px;} 
     #owl-demo .item h5 a{
        top: 65%;
      font-size: 1.1em;
      }
   #owl-demo .item .proz {
    width: 100%;
   }
   #owl-demo .item .proz_k h6{
    font-size: 0.7em;
    }
     .item_main h5  a{
      left: 5px;
    font-size: 0.9em;
     }
     .in_m_r {
    width: 95%;
    margin-left: 3%;
   } 
   .in_kat_l, .in_kat_r   {
     width: 95%;
    margin-left: 3%;
    
   }
    .in_kat_a  a{
   font-size: 0.9em;
    }
    .in_kat_a  {
   padding-top: 3px;
    }
}



@media only screen and (min-width : 980px) {
   
   .menu_t{
    display: none;
   }
}