.view {
 overflow: hidden;
 position: relative;
 text-align: center;
 box-shadow: 1px 1px 2px #e6e6e6;
 cursor: default;
 background: #fff url(../images/bgimg.jpg) no-repeat center center
}
.view .mask, .view .content {
 width: 100%;
 height: 100%;
 position: absolute;
 overflow: hidden;
 top: 0;
 left: 0
}
.view img {
 display: block;
 position: relative
}
.view h2 {
 text-transform: uppercase;
 color: #fff;
 text-align: center;
 position: relative;
 font-size: 17px;
 padding: 10px;
 background: rgba(0, 0, 0, 0.8);
 margin: 20px 0 0 0
}
.view p {
 font-family: Georgia, serif;
 font-style: italic;
 font-size: 12px;
 position: relative;
 color: #fff;
 padding: 10px 20px 20px;
 text-align: center
}
.view a.info {
 display: inline-block;
 text-decoration: none;
 padding: 7px 14px;
 background: #000;
 color: #fff;
 text-transform: uppercase;
 box-shadow: 0 0 1px #000
}
.view a.info:hover {
 box-shadow: 0 0 5px #000
} 
.view-sixth img {
 transition: all 0.4s ease-in-out 0.5s;
}
.view-sixth .mask{
 background-color: rgba(146,96,91,0.5);
 opacity:0;
 transition: all 0.3s ease-in 0.4s;
}
.view-sixth h2{
 opacity:0;
 border-bottom: 1px solid rgba(0, 0, 0, 0.3);
 background: transparent;
 margin: 20px 40px 0px 40px;
 transform: scale(10);
 transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth p {
 opacity:0;
 transform: scale(10);
 transition: all 0.3s ease-in-out 0.2s;
}
.view-sixth a.info {
 opacity:0;
 transform: translateY(100px);
 transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth:hover .mask {
 opacity:1;
 transition-delay: 0s;
}
.view-sixth:hover img {
 transition-delay: 0s;
}
.view-sixth:hover h2 {
 opacity: 1;
 transform: scale(1);
 transition-delay: 0.1s;
}
.view-sixth:hover p {
 opacity:1;
 transform: scale(1);
 transition-delay: 0.2s;
}
.view-sixth:hover a.info {
 opacity:1;
 transform: translateY(0px);
 transition-delay: 0.3s;
} 
.catPages1,.catPages2,.pagesBlock1,.pagesBlock2,.pagesBlockuz1,.pagesBlockuz2{padding:35px 0 10px} span.catPages1,span.catPages2,span.pagesBlock1,span.pagesBlock2,span.pagesBlockuz1,span.pagesBlockuz2{display:inline-block} .catPages1 a,.catPages1 b,.catPages2 a,.catPages2 b,.pagesBlock1 a,.pagesBlock1 b,.pagesBlock2 a,.pagesBlock2 b,.pagesBlockuz1 a,.pagesBlockuz1 b,.pagesBlockuz2 a,.pagesBlockuz2 b{padding:8px 12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background:#282825;font-size:13px;font-weight:700} .catPages1 b,.catPages2 b,.pagesBlock1 b,.pagesBlock2 b,.pagesBlockuz1 b,.pagesBlockuz2 b{color:#fff;background:#87c440} .catPages1 a:hover,.catPages2 a:hover,.pagesBlock1 a:hover,.pagesBlock2 a:hover,.pagesBlockuz1 a:hover,.pagesBlockuz2 a:hover{color:#fff;background:#3c3c38} .swchItemDots{color:#96968b;font-size:13px;font-weight:700}

a.gav-expander {
 display: inline-block;
 color: #dd3737;
 border: 2px solid;
 margin: -54px; 
 font-size: 19px;
 font-weight: 0px;
 height: 0px;
 padding: 0.4em 1em 1.4em;
 position: absolute;
 right: 0;
 text-decoration: none;
 text-transform: uppercase;
 bottom: 0;
 transition: right 0.3s ease-in-out 0s;
 width: 145px;
 top:400px;
 z-index: 99999;

-webkit-transform: rotate(-90deg); /*Поворот блока с текстом н 30 градусов*/
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
 transform: rotate(-90deg);

}

a.gav-expander:hover {
 cursor: pointer;
}

a.gav-expander.fixed {
 position: fixed;
}

gav {
 background: #2d2f33;
 display: block;
 height: 100%;
 position: fixed;
 right: -25em;
 font-size: 15px;
 top: 0;
 width: 25em;
 z-index: 2000;

 transition: right 0.3s ease-in-out 0s;
 -webkit-transition: right 0.3s ease-in-out 0s;
 -moz-transition: right 0.3s ease-in-out 0s;
 -o-transition: right 0.3s ease-in-out 0s;

}
.gav-expanded gav {
 right: 0;
}