/* CSS Document */

.gArticle .item-descr {
  line-height:1.6em;}

/* --- Articles List with inner "dots-menu" --- */

section.blog-menu {position:relative}

.dotsmenu {
width:40px;
height:40px;
border-radius:23px;
background:#F7F9FC;
position:relative;
z-index:100;
padding: 10px 18px;
position:absolute;
right:0;
top:-50px;}

.dotsmenu:hover {cursor:pointer}

.dotsmenu .dot {
display:block;
width:4px;
height:4px;
border-radius:4px;
background:#3A96F4;
margin-bottom:4px
}

.spoiler-inner-menu {
display:none;
padding:0 20px;}

.spoiler-inner-menu ul {
margin-top:30px;
text-align:center;
padding:0;}

.spoiler-inner-menu ul li {
list-style:none;
padding: 12px 16px;}

.spoiler-inner-menu ul li.act {
border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
-o-border-radius:8px;
-webkit-border-radius:8px;
display: inline-block;
margin-bottom:4px;
background:#F5CD53;
color: #333;}

.spoiler-inner-menu ul li a {
border:none;
color:#777;}

.spoiler-inner-menu ul li a {color: #777;}

.spoiler-inner-menu ul li a:hover,
.spoiler-inner-menu ul li.act a,
.spoiler-inner-menu ul li.act a:hover {
color:#333;
}

@media (min-width: 1200px) {
.gArticle .item-descr {line-height:1.4em;}
}

@media (min-width: 768px) {
.spoiler-inner-menu ul {
margin-top:0;
padding:0 15px;}

.dotsmenu {display:none!important}

.spoiler-inner-menu {
display:block!important;
padding:0;
position:relative;
margin-top:30px;}

.spoiler-inner-menu .blog-year {padding-left:0}
.spoiler-inner-menu .blog-tags {padding-right:0}

.spoiler-inner-menu ul {position:relative}

.spoiler-inner-menu ul li {
display:inline-block;
float:left
}

.spoiler-inner-menu .blog-tags ul li {float:right}
.spoiler-inner-menu ul li {padding:0;}
.spoiler-inner-menu .blog-year ul li:first-child {padding-left:0}
.spoiler-inner-menu .blog-tags ul li:first-child {padding-right:0}


.spoiler-inner-menu ul li a {
padding:12px 16px;
display:block;}

.spoiler-inner-menu ul.dropdown-menu {
position:absolute;
top:0;
left:auto;
max-width:240px;
border:none;
border-radius:0;
padding:15px;}

.spoiler-inner-menu .blog-year ul.dropdown-menu {
max-width:140px;
display: none;
z-index: 200;
background: #fff;
left: 300px;
top: -20px;
padding: 0
}


#dropdownYear:hover+.dropdown-menu {display: block;}

.spoiler-inner-menu ul.dropdown-menu li {
float:none;
width:100%;
text-align:center
}
}

.articlesList {margin-top:30px;}

.articlesList .items .item {
overflow:hidden;
margin-bottom:30px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;}

.articlesList .items .item .item-wrap {padding:20px 15px;}

.articlesList .items .item .greytxt span {
display:inline-block;
padding-left:24px;
position:relative;}

.articlesList .items .item .greytxt span:before {
content: "~";
font-size: 17px;
color: #777;
position: absolute;
display: block;
width: 10px;
height: 16px;
left: 4px;
top: 0;}

.articlesList .items .item .item-title {
line-height:1.2em;
display:inline-block;
margin-top:10px;}

@media (max-width: 767px) {
.articlesList .items {
max-width:360px;
margin:0 auto;}
}

@media (min-width: 991px) {
.articlesList .items .item {
margin:0 0 30px;
height:300px;
position:relative;
background:url(img/noPhoto.png) 50% 60px no-repeat;}
.articlesList .items .item .item-image {
position:relative;
z-index:1;}

.articlesList .items .item .item-wrap {
position:absolute;
z-index:5;
bottom:0;
left:0;
right:0;
background:#fff;
padding:20px 25px 30px;}
}

/* blog detail */

.articleImage {
margin:30px 0;
text-align:center;}

.articleImage img {border-radius: 20px 0;}

.gArticle .item-descr iframe,
.gArticle .item-descr img {
margin:16px 0 30px;
-moz-border-radius:12px;
-ms-border-radius:12px;
-o-border-radius:12px;
-webkit-border-radius:12px;
border-radius: 12px;}

.gArticle.announce .item-descr {
font-family: 'Gilroy-Extrabold', Helvetica, Arial, sans-serif;
font-weight: 700;
font-size:1.1em;
margin-top:12px;}

.gArticle+.pageBottom {
position:relative;
padding:30px 0;}

.gArticle.fulldescr {margin-bottom:40px;}

@media (min-width: 992px) {
.articleImage img {max-width:860px;}
}
@media (min-width: 1200px) {
.articleImage {margin:40px 0;}
.articleImage img {border-radius: 30px;}

.gArticle .item-descr iframe,
.gArticle .item-descr img {
-moz-border-radius:20px;
-ms-border-radius:20px;
-o-border-radius:20px;
-webkit-border-radius:20px;
border-radius: 20px;}
}

.gfShowMoreBtn {margin-bottom:40px;}

.gArticle .item-descr .gallery {
    margin: 30px 0;
}



.gArticle .item-descr .gallery {position: relative;}

.gArticle .item-descr .gallery .itm-image {
  padding: 0 5px;
}

@media (max-width:479px) {
  .gArticle .item-descr .gallery {
margin-left: -15px;
width: calc(100% + 30px);
}

.gArticle .item-descr .gallery .itm-image {
  padding: 0 15px;
}
}