@charset "UTF-8";.view{width:100%;max-width:660px;height:100%;margin:0 auto;border:5px double #fff;overflow:hidden;position:relative;text-align:center;cursor:default;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.view .mask,.view .content{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}.view img{display:block;position:relative}.view h3,.view span{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:100%;padding:10px;margin:0;display:block;font-weight:600;box-shadow:0 0 10px #fff}.view p{font-family:Georgia,serif;font-style:italic;font-size:110%;position:relative;color:#fff;padding:10px 20px;text-align:center;text-shadow:0 0 5px #000;margin-bottom:0}.view a.info{display:inline-block;transition:background 0.3s;text-decoration:none;padding:7px 14px;color:#fff;text-transform:uppercase;-webkit-box-shadow:0 0 10px #fff;-moz-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;font-weight:700;margin:0 10px;min-width:110px;border-radius:5px}.view .title{position:absolute;bottom:5px;left:5px;z-index:1;background-color:rgba(0,174,239,0.5);line-height:24pt;font-size:14pt;padding:5px 15px;font-family:verdana,geneva;color:#fff;box-shadow:0 0 10px #000;text-shadow:0 0 5px #000}.view .basis{display:grid;grid-template-rows:1fr 1fr 1fr;padding:10px 0;margin:0;align-items:center}.view .basis div:nth-child(1){display:flex;justify-content:center}.view-but{visibility:hidden;transition:.1s}.view h3{background-image:linear-gradient(90deg,#141414e0 0,#b67b40 100%)}.view a.info{background-image:linear-gradient(90deg,#141414e0 0,#b67b40 50%,#141414e0 100%);background-size:200%;background-position:0 0}.view-first img{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear}.view-first .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;background-color:rgba(36,128,156,0.85);(219,127,8,0.7);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.view-first h3,.view-first span{-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.view-first p{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear}.view-first:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.view-first:hover .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.view-first:hover .view-but{transition-delay:0.2s;visibility:visible}.view-first:hover h3,.view-first:hover span,.view-first:hover p{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}.view-first:hover p{-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-o-transition-delay:0.1s;-ms-transition-delay:0.1s;transition-delay:0.1s}.view-first .title{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.view-first:hover .title{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-o-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}a.info:hover{background-position:100%}@media (max-width:500px){.view-first p{display:none}.view .basis{grid-template-rows:0.5fr 1fr}.view .basis div a:nth-child(3){display:none}}