.page-view{height:100%;width:100%;position:absolute;top:0;left:0;background:url(/Content/images/nature-sprite-2.png) no-repeat -9999px -9999px;}
.page-view .project{position:absolute;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.page-view .project .text{position:relative;float:left;width:100%;top:46%;transform:translateY(-50%);}
.page-view .project .text .p1{font-size:32px;position:relative;float:left;width:100%;margin:0;text-align:center;color:#183c62;font-family:'Playfair Display', serif;font-weight:700;letter-spacing:10px;}
.page-view .project .text .p2{font-size:69px;position:relative;float:left;width:100%;margin:0;text-align:center;color:#fff;font-family:'Playfair Display', serif;font-weight:700;letter-spacing:15px;}
.page-view .project:nth-child(1){z-index:30;}
@media screen and (max-width:640px){.page-view .project .text h1{font-size:36px;}
.page-view .project .text p{bottom:20px;margin:0;text-align:center;width:100%;right:auto;font-size:14px;}
}
.page-view .arrows{position:absolute;bottom:50px;left:100px;z-index:100;}
.page-view .arrows .arrow{float:left;cursor:pointer;}
.page-view .arrows .arrow.next{-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-top:-11px;}
.page-view .arrows .arrow:hover.previous{-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0);}
.page-view .arrows .arrow:hover.next{-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transform:translate3d(5px, 0, 0) rotate(180deg);transform:translate3d(5px, 0, 0) rotate(180deg);}
.page-view .arrows .arrow svg{height:40px;width:25px;padding:2px;}
.page-view .arrows .arrow svg polygon{fill:#fff;}
.page-view .arrows .arrow{-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);transition:transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);margin-right:10px;margin-top:-7px;}
@media screen and (max-width:640px){.page-view .arrows{bottom:60px;left:50%;z-index:120;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.page-view .arrows .arrow.previous:hover{-webkit-transform:none;transform:none;}
.page-view .arrows .arrow.next:hover{-webkit-transform:translate3d(0, 0, 0) rotate(180deg);transform:translate3d(0, 0, 0) rotate(180deg);}
}
@-webkit-keyframes mask-play{from{-webkit-mask-position:0% 0;mask-position:0% 0;}
to{-webkit-mask-position:100% 0;mask-position:100% 0;}
}
@keyframes mask-play{from{-webkit-mask-position:0% 0;mask-position:0% 0;}
to{-webkit-mask-position:100% 0;mask-position:100% 0;}
}
.page-view .project:nth-child(1){background-image:url(/Content/images/slider/slide1.jpg);}
.page-view .project:nth-child(2){background-image:url(/Content/images/slider/slide3.jpg);}
.page-view .project:nth-child(3){background-image:url(/Content/images/slider/slide4.jpg);}
.page-view .project:nth-child(4){background-color:#fff;}
.page-view .project:nth-child(even).hide{-webkit-mask:url(/Content/images/nature-sprite.png);mask:url(/Content/images/nature-sprite.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;-webkit-animation:mask-play 1.4s steps(22) forwards;animation:mask-play 1.4s steps(22) forwards;}
.page-view .project:nth-child(odd).hide{-webkit-mask:url(/Content/images/nature-sprite.png);mask:url(/Content/images/nature-sprite.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;-webkit-animation:mask-play 1.4s steps(22) forwards;animation:mask-play 1.4s steps(22) forwards;}
@font-face{font-family:'adam';src:url('../fonts/adam/adam.eot');src:url('../fonts/adam/adam.eot?#iefix') format('embedded-opentype'), url('../fonts/adam/adam.woff2') format('woff2'), url('../fonts/adam/adam.woff') format('woff'), url('../fonts/adam/adam.ttf') format('truetype'), url('../fonts/adam/adam.svg#adam.cg_proregular') format('svg');font-weight:normal;font-style:normal;}
.no-cssmask .page-view .project.hide{opacity:0;-webkit-transition:opacity 1.4s ease;transition:opacity 1.4s ease;-webkit-mask:none !important;mask:none !important;}
.hi-icon{display:inline-block;cursor:pointer;width:30px;height:30px;border-radius:50%;position:relative;z-index:1;color:#fff;}
.hi-icon:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.hi-icon:before{font-family:'ecoicon';speak:none;font-size:48px;line-height:90px;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased;}
.hi-icon-effect-3 .hi-icon{box-shadow:0 0 0 2px #b6b6b6;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s;}
.hi-icon-effect-3 .hi-icon:after{top:-2px;left:-2px;padding:2px;z-index:-1;background:#b6b6b6;-webkit-transition:-webkit-transform 0.2s, opacity 0.3s;-moz-transition:-moz-transform 0.2s, opacity 0.3s;transition:transform 0.2s, opacity 0.3s;}
.hi-icon-effect-3a .hi-icon:hover i{color:#b6b6b6;}
.hi-icon-effect-3a .hi-icon:hover:after{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);opacity:0;}
.hi-icon2{display:inline-block;cursor:pointer;width:40px;height:40px;border-radius:50%;position:relative;z-index:1;color:#fff;}
.hi-icon2:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.hi-icon2:before{font-family:'ecoicon';speak:none;font-size:48px;line-height:90px;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased;}
.hi-icon-effect-3 .hi-icon2{-webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s;}
.hi-icon-effect-3 .hi-icon2:after{top:-2px;left:-2px;padding:2px;z-index:-1;background:#bccfcf;-webkit-transition:-webkit-transform 0.2s, opacity 0.3s;-moz-transition:-moz-transform 0.2s, opacity 0.3s;transition:transform 0.2s, opacity 0.3s;}
.hi-icon-effect-3a .hi-icon2:hover i{color:#fff;}
.hi-icon-effect-3a .hi-icon2:hover:after{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);opacity:0;}