/* Generated by tools/build-portfolio-performance-assets.py; edit common.css. */
p{
	margin-bottom:10px;
}
blockquote{
	margin-bottom:10px;
	font-weight: bold;
	font-size: 21px;
	line-height: 1.4;
}
blockquote cite{
	font-size: 14px;
	display: block;
	text-align: right;
	font-style: normal;
	font-weight: normal;
}
 code{
	--background: #F5F6F8;
	--color: #C33554;
	--font-family: monospace;
	padding: 3px;
    line-height: 1.7;
}
 xmp,
 pre{
	white-space: break-spaces;
	margin: 0;
	padding-bottom: 20px;
}
strong, b{
    font-family: Roboto-Bold; 
}
i, em{
	font-style:italic;
}
s, strike, del {
    text-decoration: line-through;
}

.description h1, .description h2, .description h3, .description h4, .description h5, .description h6{
    font-family: Roboto-Bold; 
}
.description h1{
	font-size:250%;
}
.description h2{
	font-size: 180%;
	line-height: 1.2;
	margin: auto;
	padding-top: 32px;
	padding-bottom: 24px;
}
.description h3{
	font-size: 18px;
	line-height: 1.2;
	margin: auto;
	padding: 12px 0;
}
.description h2 + h3{
	padding-top: 0;
}
.description h4{
	font-size:150%;
}
.description h5{
	font-size:125%;
}
.description h6{
	font-size:100%;
}
.description a{
	text-decoration:underline;
}

.description table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
}

.description th, .description td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 600px) {
  .description table, .description thead, .description tbody, .description th, .description td, .description tr {
    display: block;
  }

  .description tr {
    border: 1px solid #ccc;
  }

  .description td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 8px;
  }

  .description td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    content: attr(data-column);
  }
}




.page .description hr,
.blog .description hr{
	border: none;
	border-top:1px solid #CCC; 
	margin:44px auto 44px auto; 
	width:30%;
}

.page .description img,
.blog .description img{
	max-width:100% !important;
	height:auto !important;
	margin: auto;
}

.page .description .inlinePic,
.blog .description .inlinePic{
	padding-bottom: 20px;
}

.page .description .inlinePic a,
.blog .description .inlinePic a{
	opacity:1;
}

.page .description p + .inlinePic,
.blog .description p + .inlinePic{
	margin-top: 30px;
}
.page .description .inlinePic + p,
.blog .description .inlinePic + p{
	margin-top: 10px;
}

.page .description .inlinePic + h2,
.blog .description .inlinePic + h2{
	padding-top:0;
}
.page .description .inlinePic .caption,
.blog .description .inlinePic .caption{
	padding: 6px 0 0;
	font-size:14px; 
	color: #888888;
}
.page .description .inlinePic .caption .t,
.blog .description .inlinePic .caption .t{
	font-weight:bold;
}
.page .description .inlinePic .caption .d,
.blog .description .inlinePic .caption .d{
	padding-top: 2px;
	line-height: 18px;
}

.page .description figure,
.blog .description figure{
	margin: auto;
	padding-bottom: 20px;
}
.page .description figure .inlinePic,
.blog .description figure .inlinePic{
	padding-bottom: 0px;
}
.page .description figure .inlinePic .caption,
.blog .description figure .inlinePic .caption{
	--display: none;
}
.page .description figure figcaption,
.blog .description figure figcaption{
	padding: 6px 0 0;
	font-size:14px; 
	color: #888888;
	display: none;
}

.page .description iframe,
.blog .description iframe{
	width: 100% !important;
	height: 505px;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.items-center {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    justify-content: center;
}

.contact .contacts .info {
    padding: 16px 0 0 0;
}
.cke_editable img {
    height: auto !important;
}

.content .description ul,
.content .description ol {
	max-width: 814px;
    margin: 0 auto 20px auto;
    padding-left: 0px;
}
.content .description ul li{
    margin: 0 0 0 20px;
    list-style-type: disc;
    page-break-before: avoid;
}
.content .description ol li {
    margin: 0 0 0 20px;
    list-style-type: decimal;
    page-break-before: avoid;
}

.content .notfound{
	margin-top: 20vh;
	text-align: center;
}
.content .notfound p.p404{
	font-family: Roboto-Bold;
	font-size: 172px;
}
.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.content > div.blog {
	max-width: 789px;
	margin: auto;
}
.content .blog.multi {
	max-width: none;
    width: calc(100% - 135px);
    width: 100%;
	padding: 0 135px 0 0;
	padding: 0;
	margin: 0;
    max-width: 1418px;
}
.content > div.blog.multi:not(.entry) .header .right{
	margin-right: 100px;
}
@media screen and (min-width: 1920px) {
	.content .blog.multi {
		width: 1418px;
		padding: 0;
		margin: auto;
	}
}

.content .blog .header {
    position: relative;
    border-bottom: 1px #828282 solid;
    padding-bottom: 10px;
}
.content .blog.multi .header {
    margin-top: 0;
}
.content .blog h1 {
    font-size: 40px;
    line-height: 42px;
    font-family: Roboto-Bold; 
}
.content .blog .header h1 {
    font-size: 32px;
    line-height: 36px;
	margin-right: 230px;
	color: #000000;
}
.content .blog .entryContent  h1 {
	padding: 40px 0 16px;
}
.content .blog .header a{
	font-size: 14px;
	line-height: 14px;	
	display: inline-block;
	padding: 10px;
}
.content .blog .header a.selectedMonth{
	background-color: #ececec;
	padding: 10px 30px 10px 10px;
	margin-right: 10px;
	position: relative;
	cursor:pointer;
}
.content .blog .header a.selectedMonth:before{
    background: url(../../i/nonstop/portfolio/close_24px.svg) no-repeat scroll 0 0 transparent;
    width: 24px;
    height: 24px;
    top: 5px;
    right: 4px;
    content: '';
    position: absolute;
    opacity: 0.3;
}
.content .blog .header a.selectedMonth:hover {
	text-decoration: none;
}
.content .blog .header a.selectedMonth:hover::before {
    opacity: 1;
}

.content .blog .header .right a:last-child{
	padding-right: 0;
	position: relative;
}
.content .blog .header .right a:last-child:before{
	content: '|';
	position: absolute;
	left: -1px;
	top: 9px;
}
.content .blog .header a.back{
	padding-left: 0;
}
.content .blog.multi .waterfall-container{
	display: flex;
	--justify-content: space-between;
    flex-wrap: wrap;
}
body.whiteContentBg .content .blog.multi{
	padding-left: 40px;
}
.content .blog .waterfall-container .item{
	padding: 30px 0;
    border-bottom: 1px #e6e6e6 solid;
    width: 100%;
}
.content .blog.multi .waterfall-container .item{
	width: calc( (100% - 64px) / 3  );
	float: left;
	width: 30.9417%;
	margin-right: 3.587%;
}
.content .blog.multi .waterfall-container .item:nth-child(3n){
	margin-right: 0;
}
.content .blog .waterfall-container .title{
    font-family: Roboto-Bold; 
	font-size: 40px;
	line-height: 42px;
	color: #000;
}
.content .blog.multi .waterfall-container .title{
	font-size: 24px;
	line-height: 29px;
}
@media screen and (min-width: 1660px) {
	.content .blog.multi .waterfall-container .title{
		font-size: 1.446vw;;
		line-height: 1.747vw;
	}
}
@media screen and (min-width: 1920px) {
	.content .blog.multi .waterfall-container .title{
		font-size: 32px;
		line-height: 36px;
	}
}

.content .blog .entryContent .date,
.content .blog .waterfall-container .date{
	font-size: 14px;
	line-height: 16px;
	padding: 10px 0 0 0 ;
	opacity: 0.6;
}
.content .blog  .entryContent .date{
	padding: 0 0 20px 0;
	opacity: 0.6;
}

.content .blog .waterfall-container .about{
	font-size: 18px;
	line-height: 24px;
	padding: 10px 0 0 0 ;
}
@media screen and (min-width: 1660px) {
	.content .blog.multi .waterfall-container .about{
		font-size: 0.964vw;;
		line-height: 1.446vw;
	}
}
@media screen and (min-width: 1920px) {
	.content .blog.multi .waterfall-container .about{
		font-size: 18px;
		line-height: 28px;
	}
}


.content .blog .waterfall-container .poster + .about,
.content .blog.multi .waterfall-container .about{
	padding: 20px 0 0 0 ;
}
.content .blog .waterfall-container .poster{
	position: relative;
	margin-top: 24px;
	overflow: hidden;
}
.content .blog .waterfall-container .poster img{
	position: absolute;
	top: 0;
	width: 100%;
    transition: transform 0.5s ease-in-out 0s;
}
.content .blog .waterfall-container .item:hover .poster img{
	transform: scale(1.15);
}
.content .blog .waterfall-container .caption{
	padding: 10px 0 0 0 ;
	opacity: 0.5;
}
.content .blog.multi .waterfall-container .caption{
	display: none;
}
.content .blog div.tagsCloud,
.content .blog div.archive{
    display: block;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 100vh;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    background: #fff;
    transition: opacity 0.5s ease-in-out 0s, top 0.2s ease-in-out 0s;
    opacity: 0;
}

body.openBlogTags .content .blog .tagsCloud,
body.openBlogArchive .content .blog .archive{
    display: block;
    opacity: 1;
    top: 0;
}
.blog div.tagsCloud .closeTagsCloud,
.blog div.archive .closeArchive {
    background: url(../../i/nonstop/arrows_slideshow.png) no-repeat scroll 0 -270px transparent;
    width: 18px;
    height: 18px;
    top: 20px;
    right: 40px;
    z-index: 1600;
    position: absolute;
    cursor: pointer;
}
.blog div.tagsCloud .tagsCloudContent,
.blog div.archive .archiveContent{
	width: 390px;
	margin: 60px auto;
    height: calc( 100vh - 120px);
    overflow-y: auto;
}
.blog div.tagsCloud .tagsCloudContent{
	width: 50%;;
}

.content .blog div.archive .archiveContent::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.content .blog div.archive .archiveContent::-webkit-scrollbar{
	width: 6px;
	background-color: #F5F5F5;
}
.content .blog div.archive .archiveContent::-webkit-scrollbar-thumb{
	background-color: #444444;
}
.blog div.archive .archiveContent .year{
		padding-bottom: 26px;
}
.blog div.archive .archiveContent .year .yearYear{
	font-size: 96px;
	line-height: 112px;
	width: 250px;
	float: left;
}
.blog div.archive .archiveContent .year .yearMonths{
	width: 120px;
	float: right;
	padding-top: 16px;
}
.blog div.archive .archiveContent .year .yearMonths a{
	display: block;
	font-size: 16px;
	line-height: 28px;
}
.blog div.archive .archiveContent .year .yearMonths a.active{
	color: #FB444A;
	font-weight: bold;
}

@media screen and (min-width: 1660px) {
	.content .blog.multi {
		width: calc(100% - 135px);
	}
	.content > div.blog.multi:not(.entry) .header .right {
		margin-right: 0;
	}

}

.content .blog.entry{
	max-width: 789px
}

.blog .entryContent .description{
	font-size: 18px;
}
.blog .entryContent .description p{
	margin-bottom: 22px;
}
.blog .entryContent .prevnext, 
.content > .page .description > div,
.blog .entryContent .description > div{
	padding-bottom: 22px;
}
.tags + .prevnext {
    padding-top: 20px;
}
.blog .waterfall-container .item .tags{
	margin-top: 10px;
}

.blog .tagsCloudContent a,
.blog .waterfall-container .item .tags a,
.blog .item .tags a,
.blog .entryContent .tags a{
	display: inline-block;
	background-color: #ececec;
	padding: 4px 11px;
	margin: 0 6px 6px 0;
	text-decoration: none;
}
.blog .tagsCloudContent a::before,
.blog .waterfall-container .item .tags a::before,
.blog .entryContent .tags a::before{
	--display: inline-block;
	--content: '#';	
}

.blog .tagsCloudContent a:hover,
.blog .waterfall-container .item .tags a:hover,
.blog .item .tags a:hover,
.blog .entryContent .tags a:hover{
    text-decoration: none;
    color: #ececec;
    background-color: #444;
}
.blog .entryContent .tags{
	margin-bottom: 20px;
}

.folderContentListMagnum{
	margin-top: 54px;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 2%;
}
body.phone .folderContentListMagnum{
	display: block;
}
.folderContentListMagnum a{
	display: block;
	--float: left;
	--width: 49%;
	margin: 0 0 6% 0;
}
.folderContentListMagnum a:nth-child(2n){
	margin-right: 0%;
}
.folderContentListMagnum.level1 a{
	--width: 32%;
}
.folderContentListMagnum.level1 a:nth-child(2n){
	--margin-right: 2%;
}
.folderContentListMagnum.level1 a:nth-child(3n){
	--margin-right: 0%;
}
.folderContentListMagnum a .poster{
	padding-bottom: 66%;
	width: 100%;
	background: #cccccc url(../../images/trans.gif) no-repeat center center scroll;
    background-size: cover;
    position: relative;
}	
body.variant2 .folderContentListMagnum a .poster{
	background-color: #222222; 
}
.folderContentListMagnum a .poster::before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
}
.folderContentListMagnum a .poster:hover::before {
    opacity: 0;
}
.folderContentListMagnum a .poster span {
    font-family: Roboto-Bold; 
	font-size: 20px;
	line-height: 28px;
    display: block;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(0px, -50%);
    left: 32px;
    right: 32px;
    text-decoration: none;
    color: #FFFFFF;
}

@media screen and (min-width: 1340px) and (max-width: 2560px) {
	.folderContentListMagnum a .poster span{
		font-size: calc(20px + (32 - 20) * ( (100vw - 1340px) / ( 2560 - 1024) ));
		line-height: calc(28px + (40 - 28) * ( (100vw - 1340px) / ( 2560 - 1024) ));
	}
}
@media screen and (min-width: 2560px) {
	font-size: 32px;
	line-height: 40px;
}
.blogAnonses > .blog > .title{
    font-family: Roboto-Bold;
    font-size: 24px;
    line-height: 29px;
    border-bottom: 1px #DEDEDE solid;
    padding: 30px 0;
}
.blogAnonses .blogItemsList {
    display: flex;
    flex-wrap: wrap;
}
.blogAnonses .blogItemsList .item {
    padding: 30px 0;
    border-bottom: 1px #e6e6e6 solid;
    float: left;
    width: 30.9417%;
    margin-right: 3.587%;
}
.blogAnonses .blogItemsList .item:nth-child(3n) {
    margin-right: 0;
}

.blogAnonses .blogItemsList > .item .title {
    font-family: Roboto-Bold;
    font-size: 24px;
    line-height: 29px;
}
@media screen and (min-width: 1660px)
.blogAnonses .blogItemsList > .item .title {
    font-size: 1.446vw;
    line-height: 1.747vw;
}
.blogAnonses .blogItemsList > .item  .date {
    font-size: 14px;
    line-height: 16px;
    padding: 10px 0 0 0;
    opacity: 0.6;
}
.blogAnonses .blogItemsList > .item .poster {
    position: relative;
    margin-top: 24px;
    overflow: hidden;
}
.blogAnonses .blogItemsList > .item .about {
    font-size: 18px;
    line-height: 24px;
    padding: 20px 0 0 0;
}
@media screen and (min-width: 1660px)
.blogAnonses .blogItemsList > .item .about {
    font-size: 0.964vw;
    line-height: 1.446vw;
}
.blogAnonses .blogItemsList > .item .poster img {
    position: absolute;
    top: 0;
    width: 100%;
    transition: transform 0.5s ease-in-out 0s;
}
.blogAnonses .blogItemsList > .item:hover .poster img {
    transform: scale(1.15);
}
.fakeinput {
	border:0;
	background: none;
	height: 20px;
	width: 0px;
	padding: 0;
}

.instaWidget .title{
	font-size: 24px;
	padding: 16px 0 10px 0;
	position: relative;
}
.instaWidget .title .controls{
	display: none;
	position: absolute;
	right: 0;
	top: 30px;
}
.instaWidget .title .controls .browse{
	display: inline-block;
	width: 24px;
	height: 24px;
	cursor:pointer;
	background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.70716 11.1771C3.3078 11.2321 3 11.5795 3 11.9999C3 12.4585 3.36631 12.8302 3.81818 12.8302H18.1999L13.0047 18.0813L12.9253 18.1743C12.687 18.4989 12.7124 18.9602 13.0023 19.2556C13.3212 19.5805 13.8392 19.5816 14.1594 19.258L20.7477 12.5996C20.787 12.5614 20.8224 12.5194 20.8536 12.474C21.0766 12.1498 21.0452 11.6999 20.7593 11.4111L14.1593 4.74193L14.0674 4.66174C13.7466 4.42125 13.2921 4.44905 13.0023 4.74446C12.6834 5.06942 12.6845 5.59515 13.0047 5.91871L18.2012 11.1696L3.81818 11.1696L3.70716 11.1771Z' fill='black'/></svg>");
    --transition: transform 0.5s ease-in-out 0s;
}

.instaWidget .title .controls .browse:not(.slick-disabled):hover,
.instaWidget .title .controls .browse:not(.disabled):hover{
	transform: scale(1.15);
}
.instaWidget .title .controls .browse.prev{
	transform: rotate(180deg);
}
.instaWidget .title .controls .browse.prev:not(.slick-disabled):hover,
.instaWidget .title .controls .browse.prev:not(.disabled):hover{
	transform: scale(1.15) rotate(180deg);
}
.instaWidget .title .controls .browse.slick-disabled,
.instaWidget .title .controls .browse.disabled{
	opacity: 0.3;
}
.instaWidget .title span{
	color: #828282;
}
.instaWidget .title span::before{
	display: inline-block;
	content: '@';
}
.instaWidget .stream{
	height: 0;
    padding-bottom: 18.7261%;
    padding-bottom: 20%;
    overflow: hidden;
    position: relative;
}
.instaWidget .stream .instagram_gallery{
    width: 20000em;
    position: absolute;
}
.instaWidget .stream a{
	display: inline-block;
	--float: left;
	width: 18.7261%;
	width:  calc((100vw - 310px - 40px  - 2vw) / 5 );
	height: calc((100vw - 310px - 40px  - 2vw) / 5 );
	opacity: 1;
	position: relative !important;
	margin-right: 0.5vw;
}	
.instaWidget .stream a:not(.more){
	background-size: cover;
	background-position: center center;
}
.instaWidget .stream a .mask{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	height: 100%;
	background-color: rgba(28, 27, 27, 0.9);
	opacity: 0;
	transition: all 0.5s ease-in-out 0s;
	--margin-right: 0.7vw;
	
}
.instaWidget .stream a[data-caption]::after{
	content: attr(data-caption);
	text-align: center;
	font-size: 0.8rem;
	color: #ffffff;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	padding: 5%;
	--margin-right: 0.7vw;
	max-height: 90%;
	overflow-y: hidden;
	overflow-x: hidden;
	transform: translateY(-40%);
	opacity: 0;
	transition: all 0.5s ease-in-out 0s;
}
.instaWidget .stream a .caption{
	text-align: center;
	font-size: 0.8rem;
	color: #ffffff;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	padding: 5%;
	max-height: 90%;
	overflow-y: hidden;
	overflow-x: hidden;
	transform: translateY(-40%);
	opacity: 0;
	transition: all 0.5s ease-in-out 0s;
	white-space: normal;
}
.instaWidget .stream a:hover .caption,
.instaWidget .stream a:hover .mask,
.instaWidget .stream a[data-caption]:hover::after {
	opacity: 1;
}
.instaWidget .stream a[data-caption]:hover::after {
	transform: translateY(-50%);
}
.instaWidget .stream a.more {
	background:#ffffff;
}
.instaWidget .stream a.more .dummy{
	margin-top:100%;
}
.instaWidget .stream a.more .logo{
	text-align: center;
	font-size: 0.8rem;
	color: #000000;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
    background: url(../../i/instagram.svg) no-repeat scroll center 0 transparent;
    padding-top:72px;
}
.instaWidget .stream a img{
	--width: 100%;
	object-fit: contain;
    object-position: center center;
}
.instaWidget .stream a:nth-child(5) {
	--margin: 0 ;
}
.instaWidget .stream a .pic {
	background: transparent no-repeat center center;
	background-size: cover;
	padding-top: 100%;
}
.instaWidget .stream a img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	display: block;
}
.instaWidget .stream a .icon{
	width: 24px;
	height: 24px;
	position: absolute;
	top: 6px;
	right: calc( 0.7vw + 6px );
	right: 6px;
	fill: rgba(255,255,255,0.8);
	background-size: 24px 24px;
	background-position: center center;
}


.instaWidget .stream a.CAROUSEL_ALBUM .icon,
.instaWidget .stream a.instagram-sidecar .icon{
	background-image: url("data:image/svg+xml;utf8,<svg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M32.399 40.5645H11.113V41.8615C11.113 44.1015 12.951 45.9125 15.189 45.9125H41.922C44.161 45.9125 45.964 44.1015 45.964 41.8615V15.1295C45.964 12.8925 44.161 11.0615 41.922 11.0615H40.507V32.4565C40.507 36.9035 36.845 40.5655 32.399 40.5645Z' fill='white' fill-opacity='0.8'/><path d='M0 4.1018V32.4568C0 34.6978 1.814 36.5238 4.051 36.5238H32.416C34.653 36.5238 36.482 34.6978 36.482 32.4568V4.1008C36.482 1.8628 34.654 0.0498047 32.416 0.0498047H4.051C1.814 0.0498047 0 1.8618 0 4.1018Z' fill='white' fill-opacity='0.8'/></svg>");
}
.instaWidget .stream a.VIDEO .icon,
.instaWidget .stream a.instagram-video .icon{
	background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M23.467,5.762c-0.118-0.045-0.232-0.068-0.342-0.068c-0.246,0-0.451,0.087-0.615,0.26l-3.76,3.217v5.766l3.76,3.578c0.164,0.173,0.369,0.26,0.615,0.26c0.109,0,0.223-0.023,0.342-0.068C23.822,18.552,24,18.284,24,17.901V6.57C24,6.186,23.822,5.917,23.467,5.762z' fill='white' fill-opacity='0.8'></path><path d='M16.33,4.412c-0.77-0.769-1.696-1.154-2.78-1.154H3.934c-1.084,0-2.01,0.385-2.78,1.154C0.385,5.182,0,6.108,0,7.192v9.616c0,1.084,0.385,2.01,1.154,2.78c0.77,0.77,1.696,1.154,2.78,1.154h9.616c1.084,0,2.01-0.385,2.78-1.154c0.77-0.77,1.154-1.696,1.154-2.78v-3.076v-3.478V7.192C17.484,6.108,17.099,5.182,16.33,4.412z M8.742,17.229c-2.888,0-5.229-2.341-5.229-5.229c0-2.888,2.341-5.229,5.229-5.229S13.971,9.112,13.971,12C13.971,14.888,11.63,17.229,8.742,17.229z' fill='white' fill-opacity='0.8'></path><circle cx='8.742' cy='12' r='3.5'  fill='white' fill-opacity='0.8'></circle></svg>");
}

.scrolltotop{
	display: block;
	background: none repeat scroll 0 0 #ffffff;
	right: -200px; 
	bottom: 95px;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 25%);
	position: fixed;
	width:40px;
	height:40px;
	border-radius: 20px;
	z-index: 9999;
	opacity: 0;
    transition: all 1s ease-in-out 0s;
}
.scrolltotop.show{
	right: 35px; 
	opacity: 1;
    transition: all  0.5s  ease-in-out 0s;
}

body.PhotoSwipeSlideshowOpened .scrolltotop.show,
body.PhotoSwipeSlideshowOpened .scrollhoch{
	opacity: 0;
}
.scrolltotop:before,
.scrolltotop:after{
  position: absolute;
  top: 14px;
  left: 16px;
  content: ' ';
  height: 11px;
  width: 2px;
  background-color: #5D5651;
}
.scrolltotop:before{
	transform: rotate(45deg);
}
.scrolltotop:after{
	left: 23px;
	transform: rotate(-45deg);
}

.series_caption a.switcher{
	width:21px;
	height:21px;
	margin:10px auto 0;
	display:none;
	opacity:0.4;
	border: 1px #000000 solid;
    border-radius: 11.5px;
    position: relative;
}
.series_caption.clamped a.switcher{
	display:block;
}
.series_caption a.switcher:before,
.series_caption a.switcher:after{
	display:block;
	position:absolute;
	left: 5px;
	top: 10px;
	content:'';
	width:11px;
	height:1px;
	background: #000000;
}
.series_caption a.switcher:after{
	transform: rotateZ(90deg)
}
.series_caption a.switcher:hover{
	opacity:1;
}
.series_caption.open a.switcher:after{
	display: none;
}


.pswp__button--share,
.pswp__button.share{
	display: none !important;
}

.menu li > a + span {
    display: inline-block;
    margin-left: 6px;
    cursor: pointer;
    font-size: 0.7em;
    transition: transform 0.5s ease-in-out 0s;
}
.menu li > a + span.up{
	transform: rotate(180deg);
}
.parsley-errors-list.filled,
.help-block.filled,
.errortooltip p {
    color: #cc0000;
    font-size: 12px;
    margin: 0;
    display: block;
    position: absolute;
}
.parsley-errors-list .parsley-required,
.help-block .parsley-required{
	white-space: nowrap;
}

#subscribe input[type='submit']:disabled{ 
	opacity: 0.4; 
	cursor: not-allowed;
}