/* --------------- 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 {						/* устраняем отступы между ячейками таблицы */
	
	
}
td, td img {
	vertical-align: top;			/* возвращаем привычное вертикальное выравнивание */
} 
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: #F7F7F7;
	font-size: 1em; /* используем безопасные шрифтовые CSS стеки */
	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;
    background-color: #fff;
      margin-bottom: 10px;
}



.top-header {
    margin: 0 auto;
     border-radius: 20px 20px 0 0;
    background-color: #d8d8d8;
}

.logo {
    text-align: center;
    	 
   
}
.head {
      max-width: 1190px;
    min-width: 320px;
    margin: 0 auto;
}

.share42init {
    float: right;
    width: 200px;
    height: 30px;
    margin: 30px 0 0;
}

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

.bottom-header {
    background-color: #3985B4;
     margin: 0;
    padding: 0;
    width: 100%;
    height: 36px;
    top: 0;
    z-index: 10;
    margin: 0 auto;
    position: relative;
   }
   
   
.row {
    width: 100%;
    height: auto;
}




nav{
    float:left;
    margin-left: 10px;
    width: 70%;
     z-index: 10;
    
    }
    
nav>ul{
    float:left;
   
}


nav li{list-style:none;float:left; margin: 0 1px;}
nav .dropdown{position:relative}

nav li a{
    float:left;
    color: #fff;
    text-decoration: none;
    padding: 11px 14px 8px 14px;
    display: block;
    font-size: 15px;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    
    }

 li.atb:hover {
    border-radius: 6px;
    background-color: #BB162B;
    }
    
li.atb:active{
     border-radius: 6px;
    background-color: #BB162B;
    }
    
  .active{
     border-radius: 6px;
    background-color: #BB162B;
    }
 .active2{
     border-radius: 6px;
    background-color: #F39200;
    }
    



nav li ul{display:none}
 nav li:hover ul{display:inline}
nav li li{float:none;position: relative;}


nav .dropdown ul li, nav .mega-dropdown ul li{
    width: 96%;
    margin: 0 auto;
    margin-top: 12px;
    height: 100%;
   
}

nav li {
   
}


nav .dropdown ul li img, nav .mega-dropdown ul li img{
    float: left;
    margin-right: 10px;
    width: 100px;
    display: block;
}


nav .dropdown ul li:hover{
     background-color: #eee;
     cursor: pointer;
  
}
nav .mega-dropdown ul li:hover{
     background-color: #eee;
     cursor: pointer;
}


     
nav .my-b {
   
    display: block;
   padding: 0;
    cursor: pointer;
    text-decoration: none;
 }


     
nav .dropdown li, nav .mega-dropdown ul li{
     
    }
    
  .divlink {
           width: 100%;
           height: 100%; 
           cursor:pointer;
}  

     
nav .dropdown li a{
     display: block;
     height: 100%;
     text-transform: none;  
     font-weight: normal; 
     font-family: Helvetica;
    }



nav .dropdown ul{
    position:absolute;
    left:0;
    top:100%;
    width:260px;
    background-color: #fff;    
    border: 1px solid #bbb;
      padding: 0 0 10px 10px;
    border-radius: 5px !important;
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
    z-index: 12;
}

    
     
    
    
nav .mega-dropdown li a{
     text-transform: none;  
     font-weight: normal; 
      color: #000;
    text-decoration: none;
    font-size:0.9em;
    font-family: Helvetica;
      display: block;
     height: 100%;
   
    }
    
nav .mega-dropdown li a:hover {
       text-decoration: underline;
}
nav .dropdown li a:hover {
       text-decoration: underline;
}

.bottom-header  nav .mega-dropdown{
    position:absolute;
    top:100%;
    left:0;
    z-index: 13;
    padding: 0 0 10px 8px;
    background-color: #fff;    
    border: 1px solid #bbb;
    border-radius: 5px !important;
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
}


nav li li a{
             float:none;
             color:#000;
            
            
}


.mega-col{
    width:260px;
    float:left
    
}

.mega-dropdown ul li:before,
.mega-dropdown ul li:after,
.dropdown ul li:before,
.dropdown ul li:after,
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}






.serch {
     color: #fff;
    float: right;
    width: 18.8em;
    height: 37px;
    background-color: #3985B4;
    
}

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

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

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


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



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

.hleb {
    width: 100%;
    background-color: #fff;
    margin: 0 0 12px;
    padding: 5px 0;
     
}

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

.hlebul {
    margin-left: 20px;
}

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

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

.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;
}

/* ----------------------------------------Г Л А В Н А Я -----С Т Р А Н И Ц А ---------------------------------------*/

.slider{
    width: 100%;
   
    margin: 0 auto;
    padding-left: 15px;
    margin-top: 8px;
     
}


#owl-demo .item{
  margin: 5px;
  position: relative;
}

#owl-demo .item img{
  display: block;
  width: 400px;
  height: auto;
  border-radius:  10px;
}

.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; 
      border-radius: 0 0 10px 10px; 
}

.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;
   border-radius:  10px;
}

  .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;
}
.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: 150px;
    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;}



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

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

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


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


main, .bg_m {
    
}

.bg_pad {
    padding-top: 10px;
}


main p{
    text-align: justify;
    font-size: 1em;
    font-family: Roboto;
    padding: 5px 20px 5px 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;
}

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

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



 h1{
    font-size: 2.3em;
    padding: 5px 5px 10px 25px;
    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: 12px 0;
     line-height: 1.1;
}



.centerimg {
    margin-top: 10px;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
}

td {
    font-size: 1em;
}
.centertab {
    text-align: center;
    margin: 0 auto;
    width: 95%;
      
}
.centertab2 {
    margin: 0 auto;
    width: 95%;
      
}

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

 .n1 {
    font-size: 1em;
    background-color: #c0c0c0;
}

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

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

.tab_2 {
    width: 65%;
}
.lampa {
    margin: 0 auto;
    width: 80%;
}

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

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

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

.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_a {
    width: 32%;
   float: left;
   margin: 5px;
}

.smtr {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 25px;
}

.rekl_ads {
    width: 96%;
    margin: 0 auto;
    padding-left: 10px;
}

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




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


.smtr_artcl img{
    border-radius: 6px ;
	  border: 1px solid #A8A8A8;
    
}

.smtr_artcl a{
     color: #000;
    text-decoration: underline;
    font-size: 1.11em;
}

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

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


.smtr_artcl_a img{
    float: left;
    padding: 0 5px 5px 0;
}

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


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




 .go1{
     width: 44%;
   float: left;
   margin: 5px 5px 15px 15px;
   
}

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

.smtr_tak img{
    float: left;
    margin-right: 10px;
    padding: 0;
    width: 85px;
}

.stmtr_taka p{
    color: #fff;
    padding-bottom: 7px;
}

.stmtr_taka {
    padding-top: 4px;
}

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

.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 #BB162B;
   

}

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


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%;
        border-radius: 6px ;
	  border: 1px solid #A8A8A8;
   
}

.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;
}
/* ---------------------------------------П О И С К --------П О И С К ---------П О И С К ------П О И С К ---------------*/

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: 7px;
}

.kom_img {
    background-image: url(https://nissanenote.ru/imgN/avatr.png);
    width: 50px;
    height: 50px;
    float: left;
     margin-top: 3px;
}
.kom_wie {
    margin-left: 60px;
   
}
.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: 3px;
}

.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: 94%;
    margin-left: 20px;
      box-shadow: 0px 1px 1px 0px #c0c0c0;
    padding: 6px 6px 6px 15px;
     border-left: 4px solid #BB162B;
    margin-top: 6px;
    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;
    vertical-align: top;
}

.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: #0000ff;
}

.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;
}
/* ------------------------------------------ САЙТБАР ---------------------------------------*/

aside {
    float: right;
     width: 26.4%;
     margin-bottom: 20px;
     padding: 0 10px;   
   }
.menu_new {
    margin: 10px 0;
}   
   
   
   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;
}    
   
 .otz h4 a{
    color: #2D9D37;
   text-decoration: underline;
}

.otz h4 a:hover {text-decoration: none;}
  
   
   
   
   
   
   .rekl_ALI {
      width: 100%;
    height: auto;
    text-align: center;
    background-color: #FFF;
    margin: 0 0 10px 0;
    padding: 7px 0 0 0;

}

.rekl_ALI img:hover{ opacity: 0.75; } 
   
.zag_sb {
    width: 100%;
    margin: 0 auto;
    border-top: 2px solid #E9E7E8;
    padding-bottom: 3px;
}

.menu_sb, .otz, .comm_sb, .teg, .comm_sb_otz{
     width: 100%;
   background-color: #fff;
    margin: 8px 0  ;
    padding: 6px 0 10px 0;
         border-radius: 10px ;
    border: 1px solid #A8A8A8;
    
}

.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_ss {
    width: 100%;
    background-color: #FFF;
    margin: 0 0 10px 0;
    padding: 10px 3px 10px 10px;
    
}
.rekl_ss p {
    font-size: 0.9em;
    font-family: Helvetica;
    line-height: 1.2;
    color: #34495E;
}

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

.rekl_ssA {
    width: 100%;
    background-color: #FFF;
    margin: 0 0 10px 0;
    padding: 6px 0 0 0;
    
}
.rekl_ssA p {
    font-size: 1.15em;
    font-family: Roboto;
    line-height: 1.2;
    color: #34495E;
    text-align: center;
    padding: 2px;
}

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

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

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

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

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


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

.comm_sb_otz ul{
    margin: 6px 0;
  
}

.comm_sb li, .comm_sb_otz li {
     list-style: none;
}


.comm_sb_otz a{
     font-family: Arial, sans-serif;
     font-size: 1em;
     line-height: 21px;
     color: #424242;
     margin: 15px 0;
   }
.comm_sb_otz a:link {text-decoration: underline;}
.comm_sb_otz a:hover {text-decoration: none;}
.comm_sb_otz a:visited {text-decoration: none;}




.comm_sb a{
        font-family: "Roboto Condensed", sans-serif;
     font-size: 0.9em;
     text-decoration: none;
     color: #34495E;
     margin: 15px 0;
     line-height: 1.2;
}
.comm_sb a:hover {text-decoration: underline;}
.comm_sb a:visited {text-decoration: none;}


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

}

.comm_sb p.bbc span, .comm_sb_otz 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://nissanenote.ru/imgN/time.png);
      background-position: left bottom; /* Положение фона */
    background-repeat: no-repeat; 
}

.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;}





.menu_sb li a{
    font-family: Verdana;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #424242;
    text-decoration: none;
    
}


.menu_sb li a:hover {text-decoration: underline; color: #BB162B;}
.menu_sb li a:visited {text-decoration: none; color: #800080;}



.rekl_sb {
    width: 100%;
   
   margin: 10px 0;
   }


.pop img{
    float: left;
    margin-right: 10px;
    width: 110px;
    border-radius:  6px;
     border: 1px solid #A8A8A8;
}


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

.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; color: #BB162B;}
.pop_a a:visited {text-decoration: underline; }


.comm_sb_otz{
    width: 100%;
    background-color: #fff;
    border: solid 1px #c0c0c0;
    margin: 0 0 10px 0;
    padding: 5px 0 10px 0;
    
}


.otz h4 a:link{
    color: #000;
   text-decoration: underline;
}

.otz h4 a:hover {color: #BB162B; text-decoration: none;}
.otz h4 a:visited { color: #000; text-decoration: underline;}

.otz h5 a{
    color: #3985B4;
     font-family: Helvetica;
    text-transform: uppercase;
    font-size: 0.9em;
    margin: 15px 0 6px 15px;
   border-left: 4px solid #BB162B;
   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; color: #BB162B;}
.otz  li a:visited {text-decoration: none; }


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


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

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



.teg li a{
vertical-align: baseline;
        padding: 7px 8px;
        text-decoration: none;
        text-transform: uppercase;
        font-family: Verdana;
        color: #000;
           border-radius: 11px 6px 6px 0;
           border: 1px solid #3985B4;
        
}

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


/* ------------------------------------------ РЕКЛАМА НОВАЯ ---------------------------------------*/

.banner_mas {
    width: 100%;
    height: 910px;
    text-align: center;
    margin: 0 auto;
}

.banner_mas2 {
   width: 100%;
    height: 350px;
    text-align: center;
    margin: 0 auto; 
    
}




/* -------------------ф у т е р  --------ф у т е р --------ф у т е р -------ф у т е р ----------------*/

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


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

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

.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: #BB162B;}
.menu_bottom  li a:visited {text-decoration: none;}

.bottom_fot {
    background-color: #34495E;
    padding: 0 0 15px 0;
}


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

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

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

 .blok4 {
     float: left;
     width: 27%;
     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;
      
}


.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: 99%;
    margin: 0 auto;
    margin-top: 5px;
}
.pop_fall {
    width: 99%;
    margin: 0 auto;
    margin-top: 11px;
}

.pop_f img{
    float: left;
    margin-right: 5px;
    width: 65px;
    
}
.pop_fall img{
    float: left;
    margin-right: 10px;
    width: 100px;
       border-radius: 6px ;
	  border: 1px solid #A8A8A8;
}


.pop_fa {
    padding-top: 3px;
    
}
.pop_fart {
    padding-top: 10px;
}

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

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

.pop_fa p span{
    padding: 2px 7px;
    background-color: #B82132;
    border-radius: 3px;
}


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

.copy {
    
     border-radius: 0 0 20px 20px;
    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%;}
    .serch {width: 220px;} 
   .view_n {
    width: 44%;
    margin: 14px;
    }
}





@media only screen and (max-width : 1100px) {
   .serch {width: 190px;} 
   .search input{width: 80%;}
   .nav a{
        padding: 11px 7px 8px 7px;
        font-size: 0.9em;
    }
   .smtr_artcl_a {
    width: 47%;
   float: left;
    margin-left: 2%;
    margin-top: 1px;
   margin-bottom: 1px;
    }
     .smtr_artcl {
    width: 46%;
    margin-bottom: 25px;
  
    }
   .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 {
    width: 42%;
    margin: 14px;
    }
    .item_main h5 a{
      left: 10px;
     font-family: "Roboto";
    font-size: 0.9em;
     } 
   
}

@media only screen and (max-width : 980px) {
   .nav a{
        padding: 11px 4px 8px 4px;
        font-size: 0.9em;
    }
    .bottom-header.fixed{width: 98%;}
    .nav ul {
    display: none;
   
   }
     .nav li ul li {
    display: none;
   
   }
   .nav ul li {
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 300px;
    background-color: #ccc;
    margin-top: 0;
    z-index: 16;
   }
     .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;
    }
}


@media only screen and (max-width : 950px) {
   
      .smtr_artcl_a {
    width: 42%;
   float: left;
   margin-left: 2%;
    margin-top: 1px;
   margin-bottom: 1px;
 }
     .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) {
   .serch {width: 200px;} 
   .bottom-header.fixed{width: 97.7%;}
   .nav ul {
    display: none;
    position: absolute;
    width: 300px;
    background-color: #C4C6C8;
    margin-top: 0;
    z-index: 10;
   }
   .nav ul li {
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
   }
   .go1{
     width: 90%;
   display: block;
   margin: 5px 5px 15px 15px;
   }
   .menu_bottom ul li{
    padding: 10px 5px;
  
}

}

@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;
    }
    .smtr_artcl_a {
    width: 46%;
   float: left;
   margin-left: 2%;
     margin-top: 1px;
   margin-bottom: 1px;
}
   .blok1 {
    float: left;
     width: 30%;
     margin-left: 4%;
}
   .menu_bottom ul li{
    padding: 10px 5px;
     font-size: 0.9em;
}
    .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 : 750px) {
    .share42init {display: none;}
     .view {
    display: block;
    width: 90%;
    margin-left: 5%;
   

   } 
   .view_b {
     margin-top: 0px;
    }
     .view_n {
     
    display: block;
    width: 80%;
    margin: 0 auto;
    }
         .item_main h5 a{
      left: 5px;
    font-size: 0.8em;
     } 
      .menu_bottom ul li{
    padding: 10px 3px;
     font-size: 0.8em;
}
   
}


@media only screen and (max-width : 670px) {
    .share42init {display: none;}
     .menbotleft{display: none;}
     .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_a {
    width: 80%;
   display: block;
   margin-left: 4%;
   }
    .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: 10px 3px;
     font-size: 0.8em;
}
  .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;
     }
}


@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;
   }
}



@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 {
    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;
    }
    
}

@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;
    }
       .n1, .n2, .n3 {
    font-size: 0.7em;
   }
   td {
    font-size: 0.8em;
}
}



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

.vinos {
    width: 95%;
    margin-left: 20px;
      box-shadow: 0px 1px 1px 0px #c0c0c0;
    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;
}