.ut-portfolio-wrap{width:100%;position:relative;}
a.close-portfolio-details{position:relative;width:40px;height:40px;background:transparent;color:#888888;font-size:30px;line-height:40px;text-align:center;margin:0 auto 50px auto;display:block;top:0;right:0;z-index:1;opacity:1;-webkit-transition:opacity 0.2s ease-in-out 0s;-moz-transition:opacity 0.2s ease-in-out 0s;transition:opacity 0.2s ease-in-out 0s;}
.light .close-portfolio-details{color:#FFFFFF;}
.light a.close-portfolio-details:hover{color:#FFFFFF;opacity:0.7;}
a.close-portfolio-details:hover{color:#888888;opacity:0.7;}
a.close-portfolio-details:before{content:"X";}
a.next-portfolio-details,a.prev-portfolio-details{display:block;height:100px; margin-top:-50px; position:absolute; top:30%; width:100%;-webkit-transition:opacity 0.2s ease-in-out 0s;-moz-transition:opacity 0.2s ease-in-out 0s;transition:opacity 0.2s ease-in-out 0s;}
a.prev-portfolio-details{background-image:url('dark-arrows.png');background-position:0 0;background-repeat:no-repeat;cursor:pointer; height:100px; opacity:0; position:absolute; width:52px; z-index:2;left:0;margin-left:10px;}
a.next-portfolio-details{background-image:url('dark-arrows.png');background-position:0 -100px;background-repeat:no-repeat;cursor:pointer; height:100px; opacity:0; position:absolute; width:52px;right:0; z-index:2;margin-right:10px;}
.light a.prev-portfolio-details{background-image:url('light-arrows.png');opacity:0;}
.light a.next-portfolio-details{background-image:url('light-arrows.png');opacity:0;}
a.prev-portfolio-details:hover,a.next-portfolio-details:hover,.light a.prev-portfolio-details:hover,.light a.next-portfolio-details:hover{opacity:0.7;}
.ut-portfolio-image{display:block;margin:0 auto 50px auto;}
.ut-portfolio-media .fluid-width-video-wrapper{margin:0 auto 50px auto !important;}
.portfolio-style-two h2.portfolio-title{font-size:17px;margin:0;padding:30px;text-align:center;background:#FFFFFF;}
.portfolio-style-two .ut-portfolio-info i{display:block;margin:0 auto;text-align:center;margin-bottom:5px;}
.ut-carousel{border:none !important;background:none !important;overflow:hidden;}
.ut-carousel .slides img{width:101% !important;max-width:101% !important;}
.ut-carousel .flex-direction-nav a{display:block;width:60px;height:60px;margin:0;position:absolute;top:50%;z-index:10;margin-top:-30px;overflow:hidden;opacity:1;cursor:pointer;color:#ffffff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;text-align:center;}
.ut-carousel.portfolio-style-two .flex-direction-nav a{margin-top:-70px;}
.ut-carousel .flex-direction-nav a:before{font-family:'FontAwesome';font-size:40px;line-height:60px;display:inline-block;content:'\f104';}
.ut-carousel .flex-direction-nav a.flex-next:before{content:'\f105';}
.ut-carousel .flex-direction-nav .flex-prev{left:0;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
.ut-carousel .flex-direction-nav .flex-next{right:0;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
.ut-carousel .flex-direction-nav .flex-prev:hover{background:rgba(255, 255, 255, 0.15);color:#FFFFFF;}
.ut-carousel .flex-direction-nav .flex-next:hover{background:rgba(255, 255, 255, 0.15);color:#FFFFFF;}
.ut-carousel-item.style_two h2.portfolio-title{font-size:17px;margin:0;padding:30px;text-align:center;background:#FFFFFF;}
.portfolio-style-two .ut-portfolio-info i{display:block;margin:0 auto;text-align:center;margin-bottom:5px;}
.ut-showcase{border:none !important;background:none !important;}
.ut-showcase-navigation{border:none !important;background:none !important;}
.ut-masonry{display:block; transition:opacity 0.2s ease-in-out 0s;opacity:0;}
.ut-masonry.show{opacity:1;}
.ut-grid-item img{max-width:inherit;width:auto;height:100%;max-height:100%;position:absolute;}
.ut-grid-item figure{height:100%;}
.ut-masonry a{width:100%;height:100%;}
.ut-masonry-image{ background-position:center center;background-repeat:no-repeat;display:block;width:100%;height:100%;}
.ut-portfolio-item-container.animated,.ut-portfolio-item-container .ut-masonry.animated{-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}
.ut-portfolio-item-container.animated{-webkit-transition-property:height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;}
.ut-portfolio-item-container .ut-masonry.animated{ -webkit-transition-property:-webkit-transform, opacity; -moz-transition-property:  -moz-transform, opacity; -ms-transition-property:  -ms-transform, opacity; -o-transition-property:   -o-transform, opacity;transition-property:    transform, opacity;}
.ut-portfolio-item-container .ut-masonry.gutter{margin-right:20px;margin-bottom:20px;}
.ut-portfolio-item-container .ut-masonry.gutter.last{margin-right:0px;}
.ut-portfolio-item{display:block;width:100%;height:100%;}
.ut-portfolio-item a{ -webkit-transform:rotate(0);}
.ut-portfolio-item img{ -webkit-backface-visibility:hidden;}
.ut-portfolio-title{text-transform:uppercase;margin-bottom:10px;text-align:center;}
.ut-portfolio-menu-wrap{display:block;text-align:center;margin-bottom:45px;}
.ut-portfolio-menu{list-style:none;margin:0;padding:0;border:none;display:block;font-family:'ralewaymedium', Helvetica, Arial, sans-serif;}
.ut-portfolio-menu li{margin:0 10px 0 0;display:inline;list-style:none;position:relative;}
.ut-portfolio-menu li:last-child{margin-right:0;}
.ut-portfolio-menu li a{font-size:11px;letter-spacing:0.5px;background:transparent;padding:4px 12px;margin-bottom:5px;color:#888888;display:inline-block;border:1px solid #888888;-webkit-transition:0.2s all linear;-moz-transition:0.2s all linear;transition:0.2s all linear;text-transform:uppercase;}
.ut-portfolio-menu.style_three li a,.ut-portfolio-menu.style_two li a{background:#FFFFFF;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.light .ut-portfolio-menu li a{color:#FFFFFF;border-color:#FFFFFF;}
.ut-portfolio-menu.style_three li a.selected,.ut-portfolio-menu li a.selected{color:#FFFFFF !important;background:#222222;border-color:#222222;}
.ut-portfolio-menu.style_two li a:hover,.ut-portfolio-menu.style_two li a.selected{color:#FFFFFF;}
.light .ut-portfolio-menu li a.selected:hover,.light .ut-portfolio-menu li a.selected{color:#222222 !important;background:#FFFFFF !important;border-color:#FFFFFF !important;}
.ut-portfolio-menu li a:hover{border-color:#222222;color:#222222;}
.ut-portfolio-info .portfolio-title{margin:0;font-size:17px;text-transform:uppercase;}
.ut-portfolio-info span{font-size:11px;letter-spacing:0.5px;text-transform:uppercase;}
.ut-portfolio-detail{margin-bottom:50px;}
.ut-portfolio-pagination{margin:30px auto 20px auto;font-size:11px;display:block;text-align:center;text-transform:uppercase;letter-spacing:0.5px;font-family:'ralewaymedium', Helvetica, Arial, sans-serif;}
.ut-portfolio-pagination.style_three a,.ut-portfolio-pagination.style_two a{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#FFFFFF;border:none !important;}
.ut-portfolio-pagination a{margin-right:10px;padding:8px 12px;background:transparent;color:#888888;border:1px solid #888888;-webkit-transition:0.2s all linear;-moz-transition:0.2s all linear;transition:0.2s all linear;}
.ut-portfolio-pagination.style_two a:hover,.light .ut-portfolio-pagination a{color:#FFFFFF;border-color:#FFFFFF;}
.ut-portfolio-pagination a.selected:hover,.ut-portfolio-pagination a.selected{background:#222222;border-color:#222222;color:#FFFFFF;}
.light .ut-portfolio-pagination a.selected{border-color:#FFFFFF;background:#FFFFFF;color:#222222;}
.light .ut-portfolio-pagination a.selected:hover{border-color:#FFFFFF !important;background:#FFFFFF !important;color:#222222 !important;}
.ut-portfolio-pagination a:hover{color:#222222;border-color:#222222;}
.ut-portfolio-details-wrap{max-height:0;position:relative;overflow:hidden;opacity:0;  -webkit-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);}
.ut-portfolio-details-wrap.show{max-height:20000px;opacity:1;}
.ut-portfolio-details-wrap.overflow-visible{overflow:visible !important;}
.ut-portfolio-details{position:relative;}
.ut-portfolio-detail{display:none;opacity:0;overflow:hidden;position:relative;}
.ut-portfolio-details-navigation{opacity:0; -webkit-transition:opacity 0.8s;-moz-transition:opacity 0.8s;transition:opacity 0.8s;}
.ut-portfolio-details-navigation.show{opacity:1;}
.ut-portfolio-list{margin-left:0;list-style:none !important;font-size:11px;text-transform:uppercase;text-align:center;}
.ut-portfolio-list strong{font-weight:normal;}
.ut-portfolio-list li{margin-right:10px;display:inline;}
.ut-portfolio-detail-loader{background:#FFFFFF;position:fixed;z-index:2502;top:50%;left:50%;display:none;width:80px;height:80px;border:1px solid #EFEFEF;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-top:-40px;margin-left:-40px;color:#999999;font-size:40px;line-height:80px;text-align:center;-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 10px 10px rgba(0, 0, 0, 0.15);box-shadow:0 10px 10px rgba(0, 0, 0, 0.15);}
.ut-portfolio-gallery-slider{border:none !important;background:none !important;overflow:hidden;margin-bottom:50px !important;}
.ut-portfolio-gallery-slider img{max-width:1024px;height:auto;margin:0 auto;display:block;}
.ut-portfolio-gallery-slider .slides li:after{content:".";position:absolute;display:block;top:0;left:0;z-index:-1000;}
.ut-portfolio-gallery-slider .flex-direction-nav a{display:block;width:30px;height:30px;margin:0;position:absolute;bottom:10px;z-index:10;overflow:hidden;opacity:1;cursor:pointer;color:#ffffff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.ut-portfolio-gallery-slider .flex-direction-nav a:before{font-family:'FontAwesome';font-size:20px;line-height:30px;display:inline-block;content:'\f104';}
.ut-portfolio-gallery-slider .flex-direction-nav a.flex-next:before{content:'\f105';}
.ut-portfolio-gallery-slider .flex-direction-nav .flex-prev{right:45px;}
.ut-portfolio-gallery-slider .flex-direction-nav .flex-next{right:10px;}
.ut-portfolio-gallery-slider .flex-direction-nav .flex-prev:hover{background:#121212;}
.ut-portfolio-gallery-slider .flex-direction-nav .flex-next:hover{background:#121212;}
.ut-hover a{position:relative;display:block;overflow:hidden;text-align:center;}
.ut-hover img{backface-visibility:hidden;-webkit-transition:all 700ms;-moz-transition:all 700ms;transition:all 700ms;}
.ut-hover:hover img{transform:scale(1.1) rotate(0.1deg);-ms-transform:scale(1.1) rotate(0.1deg);-webkit-transform:scale(1.1) rotate(0.1deg);-o-transform:scale(1.1) rotate(0.1deg);-moz-transform:scale(1.1) rotate(0.1deg);}
.portfolio-lazy{opacity:0;}
.single-portfolio .ut-portfolio-info{ padding:0;}
.ut-portfolio-info{backface-visibility:hidden; padding:0 10px;}
.ut-portfolio-info-c{ display:table-cell; vertical-align:middle; text-align:center;}
.ut-hover-layer > div{ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%; height:100%; display:table;}
.ut-hover-layer{bottom:0; left:0; opacity:0; position:absolute; right:0; top:0; width:100%; height:100%;-webkit-transition:opacity 400ms ease 0s;-moz-transition:opacity 400ms ease 0s; transition:opacity 400ms ease 0s;}
.ut-portfolio-offset-anchor{position:absolute;visibility:hidden;top:-79px;}
#ut-selfvideo-player{position:fixed;top:0px;left:0px;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1;overflow:hidden;}
