html {
	height:100%;
	width: 100%;
	margin: 0; padding: 0;
}
* html body {height: 100%;}

body{
	font-family: Roboto, Arial, Calibri, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	min-height: 100%;
	position: relative;
	line-height:1.5;
	background: #fff;
}
body:-moz-full-screen {background: #fff;}
body:-moz-fullscreen {background: #fff;}

body:-webkit-full-screen {background: #fff;}
body:-webkit-fullscreen {background: #fff;}

body:fullscreen {background: #fff;}
body:full-screen {background: #fff;}


a{
	text-decoration: none;
	color: #222222;
}
a:hover {
	text-decoration: underline;
}
a.blu {
	color: #0087D7;
}

h1 a, h2 a, h3 a, li a{
	color: inherit;
}

.hover {
-webkit-user-select: none;
-webkit-touch-callout: none;        
}

.left{
	float:left;
}
.right{
	float:right;
}
img { vertical-align: middle }
#all {
	padding-bottom: 0;
	min-width: 1280px;
	/*min-width: 1340px;*/
	/*min-width: 1194px;*/
}

#footer{
	height:40px;
	width:100%;
	position:absolute;
	bottom:0;
	font-size:11px;
	color:#bbbbbb;
}
#footer a{
	color:#bbbbbb;
}
#footer .left{
	margin:8px 0 0 39px;
}
#footer .right{
	margin:10px 39px 0 0;
}
#footer .center{
	padding:10px 0 0;
	margin:0 340px;
	text-align:center;
}


.wrapper{
}

.wrapper .menu{
	float:left;
	width:255px;
	padding: 30px 15px 40px 40px;
}
.menu h1,
.menu div.title{
	font-size:24px;
	padding: 0 0 40px 0;
}
.menu div.title a:hover{
	text-decoration: none;
}
.menu h1 .logo,
.menu div.title .logo{
	width:255px; 
	height: 90px; 
	background: transparent url(../../images/trans.gif) no-repeat 0 0;
	background-size: contain; 
	vertical-align:middle; 
	margin: 0 10px 10px 0;
}
.menu h1 .siteTitle{
	display: none;
}
.wrapper .menu  ul{
	font-size:15px;
	overflow: hidden;
}

.wrapper .menu  ul >li{
	--text-transform: uppercase;
	margin-bottom:10px;
}
.wrapper .menu  ul >li >a{
	color:#AAAAAA;
}
.wrapper .menu  ul >li.active >a{
	color:#333333;
}
.wrapper .menu  ul >li >ul{
	margin: 5px 0 10px 20px;
	display:none;
	padding:0 15px 0 0;
}
.wrapper .menu  ul >li >ul.active{
	display:block;
}
.wrapper .menu  ul >li >ul >li{
	text-transform: none;
	margin-bottom:10px;
}
.wrapper .menu  ul >li >ul >li >a{
	color:#AAAAAA;
}
.wrapper .menu  ul >li >ul >li >a:hover, 
.wrapper .menu  ul >li >ul >li:not(.folder) >a.active{
	color:#333333;
}



.wrapper .content{
	/*background-color:#f0f0f0;*/
	margin-left: 255px;
	margin-left: 310px;
	padding:27px 40px 40px 0;
	position:relative;
    min-height: calc(100vh - 80px);
}




h1 + .lenta{
	margin-top: 16px;
}

.GPlusGallery {
	padding:0;
	overflow:hidden;
	background: transparent url(../../images/ajax/indicator_medium.gif) no-repeat center center;
}
.GPlusGallery.stopped {
	background: transparent;
}
.GPlusGallery.loaded {
	background: transparent;
}
body.index .GPlusGallery {
	margin-top: 46px;
	margin-right: -10px;
}
.GPlusGallery .imageContainer {
	margin: 0 20px 20px 0;
	-webkit-user-select: none;
	position: relative; 
	float: left;	
	padding: 0px;
	--background: aqua;
	transition: all 0.15s ease-in-out 0s;

}
.GPlusGallery .imageContainer.video:after {
	display:block;
	position:absolute;
	content:'';
    top: 50%;
    left: 50%;
    height: 48px;
    width: 48px;
    margin-left: -24px;
    margin-top: -24px;
    cursor: pointer;
    background: transparent url(../../i/nonstop/portfolio/play-button.png) center center no-repeat;	
}

.GPlusGallery .imageContainer a {
	margin: 0px;
	padding: 0px;
	opacity: 1;
}

.GPlusGallery .imageContainer div:hover {

}

.GPlusGallery .imageContainer .picinfo, .sortablethumbs>div .picinfo{
	position: absolute; 
	left:0;
	bottom:0;
	width:100%;
	color:#fff;
	background:rgba(0,0,0,0.6);
	color:#fff;
	opacity:0;   
	-webkit-transition:0.25s linear opacity; 
	-moz-transition:0.25s linear opacity; 
	-o-transition:0.25s linear opacity; 
	transition:0.25s linear opacity; 
	/*opacity:1;  */
	max-height: 100%;
	overflow: hidden;
}
.GPlusGallery .imageContainer a:hover .picinfo, .sortablethumbs>div:hover .picinfo {
	opacity:1;
	-webkit-transition:0.25s linear opacity; 
	-moz-transition:0.25s linear opacity; 
	-o-transition:0.25s linear opacity; 
	transition:0.25s linear opacity; 
}
.GPlusGallery.fixedTitles .imageContainer a .picinfo{
	opacity:1;
}
.GPlusGallery .picinfo .title{
	font-size:14px;
	margin: 0;
	padding: 5px 10px;
	--border-bottom: 1px #888 solid;
}
.GPlusGallery .picinfo .author_name, .GPlusGallery .picinfo .data{
	display:none;
}

.slideshow{
	/*background:#c0c0c0;*/
	overflow: hidden;
    position: relative;
    height:100px;
}
.slideshow .items{
	clear: both;
    position: absolute;
    width: 20000em;
}
.slideshow .items a{
	display:block;
	float:left;
	width:100px;
	height:100px;
	background: transparent url(../../images/ajax/indicator_medium.gif) no-repeat center top;
	background-size:contain;
}
.slidetabsNavigation{
	position:fixed;	
	bottom:40px;
	left:40px;
}
.arrnav{
	vertical-align:middle;
	font-size:11px;
	color:#aaaaaa;
	z-index:10;
}
.arrnav span{
	display:inline-block;
	margin:0 12px 0 8px;
}
.arrnav b{
	font-weight:normal;
}
.arrnav .nav{
	display:inline-block;
	width:40px;
	height:40px;
	background: transparent url(../../i/nonstop/portfolio/white-icons.svg) no-repeat 0 0;
	cursor:pointer;
	vertical-align:middle;
	opacity:0.4;
}
.arrnav .nav.backward{ background-position:-44px 0; }
.arrnav .nav.backward:hover{ background-position:-44px -48px; }

.arrnav .nav.forward{ background-position:-132px 0; }
.arrnav .nav.forward:hover{ background-position:-132px -48px; }

.arrnav .nav.play{ background-position:-220px 0; }
.arrnav .nav.play:hover{ background-position:-220px -48px; }

.arrnav .nav.play.pause{background-position:-88px 0;}
.arrnav .nav.play.pause:hover{ background-position:-88px -48px; }

.arrnav .nav.thumbs{ background-position:0 0; }
.arrnav .nav.thumbs:hover{ background-position:0 -48px; }

.arrnav .nav.info{ background-position:-176px 0; }
.arrnav .nav.info:hover{ background-position:-176px -48px; }
.arrnav .nav.info.show{ background-position:-176px -48px; }


.arrnav .nav:hover{
	opacity:1;
}


.slidetabs {
	/*background:#c0c0c0;*/
    overflow: hidden;
    /*clear: both;
    */
	/*height:100px;*/
	position: relative;
	
	/* 1194- 310 - 40 - 125 */
	/*width: calc(100vw - 310px - 40px - 125px) !important;
	min-width: 719px !important; 
	height: calc(100vh - 80px) !important;*/
}
body.hidemenu .slidetabs {
	/*
	width: 100vw !important;
	height: 100vh !important;*/
}
.slidetabs div.item {
    float: none;
    left:0;
	width:1px;
	height:1px;
	position: relative;
	margin: auto;
	/* width: calc(100vw - 310px - 40px - 125px) !important;
	height: calc(100vh - 80px) !important;
	min-width: 719px !important;*/
}
.slidetabs div.item.cycle-sentinel {
	display: block !important;
}
body.hidemenu .slidetabs div.item{
	/* width: 100vw !important;
	height: 100vh !important;*/
}
.slidetabs div.item.loading{
	/*width: calc(100vw - 310px - 40px - 125px) !important;
	height: calc(100vh - 80px) !important;
	min-width: 719px !important; */
}

.slidetabs div.item.photo.loading::after{
	display: none;
	content:'';
	width:128px;
	height:128px;
	background:  url(../../images/ajax/ajax-loader.svg) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.slidetabs div.item.photo.loading.cycle-slide:after{
	display: block;
}
.slidetabs div.item picture img{
	width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block;
}
.slidetabs div.item.photo picture img{
	transition:0.35s linear opacity; 
	display:none;
	--opacity:0;
}
.slidetabs div.item.photo.loading picture img{
	opacity:0.5;
}
.slidetabs div.item.photo.cycle-slide img{
	display:block;
}
.slidetabs div.item.video{
    position: absolute;
	background-image: none !important;
}
.slidetabs div.item .player___{
	width:100%;
	position: absolute;
	top: 50%;
	/*
    height: 100%;
    object-fit: contain;
    object-position: center center;
    */
    max-width: 1000px;
	left: 50%;
    transform: translate(-50%, -50%);
}
.slidetabs div.item .player{
	background: transparent url(../../images/trans.gif) no-repeat center center;
	background-size:contain;
	width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block;
}
.slidetabs div.item.playing .player{
	background-image: none !important;
}
.slidetabs div.item.playing .caption{
	display: none !important;
}
.slidetabs div.item .player iframe{
	position: absolute;
	top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.slidetabs div.item .playButton{
	position: absolute;
    top: 50%;
    left: 50%;
    height: 48px;
    width: 48px;
    margin-left: -24px;
    margin-top: -24px;
    cursor: pointer;	
	background: transparent url(../../i/nonstop/portfolio/play-button.png) center center no-repeat;
}
.slidetabs div.item.playing .playButton{
	display: none;
}

.slidetabs div.item > .caption{
	width:100%;
	overflow:hidden;
    margin:auto; 
    position: absolute;
    z-index: 10002;
}
.slidetabs div.item > .caption .info{
	background: rgba(255,255,255,0.6);
    opacity:0;
    transition:0.15s linear opacity; 
	padding:0 0 20px 0;
    position: relative;
}
/*.slidetabs:hover div.item > .caption .info,*/
/*.slidetabs.hover div.item.cycle-slide-active > .caption .info,*/
.slidetabs div.item > .caption .info.show,
body.showCaptionInfo .slidetabs div.item > .caption .info
{
   opacity:1;
   transition:0.15s linear opacity; 
}
.slidetabs div.item > .caption .info .name{
	padding:20px 30px 5px 30px;
	font-size:18px;
}
.slidetabs div.item > .caption .info .description{
	padding:0 30px 5px 30px;
	font-size:16px;
	font-style: italic;
}
.slidetabs div.item .caption:hover > .info{
    opacity:1;
    transition:0.15s linear opacity; 
}

.slidetabs div.item > .caption .info .close{
	display:none;
	width:40px;
	height:40px;
	background: transparent url(../../i/nonstop/portfolio/white-icons.svg) no-repeat -308px 0;
	cursor:pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10000;
	opacity:0.99;
}
.slidetabs div.item > .caption .info.show .close{
	display:inline-block;
}
.slidetabs div.item > .caption .info .close:hover{
	background-position: -308px -48px;
}

.slidetabs>div.topnav{
	position: absolute;
}


.tabs{
	position: absolute;
	left:0;
	top:0;
}
.tabs a{
	display:none;
	width:30px;
	height:30px;
	float:left;
}
.tabs a img{
	width:30px;
	height:30px;
}
/**/


#browsable {
    height: 509px;
    overflow: hidden;
    position: relative;
    width: 1064px;
}
#browsable .items {
    clear: both;
    position: absolute;
    width: 20000em;
}
#browsable .items div {
    float: left;
    position: relative;
    width: 1064px;
}
#browsable .items div {
    float: none;
    left: 0;
    position: absolute;
    width: 1064px;
}
#browsable .items div img {
    width: 1064px;
}

.content > .page{
	padding:0 130px 0 30px;
}
.content h1{
    font-size: 32px;
    line-height: 36px;
	padding-right: 84px;
}
.content > .page h1{
	font-size: 40px;
	padding-bottom: 10px;
    max-width:900px;
}
.content > .page .avatar {
    background: url('../i/trans.gif') no-repeat scroll center center / cover transparent;
    float: left;
    height: 261px;
    margin-top: 2px;
    width: 261px;
}
.content > .page .description {
    padding: 30px 0px 0px 0;
    max-width:900px;
}
.content > .page .description > h2:first-child{
	padding-top: 0;
}
.content > .page.bio .description {
    margin-left: 311px;
    padding: 0px 0px 0px 0;
    max-width: 750px;
}

div.content > div.contact{
	padding:0 10px 0 30px;
}
div.content > .contact .contacts{
    float: left;
    padding-top: 26px;
    width: 280px;
    padding:  32px 0 0 0;
}
.contact .feedback {
	margin-left: 300px;
    padding: 0px 0px 0px 0;
}
.contact .feedback h2{
	--text-transform: uppercase;
    font-family: Roboto-Bold; 
	margin: 32px 0 15px;
}
#subscribe .field{
    background: none repeat scroll 0 0 #ffffff;
    margin-bottom: 20px;
    width: 100%;
    border:1px #cccccc solid;
    width: 507px;
    position: relative;
}
#subscribe .field input {
    background: none repeat scroll 0 0 #fff;
    border: 0 none;
    display: block;
    font-size: 15px;
    margin: 0;
    padding: 6px 0 6px 6px;
    width: 500px;
}
#subscribe .field textarea {
	font-family: Roboto;
    background: none repeat scroll 0 0 #fff;
    border: 0 none;
    font-size: 15px;
    height: 114px;
    margin: 0;
    padding: 6px 0 6px 6px;
    width: 500px;
    max-width: 500px;
}
.subscribeOverlay input[type="submit"],
#subscribe input[type="submit"] {
    background:  #000000;
    border:  none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    margin-top: 2px;
    margin-left: -3px;
    padding: 12px 16px 12px 16px;
}
.subscribeOverlay input[type="submit"]:hover,
#subscribe input[type="submit"]:hover {
    background:  #479F4B;
    color: #fff;
}
.subscribeOverlay input[type="submit"]:active,
#subscribe input[type="submit"]:active {
    background:  #237136;
}
.subscribeOverlay input[type="submit"]{
    display: block;
    margin: 24px auto;
}
.subscribeOverlay .subscribeForm.disabled input[type="submit"]{
    background:  #E0E0E0;
}

#subscribe #thanx{
    color: #43A047;
	margin-top:5px;
	opacity:0;
}
#subscribe .personal_data_agreement{
    font-size: 11px;
}
.errortooltip {
    color: #cc0000;
    height: 15px;
    margin: 1px 0 0;
    padding: 1px 10px 3px 11px;
    text-align: left;
    width: 250px;
    z-index: 11000;
}
.errortooltip p {
    color: #cc0000;
    font-size: 12px;
    margin: 0;
}





.series_caption{
	background:#eeeeee;
	color:#555555;
	margin: 16px 10px 10px 0;
	padding:25px 30px 20px 30px;
	position:relative;

}
.series_caption.folder_caption{
	margin-right: 0;
}
.series_caption .container{
	height:auto;
	font-size:15px;
	font-style: normal;
	line-height:	21px;
	overflow:hidden;
}
.series_caption .container .description{
	display: -webkit-box;
	-webkit-line-clamp: 3;
    -moz-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;	
}
.series_caption.clamped.open .container .description,
.series_caption.expanded .container .description{
	display:block;
}
.series_caption .container.collapsed .description p{
	margin-bottom:0;
}
.series_caption .container .title{
	display:none;
	height: 0;
}
/*
 display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
*/
.series_caption .hellip{
	display:block;
	position:absolute;
	right:20px;
	top:63px;
	display:none;
}

.sharer .nav{
	display:inline-block;
	vertical-align:middle;
	opacity:0.4;
}

.header_buttons{
	position:absolute;
	top:28px;
	right:24px;
	text-align: right;
}

#ya_share {
	display: inline-block;
	width:38px;
	height:38px;
	border: 1px transparent solid;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M21 14C21 14.368 21.0662 14.7206 21.1875 15.0464L16.179 17.938C15.6321 17.3603 14.8582 17 14 17C12.3433 17 11 18.3431 11 20C11 21.6569 12.3433 23 14 23C14.7219 23 15.3843 22.745 15.9019 22.3201L21.0798 25.3095C21.0276 25.5312 21 25.7624 21 26C21 27.6569 22.3433 29 24 29C25.6567 29 27 27.6569 27 26C27 24.3431 25.6567 23 24 23C23.3088 23 22.6721 23.2338 22.1648 23.6266L16.9382 20.6089C16.9788 20.4123 17 20.2086 17 20C17 19.9254 16.9973 19.8514 16.9919 19.7782L22.4995 16.5984C22.9409 16.8538 23.4534 17 24 17C25.6567 17 27 15.6569 27 14C27 12.3431 25.6567 11 24 11C22.3433 11 21 12.3431 21 14Z' fill='black' /></svg>");
	background-repeat: no-repeat;
	cursor:pointer;
	opacity: 0.5;
	vertical-align: middle;
}
#ya_share:hover {
    opacity: 1;
}
#ya_share  .b-share{
	width:40px;
	height:40px;
    overflow: hidden;
    padding: 0 !important;
}
.b-share__handle{
	width:40px !important;
	height:40px !important;
}
#ya_share  .b-share a {
    opacity: 0;
}

.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short,
.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
	background: none !important;
}

.switch_language{
	font-size:12px;
	display: inline-block;
	vertical-align: middle;
	--width: 38px;
	height: 38px;
	border: 1px transparent solid; 
	cursor:pointer;
}
.switch_language:hover{
	border: 1px #000000 solid;
}

.switch_language a{
	color:#aaaaaa;
}
.switch_language a, .switch_language span {
	display:block;
	float:left;
	padding: 10px 5px 4px 5px;
	text-decoration: none;
	text-transform: uppercase;
	--width:26px;
	margin-left:0px;
}
.switch_language span {
	/*background-color: #000000;*/
	display:none;
}

#dbgdiv {
    background: none repeat scroll 0 0 #ffffff;
    display: none;
    left: 10px;
    padding: 5px;
    position: fixed;
    top: 20px;
}
.slidetabs .loading{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:20px;
}
.loading .percent{
	position:absolute;
	bottom:0;
	left:0;
	height:20px;
	background:#aaaaaa;
}

.wrapper .menu .jspPane>ul{
	padding:0 15px 60px 0;
}

iframe.iframer{
	display:inline-block;
	height:21px;
	vertical-align: bottom;
	width: 200px;
}

body.iframer{
	font-size: 11px;
	color: #bbbbbb;
}
body.iframer a.redaktor{
	height:15px;
	display:inline-block;
	position:relative;
	padding: 5px 0 0 30px;
	margin-left:10px;
	color: #bbbbbb;
}
body.iframer a.redaktor:before{
	display:block;
	position:absolute;
	left:10px;
	top:4px;;
	content:'';
	width:15px;
	height:15px;
	background:  url(../../i/nonstop/portfolioicons.png) no-repeat -60px 0px;
	opacity:0.4;
}
body.iframer a.redaktor:after{
	display:block;
	position:absolute;
	left:0;
	top:6px;
	content:'';
	width:1px;
	height:14px;
	background: #bbbbbb;
}

.slidetabs .item .load{
	width:128px;
	height:128px;
    /*background: url('../../i/nonstop/portfolio/loading0.gif') no-repeat scroll center center transparent;*/
    background-image: none !important;
	position: absolute;
	left:50%;
	top:50%;
	margin:-64px 0 0 -64px;
}
.sk-circle {
  margin: 44px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.slidetabs {
    /*background: #c0c0c0; */
}
.slidetabs .navigation{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	overflow:hidden;
}

.slidetabs div.browse,
.slidetabs div.lupa {
	width: 33.33%;
	
	/*
	background: #cc0000;
    background: url('../../i/nonstop/portfolio/zoom-icon@1x.png') no-repeat scroll center center transparent;
	*/
	position: absolute;
	left:33.33%;
	top:0;
	bottom:40px;
	margin: 0 0 0 0;
	opacity: 0.4;
	transition:0.25s linear opacity; 
	cursor:zoom-in;
	z-index: 999;
}
.slidetabs div.browse.hidden,
.slidetabs div.lupa.hidden{
	display: none;
}
.slidetabs:hover div.browse,
.slidetabs:hover div.lupa {
	opacity: 0.4;
	transition:0.25s linear opacity; 
}
.slidetabs div.browse:hover ,
.slidetabs div.lupa:hover {
	opacity: 0.99;
	transition:0.25s linear opacity; 
}

div.captionInfoSwitcher {
    display: none;
    width: 40px;
    height: 40px;
    background: transparent url(../../i/nonstop/portfolio/white-icons.svg) no-repeat -176px 0;
    cursor: pointer;
    position: fixed;
	bottom: 40px;
    left: 40px;
    opacity: 0.1;
	transition:0.25s linear opacity; 
}
body.hidemenu:hover div.captionInfoSwitcher{
    opacity: 0.4;
}
body.hidemenu div.captionInfoSwitcher:hover,
body.hidemenu div.captionInfoSwitcher.show{
    opacity: 1;
    background-position: -176px -48px;
}
body.hidemenu div.captionInfoSwitcher {
    display: block;
    z-index: 1000;
}
.slidetabs div.browse {
	opacity: 0;
	left:0%;
	cursor:pointer;
	---z-index: 999;
}
.slidetabs div.browse.forward {
	left:auto;
	right:0%;
}
.slidetabs div.browse:before {
	display:block;
	content: '';
	width:38px;
	height:80px;
	background: #ff0000;
	background: transparent url("../../i/nonstop/arrows_slideshow.png") no-repeat scroll 0 0;
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -40px;
}
.slidetabs div.browse.forward:before {
	background-position: -48px 0;
    left: auto;
    right: 20px;
}
.slidetabs.playingVideo div.browse {
	display: none;
}

body.hidemenu .slidetabs div.lupa {
    /*background-image: url('../../i/nonstop/portfolio/zoom-out-icon@1x.png');*/
	cursor:zoom-out;
}

body.hidemenu .wrapper .menu h1,
body.hidemenu .wrapper .menu div.title,
body.hidemenu .wrapper .menu .ScrollPane ,
body.hidemenu .wrapper .menu .slidetabsNavigation .arrnav .thumbs,
body.hidemenu .wrapper .menu .slidetabsNavigation .arrnav > span,
body.hidemenu .wrapper .menu .slidetabsNavigation .arrnav .play ,
body.hidemenu #footer,
body.hidemenu #ya_share,
body.hidemenu .switch_language{
	display: none;
}
body.hidemenu .wrapper .menu {
	padding: 0;
}
body.hidemenu .wrapper .content {
    margin-left: 0;
    padding: 0;
}
body.hidemenu .slidetabsNavigation,
body.hidemenu .slidetabsNavigation .arrnav{
	position:fixed;	
	left:0;
	top:0;
	right:0;
	z-index:100;
    height: 1px;
}
body.hidemenu .arrnav a.nav{
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
    display: block;
    left: 0;
    top: 0;
    bottom:0;
    position: fixed;
    width: 100px;
    height: auto;
	opacity:0;
    display: none;
}
body.hidemenu .arrnav a.nav.forward{
	left: auto;
    right: 0;
}
body.hidemenu .arrnav a.nav i{
    background: rgba(0, 0, 0, 0) url("../../i/nonstop/arrows_slideshow.png") no-repeat scroll 0 0;
    cursor: pointer;
    display: block;
    height: 80px;
    left: 20px;
    margin-top: -40px;
    position: absolute;
    top: 50%;
    width: 38px;
}
body.hidemenu .arrnav a.nav.forward i{
	background-position: -48px 0;
    left: auto;
    right: 20px;
}

body.hidemenu:hover .arrnav a.nav{
	opacity:0.5;
	transition:0.15s linear opacity; 
}
body.hidemenu .arrnav a.nav:hover{
	opacity:1;
	transition:0.15s linear opacity; 
}
body.hidemenu:not(.customBgColor) .slidetabs {background: #fff;}


.wrapper .menu ul >li.social {
	--display: flex;
} 
.wrapper .menu ul >li.social >a, .social >a  {
	display:inline-block;
/*	background:none;

	width:24px;
	height:24px;
	background: transparent url(../../i/nonstop/portfolio/icons/social-icons-black.svg) no-repeat 0 0;
	background-size: 192px 24px;
*/
	margin-right: 12px;
	opacity:0.5;
	--position: relative;
}
.social >a svg{
	--position: absolute;
	--top: 50%;
	--transform: translate(0, -50%);
}
.wrapper .menu ul >li.social >a:hover{
	opacity:1;
}
/*
.wrapper .menu ul >li.social >a.in{ background-position: -24px 0}
.wrapper .menu ul >li.social >a.vk{ background-position: -48px 0}
.wrapper .menu ul >li.social >a.yt{ background-position: -72px 0}
.wrapper .menu ul >li.social >a.tw{ background-position: -96px 0}
.wrapper .menu ul >li.social >a.be{ background-position: -120px 0}
.wrapper .menu ul >li.social >a.pi{ background-position: -144px 0}
.wrapper .menu ul >li.social >a.go{ background-position: -168px 0}
*/

.html5-video-player:not(.ytp-transparent), 
.html5-video-player.ad-interrupting, 
.html5-video-player.ended-mode, 
.html5-video-player.ytp-fullscreen {
    background-color: #fff !important;
}

.closeFullscreen{
    background: url(../../i/nonstop/arrows_slideshow.png) no-repeat scroll 0 -270px transparent;
    width: 18px;
    height: 18px;
    top: 20px;
    right: 20px;
    display: none;
    z-index: 1000;
    position: absolute;
}
body.hidemenu .closeFullscreen{
	display: block;;
}
.closeFullscreen:hover{
	background-position: -30px -270px;
}


.fixedThumbs{
	-o-transform: translate(-5px);
	-ms-transform: translate(-5px);
	-moz-transform: translate(-5px);
	-webkit-transform: translate(-5px);
	transform: translate(-5px);
}
.fixedThumbs a.item{
	display: inline-block;
	position: relative;
	width: 25%;
	padding-top: 25% ;
	opacity: 1;
}
.fixedThumbs a.item .in{
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
}
.fixedThumbs a.item .in .pic,
.fixedThumbs a.item .in .mask,
.fixedThumbs a.item .in .title {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.fixedThumbs a.item .in .pic,
.fixedThumbs a.item .in .mask{
	background: transparent url(../../images/trans.gif) no-repeat center bottom;
	background-size:contain;
}
.fixedThumbs.squares a.item .in .pic{
	background-size:cover;
	background-position:center;
}
.fixedThumbs a.item .in .mask{
	opacity: 0;
	transition:0.45s linear opacity; 
}
.fixedThumbs a.item.loading .in .mask{
	opacity: 1;
}

.fixedThumbs a.item .in .title {
	top: auto;
	max-height: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	
	 display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
	
	bottom:0;
	font-size:14px;
	color:#fff;
	background:rgba(0,0,0,0.6);
	color:#fff;
	opacity:0;   
	-webkit-transition:0.25s linear opacity; 
	-moz-transition:0.25s linear opacity; 
	-o-transition:0.25s linear opacity; 
	transition:0.25s linear opacity; 
	padding: 5px 10px;
}
.fixedThumbs a.item .in .title.empty {
	display: none;
}
.fixedThumbs a.item:hover .in .title {
	opacity:1;
	-webkit-transition:0.25s linear opacity; 
	-moz-transition:0.25s linear opacity; 
	-o-transition:0.25s linear opacity; 
	transition:0.25s linear opacity; 
}
.fixedThumbs.fixedTitles a.item .in .title {
	opacity:1;
}

.fixedThumbs a.item.loading{
	
}
.fixedThumbs a.item.loading::after{
	display: block;
	content:'';
	width:32px;
	height:32px;
	background:  url(../../images/ajax/ajax-loader.svg) no-repeat center center;
	background-size: cover;
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translate(-50%, -50%);
}
.fixedThumbsImgs{
	opacity: 0;
}
.fixedThumbsImgs img{
	width: 1px;;
	height: 1px;;
}
@media screen and (min-width: 1600px) {
	.fixedThumbs a.item{ width: 20%; padding-top: 20% ; }
}

.feedbackButton{
    display: inline-block;
	width:38px;
	height:38px;
	background: transparent url(../../i/nonstop/portfolio/icons/feedbackButton.svg) no-repeat center center; 
	background-size: 40px 40px;
	cursor:pointer;
    opacity: 0.5;
    border: 1px transparent solid;
    vertical-align: middle;
    z-index: 1000;
}
.feedbackButton:hover{
	opacity: 1;
    border: 1px #cccccc solid;
    border: 1px #222222 solid;
}


/*
@media screen and (min-width: 1920px) {
	.fixedThumbs a.item{ width: 16.666%; padding-top: 16.666% ; }
}
@media screen and (min-width: 2200px) {
	.fixedThumbs a.item{ width: 14.2857%; padding-top: 14.2857% ; }
}
@media screen and (min-width: 2500px) {
	.fixedThumbs a.item{ width: 12.5%; padding-top: 12.5% ; }
}
@media screen and (min-width: 2800px) {
	.fixedThumbs a.item{ width: 11.1111%; padding-top: 11.111% ; }
}
@media screen and (min-width: 3100px) {
	.fixedThumbs a.item{ width: 10%; padding-top: 10% ; }
}
@media screen and (min-width: 3400px) {
	.fixedThumbs a.item{ width: 9.0909%; padding-top: 9.0909%;}
}
@media screen and (min-width: 3700px) {
	.fixedThumbs a.item{ width: 8.3333%; padding-top: 8.3333%;}
}
@media screen and (min-width: 4000px) {
	.fixedThumbs a.item{ width: 7.6923%; padding-top: 7.6923%;}
}
*/

body.whiteContentBg:not(.contact)  .wrapper .content {
	background: #fff;
	color: #000000;
}

body.whiteContentBg .content .blog a, 
body.whiteContentBg .content .blog .header h1, 
body.whiteContentBg .content .blog .waterfall-container .title,
body.whiteContentBg .content .blog .entryContent,
body.whiteContentBg .content .blog .entryContent h1,
body.whiteContentBg .content .blog .entryContent .date, 
body.whiteContentBg .content .blog .waterfall-container .date, 
body.whiteContentBg .content .blog .waterfall-container .caption,
body.whiteContentBg .content .blog .waterfall-container .about
{
    color: #000000;
}
body.whiteContentBg .content .blog a:hover {
    text-decoration: underline;
    color: #000000;
}
body.whiteContentBg .content .blog .header a.archive,
body.whiteContentBg .content .blog .header a.back,
body.whiteContentBg .content .blog .prevnext  a {
	color: #222222;
}
body.whiteContentBg #ya_share {
    --background-image: url(../../i/nonstop/portfolio/white-icons.svg);
}

.instaWidget .title {
    padding: 30px 0 24px 0;
}

.menu .jspHorizontalBar{
	display: none;
}