@charset "utf-8";
/* CSS */
body { 
	padding-top:0px; 
	color: #696171;  
 	font-size: 16px;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;}

h1{
	font-size:22px;
}
h2{
	font-size:20px;
}
h3{
	font-size:18px;
}
h6, .h6 {
    font-size: 15px;
    font-weight: bold;
}


img {
	display: block;
	max-width: 100%;
	height: auto;
    }
iframe {
	max-width: 100%;
    }

header {
	background: url(../img/bg.png) #9798a6 repeat top center;
}
.hader {
	background: #3291C9;
    background: radial-gradient(circle at 80px 40px, #004586, #3291C9, #004586);
	padding: 5px 30px;
	margin-bottom: 25px;
}
.hader a {
	color: #f6f7b7;
	font-size:20px;
	font-weight: bold;
	
}
.navbar-default {
	background-color: transparent;
	
	}
.navbar {
	 border: transparent;
	 padding-bottom: 10px;
	 margin-bottom: 0px;
	 border-bottom: 1px solid rgb(221, 221, 221);
	 }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #428BCA;
    color: #fff;
    border-radius: 4px; 
}
.navbar-nav > li > a {
    padding-bottom: 7px;
    padding-top: 7px;
}
.navbar-default .navbar-link {
	background: #dfa333;
	padding: 7px 25px;
	color: #fff;
	font-size: 18px;
	border-radius: 12px; /* Делаем кружок */
}
.navbar-default .navbar-link:hover {
	background: #ccc;
	color: #696171;
	text-decoration:none;
	}
.navbar-text {
	margin-top: 5px;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #777;
    background: #ccc;
    border-radius: 4px; 
}
.navbar-default .navbar-nav > li > a {
	font-size:16px;
	font-weight: bold;
	margin: 0 2px;
}
.hader_img {
	background: rgba(0, 0, 0, 0) url("../img/main_bg.png") no-repeat scroll center center / cover ;
    height: 489px;
}
.hader-p {
	padding-top: 10px;
	color: #fff;
}
.hader-p a {
 	color:#f5febf;	
}
.hader-p a:hover {
 	color:#fff;	
}
.content {
	margin-top: 20px;
	margin-bottom: 20px;
}
.content p {
	text-indent:20px; 
 }
.h2 {
	margin-top: 30px;
}
.thumbnail {
	padding-left: 10px;
	padding-right: 10px;
	}


/* кнопка кверху*/

#toTop {
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    right:30px;
    display:none;
}
footer {
	background: #3291C9;
    background: radial-gradient(circle at 80px 40px, #004586, #3291C9, #004586);
    color: #fff;
}
footer h4 {
 	font-size:20px;
	font-weight: bold;	
}
footer a {
 	color:#dfdfdf;	
}
footer a:hover {
 	color:#fff;	
}

#deg a {
    display: inline-block;
    /* Строчно-блочный элемент */
    padding: 5px 10px 10px 5px;
    /* Добавляем поля */
    text-decoration: none;
    /* Убираем подчёркивание у ссылки */
    cursor: pointer;
    /* Курсор в виде руки */
    background: #04ACB1;
    /* Фон для браузеров, не поддерживающих градиент */
    color: #fff;
    /* Цвет текста и ссылки */
    font-size: 14px;
}

#deg a:hover {
    padding: 10px 10px 20px 10px;
    /* Добавляем поля */
    background: #65C6BB;
    /* Фон для браузеров, не поддерживающих градиент */
    font-size: 16px;
}

#deg {
    cursor: pointer;
    position: fixed;
    left: -70px;
    top: 75px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    font-weight: bold;

}

#deg1 {
    cursor: pointer;
    position: fixed;
    left: -25px;
    top: 210px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    font-weight: bold;
}

#deg1 a {
    display: inline-block;
    /* Строчно-блочный элемент */
    padding: 5px 10px 10px 5px;
    /* Добавляем поля */
    text-decoration: none;
    /* Убираем подчёркивание у ссылки */
    cursor: pointer;
    /* Курсор в виде руки */
    background: #5BC0DE;
    /* Фон для браузеров, не поддерживающих градиент */
    color: #fff;
    /* Цвет текста и ссылки */
    font-size: 14px;
}

#deg1 a:hover {
    padding: 10px 10px 20px 10px;
    /* Добавляем поля */
    background: #68A4C4;
    /* Фон для браузеров, не поддерживающих градиент */
    font-size: 16px;
}

#deg2 {
    cursor: pointer;
    position: fixed;
    left: -30px;
    top: 310px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    font-weight: bold;
}

#deg2 a {
    display: inline-block;
    /* Строчно-блочный элемент */
    padding: 5px 10px 10px 5px;
    /* Добавляем поля */
    text-decoration: none;
    /* Убираем подчёркивание у ссылки */
    cursor: pointer;
    /* Курсор в виде руки */
    background: #E48E34;
    /* Фон для браузеров, не поддерживающих градиент */
    color: #fff;
    /* Цвет текста и ссылки */
    font-size: 14px;
}

#deg2 a:hover {
    padding: 10px 10px 20px 10px;
    /* Добавляем поля */
    background: #E9C06A;
    /* Фон для браузеров, не поддерживающих градиент */
    font-size: 16px;
}


/* главная стр. 4 плитки*/
.destacados-4{
    padding: 20px 0;
}

.destacados-4 > div > div{
	padding: 10px;
	border: 1px solid transparent;
	transition: 0.2s;
    background: #fff;
}
.destacados-4 > div:hover > div{
	margin-top: -10px;
	border: 1px solid rgb(200, 200, 200);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
	background: rgba(200, 200, 200, 0.1);
	transition: 0.5s;
    background: #fff;
}
.destacados-4 > div > div {
	border: 1px solid rgb(200, 200, 200);
        width: 100%;
    height: 200px;
	border-radius: 6px;
}
.destacados-4 > div > div > div {
        width: 100%;
}
.destacados-4  h3 {
    margin: 5px;
}
/* главная стр. Товар*/
.destacados{
    padding: 20px 0;
}

.destacados > div > div{
    padding: 5px;
    transition: 0.2s;
    background: #fff;
}

.destacados > div > div {
    border: 1px solid rgb(200, 200, 200);
        width: 100%;
}

.destacados  h3 {
    margin: 5px;
}
/* img на главной */
.img .thumbnail {
    position:relative;
    overflow:hidden;
}
.img .caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(234, 234, 234, 0.75);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}
.img .caption img {
    display: block;
    position: relative
}
.img .caption h2 {
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 15px;
    padding: 10px;
    background:  #68A4C4;
    margin: 10px 0 20px 0;
}

.img .caption a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 24px;
    background: #68A4C4;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #68A4C4;
    position: absolute;
	bottom: 5%;
	left: 27%;
	width: 96%;
	margin: -15% 0 0 -25%;
}
.img .caption a.info:hover {
    background: #428BCA;
}
.badge {
    border-radius: 0px;
}
/*  */
.fancyboxpopup {
    position: relative;
    display: block;

}
.fancyboxpopup img {
    height: 140px;
}
.viewfancypopup {
    background: transparent url("/img/view.png") no-repeat scroll center center;
    text-align: center;
    width: 100%;
    display: none;
    height: 75px;
    position: absolute;
    bottom: 50%;
    margin-bottom: -38px;
}
/*  */
#pinBoot {
  position: relative;
  max-width: 100%;
  width: 100%;
}
.white-panel img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.white-panel {
  position: absolute;
  background: white;
  border: 1px solid rgb(221, 221, 221);
  padding: 10px;
}

.white-panel:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  margin-top: -3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.left {
    text-align: left;
    font-weight: bold;
}

article
{
    padding-bottom: 12px;
}
.article-caption
{
position: absolute;
bottom: 16px;
width: 90%;
background-color: rgba(200,200,200,0.8);

}
.article-caption h5
{
 text-align: center;
    }

.article-img
{
width: 100%; 
max-height: 400px;
object-fit: cover;
}


@media screen and (max-width: 768px) { 
.article-title
{
font-size: 10px;
}
}

@media screen and (max-width: 500px) { 
.article-title
{
font-size: 8px;
}
}

.article-caption a
{
color: white;
}



.heading1 {
    pfont-family: 'Noto Sans', serif;
    font-size: 24px;
    border-bottom: 2px solid #ddd;
    padding: 10px 0 5px 0;
    margin-bottom: 20px;
    margin-top: 10px;
}
.heading1 .maintext {
    border-bottom: 2px solid #A29F9F;
    padding: 0px 0 5px 0;
}
.img-thumbnail-gl {
    padding: 2px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.img-thumbnail-gl:hover {

    border: 1px solid rgb(200, 200, 200);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 3px 2px;
    background: rgba(200, 200, 200, 0.1);
    transition: 0.5s;

}
.img-news {
    margin-bottom: 5px;
    margin-top: 3px;
 }

.panel-body {
    padding: 7px;
}

.alert {
    padding: 5px;
    margin-bottom: 10px;
}
.bg-primary {
    background-color: #00979B;
}
.pagination-forum {
	margin-bottom: -5px;
	margin-top: -10px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 4px;
     vertical-align: top; /* Выравнивание по верхнему краю ячеек */
}
   th {
    font-weight: normal; /* Нормальное начертание */
}
pre {
    max-height: 30em;
}
pre[class*="language-"].line-numbers > code {
    white-space: pre-wrap; 
}
pre.line-numbers > code {
    white-space: pre;
}
code {
    white-space: pre;
}

.navbar-brand {
     padding: 1px 1px; 
     font-size: 18px; 
	 line-height: 20px;
     height: 24px; 
}
.sidebar {display: none;}
.nav > li > a > img {
    max-width: 40px;
}

.pagination > .selected > a, .pagination > .selected > span, .pagination > .selected > a:hover, .pagination > .selected > span:hover, .pagination > .selected > a:focus, .pagination > .selected > span:focus {
    background-color: #428bca;
    border-color: #428bca;
    color: #fff;
    cursor: default;
    z-index: 2;
}
.pagination>li>a:hover, .pagination>li>span:hover {
    color: #00979B;
}

.well-sm {
    padding: 5px;
}

small {
    font-size: 75%;
}
.like {
	color: #fc3a3a;
	font-size:40px;
	padding: -15px; 
	margin: -15px 0;
}
.like a{
	font-size:40px ;
	color: #a94442;
	text-decoration: none;
}
.like a:hover{
	font-size:41px ;
	color: #fc3a3a;
}
#yw0 {
	border-radius: 5px;
}

#main_area {
	background: rgb(174,201,238);
background: radial-gradient(circle, rgba(174,201,238,1) 38%, rgba(148,187,233,1) 58%);
}
.logo {
    max-width: 32px;
}