@import url(http://fonts.googleapis.com/css?family=Lato:400,100);

@import url(http://fonts.googleapis.com/css?family=Gudea:900,700,400,300,100);



@import "infobuttons.css";



/**

 * Layout

 */



#photoframe{

    overflow: hidden;

    position: relative;

    min-height: 520px;

}



#photoframe.layout-thumbs .photography{

    position: absolute;

    opacity: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    vertical-align: middle;

    z-index: -1;

    overflow: hidden;

    display: inline-block;

    -webkit-transform:scale(1.3);

    -moz-transform:scale(1.3);

    -ms-transform:scale(1.3);

    -o-transform:scale(1.3);

    transform:scale(1.3);

    -webkit-transition: all 0.7s linear;

    -moz-transition: all 0.7s linear;

    -o-transition: all 0.7s linear;

    transition: all 0.7s linear;

}

#photoframe.layout-thumbs .photography.active{

    z-index: 1;

    opacity: 1;

    -webkit-transform:scale(1);

    -moz-transform:scale(1);

    -ms-transform:scale(1);

    -o-transform:scale(1);

    transform:scale(1);

}



#photoframe #frame-items{

    min-height: 100%;

    position: relative;

}



#photoframe.layout-thumbs #frame-items{

    width: 100%;

    height: 100%;

}



#photoframe.layout-thumbs .photography img,

.image-wrap{

    display:block;

    position: absolute;

}



#photoframe.layout-horizontal-list #frame-thumbs{

    display: none;

}



#photoframe.layout-horizontal-list .photography{

    position: relative;

    float: left;

    min-height: 100%;

    width: 400px; /* initial */

    height: 100vh;

    z-index: 0;

    /*border: 1px dashed orange;*/

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}



#photoframe.layout-horizontal-list .photography img{

    width: auto;

    transition: all 0.3s linear;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

}



.photography .image-overlay{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0.5;

    z-index: 1;

    -webkit-transition: all 1s ease-in-out 0s;

    -moz-transition: all 1s ease-in-out 0s;

    -o-transition: all 1s ease-in-out 0s;

    transition: all 1s ease-in-out 0s;

}



#photoframe.layout-horizontal-list .photography.active .image-overlay,

#photoframe.layout-horizontal-list.zoom .image-overlay{

    opacity: 0!important;

}

#photoframe.layout-horizontal-list.zoom .image-overlay{

    display: none;

}

#photoframe.layout-horizontal-list.zoom img{

    -webkit-box-shadow: 0px 1px 15px 0px rgba(50, 50, 50, 0.55);

    -moz-box-shadow:    0px 1px 15px 0px rgba(50, 50, 50, 0.55);

    box-shadow:         0px 1px 15px 0px rgba(50, 50, 50, 0.55);

}



#photoframe.layout-horizontal-list #frame-items{

    position: relative;

    width: 999999px;

    transition: all 0.3s linear;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

}



#photoframe.layout-horizontal-list.zoom .photography.active{

    z-index: 2;

}



#frame-controls{

    position: absolute;

    width: 100%;

    height: 100%;

}



#frame-controls #frame-left,

#frame-controls #frame-center,

#frame-controls #frame-right {

    height: 100%;

    position: absolute;

    top: 0;

    width: 33.33%;

    z-index: 10;

}



#frame-center-top,

#frame-center-bottom{

    width: 100%;

    position: absolute;

}

#frame-center-top{

    height: 50%;

}



#photoframe.layout-horizontal-list #frame-center-top{

    height: 100%;

}



#photoframe.layout-horizontal-list #frame-center-bottom{

    display: none;

}



#scroll-left {

    left: 0;

    position: absolute;

    top: 0;

    bottom: 0;

    width: 80px;

    -webkit-transition:all 0.2s ease-in-out 0s;

    -moz-transition:all 0.2s ease-in-out 0s;

    -o-transition:all 0.2s ease-in-out 0s;

    transition:all 0.2s ease-in-out 0s;

    z-index: 999;

}



#scroll-right {

    opacity: 0;

    right: 0px;

    position: absolute;

    top: 0;

    bottom: 0;

    width: 80px;

    -webkit-transition:all 0.2s ease-in-out 0s;

    -moz-transition:all 0.2s ease-in-out 0s;

    -o-transition:all 0.2s ease-in-out 0s;

    transition:all 0.2s ease-in-out 0s;

    z-index: 999;

}



#frame-center-bottom{

    top: 50%;

    height: 50%;

}

#frame-center-top{

    top: 0;

}



.zoom #frame-controls #frame-left,

.zoom #frame-controls #frame-center,

.zoom #frame-controls #frame-right,

.zoom #frame-controls{

    display:none;

}



.zoom .photography.active{

    cursor: crosshair;

}



.zoom.thumbs #frame-thumbs/*,

.playing.thumbs #frame-thumbs*/{

    bottom: -150px;

}



#frame-controls #frame-left {

    height: 100%;

    left: 0;

    top: 0;

}

#frame-controls #frame-center{

    left: 33.33%;

}



#frame-controls #frame-right{

    left: 66.66%;

    height: 100%;

    top: 0;

}



.side-thumb-l{

    width: 200px;

    height: 200px;

    margin-top: -70px;

    background-size: cover;

    background-position: center center;

    position: absolute;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    cursor: pointer;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    border-radius:50%;

}

body.computer .side-thumb-l:hover{

    margin-top: -70px;

    -webkit-transform:translateX(50px);

    -moz-transform:translateX(50px);

    -ms-transform:translateX(50px);

    -o-transform:translateX(50px);

    transform:translateX(50px);

}



.side-thumb-r {

    background-position: center center;

    background-size: cover;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    border-radius:50%;

    cursor: pointer;

    height: 200px;

    position: absolute;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    width: 200px;

    margin-top: -70px;

}



body.computer .side-thumb-r:hover{

    margin-top: -70px;

    -webkit-transform:translateX(-50px);

    -moz-transform:translateX(-50px);

    -ms-transform:translateX(-50px);

    -o-transform:translateX(-50px);

    transform:translateX(-50px);

}



/**

 * Side thumbs

 */



@media (max-height:768px) and (max-width:1024px){

    .side-thumb-r,

    .side-thumb-l{

        height: 100px;

        margin: 0 50px;

        width: 100px;

    }

}

@media (max-width:768px){

    .side-thumb-r,

    .side-thumb-l{

        height: 100px;

        margin: 0 50px;

        width: 100px;

    }

}



/**

 * Mobile-specific rules

 */



.mobile #scroll-right,

.tablet #scroll-right,

.mobile #scroll-right,

.tablet #scroll-right{

    background: url(../images/cursor-right.png) no-repeat;

    background-position: center center;

    cursor: auto;

}

.mobile .selfhosted_video #frame-controls #frame-center-top,

.mobile .youtube_video #frame-controls #frame-center-top,

.mobile .vimeo_video #frame-controls #frame-center-top,

.tablet .selfhosted_video #frame-controls #frame-center-top,

.tablet .youtube_video #frame-controls #frame-center-top,

.tablet .vimeo_video #frame-controls #frame-center-top{

    background: url(../images/cursor-play.png) no-repeat;

    background-position: center center;

    cursor: auto;

}



.mobile .selfhosted_video.playing #frame-controls #frame-center-top,

.mobile .youtube_video.playing #frame-controls #frame-center-top,

.mobile .vimeo_video.playing #frame-controls #frame-center-top,

.tablet .selfhosted_video.playing #frame-controls #frame-center-top,

.tablet .youtube_video.playing #frame-controls #frame-center-top,

.tablet .vimeo_video.playing #frame-controls #frame-center-top{

    background: url(../images/cursor-pause.png) no-repeat;

    background-position: center center;

    cursor: auto;

}



.mobile .zoom-enabled #frame-center-top,

.tablet .zoom-enabled #frame-center-top{

    background: url(../images/cursor-zoom.png) no-repeat;

    background-position: center center;

    cursor: auto;

}



.mobile #frame-controls #frame-left,

.tablet #frame-controls #frame-left{

    background: url(../images/cursor-left.png) no-repeat;

    background-position: center center;

    cursor: auto;

}



.mobile #frame-controls #frame-center-bottom,

.tablet #frame-controls #frame-center-bottom{

    background: url(../images/cursor-thumbs.png) no-repeat;

    background-position: center center;

    cursor: auto;

}



.mobile #frame-controls #frame-right,

.tablet #frame-controls #frame-right{

    background: url(../images/cursor-right.png) no-repeat;

    background-position: center center;

    cursor: auto;

}



/**

 * End of mobile-specific rules

 */



#left-thumb{

    left: -100px;

}

#left-thumb:hover{

    left:-50px;

}

#right-thumb{

    right: -100px;

}

#right-thumb:hover {

    right: -80px;

}



#frame-zoom{

    width: 50px;

    height: 50px;

    background: orange;

    z-index: 3;

    position: absolute;

    top: 20px;

    right: 20px;

    cursor: pointer;

    font-size:70px;

    line-height: 50px;

    text-align: center;

}



#frame-thumbs{

    z-index: 151;

    position: absolute;

    bottom: -150px;

    width: auto;

    max-width: none;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    cursor: pointer;

}



.thumbs-side #frame-thumbs,

.thumbs-none #frame-thumbs,

.thumbs-side #frame-center-bottom,

.thumbs-none #frame-center-bottom{

    display: none;

}



.thumbs-side #frame-controls #frame-center #frame-center-top,

.thumbs-none #frame-controls #frame-center #frame-center-top{

    height: 100%;

}



.thumbs #frame-thumbs{

    bottom: 0;

}

#frame-thumbs .photo-thumb {

    float: left;

    width: 150px;

    height: 150px;

    opacity: 1;

    position: relative;

    transform-origin: 50% 100% 0;

    -webkit-transform-origin: 50% 100% 0;

    -webkit-transform: rotate3d(1,0,0,-90deg) translate3d(0,150px,0);

    -moz-transform: rotate3d(1,0,0,-90deg) translate3d(0,150px,0);

    -ms-transform: rotate3d(1,0,0,-90deg) translate3d(0,150px,0);

    transform: rotate3d(1,0,0,-90deg) translate3d(0,150px,0);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.photo-thumb:before {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);

    bottom: 0;

    content: "";

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.photo-thumb.active:before {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    bottom: 0;

    content: "";

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

}

.thumbs #frame-thumbs .photo-thumb{

    -moz-transform: rotate3d(1,0,0,0deg) translate3d(0,0,0);

    -webkit-transform: rotate3d(1,0,0,0deg) translate3d(0,0,0);

    -ms-transform: rotate3d(1,0,0,0deg) translate3d(0,0,0);

    transform: rotate3d(1,0,0,0deg) translate3d(0,0,0);

    overflow: hidden;



}

.photo-thumb:after {

    -webkit-border-radius:15px;

    -moz-border-radius:15px;

    border-radius:15px;

    content: "\e9d9";

    font-family: icomoon;

    font-size: 15px;

    height: 27px;

    line-height: 25px;

    opacity: 0;

    position: absolute;

    right: 43%;

    text-align: center;

    top: 135px;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    transition: all 0.2s ease;

    width: 27px;

}



.photo-thumb:hover:after, .photo-thumb.active:after {

    top: 50%;

    opacity: 1;

}



#frame-thumbs .photo-thumb.active,

#frame-thumbs .photo-thumb:hover{

    opacity: 1;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.photo-thumb:hover:before {

    background: rgba(0,0,0,0);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



#frame-thumbs .photo-thumb img{

    width: 100%;

    height: 100%;

}



.image-cover{

    top: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: center center;

}



.video-container .image-cover{

    transition: opacity 0.5s ease;

    -webkit-transition: opacity 0.5s ease;

    -moz-transition: opacity 0.5s ease;

    -o-transition: opacity 0.5s ease;

}



/**

 * Other templates

 */



#gallery-list {

    list-style: none outside none;

    margin: auto;

    position: relative;

    text-align: center;

    padding: 0;

    /*top: 50%;*/

    /*-webkit-transform:translateY(-50%);*/

    /*-moz-transform:translateY(-50%);*/

    /*-ms-transform:translateY(-50%);*/

    /*-o-transform:translateY(-50%);*/

    /*transform:translateY(-50%);*/

    width: 100%;

    z-index: 5;

}

#gallery-list-bg{

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: center center;

    /*transition: all 0.5s ease;*/

    /*-webkit-transition: all 0.5s ease;*/

    /*-moz-transition: all 0.5s ease;*/

    /*-o-transition: all 0.5s ease;*/

}



@media (max-width: 768px){

    #gallery-list-bg{

        margin-bottom: 80px;

    }

}



.gallery-list-item {

    display: inline-block;

    margin: 13px;

    position: relative;

}

.gallery-list-item-b {

    border: 1px solid #ffffff;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    border-radius:50%;

    display: block;

    height: 150px;

    padding: 12px;

    position: relative;

    width: 150px;

    z-index: 1;

    -webkit-transition:all 0.2s ease 0s;

    -moz-transition:all 0.2s ease 0s;

    -o-transition:all 0.2s ease 0s;

    transition:all 0.2s ease 0s;

}

.gallery-list-item-b:after {

    background: none repeat scroll 0 0 #fff;

    content: "";

    height: 1px;

    position: absolute;

    right: -31px;

    top: 50%;

    width: 31px;

}

.gallery-list-item-b:before {

    background: none repeat scroll 0 0 #fff;

    content: "";

    height: 1px;

    left: -31px;

    position: absolute;

    top: 50%;

    width: 31px;

}

.gallery-list-item a {

    color: #ffffff;

    display: inline;

    font-size: 15px;

    font-weight: 400;

    padding: 25px;

    left: 0;

    margin: auto;

    position: absolute;

    text-align: center;

    text-transform: uppercase;

    top: 50%;

    -webkit-transform:translateY(-50%);

    -moz-transform:translateY(-50%);

    -ms-transform:translateY(-50%);

    -o-transform:translateY(-50%);

    transform:translateY(-50%);

    -webkit-transition:all 0.2s ease 0s;

    -moz-transition:all 0.2s ease 0s;

    -o-transition:all 0.2s ease 0s;

    transition:all 0.2s ease 0s;

    width: 100%;

}





.gallery-list-item a:hover {

    color: #FFFFFF;

}



.gallery-list-item .marker {

    background: none repeat scroll 0 0 #EEEE22;

    border-bottom: 3px solid;

    -webkit-border-radius:15px;

    -moz-border-radius:15px;

    border-radius:15px;

    bottom: 0;

    display: block;

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    right: 0;

    top: 0;

    -webkit-transition:all 0.5s ease 0s;

    -moz-transition:all 0.5s ease 0s;

    -o-transition:all 0.5s ease 0s;

    transition:all 0.5s ease 0s;

    width: 0;

}



.gallery-list-item .gallery-count {

    -webkit-border-radius:15px;

    -moz-border-radius:15px;

    border-radius:15px;

    font-size: 12px;

    font-weight: 100;

    opacity: 0.3;

    position: absolute;

    right: 11px;

}

.gallery-count-name {

    display: none;

}

.page-template-page-hover-slider-php .gallery-count {

    opacity: 1;

    position: absolute;

    right: 50%;

    height: 30px;

    width: 30px;

    line-height: 30px;

    top: -7px;

    -webkit-transform:translateX(50%);

    -moz-transform:translateX(50%);

    -ms-transform:translateX(50%);

    -o-transform:translateX(50%);

    transform:translateX(50%);

    z-index: 2;

}



#fs-video{

    min-height: 520px;

}



#fs-video iframe{

    height: 100%;

}



.pattern-overlay,

.color-overlay{

    position: absolute;

    width: 100%;

    height: 100%;

    background-repeat: repeat;

    z-index: 2;

    top: 0;

    left: 0;

}



#fs-image{

    background-size: cover;

    width: 100%;

    height: 100%;

    background-position: center center;

}



.horizontal-list-item{

    background-size: cover;

    background-position: center center;

    float: left;

    height: 100%;

    overflow: hidden;



}



#gallery-list-horizontal .horizontal-list-item{

    text-align: center;

    float: left;

    height: 100%;

    display: inline-block;

    position: relative;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    overflow: hidden;

    -webkit-transition: all 700ms;

    -moz-transition: all 700ms;

    transition: all 700ms;

}



#gallery-list-horizontal .horizontal-list-item:hover{

    -webkit-transition: all 300ms;

    -moz-transition: all 300ms;

    transition: all 300ms;

}



#gallery-list-scroll-horizontal{

    -webkit-transition: margin-left 0.3s ease-in;

    -moz-transition: margin-left 0.3s ease-in;

    -o-transition: margin-left 0.3s ease-in;

    transition: margin-left 0.3s ease-in;

}



.horizontal-list-item:hover .photo-count {

    opacity: 0;

    top: 30px;

}

.horizontal-list-item:hover .gallery-info{

    margin-right: 100px;

}

.horizontal-list-item:hover {

    background-position: left center;

}

#gallery-list-scroll-horizontal .horizontal-list-item{

    width: 300px;

    -webkit-transition:all 0.3s;

    -moz-transition:all 0.3s;

    -o-transition:all 0.3s;

    transition:all 0.3s;

}

.gallery-info .photo-count {

    border: 1px solid rgba(255, 255, 255, 0.2);

    -webkit-border-radius:50px;

    -moz-border-radius:50px;

    border-radius:50px;

    font-size: 20px !important;

    padding: 30px 0 0;

    top: 0;

    display: block;

    height: 80px;

    line-height: 65px;

    margin: 0 auto;

    opacity: 1;

    position: absolute;

    right: 50%;

    text-align: center;

    width: 80px;

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

    -webkit-transform:translateX(50%);

    -moz-transform:translateX(50%);

    -ms-transform:translateX(50%);

    -o-transform:translateX(50%);

    transform:translateX(50%);

}

.gallery-info .photo-count:after {

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    border-radius:50%;

    content: "";

    display: block;

    height: 40px;

    left: 50%;

    position: absolute;

    text-align: center;

    top: 50%;

    -webkit-transform:translateY(-50%) translateX(-50%);

    -moz-transform:translateY(-50%) translateX(-50%);

    -ms-transform:translateY(-50%) translateX(-50%);

    -o-transform:translateY(-50%) translateX(-50%);

    transform:translateY(-50%) translateX(-50%);

    width: 40px;

    z-index: -1;

}

#gallery-list-scroll-horizontal .gallery-info {

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */

    bottom: 0;

    margin: 0 auto;

    position: absolute;

    text-align: center;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in 0s;

    width: 100%;

    z-index: 1;

}





#gallery-list-scroll-horizontal .scrollers{

    position: absolute;

    top: 30%;

    width: 50px;

    height: 50px;

    z-index: 5;

    background: orange;

    cursor: pointer;

}



#gallery-list-scroll-horizontal #scroll-left{

    left: 50px;

}



#gallery-list-scroll-horizontal #scroll-right{

    right: 50px;

}



@media (max-width: 768px){

    #gallery-list-scroll-horizontal .gallery-info .gallery-title h2{

        font-size: 20px;

        line-height: 20px;

    }

    #gallery-list-scroll-horizontal .gallery-info{

        right: 5%;

        left: 5%;

        width: 90%;

    }

}



@media (max-height: 480px){

    #gallery-list-scroll-horizontal .gallery-info .gallery-title h2{
	font-size: 20px;
	line-height: 20px;
	color: #FFF;
    }

    #gallery-list-scroll-horizontal .gallery-info{

        right: 5%;

        left: 5%;

        width: 90%;

    }

}



#slides{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    padding: 0;

}



@-webkit-keyframes imageslider {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-20px,0,0);

        transform: translate3d(-20px,0,0);

    }



    100% {

        opacity: 1;

        -webkit-transform: translate3d(0px,0,0);

        transform: translate3d(0px,0,0);

    }

}



@keyframes imageslider {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-20px,0,0);

        -ms-transform: translate3d(-20px,0,0);

        transform: translate3d(-20px,0,0);

    }



    100% {

        opacity: 1;

        -webkit-transform: translate3d(0px,0,0);

        -ms-transform: translate3d(0px,0,0);

        transform: translate3d(0px,0,0);

    }

}



#slides .list-slider-item{

    list-style-type: none;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    background-size: cover;

    background-position: center center;

    opacity: 1;

    z-index: 1;

}



#slides .list-slider-item.wait{

    opacity: 1;

    z-index: 2;

}



#slides .list-slider-item.active{

    z-index: 3;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: imageslider;

    animation-name: imageslider;

}



.horizontal-list-item .color-overlay{

    transition: all 1s ease;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    z-index:1;

}



.horizontal-list-item:hover .color-overlay{

    opacity: 0!important;

}

.gallery-info {

    margin-right: 0;

    position: absolute;

    top: 40%;

    -webkit-transition:all 0.3s;

    -moz-transition:all 0.3s;

    -o-transition:all 0.3s;

    transition:all 0.3s;

    z-index: 1;

}

.horizontal-list-item .gallery-info {

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */

    bottom: 0;

    margin: 0 auto;

    position: absolute;

    text-align: center;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in 0s;

    width: 100%;

    z-index: 1;

}

#gallery-list-scroll-horizontal .gallery-title {

    margin: auto;

    opacity: 0;

    padding: 20px;

    position: relative;

    text-align: center;

    top: 0;

    -webkit-transition:all 0.5s ease 0s;

    -moz-transition:all 0.5s ease 0s;

    -o-transition:all 0.5s ease 0s;

    transition:all 0.5s ease 0s;

    width: 340px;

    z-index: 1;

}

.horizontal-list-item:hover .gallery-title {

    opacity: 1 !important;

    position: relative;

    top: 0 !important;

}

#gallery-list-horizontal .gallery-title {

    width: 100%;

}

#gallery-list-horizontal .gallery-info h2 {

    border-bottom: 0 none;

    color: #ffffff;

    display: inline-block;

    font-size: 30px;

    line-height: 40px;

    margin: 40px 0 0;

    text-align: center;

    width: 150px;

    top: 50%;

    transform: translateY(-50%);

}

.gallery-description {

    color: #FFFFFF;

    font-size: 11px;

    opacity: 0.4;

    width: 140px;

}

#gallery-list-scroll-horizontal .gallery-info h2 {

    border-bottom: 0 none;

    font-size: 40px;

    line-height: 40px;

    padding-bottom: 0;

    width: 100%;

}

#gallery-list-scroll-horizontal .gallery-description {

    font-size: 11px;

    opacity: 0.4;

    width: 200px;

}



/**

 * Menu

 */



#menu-wrap {

    height: 120px;

    left: 0;

    /*pointer-events: none;*/

    position: absolute;

    right: 0;

    top: 0px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    -webkit-transition-delay: 0.6s;

    -moz-transition-delay: 0.6s;

    -o-transition-delay: 0.6s;

    transition-delay: 0.6s;

    z-index: 100;

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */

    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */



}



#menu-wrap.visible-menu{

    /*pointer-events: all;*/

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    transition-delay: 0s;

}



#menu-wrap .logo{

    -webkit-transform: scale(0.9);

    -moz-transform: scale(0.9);

    -ms-transform: scale(0.9);

    transform: scale(0.9);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    -webkit-transition-delay: 0.3s;

    -moz-transition-delay: 0.3s;

    -o-transition-delay: 0.3s;

    transition-delay: 0.3s;

}



#menu-wrap.visible-menu .logo{

    pointer-events: all;

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    transition-delay: 0s;

    position: absolute;

    z-index: 9999;

}



#menu-wrap:hover{

    opacity: 1;

}



#main-menu{

    opacity: 0;

    margin-left: 200px;

    margin-top: 30px;

    padding-left: 50px;

    z-index: 5;

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    transition-delay: 0s;

    -webkit-transition: margin-top 0.3s ease, opacity 0.3s ease;

    -moz-transition: margin-top 0.3s ease, opacity 0.3s ease;

    -o-transition: margin-top 0.3s ease, opacity 0.3s ease;

    transition: margin-top 0.3s ease, opacity 0.3s ease;

}



#main-menu ul li{

    top: -50px;

    -webkit-transition: top 0.5s ease;

    -moz-transition: top 0.5s ease;

    -o-transition: top 0.5s ease;

    transition: top 0.5s ease;

    -webkit-transition-delay: 0.8s;

    -moz-transition-delay: 0.8s;

    -o-transition-delay: 0.8s;

    transition-delay: 0.8s;

}



#main-menu ul li a{

    -webkit-transition: opacity 1.2s linear;

    -moz-transition: opacity 1.2s linear;

    -o-transition: opacity 1.2s linear;

    transition: opacity 1.2s linear;

    opacity: 0;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    padding: 10px;

}

.sub-menu a{

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.sub-menu li a {

    border-bottom: 1px solid rgba(0,0,0,0);

}

.sub-menu li a:hover {

    border-bottom: 1px solid;

}

#main-menu ul li .sub-menu li:first-child a  {

    -webkit-border-top-right-radius: 5px;

    -moz-border-radius-topright: 5px;

    border-top-right-radius: 5px;

}

#main-menu ul li .sub-menu  a {

    border-radius: 0;

}

#main-menu ul li .sub-menu li:last-child a  {

    -webkit-border-bottom-right-radius: 5px;

    -webkit-border-bottom-left-radius: 5px;

    -webkit-border-top-right-radius: 0;

    -moz-border-radius-bottomright: 5px;

    -moz-border-radius-bottomleft: 5px;

    -moz-border-top-right-radius: 0;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    border-top-right-radius: 0;

}

.menu-item-has-children a{



}

.menu-wrap-b .menu ul li a {

    border-top: 1px solid rgba(0,0,0,0);

    border-bottom: 1px solid rgba(0,0,0,0);

}

.menu-wrap-b .menu ul li a:hover {

    border-bottom: 1px solid rgba(255,255,255,.1);

    border-top: 1px solid rgba(255,255,255,.1);

}

#menu-wrap .menu-item-has-children a {

    -webkit-border-radius:5px 5px 0 0;

    -moz-border-radius:5px 5px 0 0;

    border-radius:5px 5px 0 0;

    padding: 10px;

}

.visible-menu #main-menu ul li a{

    opacity: 1;

}



.visible-menu #main-menu ul li{

    top: 0;

}



.visible-menu #main-menu ul li:nth-child(0){

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    transition-delay: 0s;

}



.visible-menu #main-menu ul li:nth-child(1){

    -webkit-transition-delay: 0.1s;

    -moz-transition-delay: 0.1s;

    -o-transition-delay: 0.1s;

    transition-delay: 0.1s;

}



.visible-menu #main-menu ul li:nth-child(2){

    -webkit-transition-delay: 0.2s;

    -moz-transition-delay: 0.2s;

    -o-transition-delay: 0.2s;

    transition-delay: 0.2s;

}



.visible-menu #main-menu ul li:nth-child(3){

    -webkit-transition-delay: 0.3s;

    -moz-transition-delay: 0.3;

    -o-transition-delay: 0.3s;

    transition-delay: 0.3s;

}

.visible-menu #main-menu ul li:nth-child(4){

    -webkit-transition-delay: 0.4s;

    -moz-transition-delay: 0.4s;

    -o-transition-delay: 0.4s;

    transition-delay: 0.4s;

}

.visible-menu #main-menu ul li:nth-child(5){

    -webkit-transition-delay: 0.5s;

    -moz-transition-delay: 0.5s;

    -o-transition-delay: 0.5s;

    transition-delay: 0.5s;

}

.visible-menu #main-menu ul li:nth-child(6){

    -webkit-transition-delay: 0.6s;

    -moz-transition-delay: 0.6s;

    -o-transition-delay: 0.6s;

    transition-delay: 0.6s;

}

.visible-menu #main-menu ul li:nth-child(7){

    -webkit-transition-delay: 0.7s;

    -moz-transition-delay: 0.7s;

    -o-transition-delay: 0.7s;

    transition-delay: 0.7s;

}

.visible-menu #main-menu ul li:nth-child(8){

    -webkit-transition-delay: 0.8s;

    -moz-transition-delay: 0.8s;

    -o-transition-delay: 0.8s;

    transition-delay: 0.8s;

}

.visible-menu #main-menu ul li:nth-child(9){

    -webkit-transition-delay: 0.9s;

    -moz-transition-delay: 0.9s;

    -o-transition-delay: 0.9s;

    transition-delay: 0.9s;

}

.visible-menu #main-menu ul li:nth-child(10){

    -webkit-transition-delay: 1s;

    -moz-transition-delay: 1s;

    -o-transition-delay: 1s;

    transition-delay: 1s;

}

.visible-menu #main-menu ul li:nth-child(11){

    -webkit-transition-delay: 1.1s;

    -moz-transition-delay: 1.1s;

    -o-transition-delay: 1.1s;

    transition-delay: 1.1s;

}

.visible-menu #main-menu ul li:nth-child(12){

    -webkit-transition-delay: 1.2s;

    -moz-transition-delay: 1.2s;

    -o-transition-delay: 1.2s;

    transition-delay: 1.2s;

}



.visible-menu #main-menu{

    opacity: 1;

    -webkit-transition-delay: 0.5s;

    -moz-transition-delay: 0.5s;

    -o-transition-delay: 0.5s;

    transition-delay: 0.5s;

}

.logo {

    left: 30px;

    pointer-events: all;

    position: absolute;

    top: 30px;

    width: 300px;

}

#main-menu-toggle {

    /*pointer-events: all;*/

    -webkit-border-radius:25px;

    -moz-border-radius:25px;

    border-radius:25px;

    cursor: pointer;

    font-style: normal;

    height: 30px;

    left: 263px;

    position: absolute;

    top: 60px;

    transition: all 0.4s ease 0s;

    width: 30px;

    z-index: 5;

}

.menu-wrap-b .menu li a:hover, .menu-wrap-b .menu li:hover > a,

.menu-wrap-b .menu ul li a{

    background: rgba(0,0,0,.7);

}



.visible-menu #main-menu-toggle{

    margin-top: 20px;

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -o-transition-delay: 0s;

    transition-delay: 0s;

}



#main-menu ul{

    list-style: none;

}

#main-menu-toggle i{

    font-style: normal;

    color: #ffffff;

}

.menu-arrow-up {

    background-image: url("../images/menu-arrow-down.png");

    background-position: 7px 8px;

    background-repeat: no-repeat;

    -webkit-border-radius:18px;

    -moz-border-radius:18px;

    border-radius:18px;

    height: 50px;

    width: 50px;

}



.menu-arrow-up:hover {

    padding-right: 90px;

}

.menu-arrow-up:hover .menu-open {

    display: block;

    opacity: 1;

}

.menu-arrow-up.on:hover .menu-open {

    display: none;

}

.menu-arrow-up.on:hover .menu-close {

    display: block;

}

.menu-arrow-up .menu-close {

    display: none;

    padding: 6px 5px 5px 35px;

}

.menu-arrow-up .menu-open {

    display: none;

    opacity: 0;

    padding: 6px 5px 5px 35px;

    -webkit-transition:opacity 1.8s ease 1.9s;

    -moz-transition:opacity 1.8s ease 1.9s;

    -o-transition:opacity 1.8s ease 1.9s;

    transition:opacity 1.8s ease 1.9s;

}

.menu-arrow-up.on {

    background-image: url("../images/menu-arrow-up.png");

    height: 50px;

    width: 50px;

    background-position: 8px 9px;

    background-repeat: no-repeat;

}



/**

 * End of menu

 */



#image-copyright {

    border: 1px solid rgba(255, 255, 255, 1);

    -webkit-border-radius:50px;

    -moz-border-radius:50px;

    border-radius:50px;

    color: rgba(255, 255, 255, 1);

    margin-top: 200px;

    padding: 5px 10px;

    position: absolute;

    right: 45px;

    top: 50%;

    -webkit-transform:translateY(-50%);

    -moz-transform:translateY(-50%);

    -ms-transform:translateY(-50%);

    -o-transform:translateY(-50%);

    transform:translateY(-50%);

    z-index: 10;

}

.horizontal-list-item .gallery-info h2 {

    color: #FFFFFF;

    font-size: 20px;

    line-height: 20px;

    padding-bottom: 15px;

    width: 150px;

}





.photography .video-container{

    position: absolute;

    z-index: 0;

}



.photography .photo-info-button,

.horizontal-gallery-item .photo-info-button{

    display: none;

}



#vertical-gallery .vertical-gallery-item,

#vertical-gallery .vertical-gallery-item img{

    width: 100%;

    height: auto;

}



#vertical-gallery .vertical-gallery-item{

    margin-bottom: 10px;

    position: relative;

}



#horizontal-gallery .horizontal-gallery-item{

    float: left;

    position: relative;

}

.horizontal-list-item:hover .gallery-title {

    left: 0 !important;

    opacity: 1 !important;

    position: relative;

}

.horizontal-list-item .gallery-title {

    left: -100px;

    opacity: 0;

    position: relative;

    transition: all 0.5s ease 0.1s;

    z-index: 1;

}

#horizontal-gallery{

    overflow: hidden;

    -webkit-transition: all 1s ease-in-out 0s;

    -moz-transition: all 1s ease-in-out 0s;

    -o-transition: all 1s ease-in-out 0s;

    transition: all 1s ease-in-out 0s;

}



body.horizontal-gallery #main-wrapper{

    -webkit-transition: all 1s ease-in-out 0s;

    -moz-transition: all 1s ease-in-out 0s;

    -o-transition: all 1s ease-in-out 0s;

    transition: all 1s ease-in-out 0s;

}







.horizontal-gallery-item .video-container{

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}



.horizontal-gallery-item .play-video-button{

    position: absolute;

    display: none;

}



.horizontal-gallery-item.active .play-video-button{

    display: block;

    width: 100%;

    height: 100%;

}



.audio-player {

    position: absolute;

    right: 0;

    top: 0;

}

#gallery-audio {

    border-left: 1px solid rgba(255, 255, 255, 0.1);

    height: 40px;

}



#playpause {

    color: rgba(255, 255, 255, 1);

    cursor: pointer;

    height: 40px;

    padding-top: 12px;

    position: relative;

    text-align: center;

    width: 40px;

}



#playpause:hover {



}

#playpause {

    -webkit-transition:all 0.1s ease 0s;

    -moz-transition:all 0.1s ease 0s;

    -o-transition:all 0.1s ease 0s;

    transition:all 0.1s ease 0s;

}

#playpause i {

    font-size: 16px;

}



.page-template-page-slider-php #prev-slide, .page-template-page-slider-php #next-slide{

    background: orange;

    width: 50px;

    height: 50px;

    position: absolute;

    top: 30px;

    z-index: 20;

}



.page-template-page-slider-php #prev-slide{

    left: 20px;

}

.page-template-page-slider-php #next-slide{

    right: 20px;

}



.slider-item{

    position: relative;

    top: 0;

    background-size: cover;

    background-position: center center;

    height: 100%;

    width: 110%;

    z-index: 0;

    -webkit-transition: all 0.2s ease-in-out 0s;

    -moz-transition: all 0.2s ease-in-out 0s;

    -o-transition: all 0.2s ease-in-out 0s;

    transition: all 0.2s ease-in-out 0s;

}

.item-wrap.active.done .slider-item,

.item-wrap.move-out .slider-item{

    /*width: 100%;*/

}

.item-wrap {

    height: 100%;

    overflow: hidden;

    position: absolute;

    top: 0;

    -webkit-transition: all 1.5s ease-in-out 0s;

    -moz-transition: all 1.5s ease-in-out 0s;

    -o-transition: all 1.5s ease-in-out 0s;

    transition: all 1.5s ease-in-out 0s;

    width: 100%;

    z-index: 0;

}



.item-wrap.move-out{

    z-index: 1;

    left: 0;

}

.image-shadow{

    background: black;

    opacity: 0;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: opacity 1s linear;

    -moz-transition: opacity 1s linear;

    -o-transition: opacity 1s linear;

    transition: opacity 1s linear;

}

.item-wrap.move-out .image-shadow{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0.5;

    z-index: 2;

}



.item-wrap.active {

    left: 0;

    width: 100%;

    z-index: 10;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

}

.password-window{

    width: 420px;

    height: 40%;

    -webkit-border-radius:15px;

    -moz-border-radius:15px;

    border-radius:15px;

    margin: auto;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    position: absolute;

    text-align: center;

    padding: 25px 30px;

    font-family: inherit;

    text-transform: uppercase;

    -webkit-box-shadow: 3px 0px 3px 0px rgba(50, 50, 50, 0.25);

    -moz-box-shadow:    3px 0px 3px 0px rgba(50, 50, 50, 0.25);

    box-shadow:         3px 0px 3px 0px rgba(50, 50, 50, 0.25);

}

.password-window form{

    font-weight: normal;

    text-transform: none;

    margin-top: 15px;

}

.password-window input{

    height: 40px;

    line-height: 30px;

    border-radius: 8px;

    border: 1px solid rgba(0,0,0,0.2);

    margin: 8px;

    padding: 3px 8px;

    outline: none;

    font-size: 1em;

}

.password-window input[name="post_password"]{

    -webkit-box-shadow: inset 3px 0px 3px 0px rgba(50, 50, 50, 0.25);

    -moz-box-shadow:    inset 3px 0px 3px 0px rgba(50, 50, 50, 0.25);

    box-shadow:         inset 3px 0px 3px 0px rgba(50, 50, 50, 0.25);

}



.password-window label{

    text-transform: uppercase;

}

.password-window input[type="submit"]{

    background: rgba(0,0,0,0);

    color: inherit;

    border-radius: 50px;

    padding: 3px 20px;

    border: 1px solid;

    text-transform: uppercase;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

.password-window input[type="submit"]:hover{



}



/*#frame-share.on,*/

/*#frame-share.on:hover,*/

/*.photo-info-button-bg.on,*/

/*.photo-info-button-bg.on:hover*/

/*{*/

    /*right: 0px!important;*/

/*}*/

#frame-controls #frame-counter {

    border: 1px solid #fff;

    -webkit-border-radius:50px;

    -moz-border-radius:50px;

    border-radius:50px;

    color: #ffffff;

    height: 59px;

    line-height: 57px;

    opacity: 1;

    pointer-events: none;

    position: absolute;

    right: 45px;

    top: 50%;

    margin-top: 40px;

    width: 59px;

    z-index: 110;

}





.page-template-page-slider-php #frame-counter{

    z-index: 30;

}

.item-count {

    display: inline-block;

    padding: 0 0 0 17px;

}

.total-count {

    display: inline-block;

}



body.page-template-page-striped-php,

body.page-template-page-image-php,

body.page-template-page-video-php,

body.page-template-page-kenburns-php,

body.page-template-page-video-php #main-wrapper,

body.no-overflow{

    overflow: hidden;

}

@media (max-width: 768px){

    body.page-template-page-striped-php,

    body.page-template-page-video-php,

    body.page-template-page-kenburns-php,

    body.no-overflow{

        overflow-x: hidden;

        overflow-y: auto;

    }

}



#fs-video .cover {

    text-align: center;

    vertical-align: baseline;

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, 0.5);

    z-index: 1;

    top: 0;

}



#video-controls {

    bottom: 20px;

    left: 48%;

    margin: 0 auto;

    position: absolute;

    text-align: center;

    z-index: 9999;

}



.single-portfolio #video-controls {

    bottom: 0;

    top: 0;

    height: 40px;

    left: 48%;

    margin: auto;

}



#video-controls .controls-wrap{

    display: inline-block;

    -webkit-transition: opacity 0.5s linear;

    -moz-transition: opacity 0.5s linear;

    -o-transition: opacity 0.5s linear;

    transition: opacity 0.5s linear;

}



#video-controls.off .controls-wrap{

    opacity: 0;

}



#video-controls .controls-wrap:hover{

    opacity: 1;

}



#playvideo, #mutevideo {

    border-radius: 25px;

    cursor: pointer;

    display: inline-block;

    height: 30px;

    width: 30px;

    padding-top: 7px;

}



#playvideo i,

#mutevideo i{

    font-size: 16px;

}



#video-wrap{

    position: relative;

    max-width: 100%;

    overflow: hidden;

}



.video-playing .image-cover{

    -webkit-transition: opacity 0.5s linear;

    -moz-transition: opacity 0.5s linear;

    -o-transition: opacity 0.5s linear;

    transition: opacity 0.5s linear;

    opacity: 0;

}

.kenburns-content-wrap,

.video-content-wrap{

    bottom: 60px;

    display: block;

    margin: 0 auto;

    position: absolute;

    text-align: center;

    width: 100%;

    z-index: 3;

}

.video-content-wrap{

    height: 100%;

    opacity: 1;

    -webkit-transition: opacity 0.3s linear;

    -moz-transition: opacity 0.3s linear;

    -o-transition: opacity 0.3s linear;

    transition: opacity 0.3s linear;

}



.video-content-wrap.off{

    opacity: 0;

    -webkit-transition: opacity 0.3s linear;

    -moz-transition: opacity 0.3s linear;

    -o-transition: opacity 0.3s linear;

    transition: opacity 0.3s linear;

}



#kenburns-title, #kenburns-description, #kenburns-button{

}



#kenburns-title,

#video-title{

    font-size: 50px;

    font-weight: 900;

    margin: 20px auto;

    text-transform: uppercase;

    top: 100px;

    width: 50%;

}





#kenburns-description,

#video-description{

    color: #FFFFFF;

    margin: auto;

    width: 50%;

}



#kenburns-button,

#video-button {

    -webkit-border-radius:50px;

    -moz-border-radius:50px;

    border-radius:50px;

    display: inline-block;

    font-weight: 900;

    margin-top: 20px;

    padding: 15px;

    text-transform: uppercase;

    transition: all 0.2s ease-in-out 0s;

}



#kenburns-button,

#video-button {

    -webkit-border-radius:50px;

    -moz-border-radius:50px;

    border-radius:50px;

    color: #000000;

    display: inline-block;

    font-weight: 900;

    margin-top: 20px;

    padding: 15px;

    text-transform: uppercase;

    -webkit-transition: all 0.2s ease-in-out 0s;

    -moz-transition: all 0.2s ease-in-out 0s;

    -o-transition: all 0.2s ease-in-out 0s;

    transition: all 0.2s ease-in-out 0s;

}



#kenburns-button:after,

#video-button:after{

    content: "\ea9b";

    font-family: icomoon;

    font-size: 17px;

    margin-left: 12px;

}



.video-content-wrap {

    bottom: 0;

    height: 50%;

    margin: 0 auto;

    position: absolute;

    text-align: center;

}



#video-title,

#video-description,

#video-button

{

}

#video-title {



}

#video-description{



}

#video-button{

}



.home-image-wrap {

    bottom: 100px;

    display: block;

    left: 0;

    position: absolute;

    text-align: left;

    width: 100%;

    z-index: 3;

}



.home-image-wrap .home-image-title {

    bottom: 20px;

    margin-left: 60px;

    position: relative;

    width: 30%;

}



.home-image-content {

    color: #ffffff;

    margin-left: 60px;

    text-align: left;

    width: 40%;

}

.home-image-button {

    margin-left: 60px;

    text-align: left;

    width: 50%;

}

.page-template-page-image-php .home-image-button > a {

    border: 1px solid;

}

.home-image-button a {

    -webkit-border-radius:50px;

    -moz-border-radius:50px;

    border-radius:50px;

    display: inline-block;

    margin-top: 20px;

    padding: 15px 25px;

    text-transform: uppercase;

    -webkit-transition:all 0.2s ease-in-out 0s;

    -moz-transition:all 0.2s ease-in-out 0s;

    -o-transition:all 0.2s ease-in-out 0s;

    transition:all 0.2s ease-in-out 0s;

}



.home-image-button a:after {

    content: "\ea9b";

    font-family: icomoon;

    font-size: 14px;

    margin-left: 5px;

}



.home-image-wrap .home-image-title, #kenburns-title, #video-title, .home-image-title, #split-slider .caption {

    text-transform: none;

}





/**

preloaders

*/



.loadingspin {

    position: absolute;

    display: inline-block;

    vertical-align: baseline;

    top: 50%;

    width: 100px;

    height: 100px;

    margin: 0 auto;

    left: 0;

    right: 0;

}

.loadingspin:before {

    display: block;

    width: 30px;

    height: 30px;

    border-top: 1px solid #ccc;

    border-right: 1px solid #333;

    border-left: 1px solid #333;

    border-bottom: 1px solid #ccc;

    content: "";

    -webkit-animation: halfspin 0.75s ease infinite;

    animation: halfspin 0.75s ease infinite;

    border-radius: 100%;

}

@-webkit-keyframes spin {

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@-ms-keyframes spin {

    100% {

        -ms-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@keyframes spin {

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@-webkit-keyframes locationbob {

    100% {

        -webkit-transform: rotate(45deg) translate(3px, 3px);

        transform: rotate(45deg) translate(3px, 3px);

    }

}



@-webkit-keyframes halfspin {

    100% {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg);

    }

}

@-ms-keyframes halfspin {

    100% {

        -ms-transform: rotate(180deg);

        transform: rotate(180deg);

    }

}

@keyframes halfspin {

    100% {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg);

    }

}

.wp-availability {

    margin: 0px auto;

    max-width: 100%;

    overflow: visible;

    position: relative;

    -webkit-border-radius:0px;

    -moz-border-radius:0px;

    border-radius:0px;

}

#calendar .owl-buttons {

    position: absolute;

    top: 13px;

    width: 100%;

}

#calendar .owl-prev {

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    border-radius:50%;

    font-size: 0;

    height: 30px;

    left: 10px;

    line-height: 30px;

    position: absolute;

    text-align: center;

}

#calendar .owl-next {

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    border-radius:50%;

    font-size: 0;

    height: 30px;

    line-height: 30px;

    position: absolute;

    right: 10px;

    text-align: center;

}

.wp-availability .wp-availability-month{

    position: absolute;

    width: 100%;

    max-width:100%;

    height: 500px;

}



.wp-availability .owl-wrapper{

    height: 500px;

}



.wp-availability .wp-availability-month table,

.wp-availability .owl-item{

    width:100%;

    height: 500px;

}

.wp-availability .wp-availability-month table thead th {

    font-size: 20px;

    text-transform: uppercase;

}



.wp-availability .wp-availability-month table tr td{

    font-size: 2em;

}



.wp-availability .wp-availability-month table tr th{

    color: white;

}



.body-preloader{

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999999;

    width: 100%;

    height: 100%;

    background: #111111;

    text-align: center;

}



.zoom-container{

    text-align: center;

    position: fixed;

    z-index: 99999;

    width: 100%;

    height: 100%;

    margin: auto;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    border: 2px solid white;

    background: black;

    overflow: hidden;

    cursor: crosshair;

}



.zoom-container img{

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.zoom-close{

	position: absolute;

    cursor: pointer;

	width: 36px;

	height: 36px;

	z-index: 30;

	right: 5px;

	top: 5px;

}



.zoom-close:before{

	position: absolute;

	pointer-events: none;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    content: '\e9a4';

    font-family: 'icomoon';

    font-size: 25px;

    height: 36px;

    line-height: 35px;

    position: absolute;

    right: 0;

    text-align: center;

    top: 0;

    width: 36px;

	z-index: -5;

}



.zoom-cover{

    position: fixed;

    top: 0;

    left: 0;

    z-index: 200;

    width: 100%;

    height: 100%;

    opacity: 0;

    background: #111111;

    text-align: center;

    -webkit-transition: opacity 0.5s;

    -moz-transition: opacity 0.5s;

    -o-transition: opacity 0.5s;

    transition: opacity 0.5s;

}



.zoom-cover.on{

    opacity: 0.95;

    -webkit-transition: opacity 0.5s;

    -moz-transition: opacity 0.5s;

    -o-transition: opacity 0.5s;

    transition: opacity 0.5s;

}



.inner-preloader{

    position: absolute;

    top: 0;

    left: 0;

    z-index: 999999;

    width: 100%;

    height: 100%;

    background: #111111;

    text-align: center;

}



.wp-availability {

    overflow: hidden;

    clear: both;

}

.wp-availability-month {

    border: 1px solid rgba(255,255,255,.1);

    padding: 0;

    float: left;

    margin: 0;

}

.wp-availability-month table {

    color: #333333;

    width: 164px;

    border-collapse: collapse;

    font: 11px arial, verdana, sans-serif;

    text-align: center;

    table-layout: fixed;

}

.wp-availability-month table thead th {

    padding: 3px;

    font-size: 12px;

    background-color: #333;

    color: white;

    text-align: center;

}

.wp-availability-month table tbody th,

.wp-availability-month table tbody td {

    padding: 3px;

    font-size: 15px;

    color: #FFFFFF;

    text-align: center;

}

.wp-availability-month table tbody td {

    border: 1px solid rgba(255,255,255,.1);

}

.wp-availability-month table tbody td.wp-availability-booked {

    font-weight: bold;

    text-decoration: line-through;

    color: white;

}

.wp-availability-month table tbody td.wp-availability-disabled {



}





.columns6 .grid-item .portfolio-content h2 {

    font-size: 15px;

    line-height: 15px;

    color: #ffffff;

}

/*.masonry.columns6 .portfolio-content:before{*/

    /*left: 35%;*/

/*}*/

/*.masonry.columns6 .portfolio-content > span {*/

    /*bottom: 0;*/

/*}*/