/* CTRL + M + L to collapse or expand all regions */
/* CTRL + M + M to collapse or expand class */


/********************************************/
/**************    CONTENT    ***************/
/********************************************/

.content-wrap { padding:1px 0; }

/* if mac, hide windows content */
html.mac .content-win {
    display:none !important;
}

/* if windows, hide mac content */
html.win .content-mac {
    display:none !important;
}

/* if not MAC and not Windows, show windows hotkeys only as a fallback */
html:not(.mac):not(.win) .content-mac {
    display:none !important;
}

.body-overlay {
    visibility:hidden;
}

body.side-panel-open .body-overlay {
    visibility:visible;
}

/*
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    background-color: #cecece;
}

::-webkit-scrollbar-track {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    background-color: #eaeaea;
    border-left: 1px solid #cecece;
}
*/

::-webkit-input-placeholder {
  opacity:0.6;
}

:-moz-placeholder { /* Firefox 18- */
  opacity:0.6;
}

::-moz-placeholder { /* Firefox 19+ */
  opacity:0.6;
}

:-ms-input-placeholder { /* IE 10+ */
  opacity:0.6;
}

::-ms-input-placeholder { /* Edge */
  opacity:0.6;
}

/********************************************/
/***************    HEADER    ***************/
/********************************************/


/* #region Header */

#header { border:0; }

.header-selected-section 
{
    display:inline-block; font-size:17px;
    padding:37px 10px 30px 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor:pointer;
    vertical-align:top;
}

#header.sticky-header:not(.static-sticky) .header-selected-section {
	padding:12px 10px 12px 0 !important;
	font-size:17px;    
}


body.stretched #header.full-header .container {
    width: 100%;
    padding: 0;
}


@media (max-width: 991px) {

	#header.full-header .container,
	.container-fullwidth {
		margin: 0 auto;
		width: 100% !important;
	}
	body.stretched #header.full-header .container { width: 100% !important; }
	.header-selected-section { padding:37px 10px 30px 0; }	
}

@media (min-width: 768px) and (max-width: 991px) 
{
    .container,
	#header.full-header .container,
	.container-fullwidth { width: 100% !important; }
	.header-selected-section { padding:37px 10px 30px 0; }	
}

@media (min-width: 480px) and (max-width: 767px) 
{
    .container,
	#header.full-header .container,
	.container-fullwidth { width: 100% !important; }
	.header-selected-section { padding:18px 10px 18px 0; }	
}

@media (max-width: 479px) {

	.container,
	#header.full-header .container,
	.container-fullwidth { width: 100% !important; }
	.header-selected-section { padding:37px 10px 30px 0; }	
}


#header.full-header #menu-icon
{
 display:inline-block; 
 float: right;
 padding:25px 20px 25px 0;
 /* height:100px; */
 transition: height 0.4s ease 0s, line-height 0.4s ease 0s, margin 0.4s ease 0s, padding 0.4s ease 0s;
}

#header.full-header #menu-icon > ul 
{
    /*
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #eee;
    */
    float: right;        
    opacity:1;    
    list-style:none;
    margin-top:0;
    margin-bottom:0;
}

#header.full-header #menu-icon > ul > li 
{
    float:left;
    position:relative;
    margin-left:0;
    padding:0;
}

#header.full-header #menu-icon ul li a.menu-icon-item
{
    color: #444;
    display: block;        
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    transition: height 0.4s ease 0s, line-height 0.4s ease 0s, margin 0.4s ease 0s, padding 0.4s ease 0s;
    text-decoration:none !important;
}


#header.full-header.sticky-header #menu-icon
{
    display:inline-block; 
    float: right;
    padding:5px 20px 5px 0;
    height:60px;
    transition: height 0.4s ease 0s, line-height 0.4s ease 0s, margin 0.4s ease 0s, padding 0.4s ease 0s;
}

#header.full-header.sticky-header #menu-icon > ul
{
	height:60px !important;
	line-height:60px !important;
}	
/*
#header.full-header.sticky-header #menu-icon > ul li a.menu-icon-item
{
	height:60px !important;
	line-height:60px !important;
}
*/

@media (max-width: 991px) {

    #header.full-header.sticky-header #menu-icon, #header.full-header.responsive-sticky-header #menu-icon
    {
        display:inline-block; 
        float: right;
        padding:5px 20px 5px 0;
        height:60px;
        transition: height 0.4s ease 0s, line-height 0.4s ease 0s, margin 0.4s ease 0s, padding 0.4s ease 0s;
    }
    #header.full-header.sticky-header #menu-icon > ul, #header.full-header.responsive-sticky-header #menu-icon > ul
    {
	    height:60px !important;
	    line-height:60px !important;
    }	

    .header-selected-section {
	    max-width: 265px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #header.sticky-header .header-selected-section, #header.responsive-sticky-header .header-selected-section {
	    font-size:17px;
        padding:17px 10px 17px 0;
        vertical-align:middle;
    }
}

@media (min-width: 480px) and (max-width: 767px) 
{
    
    #header.full-header.sticky-header #menu-icon, #header.full-header.responsive-sticky-header #menu-icon
    {
        display:inline-block; 
        float: right;
        padding:5px 20px 5px 0;
        height:60px;
        transition: height 0.4s ease 0s, line-height 0.4s ease 0s, margin 0.4s ease 0s, padding 0.4s ease 0s;
    }
    #header.full-header.sticky-header #menu-icon > ul, #header.full-header.responsive-sticky-header #menu-icon > ul
    {
	    height:60px !important;
	    line-height:60px !important;
    }	

    .header-selected-section {
	    max-width: 265px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #header.sticky-header .header-selected-section, #header.responsive-sticky-header .header-selected-section {
	    font-size:17px;
        padding:17px 10px 17px 0;
        vertical-align:middle;
    }

    /* hide download option from dropdown ellipsis menu at this resolution if it is showingm because hidden-xs will allow it to show in the navbar itself */
    /*#menu-icon .dropdown-menu .downloadGallery {
        display:none !important;
    }*/

    .responsive-sticky-header #top-search a, .responsive-sticky-header #top-cart, .responsive-sticky-header #side-panel-trigger,
    #header #top-search a, #header #top-cart, #header #side-panel-trigger {
        margin: 8px 0 8px 9px;
    }

    #header.full-header #menu-icon, #header.full-header.sticky-header #menu-icon, #header.full-header.responsive-sticky-header #menu-icon {
        padding: 5px 7px 5px 0;
    }
}


@media (max-width: 479px) {
    
    #header.full-header.sticky-header #menu-icon, #header.full-header.responsive-sticky-header #menu-icon
    {
        display:inline-block; 
        float: right;
        padding:5px 20px 5px 0;
        height:60px;
        transition: height 0.4s ease 0s, line-height 0.4s ease 0s, margin 0.4s ease 0s, padding 0.4s ease 0s;
    }
    #header.full-header.sticky-header #menu-icon > ul, #header.full-header.responsive-sticky-header #menu-icon > ul
    {
	    height:60px !important;
	    line-height:60px !important;
    }

    .header-selected-section {
	    max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size:17px;
        padding:37px 10px 30px 0;
    }
    #header.sticky-header .header-selected-section, #header.responsive-sticky-header .header-selected-section {
	    font-size:17px;
        padding:17px 10px 17px 0;
        vertical-align:middle;
    }

    .responsive-sticky-header #top-search a, .responsive-sticky-header #top-cart, .responsive-sticky-header #side-panel-trigger,
    #header #top-search a, #header #top-cart, #header #side-panel-trigger {
        margin: 8px 0 8px 9px;
    }

    #header.full-header #menu-icon, #header.full-header.sticky-header #menu-icon, #header.full-header.responsive-sticky-header #menu-icon {
        padding: 5px 7px 5px 0;
    }


    #header .header-selected-section, #header.responsive-sticky-header .header-selected-section {
        padding: 19px 5px 17px 0;
        font-size: 15px;
    }
       
}

@media (max-width: 400px) {

    #header.full-header.sticky-header #menu-icon, #header.full-header.responsive-sticky-header #menu-icon
    {
        display:inline-block; 
        float: right;
        padding:5px 20px 5px 0;
        height:60px;
        transition: height 0.4s ease 0s, line-height 0.4s ease 0s, margin 0.4s ease 0s, padding 0.4s ease 0s;
    }
    #header.full-header.sticky-header #menu-icon > ul, #header.full-header.responsive-sticky-header #menu-icon > ul
    {
	    height:60px !important;
	    line-height:60px !important;
    }

    .header-selected-section {
	    max-width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .responsive-sticky-header #top-search a, .responsive-sticky-header #top-cart, .responsive-sticky-header #side-panel-trigger,
    #header #top-search a, #header #top-cart, #header #side-panel-trigger {
        margin: 8px 0 8px 9px;
    }

    #header.full-header #menu-icon, #header.full-header.sticky-header #menu-icon, #header.full-header.responsive-sticky-header #menu-icon {
        padding: 5px 7px 5px 0;
    }

    #header .header-selected-section, #header.responsive-sticky-header .header-selected-section {
        padding: 19px 5px 17px 0;
        font-size: 15px;
    }
}


@media (max-width: 390px) {

    #header.full-header.sticky-header #menu-icon, #header.full-header.responsive-sticky-header #menu-icon
    {
        display:inline-block; 
        float: right;
        padding:5px 20px 5px 0;
        height:60px;
        transition: height 0.4s ease 0s, line-height 0.4s ease 0s, margin 0.4s ease 0s, padding 0.4s ease 0s;
    }
    #header.full-header.sticky-header #menu-icon > ul, #header.full-header.responsive-sticky-header #menu-icon > ul
    {
	    height:60px !important;
	    line-height:60px !important;
    }	

    .header-selected-section {
	    max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .responsive-sticky-header #top-search a, .responsive-sticky-header #top-cart, .responsive-sticky-header #side-panel-trigger,
    #header #top-search a, #header #top-cart, #header #side-panel-trigger {
        margin: 8px 0 8px 9px;
    }

    #header.full-header #menu-icon, #header.full-header.sticky-header #menu-icon, #header.full-header.responsive-sticky-header #menu-icon {
        padding: 5px 7px 5px 0;
    }

    #header .header-selected-section, #header.responsive-sticky-header .header-selected-section {
        padding: 19px 5px 17px 0;
        font-size: 15px;
    }
}

/* #endregion */


/********************************************/
/***    Notification Labels for Header    ***/
/********************************************/


/* #region Notification Labels */

/* notification labels */
#header.full-header #menu-icon .label-total-count {
    position:absolute; margin-top:-15px; z-index:1; padding-left:0.4em; padding-right:0.4em;
    right:3px;
    top: 44%;
    z-index: 1;
    max-width: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:11px;
}

/* notification labels */
.notification-label-icon-wrapper {
    position:relative;
}
.notification-label-icon-wrapper .label-total-count {
    position:absolute; margin-top:-15px; z-index:1; padding-left:0.4em; padding-right:0.4em;
    left:58%;
    top: 44%;
    z-index: 1;
    max-width: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:11px;
}

/* ips cart */
.nav-ips-actions-top .label-total-count {
    position:absolute; margin-top:-15px; z-index:1; padding-left:0.4em; padding-right:0.4em;
    right:-1px;
    top: 44%;
    z-index: 1;
    max-width: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:11px;
}


/* #endregion */



/********************************************/
/*************    SIDE PANEL    *************/
/********************************************/

/* #region Side Panel */

/* side panel */
#side-panel .side-panel-wrap {
    -webkit-overflow-scrolling: touch;
}

.side-panel-title-line-1, side-panel-title-line-2 {
    display:block;
}
#side-panel-trigger-close a {
    width:40px !important;
    height:40px !important;
    line-height:40px !important;
    font-size:19px;
    opacity:0.8;

    display: block;
	position: absolute;
	z-index: 12;
	top: 20px;
	left: auto;
	right: 16px;
	color: #444;
	text-align: center;
}

#side-panel-trigger-close a:hover {
    opacity:1;
}

#side-panel .widget:last-child {
	border-bottom:0;
}

.side-panel-video-link-wrapper {
    display:table;
    width:100%;
    line-height:20px;
    vertical-align:middle;
    position:relative;
    margin-bottom:8px; 
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.side-panel-video-link-wrapper:hover .side-panel-video-link-thumbnail-cover {
    opacity:0.7;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.nav-ips .side-panel-video-link-wrapper {
    padding:9px 10px;
    margin-bottom:0;
}

.side-panel-video-link-inner {
    display:table-row;
}

.side-panel-video-link-thumbnail {
    display:table-cell;
    width:50px;
    position:relative;
}

.side-panel-video-link-thumbnail-cover {
    position:absolute;
    width:50px; height:50px;
    background:rgba(0,0,0,0.3);
    line-height:50px;
    text-align:center;
}

.side-panel-video-link-thumbnail-cover .icon {
    color:#fff !important;
    font-size:20px;
}

.side-panel-video-link-thumbnail-inner {
    width:50px;
    height:50px;
    border:solid 1px #e0e0e0;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

.side-panel-video-link-text {
    display:table-cell;
    vertical-align:middle;
    padding-left:10px;
}

.side-panel-footer {
    font-size:14px; 
}

.nav-tree li div.pseudo-nav-item { display:block; padding:4px 0; }
.nav-tree li.nav-tree-icon { padding-left:30px; }
.nav-tree li.nav-tree-icon div.icon { position:absolute; top:0; left:0; width:30px; text-align:left; height:28px; line-height:26px; padding-top:2px; }

.nav-tree {
    position: relative;
    margin-bottom: 30px;
}


/* #endregion */




/********************************************/
/***************    NAVBAR    ***************/
/********************************************/


/* #region NavBar */


/* navbar */
#header .navbar-nav, .moreCatDropdown {
    height:100px;
    padding:25px 0; margin:0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#header.full-header.sticky-header .navbar-nav, #header.full-header.responsive-sticky-header .navbar-nav, #header.full-header.sticky-header .moreCatDropdown, #header.full-header.responsive-sticky-header .moreCatDropdown {
    height:60px;
    padding: 5px 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.moreCatDropdown a.dropdown-toggle {
    position: relative;
    display: block;
    padding: 10px 15px;
    line-height:20px;
}

@media (max-width: 767px) {
    #header .navbar-nav, .moreCatDropdown {
        padding: 5px 0;
    }
}


@media (max-width: 991px) {
    #header.full-header.sticky-header .navbar-nav, #header.full-header.responsive-sticky-header .navbar-nav, #header.full-header.sticky-header .moreCatDropdown, #header.full-header.responsive-sticky-header .moreCatDropdown {
        margin:0; 
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
}
#header .navbar-nav a, .moreCatDropdown a.dropdown-toggle {
    color:#444;    
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#header .navbar-nav a:hover, #header .navbar-nav a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .moreCatDropdown a.dropdown-toggle:hover {
    color:#444;
    background:transparent;
    opacity:0.6;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#header .navbar-nav .dropdown-menu > li > a {
    color:#444;
}

/* navbar - add support for 480px */
@media (min-width: 480px) {
    .navbar-nav {
        float: left;
    }
}
@media (min-width: 479px) {
    .navbar-nav > li > a, .moreCatDropdown a.dropdown-toggle {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
@media (min-width: 479px) {
    .navbar-nav > li {
        float: left;
    }
}

.menu-icon-favorites-wrapper .popover {
    display:block !important;
    max-width:195px;
}

/* more categories dropdown */
.moreCatDropdown .dropdown-menu {
    max-height:200px;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
}
.moreCatDropdown .dropdown-menu > li {
    max-width: 100%
}
.moreCatDropdown .dropdown-menu > li > a {
    text-overflow: ellipsis;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

/* #endregion */



/********************************************/
/*****    RESPONSIVE.CSS OVERRIDE    ********/
/********************************************/


#wrapper .one-page-arrow {
    display:block !important;
}



/********************************************/
/*****    COVERS (SLIDE REVOLUTION)    ******/
/********************************************/

/* #region Covers */

/* gallery cover */
.gallery-cover .title-content-wrapper .button {
    color:#fff;
    border-color:#fff;
}


.gallery-cover .title-content-wrapper {
    margin:0 auto;
    max-width:1000px;
    text-align:center;
    color:#fff;
    line-height:1.2;
    cursor:pointer;
}

.gallery-cover.gallery-cover-mosaic .title-content-wrapper {
    cursor:default;
}


.gallery-cover .gallery-cover-arrow-wrapper {
    position:absolute;
    text-align:center;
    left:0;
    right:0;
    bottom:15px;
    color:#fff;
    z-index:999;
}

.gallery-cover .gallery-cover-scroller:not(.btn-continue-gallery) {
    position:absolute;
    z-index:999; /* z-index 1 higher than content and fade */
    top:0;
    left:0;
    right:0;
    bottom:0;
    cursor:pointer;
}
.rev_slider_wrapper {
    width: 100% !important;
    right: 0 !important;
}

/* gallery cover branding and studio info */
.gallery-cover .gallery-cover-branding {
    position:absolute; left:20px; right:20px; bottom:15px; color:#fff; z-index:998; font-size:16px;    
}
.gallery-cover .gallery-cover-studio-logo  {
    max-width:100px;
    max-height:60px;
    height:60px;    
    vertical-align:middle;
    display:inline-block;
}
.gallery-cover.gallery-cover-mosaic .gallery-cover-studio-logo {
    max-width:100px;
    max-height:45px;
    height:45px;    
    vertical-align:middle;
}
.gallery-cover .gallery-cover-studio-logo img {
    max-width:100% !important;
    max-height:100%;
    display:inline-block;
    vertical-align:middle;
}
.gallery-cover .gallery-cover-studio-name {
    vertical-align:middle;
    padding-left:10px;
    text-align:left;
    display:inline-block;
}


@media (max-width: 736px) {
    .gallery-cover.gallery-cover-mosaic .gallery-cover-branding {
        font-size:14px;
        bottom:7px !important;
    }
    .gallery-cover.gallery-cover-mosaic .gallery-cover-studio-name {
        text-align:center;
        padding-left:0;
    }
    .gallery-cover.gallery-cover-mosaic .gallery-cover-studio-logo {
        display:none !important;
    }
}

@media (max-width: 468px) {
    .gallery-cover .gallery-cover-branding {
        font-size:14px;
    }
    .gallery-cover .gallery-cover-studio-name {
        text-align:center;
        padding-left:0;
        width:100%;
    }
    .gallery-cover .gallery-cover-studio-logo {
        display:none !important;
    }
}

@media (max-height: 375px) {
    .gallery-cover .gallery-cover-branding {
        font-size:14px;
    }
    .gallery-cover .gallery-cover-studio-name {
        text-align:center;
        padding-left:0;
    }
    .gallery-cover .gallery-cover-studio-logo {
        display:none !important;
    }
}

/* full screen */
.gallery-cover.gallery-cover-fullscreen-singlemulti {
    position:relative; width:100%; z-index:10;
}

.fullscreen-screen-table {
    text-align: center;    
    height: 100%;
    display: table;
    width: 100%;
}
.fullscreen-screen-tablecell {
    box-sizing: border-box;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    margin: 0;
    padding:40px;
}
@media (max-width: 1023px) {
    .fullscreen-screen-tablecell {
        padding:30px;
    }
}
@media (max-width: 468px) {
    .fullscreen-screen-tablecell {
        padding:20px;
    }
}
.fullscreen-static-wrapper {
    position:absolute; top:0; left:0; right:0; bottom:0; z-index:2;
}

.fullscreen-slider-wrapper {
    position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;
    overflow:hidden;
}

.gallery-cover .gallery-cover-image-fade {
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    cursor:pointer;
    background:#000;
    opacity:0.2;
}

/* full screen placement options */

/* alignment - left */
.fullscreen-static-wrapper.alignment-left .fullscreen-screen-tablecell {
    text-align:left;
}
.gallery-cover .fullscreen-static-wrapper.alignment-left .title-content-wrapper {
    max-width:50vw;
    text-align:left;
    margin:0;
}
@media (max-width: 1023px) {
    .gallery-cover .fullscreen-static-wrapper.alignment-left .title-content-wrapper {
        max-width:100vw;
    }
}
.gallery-cover .fullscreen-static-wrapper.alignment-left .gallery-cover-branding {
    left:40px;
    right:auto;
    text-align:left;
}
@media (max-width: 1023px) {
    .gallery-cover .fullscreen-static-wrapper.alignment-left .gallery-cover-branding {
        left:30px;
    }
}
@media (max-width: 468px) {
    .gallery-cover .fullscreen-static-wrapper.alignment-left .gallery-cover-branding {
        left:20px;
        right:20px;
    }
    .gallery-cover .fullscreen-static-wrapper.alignment-left .gallery-cover-branding > .custom-table {
        width:100%;
    }
}
.gallery-cover .fullscreen-static-wrapper.alignment-left .gallery-cover-studio-name {
    text-align:left;
}

/* alignment - center */
.fullscreen-static-wrapper.alignment-center .fullscreen-screen-tablecell {
    text-align:center;
}
.gallery-cover .fullscreen-static-wrapper.alignment-center .title-content-wrapper {
    text-align:center;
}
.fullscreen-static-wrapper.alignment-center.has-music .gallery-cover-branding {
    left:40px;
    right:auto;
    text-align:left;
}
@media (max-width: 1023px) {
    .fullscreen-static-wrapper.alignment-center.has-music .gallery-cover-branding {
        left:30px;
    }
}
@media (max-width: 468px) {
    .fullscreen-static-wrapper.alignment-center.has-music .gallery-cover-branding {
        left:20px;
        right:20px;
    }
    .gallery-cover .fullscreen-static-wrapper.alignment-left .gallery-cover-branding > .custom-table {
        width:100%;
    }
}


/* alignment - right */
.fullscreen-static-wrapper.alignment-right .fullscreen-screen-tablecell {
    text-align:right;
}
.gallery-cover .fullscreen-static-wrapper.alignment-right .title-content-wrapper {
    max-width:50vw;
    width:50vw;
    float:right;
    text-align:right;
    margin:0;
    display:inline-block;
}
@media (max-width: 1023px) {
    .gallery-cover .fullscreen-static-wrapper.alignment-right .title-content-wrapper {
        max-width:100vw;
        display:block;
        width:auto;
        float:none;
    }
}
.gallery-cover .fullscreen-static-wrapper.alignment-right .gallery-cover-branding {
    left:auto;
    right:40px;
    text-align:right;
}
@media (max-width: 1023px) {
    .gallery-cover .fullscreen-static-wrapper.alignment-right .gallery-cover-branding {
        right:30px;
    }
}
@media (max-width: 468px) {
    .gallery-cover .fullscreen-static-wrapper.alignment-right .gallery-cover-branding {
        right:20px;
        left:20px;
    }
    .gallery-cover .fullscreen-static-wrapper.alignment-right .gallery-cover-branding .custom-table {
        width:100%;
        float:right;
    }
}
.gallery-cover .fullscreen-static-wrapper.alignment-right .gallery-cover-studio-logo {
    float: right;
}
.gallery-cover .fullscreen-static-wrapper.alignment-right .gallery-cover-studio-name {
    text-align:right;
    float: left;
    line-height: 60px;
    padding-right: 10px;
    padding-left: 0;
}
@media (max-width: 468px) {
    .gallery-cover .fullscreen-static-wrapper.alignment-right .gallery-cover-studio-name {
        line-height: 28px;
    }
}


/* placement - top */
.fullscreen-static-wrapper.placement-top .fullscreen-screen-tablecell {
    vertical-align:top;
}
.gallery-cover .fullscreen-static-wrapper.placement-top .gallery-cover-branding {
    bottom:40px;
    top:auto;
}

@media (max-width: 1023px) {
    .gallery-cover .fullscreen-static-wrapper.placement-top .gallery-cover-branding {
        bottom:30px;
    }
}
@media (max-width: 468px) {
    .gallery-cover .fullscreen-static-wrapper.placement-top .gallery-cover-branding {
        bottom:20px;
    }
}

/* placement - middle */
.fullscreen-static-wrapper.placement-middle .fullscreen-screen-tablecell {
    vertical-align:middle;
}
.gallery-cover .fullscreen-static-wrapper.placement-middle .gallery-cover-branding {
    bottom:40px;
    top:auto;
}

@media (max-width: 1023px) {
    .gallery-cover .fullscreen-static-wrapper.placement-middle .gallery-cover-branding {
        bottom:30px;
    }
}
@media (max-width: 468px) {
    .gallery-cover .fullscreen-static-wrapper.placement-middle .gallery-cover-branding {
        bottom:20px;
    }
}

/* placement - bottom */
.fullscreen-static-wrapper.placement-bottom .fullscreen-screen-tablecell {
    vertical-align:bottom;
}
.gallery-cover .fullscreen-static-wrapper.placement-bottom .gallery-cover-branding {
    bottom:auto;
    top:40px;
}

@media (max-width: 1023px) {
    .gallery-cover .fullscreen-static-wrapper.placement-bottom .gallery-cover-branding {
        top:30px;
    }
}
@media (max-width: 468px) {
    .gallery-cover .fullscreen-static-wrapper.placement-bottom .gallery-cover-branding {
        top:20px;
    }
}


/* jplayer alignment in cover */
.jPlayer-wrapper.jplayer-cover.jplayer-topright {
    top: 40px;
    right: 40px;
    left:auto;
}
.jPlayer-wrapper.jplayer-cover.jplayer-topleft {
    top: 40px;
    left: 40px;
    right:auto;
}
.jPlayer-wrapper.jplayer-cover.jplayer-bottomright {
    bottom: 40px;
    right: 40px;
    left:auto;
}
.jPlayer-wrapper.jplayer-cover.jplayer-bottomleft {
    bottom: 40px;
    left: 40px;
    right:auto;
}

@media (max-width: 1023px) {
    .jPlayer-wrapper.jplayer-cover.jplayer-topright {
        right:30px;
        top:30px;
    }
    .jPlayer-wrapper.jplayer-cover.jplayer-topleft {
        left:30px;
        top:30px;
    }
    .jPlayer-wrapper.jplayer-cover.jplayer-bottomright {
        right:30px;
        bottom:30px;
    }
    .jPlayer-wrapper.jplayer-cover.jplayer-bottomleft {
        left:30px;
        bottom:30px;
    }
}
@media (max-width: 468px) {
    .jPlayer-wrapper.jplayer-cover.jplayer-topright {
        right:20px;
        top:20px;
    }
    .jPlayer-wrapper.jplayer-cover.jplayer-topleft {
        left:20px;
        top:20px;
    }
    .jPlayer-wrapper.jplayer-cover.jplayer-bottomright {
        right:20px;
        bottom:20px;
    }
    .jPlayer-wrapper.jplayer-cover.jplayer-bottomleft {
        left:20px;
        bottom:20px;
    }
}


.jPlayer-wrapper.jplayer-cover .jp-audio, .jPlayer-wrapper.jplayer-cover .jp-audio-stream, .jPlayer-wrapper.jplayer-cover .jp-video {
    background:transparent;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.jPlayer-wrapper.jplayer-cover .jp-interface {
    background:transparent;
}
body:not(.device-touch) .jPlayer-wrapper.jplayer-cover .jp-audio:hover {
    width:50px !important;
}

.jPlayer-wrapper.jplayer-cover .jp-audio:hover .jp-volume-controls {
    z-index:0;     
    opacity:0;
}
.jPlayer-wrapper.jplayer-cover .button-toggle-music, .jPlayer-wrapper.jplayer-cover .jp-play {
    background:transparent;
}
.jPlayer-wrapper.jplayer-cover .jplayer-hide-custom {
    display:none;
}
.jPlayer-wrapper.jplayer-cover {
    position:absolute;
}



/* framed circle cover */
.gallery-cover.gallery-cover-fullscreen-framed {
    position:relative; width:100%; z-index:10;
}

.gallery-cover .framed-circle {
    border-radius:250px;
    margin:25px auto;
    border:solid 0 transparent;
    background-repeat: no-repeat;
    background-size: cover;    
    background-position:center center;
    width:250px;
    height:250px;
}

@media (max-width: 767px) {
    .gallery-cover .framed-circle {
        border-radius:150px;
        width:150px;
        height:150px;        
    }
}
@media (max-width: 468px) {
    .gallery-cover .framed-circle {
        border-radius:100px;
        width:100px;
        height:100px;        
    }
}
@media (max-height: 600px) {
    .gallery-cover .framed-circle {
        border-radius:100px;
        width:100px;
        height:100px;        
    }
}

@media (max-height: 375px) {
    .gallery-cover .framed-circle {
        border-radius:80px;
        width:80px;
        height:80px;        
    }
}

/* split screen */
.gallery-cover.gallery-cover-splitscreen-singlemulti {
    position:relative; width:100%; z-index:10;}


.split-screen-left {
    position:absolute; top:0; left:0; right:50%; bottom:0; z-index:1;
}

.split-screen-right {
    position:absolute; top:0; left:50%; right:0; bottom:0; z-index:1; background:#408a97; color:#fff;
}

.split-screen-right .split-screen-table {
    text-align: center;    
    height: 100%;
    display: table;
    width: 100%;
}

.split-screen-right .split-screen-tablecell {
    box-sizing: border-box;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 0px 10% 10% 10%; /* padding bottom for studio name */
}

/*
.gallery-cover-image-fade.split-screen-fade {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 25%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(25%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 25%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 25%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 25%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 25%);
}
*/

.previmage {
    width:50%; top:0; left:0; right:50%; bottom:0;
    position:absolute;
}

@media (max-width: 768px) and (orientation: portrait) {
    .split-screen-left {
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 50%;
        height: auto;
    }

    .split-screen-right {
        width: 100%;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
    }
}


/* simple cover */
.gallery-cover-simple.page-title {
    padding:25px 0;
}
.gallery-cover-simple-studio-name {
    font-size:16px;
    padding-top:10px;
    color:#fff;
}
.gallery-cover-simple .title-content-wrapper {
    width:100%;
    margin:0 auto;
    text-align:center;
    color:#fff;
    line-height:1.2;
    cursor:default;
}

.gallery-cover-simple-ips {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
}

    .gallery-cover-simple-ips .studio-logo {
        max-width:200px;
        max-height:150px;
        display:block;
        margin:30px auto 0 auto;
    }

     .gallery-cover-simple-ips .gallery-cover-simple-studio-name {
        margin-top:20px;
    }



@media (max-width: 468px) {
    .gallery-cover-simple.page-title {
        padding:25px 0;
    }
    .gallery-cover-simple-studio-name {
    font-size:14px;
}
}

/* mosaic */

.gallery-cover.gallery-cover-mosaic .rev_slider_wrapper {
    left: 0 !important;
}

.fullscreen-static-wrapper .sep-vt {
    width: 10px;
    position: absolute;
    background: #FFF;
    height: 100%;
    z-index: 11;
    pointer-events: none;
    margin-left: -5px;
}
@media (max-width: 736px) {
    .fullscreen-static-wrapper .sep-vt {
        width:5px;
    }
}

.fullscreen-static-wrapper .sep-vt.sep-vt1 {
    left: 33.3333333333%;
}

.fullscreen-static-wrapper .sep-vt.sep-vt2 {
    right: 33.333333333%;
}


.fullscreen-static-wrapper .sep-vt.sep-vt3 {
    left: 33.3333333333%;
    height:auto;
    opacity:0;
    top:0;
}

.fullscreen-static-wrapper .sep-vt.sep-vt4 {
    right: 33.333333333%;
    height:auto;
    opacity:0;
    top:0;
}

.fullscreen-static-wrapper .sep-vt.sep-vt5 {
    left: 33.3333333333%;
    height:auto;
    opacity:0;  
    bottom:5px;      
}

.fullscreen-static-wrapper .sep-vt.sep-vt6 {
    right: 33.333333333%;
    height:auto;
    opacity:0;
    bottom:5px;
}


.fullscreen-static-wrapper .sep-vt.top {
    top: 0;
}

.fullscreen-static-wrapper .sep-vt.bottom {
    bottom: 0;
}

.fullscreen-static-wrapper .sep-hz {
    height: 10px;
    position: absolute;
    background: #FFF;
    width: 100%;
    z-index: 11;
    margin-top: -5px;
    pointer-events: none;
}

@media (max-width: 736px) {
    .fullscreen-static-wrapper .sep-hz {
        height:5px;
    }
}

@media (max-height: 414px) {
    .gallery-cover-mosaic .button-view-photos {
        display:none;
    }
}

.gallery-cover-mosaic * {
     -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.mosaic-grid-image-wrapper {
    position: relative;
}

.mosaic-grid-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* #endregion */


/********************************************/
/*******    TOOLBAR SELECTED PHOTOS    ******/
/********************************************/


/* #region Toolbar Selected Photos */

.toolbar-selected-photos {
    position: absolute; top: 0; right: 0; left: 0; bottom:0; z-index:11; width:100%; opacity:0; background-color: #1abc9c; color:#fff;
    -webkit-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    -ms-transition: opacity .1s ease-out;
    -o-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
}

.toolbar-selected-photos.toolbar-selected-photos-ips {
    position: fixed;
    height: 57px;
    top:auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index:1601; /* above thumbnail-strip-culling 1600 */
    width:100%;
    opacity:0;
    background-color: #1abc9c;
    color:#fff;
    -webkit-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    -ms-transition: opacity .1s ease-out;
    -o-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
}

    .toolbar-selected-photos.toolbar-selected-photos-ips .toolbar-selected-photo-actions {
        position:relative;
        top:5px;
    }

    .toolbar-selected-photos.toolbar-selected-photos-ips.toolbar-selected-photos-ips-hidden {
        bottom:-60px;
        opacity:0;
    }

    .toolbar-selected-photos.toolbar-selected-photos-ips .toolbar-title {
        font-size: 18px;
        padding: 15px 10px 16px 0;
    }

    .toolbar-selected-photos.toolbar-selected-photos-ips .toolbar-icon {
        line-height: 50px;
        top:0;
        vertical-align:top;
    }

.toolbar-selected-photos.fade-in {        
    opacity:1;
}

.toolbar-title {
    display:inline-block;
    font-size:28px;
    padding:28px 10px 28px 0;
    vertical-align:top;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.toolbar-icon {
    height:50px;
    line-height:50px;
    width:48px;
    text-align:center;    
    cursor:pointer;
    display:inline-block;
    margin-right:8px;
    vertical-align:middle;
}

.toolbar-selected-photo-actions {
    padding-right:5px;
}

#header .toolbar-selected-photo-actions {
    position:relative;
    top:24px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#header.sticky-header .toolbar-selected-photo-actions, #header.responsive-sticky-header .toolbar-selected-photo-actions {
    position:relative;
    top:5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.toolbar-icon { margin-right:0; }

.toolbar-icon i { position:relative; }

    .toolbar-icon.toolbar-icon-close {
        position:relative;
        top:24px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

#header.sticky-header .toolbar-icon.toolbar-icon-close, #header.responsive-sticky-header .toolbar-icon.toolbar-icon-close {
    position:relative;
    top:4px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media (max-width: 991px) {	
	.toolbar-title { padding:28px 10px 28px 0; }	
    #header.sticky-header .toolbar-title, #header.responsive-sticky-header .toolbar-title { padding:12px 10px 12px 0; font-size:22px; }	
}

@media (min-width: 768px) {
    /*
    .toolbar-selected-photos {
        display:none;
    }
        */
    #header.sticky-header .toolbar-title, #header.responsive-sticky-header .toolbar-title {
	    font-size:17px;
        padding:17px 10px 17px 0;
    }
}

@media (max-width: 767px) {
    #header .toolbar-selected-photo-actions {
        position:relative;
        top:5px;
    }
    .toolbar-icon.toolbar-icon-close {
        position:relative;
        top:5px;
    }
}

@media (min-width: 480px) and (max-width: 767px) 
{
    #header.sticky-header .toolbar-title, #header.responsive-sticky-header .toolbar-title,  #header .toolbar-title {
	    font-size:17px;
        padding:17px 10px 17px 0;
    }
}


@media (max-width: 479px) {
    
    .toolbar-title {
        font-size:17px;
        padding:37px 10px 30px 0;
    }
    .toolbar-title-selected-label {
        display:none;
    }
    #header.sticky-header .toolbar-title, #header.responsive-sticky-header .toolbar-title, #header .toolbar-title {
	    font-size:17px;
        padding:17px 10px 17px 0;
    }     

}

.thumbnail-strip-arrow-right {
    cursor:pointer;
    position: absolute; right: 0; bottom: 0;  top:61px; font-size: 30px; color: #fff; text-align:center;  width:50px; z-index:2;
}

.thumbnail-strip-arrow-left {
    cursor:pointer;
    position: absolute; left: 0; bottom: 0; top:61px; font-size: 30px; color: #fff; text-align:center; width:50px; z-index:2;
}
/* #endregion */


/********************************************/
/************    GALLERY ITEM    ************/
/********************************************/


body .breadcrumb, body .page-title.page-title-center {
    font-size:14px;
}

.page-title-gallery h1 {
    padding:0;
}

/* #region Item (thumbnail) */

.gallery-item {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;   
    cursor:pointer; 
}

.gallery-item-fade {
    position:absolute;    
    top:0;
    left:0;
    right:0;
    bottom:0;    
    visibility:hidden;
    opacity:0;
            
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.55+0,0.4+11,0+28,0+50,0+81,0.29+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.4) 11%, rgba(0,0,0,0) 28%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 81%, rgba(0,0,0,0.29) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.55)), color-stop(11%,rgba(0,0,0,0.4)), color-stop(28%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0)), color-stop(81%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.29))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.4) 11%,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 81%,rgba(0,0,0,0.29) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.4) 11%,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 81%,rgba(0,0,0,0.29) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.4) 11%,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 81%,rgba(0,0,0,0.29) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.4) 11%,rgba(0,0,0,0) 28%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 81%,rgba(0,0,0,0.29) 100%); /* W3C */

}


.gallery-item-check {
    cursor:pointer;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 2;
    width:32px; height:32px; text-align: center; color:#fff; font-size:18px; line-height:32px;
    -webkit-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    -ms-transition: opacity .1s ease-out;
    -o-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    opacity:0;
    visibility:hidden;
}

.gallery-item-check .icon-line-check {
    opacity:1;
    visibility:visible;
    position:absolute;
    left:50%;
    margin-left:-10px;
    -webkit-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    -ms-transition: opacity .1s ease-out;
    -o-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
}
.gallery-item-check .icon-line2-check {
    opacity:0;
    visibility:hidden;
    position:absolute;
    left:50%;
    margin-left:-11px;
    top:1px;
    font-size:22px;
    -webkit-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    -ms-transition: opacity .1s ease-out;
    -o-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
}

.gallery-item-check.selected {
    visibility:visible;
    opacity:1;    
}

.gallery-item-check.selected .icon-line-check {
    visibility:hidden;
    opacity:0;    
}
.gallery-item-check.selected .icon-line2-check {
    visibility:visible;    
    opacity:1;    
}

.gallery-item-check.deselected {
    visibility:visible;
    opacity:1;    
}

.gallery-item-check.deselected .icon-line-check {
    visibility:visible;
    opacity:1;    
}
.gallery-item-check.deselected .icon-line2-check {
    visibility:hidden;    
    opacity:0;    
}

/* override so force the non-selected checkmarks to show on all thumbnails */
.force-item-check-deselected .gallery-item-check {
    display:block !important;
}
.force-item-check-deselected .gallery-item-check.selected .icon-line-check {    
    visibility:visible;
    opacity:1; 
}
.force-item-check-deselected .gallery-item-check.selected .icon-line2-check {
   visibility:hidden;
   opacity:0;  
}

/* override the override to force the selected checkmark to show on a single image, even while forcing the non-selected checkmarks to show on all images */
.force-item-check-deselected .thumbStatic.selected .gallery-item-check.selected .icon-line-check {
   visibility:hidden;
   opacity:0;  
}
.force-item-check-deselected .thumbStatic.selected .gallery-item-check.selected .icon-line2-check {
   visibility:visible;
   opacity:1;  
}

.gallery-item-heart {
    cursor:pointer;
    position:relative;
    display:inline-block;
    margin-left:2px;
    z-index: 2;
    width:32px; height:32px; text-align: center; color:#fff; font-size:18px; line-height:32px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity:0;
    visibility:hidden;
}

.gallery-item-heart .icon-line-heart {
    opacity:1;
    visibility:visible;
    position:absolute;
    left:50%;
    margin-left:-10px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.gallery-item-heart .icon-heart3 {
    opacity:0;
    visibility:hidden;
    position:absolute;
    left:50%;
    margin-left:-10px;    
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    color:#e415f7;
}

/* toggle heart icon.  note that "selected-shared-only" should be used in the gallery view when an image is in a shared folder from another guest, and NOT in a folder at all by the currently logged in user.  do not use if in a shared folder for currently logged in user. */
.gallery-item-heart.selected, .gallery-item-heart.selected-shared-only {
    visibility:visible;
    opacity:1;    
}
.gallery-item-heart.selected .icon-line-heart {
    visibility:hidden;
    opacity:0;    
}
.gallery-item-heart.selected .icon-heart3 {
    visibility:visible;    
    opacity:1;    
}
.gallery-item-heart.selected-shared-only .icon-line-heart {
    visibility:visible;
    opacity:1;    
    color:#e415f7;
}
.gallery-item-heart.selected-shared-only .icon-heart3 {
    visibility:visible;    
    opacity:0;    
}

/* cart icon in thumbnail view */
.gallery-item-cart {
    cursor:pointer;
    position: relative;
    display:inline-block;
    margin-left:2px;
    z-index: 2;
    width:32px; height:32px; text-align: center; color:#fff; font-size:18px; line-height:32px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity:0;
    visibility:hidden;
}

.gallery-item-cart .icon-line2-basket-loaded {
    opacity:1;
    visibility:visible;
    position:absolute;
    left:50%;
    margin-left:-10px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}


.gallery-item-edit {
    cursor:pointer;
    position: relative;
    display:inline-block;
    margin-left:2px;
    z-index: 2;
    width:32px; height:32px; text-align: center; color:#fff; font-size:15px; line-height:34px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;    
    opacity:0;
    visibility:hidden;
}

.gallery-item-remove {
    cursor:pointer;
    position: relative;
    display:inline-block;
    margin-left:2px;
    z-index: 2;
    width:32px; height:32px; text-align: center; color:#fff; font-size:18px; line-height:32px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;    
    opacity:0;
    visibility:hidden;
}


/* photoswipe heart icon styles */
.pswp .icon-line-heart, .pswp .icon-line-heart:hover {   
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.pswp .icon-heart3, .pswp .icon-heart3:hover {   
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    color:#e415f7;
}

.gallery-item-filename {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding:5px 0;
    text-align: center;
    color:#fff;
    font-size:12px;
    line-height:1.2;
    -webkit-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    -ms-transition: opacity .1s ease-out;
    -o-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    opacity:0;
    visibility:hidden;
}

.gallery-item-selected-label {
    position: absolute;
    width:80px;
    bottom: auto;
    left:auto;
    right:0;
    top:50px; /* needs to be set dynamically */
    z-index: 2;
    padding:5px 0;
    text-align: center;
    color:#fff;
    font-size:12px;
    line-height:1.2;
    -webkit-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    -ms-transition: opacity .1s ease-out;
    -o-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    opacity:0;
    visibility:hidden;
}

.gallery-item-selected-button {
    position: absolute;
    width: 80px;
    bottom: auto;
    left: auto;
    right: 0;
    top: 50px; /* needs to be set dynamically */
    z-index: 2;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    -webkit-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    -ms-transition: opacity .1s ease-out;
    -o-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    opacity: 0;
    visibility: hidden;
}

.gallery-image-wrapper-sort.selected .gallery-item-selected-label {    
    opacity:1 !important;
    visibility:visible;
}

.thumbHover .gallery-item-filename.currentlySelecting {
    bottom:10px;
}

.gallery-item-selected-border {
    border:solid 0 #fff;
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    -webkit-transition: border-width .2s ease-out;
    -moz-transition: border-width .2s ease-out;
    -ms-transition: border-width .2s ease-out;
    -o-transition: border-width .2s ease-out;
    transition: border-width .2s ease-out;
}

.gallery-item-selected-border.selected, .thumbStatic.selected .gallery-item-selected-border {
    border:solid 5px #fff;
    -webkit-transition: border-width .2s ease-out;
    -moz-transition: border-width .2s ease-out;
    -ms-transition: border-width .2s ease-out;
    -o-transition: border-width .2s ease-out;
    transition: border-width .2s ease-out;
}

.gallery .gallery-image {
    border:solid 0 #fff;
    -webkit-transition: border-width .2s ease-out;
    -moz-transition: border-width .2s ease-out;
    -ms-transition: border-width .2s ease-out;
    -o-transition: border-width .2s ease-out;
    transition: border-width .2s ease-out;
}


.gallery .gallery-image.selected {
    border:solid 5px #fff;
    -webkit-transition: border-width .2s ease-out;
    -moz-transition: border-width .2s ease-out;
    -ms-transition: border-width .2s ease-out;
    -o-transition: border-width .2s ease-out;
    transition: border-width .2s ease-out;
}

.gallery-item-download {
    cursor:pointer;
    position:relative;
    display:inline-block;
    margin-left:2px;
    z-index: 2;
    width:32px; height:32px; text-align: center; color:#fff; font-size:17px; line-height:30px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity:0;
    visibility:hidden;
}

.gallery-item-cart .icon-line-download {
    opacity:1;
    visibility:visible;
    position:absolute;
    left:50%;
    margin-left:-10px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.gallery-item-actions-top-right {
    position:absolute;
    top:5px;
    right:5px;
}

.gallery-item-action {
    vertical-align:top;
}

.gallery-item-action:hover {
    background-color:rgba(0,0,0,0.4);
    color:#fff;
}

/* show image options on hover on desktop*/
body:not(.device-touch) .gallery-item:hover .gallery-item-heart,
body:not(.device-touch) .gallery-item:hover .gallery-item-check,
body:not(.device-touch) .gallery-item:hover .gallery-item-filename,
body:not(.device-touch) .gallery-item:hover .gallery-item-download,
body:not(.device-touch) .gallery-item:hover .gallery-item-cart,
body:not(.device-touch) .multi-image-wrapper-controls:hover .gallery-item-edit,
body:not(.device-touch) .multi-image-wrapper-controls:hover .gallery-item-remove {
    opacity: 1;
    visibility: visible;
}

/* if touch device always show multi image ordering thumbnail actions */
body.device-touch .multi-image-wrapper-controls .gallery-item-edit,
body.device-touch .multi-image-wrapper-controls .gallery-item-remove {
    opacity: 1;
    visibility: visible;
}

/* show fade on hover on desktop */
body:not(.device-touch) .gallery-item:hover .gallery-item-fade {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}


/* do not show hovers on devices smaller than ipad landscape , but allow on small desktop screens */
/* 12.4.2015 - replaced with device-touch class above*/
/*
@media only screen and (max-device-width: 1024px) {	
    .gallery-item:hover .gallery-item-heart, .gallery-item:hover .gallery-item-check, .gallery-item:hover .gallery-item-filename, .gallery-item:hover .gallery-item-download {
        opacity: 0;
        visibility: hidden;
    }
    .gallery-item:hover .gallery-item-fade {
        visibility: hidden;
        opacity: 0;
    }
}
*/


/***********************/
/*  Gallery - Sales    */
/***********************/

.gallery.sales-thumbnails {
    max-width:1440px;
    margin:0 auto;           
}

.gallery.sales-thumbnails .gallery-item {
    padding-bottom:100px;
    width:20%;
    text-align:center;
    cursor:default;   
    border:0;  
    position:relative;
}

.gallery.sales-thumbnails .gallery-item .gallery-image {
    height:240px;
    text-align:center;    
    font-size:0;    
    border-left:4px solid transparent;     
    border-right:4px solid transparent;     
    position:relative;
}

.gallery.sales-thumbnails .gallery-item .gallery-image:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
    width:0;
}

.gallery.sales-thumbnails .gallery-item .gallery-image img {                        
    vertical-align:bottom;
    display:inline-block;
    max-width:100%;
}

.gallery.sales-thumbnails .gallery-item .button {
    width:80px;
    position:absolute;
    bottom:40px;
    left:50%; 
    margin-left:-40px;
}

/* 3 columns by default */
.gallery.sales-thumbnails .gallery-item {
    width: 20% !important;
}

/* Large Devices, Wide Screens */
@media screen and (max-width : 1200px) {
    .gallery.sales-thumbnails .gallery-item {
        width: 20% !important;
    }
}

/* Medium Devices, Desktops */
@media screen and (max-width : 992px) {
    .gallery.sales-thumbnails .gallery-item {
        width: 25% !important;
    }
}

/* Small Devices, Tablets */
@media screen and (max-width : 768px) {
    .gallery.sales-thumbnails .gallery-item {
        width: 33.33333% !important;
    }
}

/* Extra Small Devices, Phones */
@media screen and (max-width : 480px) {
    .gallery.sales-thumbnails .gallery-item {
        width: 50% !important;
    }

}

/* Custom, iPhone Retina */
@media screen and (max-width : 320px) {
    .gallery.sales-thumbnails .gallery-item {
        width: 100% !important;
    }
    .gallery.sales-thumbnails .gallery-item .gallery-image {
        height:auto;
        min-height:120px;
        text-align:center;             
    }
}


/***********************/
/*  Category - Sales    */
/***********************/

.gallery.gallery-categories.sales-thumbnails .category-name .category-name-content {
    padding:10px 10px 0 10px;
    font-size:18px;
    text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;
    white-space:nowrap;
    overflow-x:hidden;
}
.gallery.gallery-categories.sales-thumbnails .category-name .category-image-count {
    font-size:13px;
    opacity:0.6;
}
.gallery.gallery-categories.sales-thumbnails .gallery-item {
    padding-bottom:40px;
}

/***********************/
/*  Category - Square  */
/***********************/

/* thumbnail parent - has box shadow */  
.gallery-square .gallery-item {
    float:left;
    position:relative;
    z-index:1;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;     
    cursor:pointer; 
}

/* thumbnail - has background image */
.gallery-square .gallery-item .gallery-image 
{
    position:absolute;
    z-index:1;
    top:0; left:0; right:0; bottom:0;
    border-radius:0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
    background-position:center center;
    background-repeat:no-repeat;    
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;     
    border:0; 
    margin:0;  
}

   
/* thumbnail category names (if nested category) */
.gallery-square .gallery-item .category-name 
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+43,000000+100&0+0,0+43,0.6+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(43%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.6) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,rgba(0,0,0,0.6) 100%); /* W3C */
    color: #fff;
    font-size: 18px;  
    text-align: left;
    font-weight:600;
    position:absolute;
    top:0;
    left:0; 
    right:0;
    bottom:0;
    z-index:9999;
    line-height:1.3;
}
.gallery-square .category-name .category-image-count {
    font-size:13px;
    opacity:0.6;
    padding-top:8px;
}

.gallery-square .gallery-item .category-name .category-name-icon {
    font-size:30px;    
}


.gallery-square .gallery-item .category-name:hover
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+43,000000+100&0.11+0,0.33+43,0.76+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.11) 0%, rgba(0,0,0,0.33) 43%, rgba(0,0,0,0.76) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.11)), color-stop(43%,rgba(0,0,0,0.33)), color-stop(100%,rgba(0,0,0,0.76))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.11) 0%,rgba(0,0,0,0.33) 43%,rgba(0,0,0,0.76) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.11) 0%,rgba(0,0,0,0.33) 43%,rgba(0,0,0,0.76) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.11) 0%,rgba(0,0,0,0.33) 43%,rgba(0,0,0,0.76) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.11) 0%,rgba(0,0,0,0.33) 43%,rgba(0,0,0,0.76) 100%); /* W3C */
}

.gallery-square .gallery-item .category-name .category-name-content {
    text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;
    overflow-x:hidden;
    position:absolute; bottom:15px; left:15px; right:15px;
}

/* selected thumbnail */           
.gallery-square .gallery-item.selected .gallery-image    
{    
    border:solid 6px #36acac;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; 
}
.gallery-square .gallery-item.selected .category-name    
{    
    top:6px;
    left:6px;
    right:6px;
    bottom:6px;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; 
}

/* password protected category */

.gallery-item-password .gallery-image {
    background:#f0f0f0;
}
.gallery-item-password .gallery-image .icon-line2-lock, .thumbStatic .icon-line2-lock, .thumbHover .icon-line2-lock {
    color:#d0d0d0; font-size:80px; position:absolute; top:50%; left:50%; width:130px; height:130px; line-height:130px; margin-top:-78px; margin-left:-65px; text-align:center;
}
.gallery.sales-thumbnails .gallery-image .icon-line2-lock {
    margin-top:-65px;
}

.password-request-inline {
    max-width:320px;
    margin:0 auto;
    width:320px;
}

@media screen and (max-width:414px) {
	.password-request-inline {
        max-width:280px;
        margin:0 auto;
        width:280px;
    }
}

.password-request-inline:before {
    content: '';
    display: block;
    margin: 0 auto 20px auto;
    width: 40px;
}

/* Responsive thumbnails */
@media screen and (min-width:500px) {
	.gallery-square .gallery-item {
		position: relative;
	}
	/* div, h2 { position: absolute; } */
}


/* One Column */

@media screen and (min-width:1px) {
	.gallery-square .gallery-item {
		width: 100%;
		margin: 0 0 2% 0;
		padding-bottom: 100%;
	}
}


/* Two Column */

@media screen and (min-width:414px) {
	.gallery-square .gallery-item {
		width: 49%;
		margin: 0 2% 2% 0;
		padding-bottom: 49%;
	}

    .gallery-square .gallery-item:nth-child(2n+0) {
        margin-right:0;
    }
}


/* Three Column */

@media screen and (min-width:660px) {
	.gallery-square .gallery-item {
		width: 32%;
		margin: 0 2% 2% 0;
		padding-bottom: 32%;
	}
    .gallery-square .gallery-item:nth-child(2n+0) {
        margin-right:2%;
    }
    .gallery-square .gallery-item:nth-child(3n+0) {
        margin-right:0;
    }
}

/* Four Column */

@media screen and (min-width:1024px) {
	.gallery-square .gallery-item {
		width: 23.5%;
		margin: 0 2% 2% 0;
		padding-bottom: 23%;
	}
    .gallery-square .gallery-item:nth-child(2n+0) {
        margin-right:2%;
    }
    .gallery-square .gallery-item:nth-child(3n+0) {
        margin-right:2%;
    }
    .gallery-square .gallery-item:nth-child(4n+0) {
        margin-right:0;
    }
}

/* Five Column */

@media screen and (min-width:1240px) {
	.gallery-square .gallery-item {
		width: 18.4%;
		margin: 0 2% 2% 0;
		padding-bottom: 18.4%;
	}
    .gallery-square .gallery-item:nth-child(2n+0) {
        margin-right:2%;
    }
    .gallery-square .gallery-item:nth-child(3n+0) {
        margin-right:2%;
    }
    .gallery-square .gallery-item:nth-child(4n+0) {
        margin-right:2%;
    }
    .gallery-square .gallery-item:nth-child(5n+0) {
        margin-right:0;
    }
}

/* Six Column */

@media screen and (min-width:1500px) {
	.gallery-square .gallery-item {
		width: 15%;
		margin: 0 2% 2% 0;
		padding-bottom: 15%;
	}
    .gallery-square .gallery-item:nth-child(2n+0) {
        margin-right:2%;
    }
    .gallery-square .gallery-item:nth-child(3n+0) {
        margin-right:2%;
    }
    .gallery-square .gallery-item:nth-child(4n+0) {
        margin-right:2%;
    }
    .gallery-square .gallery-item:nth-child(5n+0) {
        margin-right:2%;
    }
    .gallery-square .gallery-item:nth-child(6n+0) {
        margin-right:0;
    }
}


/* Seven Column */

@media screen and (min-width:1680px) {
	.gallery-square .gallery-item {
		width: 13.8571429%;
		margin: 0 0.5% 0.5% 0;
		padding-bottom: 13.8571429%;
	}
    .gallery-square .gallery-item:nth-child(2n+0) {
        margin-right:0.5%;
    }
    .gallery-square .gallery-item:nth-child(3n+0) {
        margin-right:0.5%;
    }
    .gallery-square .gallery-item:nth-child(4n+0) {
        margin-right:0.5%;
    }
    .gallery-square .gallery-item:nth-child(5n+0) {
        margin-right:0.5%;
    }
    .gallery-square .gallery-item:nth-child(6n+0) {
        margin-right:0.5%;
    }
    .gallery-square .gallery-item:nth-child(7n+0) {
        margin-right:0;
    }
}

/* #endregion */

#toolbar-category-prompt {
    margin:20px auto 0 auto; padding:20px 20px 25px 20px;
}
#toolbar-category-prompt .btn-link {
    font-size:16px; margin-bottom:10px;
}

@media (max-width: 414px) {
    #toolbar-category-prompt {
        padding-left:0; padding-right:0;
    }
    #toolbar-category-prompt .btn-link {
        font-size:14px;
    }
    #toolbar-category-prompt .btn-link i { display:none; }
}


/********************************************/
/**************    ORDERING    **************/
/********************************************/


/* #region Ordering */

.order-photo-page {
    display: none;
    background-color: #000; /* Customization - Allow photog to change slideshow background color -(and icons) */
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1600; /* 100 higher than photoswipe */
    width: 100% !important;
    height: 100% !important;
}

.order-photo-side-panel {
    -moz-user-select: none;
    background-color: #fff;    
    color: #555555;
    border-left:solid 1px #f0f0f0;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    width: 360px;
    padding:0;

    overflow:hidden;  

    -moz-transform: translateX(360px);
    -webkit-transform: translateX(360px);
    -o-transform: translateX(360px);
    -ms-transform: translateX(360px);
    transform: translateX(360px);
    
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.order-photo-side-panel-inner {
    -moz-user-select: none; 
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left:0;
    padding:20px 30px;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.order-photo-side-panel.has-cart-items .order-photo-side-panel-inner {
    bottom:50px;
}

.order-photo-cart-summary {
    position:fixed;
    bottom:-50px;
    left:auto;
    right:0;
    z-index:2; 
    height:50px;
    width:360px;
    line-height:50px;
    color:#fff; font-size:16px; padding:0 20px;
    cursor:pointer;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

.order-photo-side-panel.has-cart-items .order-photo-cart-summary {
    bottom:0;
}


.order-photo-side-panel.slide-in {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);    
}

.order-photo-main-panel {
    top: 0px;
    left: 0px;
    right: 360px;
    bottom: 0px;
    width: calc(100% - 360px); /* may need to refactor */
    height: 100%;
    overflow: hidden;
    position: absolute;
    opacity:0;
}

/* becomes bottom panel on tablet */  
/*
@media (max-width : 1024px) and (orientation : portrait) { 
    .order-photo-side-panel {  
        
        position: absolute;
        bottom: 0;                
        right: 0;
        left: 0;
        top:auto;
        width:auto;
        height: 300px;

        -moz-transform: translateY(300px);
        -webkit-transform: translateY(300px);
        -o-transform: translateY(300px);
        -ms-transform: translateY(300px);
        transform: translateY(300px);
    }

    .order-photo-side-panel.slide-in {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);    
    }

    .order-photo-main-panel {
        top: 0px;
        left: 0px;
        right: 0;
        bottom: 0px;
        width: auto;
        height: calc(100% - 300px);
        overflow: hidden;
        position: absolute;
        opacity:0;
    }
}
*/




.order-photo-main-panel.fade-in {
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}
.order-photo-side-panel h2 {
    text-align:center;
    font-size:20px;
    line-height:24px;
    padding:0 25px;
}

.order-photo-side-panel h4 {
    margin-bottom:15px;
}

.order-photo-side-panel-section {
    padding-bottom:25px;
}

.animation-duration {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}
.animation-duration-slow {
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
}

.overpanel-fullscreen.animation-duration {
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
}



.order-photo-side-panel-header-btn-back {
    color:#333;  /* Customization - Use drawer menu font color */
    position:absolute;
    z-index:1;
    top:12px;
    left:12px;
    font-size:23px;
    cursor:pointer;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center;
}
.order-photo-side-panel-header-btn-close {
    color:#333;  /* Customization - Use drawer menu font color */
    position:absolute;
    z-index:1;
    top:12px;
    right:12px;
    font-size:23px;
    cursor:pointer;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center;
}
.order-photo-side-panel-header {
    text-align:center;
}
    .order-photo-side-panel-header h2, .order-photo-side-panel-header div {
        display: block;
    }
.side-panel-filename {    
    padding-top:8px;
    opacity:0.5;
}

.order-photo-side-panel-content .table-hover tr { cursor:pointer; }
.order-photo-side-panel-content-inner .filename {
    padding-top:5px;
    font-size:14px;
}

.product-item-actions {
    font-size:14px;
    float:right;
    padding-bottom:3px;
    padding-top:2px;
}

/* desktop crop */

.order-photo-main-panel-wrapper {
    width: 100%; height: 100%; align-items: center; position: absolute;
}

.crop-tool-wrapper-table {
    display: table; width: 100%; height: 100%; table-layout: fixed; margin-top:-20px;
}

.crop-tool-wrapper-table-row {
    display: table-row; width: 100%; height: 100%;
}

.crop-tool-wrapper-table-cell {
    display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;
}

.cropping-controls-main-panel {
    position:absolute; bottom:10px; left:50%; width:300px; text-align:center; margin-left:-150px;
}

.hide-crop-controls .cropping-controls-main-panel {
    display:none; visibility:hidden;
}

.hide-crop-controls .crop-tool-wrapper-table {
    margin-top:0;
}

/* mobile crop */

.order-photo-side-panel-mobile-crop {
    position:relative;
    margin-bottom:20px;
    text-align:center;
    padding:5px 5px 40px 5px;
}
.order-photo-side-panel-mobile-crop img {
    margin:0 auto;
}
.order-photo-side-panel-mobile-crop .caption-edit-crop {
    position:absolute; text-align:center; color:#fff; top:0; bottom:0; left:0; right:0;
}
.order-photo-side-panel-mobile-crop .caption-edit-crop div {
    position:absolute; text-align:center;
    bottom:0;
    left:0;
    right:0;
    height:30px;
    line-height:30px;
     /*
    background:rgba(0,0,0,0.7);
    color:#fff; 
    adding:10px;*/
}

/*
.overpanel-mobilecrop .cropToolContainer {
    padding:25px;
}
*/
.overpanel-mobilecrop #DV_CropTool {
    text-align:center;
}

.overpanel-mobilecrop .content-wrap {
    padding:0 0 1px 0;
}

.mobilecrop-toolbar {
    text-align:center;
}

.mobilecrop-toolbar.hide {
    height:0; line-height:0;
}

.thumbnailContainerMultiImage {
    
}



/* #endregion Ordering */



/********************************************/
/**************    LIGHTBOX    **************/
/********************************************/

/* #region Lightboxes */

/* lightbox */
#modalScrollingContainer { top:0; right:0; bottom:0; left:0; overflow: auto; z-index:16000; position:fixed; -webkit-overflow-scrolling: touch; }

.lightbox {
    background:#fff;
    -moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.1);
    box-shadow:0 0 15px 0 rgba(0,0,0,0.1);
}

.lightbox.default .contentwrapper { padding:20px; background:#ececec; }
.lightbox.default .contentwrapper > .content {
    background:#fff;
    -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;    
    margin-top:20px;
 }

.lightbox.default .footerwrapper { border-top:solid 1px #d9d9d9; height:75px; }
.lightbox.default .footer { padding:20px; position:relative;  }
.lightbox.default .footer .left { position:absolute; left:20px; top:20px; }
.lightbox.default .footer .right { position:absolute; right:20px; top:20px; }
.lightbox.default .footer .progressindicator { float:left; margin-top:10px; }
.lightbox.default .footer .left *, .lightbox.default .footer .right * { vertical-align:middle; }
.lightbox.default .footer .right .button { float:left; margin-left:10px; } /* legacy */
.lightbox.default .footer .right .btn { margin-left:5px; }
.lightbox.default .footer .left .button { float:left; margin-right:10px; } /* legacy */
.lightbox.default .footer .left .btn { margin-right:5px; }
.lightbox.default .footer .button, .lightbox.default .footer .btn { text-align:center; min-width:60px; }

.lightbox textarea { resize: none; }

/* fullscreen lightbox */
.lightbox.fullscreen { top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; width:auto !important; height:auto !important; position: fixed !important; background:#fff; }
.lightbox.fullscreen .footerwrapper { position:absolute; bottom:0; left:0; right:0; background:#fff; -webkit-border-radius: 0 0 3px 3px ; border-radius: 0 0 3px 3px; } /* height:75px */


/* 2 col lightbox for left menu and content on right side */
.lightbox.twocol > section > header { height:75px; }
.lightbox.twocol .contentwrapper { position:absolute; top:75px; bottom:75px; left:0; right:0;  }
.lightbox.twocol .rightcol { position:absolute; top:0; right:0; bottom:0; left:258px; margin:0 auto; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; background:#ededed; }
.lightbox.twocol .leftcol { position:absolute; left:0; top:0; bottom:0; width:258px; background:#fff; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; padding-bottom:60px; border-right:1px solid #cccccc; }

/* #endregion Lightboxes */



/********************************************/
/**************    OVERPANEL    *************/
/********************************************/

/* #region Overpanels */

.overpanel-opening {
    overflow:hidden !important;
}

 .overpanel-fullscreen {
    background: #ffffff;
    color:#333;
    height: 100%;
    padding-top: 1px;
    position: absolute;
    /*
    bottom: -1px;
    top: -1px;
    */
    width: 100%;
    z-index: 1630; /* 30 higher than ordering view, lower than modal (see below) */
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;

    top:0;
    bottom:0;
}

 .overpanel-wrapper {
    background: #ffffff;
    color:#333;
    margin: 0;
    min-height: 100%;
}
.overpanel-fullscreen .overpanel-btn-back {
    color:#333;
    position:absolute;
    z-index:1;
    top:10px;
    left:12px;
    font-size:23px;
    cursor:pointer;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center;
}
.overpanel-fullscreen .overpanel-btn-close {
    color:#333;
    position:absolute;
    z-index:1;
    top:12px;
    right:12px;
    font-size:23px;
    cursor:pointer;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center;
}
.overpanel-fullscreen .overpanel-btn-close-left {
    color:#333;
    position:absolute;
    z-index:1;
    top:10px;
    left:12px;
    font-size:23px;
    cursor:pointer;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center;
}

.overpanel-fullscreen .overpanel-btn-done {
    position:absolute; top:15px; right:15px; z-index:1; margin:0;
}

.overpanel-wrapper .aboutPhotographerFooter .studioLogo { 
    max-width:120px;
    max-height:120px; 
}

.overpanel-wrapper .aboutPhotographerFooter .footer-photographer-social {
    text-align:center;
}


.overpanel-checkout-content.overpanel-checkout-content-receipt {
    max-width:1440px;padding-top:30px;
}

.overpanel-wrapper .overpanel-checkout-content-receipt .aboutPhotographerFooter .footer-studio-logo {
    display: inline-block;
    padding-right: 0;
    vertical-align: top;
    float: right;
    margin-left:30px;
}

.overpanel-wrapper .overpanel-checkout-content-receipt .aboutPhotographerFooter .footer-photographer-metainfo {
    display:table;
    vertical-align:top;
    opacity:1 !important;
    padding-bottom:0;
    margin-left:auto;
}
@media (max-width: 767px) {
    .overpanel-wrapper .overpanel-checkout-content-receipt .aboutPhotographerFooter .footer-photographer-metainfo {
        margin-left:initial;
    }
}

.overpanel-wrapper .overpanel-checkout-content-receipt .aboutPhotographerFooter .footer-photographer-metainfo .footer-photographer-address {
    padding-bottom:15px !important;
}

.overpanel-wrapper .overpanel-checkout-content-receipt .aboutPhotographerFooter .footer-photographer-copyright {
    display:none;
}

.overpanel-wrapper .overpanel-checkout-content-receipt .aboutPhotographerFooter .footer-photographer-social {
    display:none;
}

.overpanel-wrapper .overpanel-checkout-content-receipt .aboutPhotographerFooter .footer-email-photographer {
    display:none;
}

.receipt-buttons {
    display:inline-block;
}

.creditCardBillingMessage {
    max-width:350px;
}

.receipt-actionbar {
    padding: 20px 0;    
}

.receipt-actionbar-content {    
    padding:0 30px;
    max-width:1440px; margin:0 auto;
}

.receipt-actionbar-title {
    font-size:24px; float:left;
}

.receipt-actionbar-actions {
    text-align:right; float:right;
}

@media (max-width: 667px) {
    .receipt-actionbar {
        text-align:center;
    }
    .receipt-actionbar-title {
        display:none;
    }
    .receipt-actionbar-actions {
        text-align:center;
        float:none;
    }
}


.overpanel-wrapper .overpanel-checkout-content-receipt .aboutPhotographerFooter {
    text-align:right;
}
@media (max-width: 767px) {
    .overpanel-wrapper .overpanel-checkout-content-receipt .aboutPhotographerFooter {
        text-align:left;
        width:100%;
    }
}

.receiptSummary {    
    padding-top:25px;
    padding-bottom:0;
    margin-top:25px;
}

@media (max-width: 767px) {
    .receipt-order-info {
        padding-bottom:20px;
    }

    .receiptSummary .col-sm-3 {
        margin-bottom:20px;
    }
}


.overpanel-product .productURL {
    max-width: 100%; display: block; margin:0 auto 5px auto; max-height:500px;
}

.overpanel-product .product-main-image-wrapper {
    display:inline-block; text-align:center; margin: 0 auto 20px auto;
}

.overpanel-product .productCaption {
    font-weight:bold;
}


/* overpanel - image selection */
.overpanel-imageselection {
    overflow:hidden;
    z-index:6000 !important;
}

.overpanel-imageselection .contentwrapper { position:absolute; top:67px; bottom:120px; left:0; right:0; z-index:1; }

.overpanel-imageselection h1 {
    padding-right:45px;
    font-size:20px;
    margin-top:-10px;
    margin-bottom:0;
}

.overpanel-imageselection .leftcol {
    position:absolute; left:0; top:0; bottom:0; width:258px; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; background:#fff;
    padding:25px 25px 25px 30px;
    z-index:2;
}

.overpanel-imageselection .leftcol .widget {
    margin-top: 20px;
    padding-top: 20px;
    /* width: 220px; */
    border-top: 1px solid #E5E5E5;
}

    .overpanel-imageselection .leftcol .nav-tree li a {
        position:relative;
    }

    .overpanel-imageselection .leftcol .nav-tree li .label-total-count {
        position:absolute;        
        top: 8px;
        right: 1px;
    }

.overpanel-imageselection .rightcol {
    position:absolute; top:0; right:0; bottom:0; left:258px; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; background:#fff;
    padding:20px 20px 30px 20px;
    z-index:1;
}

.overpanel-imageselection .gallery {
    position:relative;
}

.overpanel-imageselection .overpanel-imageselection-selectedimages  .gallery-image {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.overpanel-imageselection .overpanel-imageselection-selected .dragging {
    opacity:0.5;
}

.overpanel-imageselection .overpanel-imageselection-selected .dragElement {
    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
}


.overpanel-imageselection-selected {
    position:fixed; height:130px; left:0; right:0; bottom:0; z-index:2;
}

.overpanel-imageselection-toggleheight {
    cursor: pointer;
    position: absolute;
    top: -31px;
    width: 110px;
    left: 50%;
    margin-left: -55px;
    padding: 0 15px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}

.overpanel-imageselection-selected .status {
    position:absolute; top:0; left:0; right:0; background:#f0f0f0; padding:0 6px; height:30px; line-height:30px;
}

.overpanel-imageselection-selectedimages {
    position:absolute; top:30px; left:0; right:0; bottom:0; padding:8px;
    overflow-x: auto; overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.overpanel-imageselection-selectedimages.expanded {
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
}


.overpanel-imageselection .overpanel-toolbar { margin-right:-10px; text-align:left; }

.overpanel-imageselection-selected-clear {
    float:right; margin-left:5px; padding-left:5px; padding-right:5px; cursor:pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
} 
.overpanel-imageselection-selected-clear:hover { opacity:0.8; }

.overpanel-imageselection-selectedimages .remove-image {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 2;
    width: 32px;
    height: 32px;
    text-align: center;
    color: #fff;
    background-color:rgba(0,0,0,0.4);
    font-size: 18px;
    line-height: 32px;    
    display:none;
}

.overpanel-imageselection-selectedimages .remove-image:hover {
    color: #fff;
    background-color:rgba(0,0,0,0.7);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.overpanel-imageselection-selectedimages .gallery-image-wrapper-sort:hover .remove-image {
    display:block;
}

.overpanel-imageselection .widget.ratings i {
    margin-right:4px;
}

/* overpanel - favorites folder sorting */

.overpanel-favoritesort .gallery-image {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.overpanel-favoritesort .gallery {
    padding:0 20px 20px 20px;
    overflow-x:hidden;
}

/*
.overpanel-favoritesort .content-wrap {
    padding-bottom:80px;
}
*/

.overpanel-favoritesort .thumbnailContainer {
    position:relative;
}


.gallery-image-wrapper-sort-bg,
.multi-image-wrapper-sort-bg {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;

}

.gallery-image-wrapper-sort-bg-dropshadow {
    -moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.3);
    box-shadow:0 0 15px 0 rgba(0,0,0,0.3);
}

.gallery-image-wrapper-sort,
.gallery-image-wrapper-sort-dualvu,
.multi-image-wrapper-sort,
.multi-image-wrapper-sort-dualvu {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

    .gallery-image-wrapper-sort .gallery-item-filename,
    .gallery-image-wrapper-sort-dualvu .gallery-item-filename,
    .multi-image-wrapper-sort .gallery-item-filename,
    .multi-image-wrapper-sort-dualvu .gallery-item-filename {
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

    .gallery-image-wrapper-sort .gallery-item-selected-label,
    .gallery-image-wrapper-sort-dualvu .gallery-item-selected-label,
    .multi-image-wrapper-sort .gallery-item-selected-label,
    .multi-image-wrapper-sort-dualvu .gallery-item-selected-label {
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

.gallery-image.dragging {
    opacity:0;
}


/* other overpanel classes */

.overpanel-content-1280 {
    max-width:1280px; margin:0 auto;
}

.overpanel-content-960 {
    max-width:960px; margin:0 auto;
}

.overpanel-content-776 {
    max-width:776px; margin:0 auto;
}

@media screen and (max-width:991px) {
	.overpanel-content-1280 {
        max-width:776px; margin:0 auto;
    }

    .overpanel-fullscreen.overpanel-product .padding-30 {
        padding:30px 22px !important; /* cancel out 15px bootstrap row padding on fullscreen width */
    }
}

@media screen and (max-width:667px) {	
    .overpanel-fullscreen.overpanel-product .padding-30 {
        padding:30px 15px !important; /* cancel out 15px bootstrap row padding on fullscreen width */
    }

    .overpanel-fullscreen.overpanel-roomViewEdit .padding-30 {
        padding:30px 15px !important; /* cancel out 15px bootstrap row padding on fullscreen width */
    }
}



.overpanel-fullscreen .padding-30 {
    background:#fff; /* ensure overpanel has background when scrolling - refactor later to different css class name like overpanel-body */
}

.overpanel-fullscreen .page-title {
    padding:34px 0 55px 0;
}

.overpanel-fullscreen .page-title .container {
    padding:0 45px;
}

/* square thumbnails for sorting */

.gallery-image-wrapper-square { 
    position:relative;        
    background:#f0f0f0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; 
    float:left;  
    /* Two Column */
    width: 46%;
	margin: 0 2% 20px 0;
	padding-bottom: 46%;
}

.gallery-image-wrapper-square.isselected {
    opacity:0.5;
}

.gallery-image-wrapper-square.isdragging {
    -webkit-box-shadow:0 0 20px 5px rgba(0,0,0,0.2)
}


.gallery-image-wrapper-square .inner
{
    
    position:absolute;
    z-index:1;
    top:0; left:0; right:0; bottom:0;
    
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; 
    background-position:center center;
    background-repeat:no-repeat;    
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;    
}

/* square thumbnail responsive sizing */


/* Two Column */

@media screen and (min-width:480px) {
    .gallery-image-wrapper-square {
        width: 49%;
		margin: 0 2% 2% 0;
		padding-bottom: 49%;
    }
}
/* Three Column */

@media screen and (min-width:480px) {
    .gallery-image-wrapper-square {
        width: 31%;
        margin: 0 2% 20px 0;
        padding-bottom: 31%;
    }
}

/* Four Column */

@media screen and (min-width:660px) {
    .gallery-image-wrapper-square {
        width: 23%;
        margin: 0 2% 18px 0;
        padding-bottom: 23%;
    }
}

/* Five Column */

@media screen and (min-width:990px) {
	.gallery-image-wrapper-square {
		width: 19%;
		margin: 0 1% 11px 0;
		padding-bottom: 20%;
	}
}

/* Six Column */

@media screen and (min-width:1500px) {
	.gallery-image-wrapper-square {
		width: 15%;
		margin: 0 1.5% 20px 0;
		padding-bottom: 15%;
	}
}

/* Seven Column */

@media screen and (min-width:1680px) {
	.gallery-image-wrapper-square {
		width: 13%;
		margin: 0 1.1% 20px 0;
		padding-bottom: 13%;
	}
}

.overpanel-sticky-footer {
    position:fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10001;
    padding: 15px 25px;
    background: #fff;
    border-top: solid 1px #f0f1f2;
    -webkit-box-shadow: 0 -10px 30px 0 rgba(0,0,0,0.1);
    box-shadow: 0 -10px 30px 0 rgba(0,0,0,0.1);
    text-align: right;
}
/*
.overpanel-sticky-footer .content {
    max-width:1170px;
    margin:0 auto;
}
*/

/* #endregion Overpanels */



/********************************************/
/***************    FORMS    ****************/
/********************************************/


/* #region Forms */

.form-group { margin-bottom:30px; }
.form-group h4 {
    margin-bottom:15px;
}
.form-control {
    font-size:15px;
}

.well {
    -moz-box-shadow:none;
    box-shadow:none;
    border:0;
    border-radius:0;
}

.well-saving {
    position:absolute; top:30px; right:20px;
}

/* override ios shadows on inputs */

input[type=text], input[type=tel], input[type=number], input[type="password"], input[type="email"] { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* custom toggle switches for checkboxes using css only */
.switch {
    margin-top:-3px;
}
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
input.cmn-toggle-round-flat + label {
  padding: 2px;
  width: 60px;
  height: 30px;
  background-color: #dddddd;
  border-radius: 30px;
  transition: background 0.3s;
  margin-bottom:0;
}
input.cmn-toggle-round-flat + label:before,
input.cmn-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}
input.cmn-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  border-radius: 30px;
  transition: background 0.3s;
}
input.cmn-toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 24px;
  background-color: #dddddd;
  border-radius: 26px;
  transition: margin 0.3s, background 0.3s;
}
input.cmn-toggle-round-flat:checked + label {
  background-color: #8ce196;
}
input.cmn-toggle-round-flat:checked + label:after {
  margin-left: 28px;
  background-color: #8ce196;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #e42c3e;
}

.alert.alert-danger label {
    color: #e42c3e;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
}

.sm-form-control.sm-form-control-small {
    padding:5px 10px;
}

.sm-input-group-addon {
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    border-width:2px;
    border-color:#ddd;
}


/* #endregion Forms */



/********************************************/
/***************    BUTTONS    **************/
/********************************************/

/* #region Buttons */

.btn, .button {
    border-radius:0 !important;
}

.button-disabled {
    background-color: #d6d6d6;
    border: 2px solid #b5b5b5;
    color: #b5b5b5;
}

.button-disabled:hover {
    background-color: #d6d6d6 !important;
    border: 2px solid #b5b5b5 !important;
    color: #b5b5b5 !important;
    cursor: default !important;
}

.button-width-full {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.button.button-large.button-word-wrap {
    white-space:normal;
    padding-top:10px;
    padding-bottom:10px;
    line-height:24px;
    height:auto;
}

@media (max-width: 480px) {
    .button-width-full-ms {
        width:100%; margin-left:0; margin-right:0;
    }
}


/* Images View Buttons - These are a duplicate of what the photoswipe buttons look like.  Used in compare tool. */

.button-image-view {
    position: relative;
    z-index: 2;
    width: 47px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: inline-block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 1;
    color: #fff;
    font-size: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.button-image-view:hover {
    opacity:0.8 !important;
}

.button-image-view-text {
    width:auto;     
    font-size:14px;
    text-transform:uppercase;
    font-weight:600;
}
.button-image-view-text span {
    vertical-align:middle;
    margin-right:6px;    
}

/* button group */
.btn-group > .button:first-child {
    margin-left: 0;
}
.btn-group > .button, .btn-group-vertical > .button {
    position: relative;
    float: left;
    margin:0;
}

.btn-group .button + .button, .btn-group .button + .btn-group, .btn-group .btn-group + .button, .btn-group .btn-group + .btn-group {
    margin-left: -2px;
}

/* button group as table */
.btn-group-table {
    display:table;
}

.btn-group-table .btn-group {
    display:table-row;
}

.btn-group-table .btn-group .button {
    display:table-cell;
    white-space:normal; float:none; height:auto; line-height:1.4;
    vertical-align:middle;
    padding:5px 10px;
}

.btn-group-table.btn-group-table-separate {
    border-collapse: separate;
    border-spacing: 5px;
}

.btn-group-table:not(.btn-group-table-separate) .btn-group .button:not(:first-child) {
    border-left:0;
}

.btn-group-table.btn-group-table-xlarge .btn-group .button {
    padding:20px 10px;
}

.button.si-facebook {
    color:#fff !important;
}

/* Two line buttons used for next / previous in packages */
.button.button-two-lines {
    padding: 3px 14px 0 14px;
    font-size: 16px;
    height: 46px;
    line-height: 18px;
    text-align: left;
}

.button.button-two-lines .arrow-icon-back {
    position: absolute;
    z-index: 1;
    top: -2px;
    left: -1px;
    font-size: 19px;
    cursor: pointer;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    display:inline-block;
}


.button.button-two-lines .arrow-icon-next {
    position: absolute;
    z-index: 1;
    top: -2px;
    right: -1px;
    font-size: 19px;
    cursor: pointer;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    display: inline-block;
}


    .button.button-two-lines.button-two-lines-back {
        padding-left:40px;
    }

    .button.button-two-lines.button-two-lines-next {
        padding-right:40px;
    }


.button.button-two-lines span.prevLabel, .button.button-two-lines span.nextLabel {
    display: block;
    font-size: 12px;
    opacity: 0.7;
    font-weight: normal;
}



/* #endregion Buttons */


/********************************************/
/***************    COMPARE    **************/
/********************************************/

/* #region Compare */

#imageCompare {
    position: fixed; z-index:300; left: 0; top: 0; right:0; bottom:0; width: 100%; height: 100%; background:#000;
}
.imageCompareNoImage {
    position:absolute; top:50%; left:0; right:0; text-align:center; margin-top:-20px; font-size:16px; color:#fff;
}

@media (max-width: 1000px) {

    .imageCompareNoImage .shortcut-key-lg {
        border-width: 1px;
        border-style: solid;
        height: 24px;
        line-height: 22px;
        padding: 0 8px;
        opacity: 1;
        font-size: 12px;
        display: inline-block;
        font-weight: 600;
        text-transform: uppercase;
        border-radius:5px;
    }

    .imageCompareNoImage .shortcut-key-plus-lg {
        border-width:1px;
        border-style:solid;
        border-color:transparent;
        height:24px;
        line-height:24px;
        padding:0 3px;
        opacity:1;    
        font-size:14px;        
        display:inline-block;
    }

    .imageCompareNoImage .shortcut-key-or-lg {
        border-width:1px;
        border-style:solid;
        border-color:transparent;
        height: 24px;
        line-height: 22px;
        padding: 0 5px;
        opacity:1;    
        font-size:12px;     
        display:inline-block;  
        font-weight: 600; 
    }
}

.imageCompareUnit {
    padding:10px;
    /* min-width:325px !important; */
}

    .imageCompareUnit.selected.no-image .imageCompareImageBounds {
        -moz-box-shadow:none !important;
        -webkit-box-shadow:none !important;
        box-shadow:none !important;
    }

.imageCompareUnitButtonsTop {
    z-index:2 !important;
    top:0;
    right:0;
    bottom:0;
    left:0;
}

.imageCompareUnitButtonsBottom {
    z-index:1;
    position:absolute;
    height:30px;
    bottom:-30px;
    width:100%;
    min-width:240px !important;
}

.imageCompareUnitButtons {        
    position:absolute;
}

/*
.imageCompareUnit .gallery-item-filename.hasratings {
    bottom: 30px;
}
*/

.imageCompareUnit .gallery-item-filename {
    bottom: 2px;
    right: 2px;
    padding: 10px;
    background: rgba(0,0,0,0.5);
    left: auto;
    color: #fff !important;
}

.image-compare-large-count {
    position:absolute; top:13px; left:50%; width:100px; text-align:center; margin-left:-50px;
}

.image-compare-thumbnail-count {
    text-transform: uppercase;
    font-size: 12px;
    opacity: 0.6;
    padding: 0 0 5px 0
}

/* compare buttons for each image side */
.imageCompareUnit .button-image-view.button-compare-image-detail {
    position:absolute;
    float:none;
    /* opacity:0;
    visibility:hidden;  */
    z-index: 2;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size:13px;
    vertical-align:middle;
}

/* "ratings" buttons */
.image-compare-buttons-bottom-center {
    /* opacity:0; 
    visibility:hidden;  */
    top:0;
    left:0;
    right:0;
    position:absolute;
    width:auto !important;    
    text-align:center; 
    padding-left:15px;
}

#imageCompare .imageCompareUnit .ratings-wrapper {
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    display:inline-block;
    z-index:1;
}

#imageCompare .imageCompareUnit .ratings-wrapper.ratings-yes-no {
    top:0;
}

#imageCompare .imageCompareUnit .ratings-wrapper.ratings-stars {
    top:0;
}

/* "zoom" buttons */
.button-image-view.compare-image-zoom-out {
    opacity:0; 
    visibility:hidden;

    top:0;
    right: 0;
    z-index:2;
}

.button-image-view.compare-image-zoom-out span {
    font-size:15px;
}

.button-image-view.compare-image-zoom-in {
    opacity:0; 
    visibility:hidden;

    top:0;
    right: 30px;
    z-index:2;
}
.button-image-view.compare-image-zoom-in span {
    font-size:14px;
}

/* "remove" button */
.imageCompareUnit .button-image-view.compare-image-remove {
    opacity:0; 
    visibility:hidden;
    top: 2px;
    right: 2px;
    width:35px;
    height:35px;
    line-height:35px;
    background: rgba(0,0,0,0.5);
    color: #fff !important;
}
.button-image-view.compare-image-remove span {
    font-size:16px;
    color: #fff !important;
}

/* "cart" button */
.imageCompareUnit .button-image-view.compare-image-cart {
    opacity:0; 
    visibility:hidden;
    top: 2px;
    left: 2px;
    width:35px;
    height:35px;
    line-height:35px;
    background: rgba(0,0,0,0.5);
    color: #fff !important;
}
.button-image-view.compare-image-cart span {
    font-size:16px;
    color: #fff !important;
    position:relative;
    left:-1px;
}

.imageCompareUnit.imageIsInCart .button-image-view.compare-image-cart {
    opacity:1; 
    visibility:visible;
}


/* "select" button */
.button-image-view.compare-image-select {
    opacity:0; 
    visibility:hidden;
    top:1px;
    width:auto !important;     
    font-size:13px;    
    padding: 0 3px 0 0;
    z-index:2;    
}

/* button hovers */
.imageCompareUnit:hover .compare-image-zoom-out,
.imageCompareUnit:hover .compare-image-zoom-in,
.imageCompareUnit:hover .compare-image-remove,
.imageCompareUnit:hover .gallery-item-filename,
.imageCompareUnit:hover .compare-image-select,
.imageCompareUnit:hover .compare-image-cart {
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

.imageCompareUnit:hover .ratings-stars,
.imageCompareUnit:hover .ratings-yes-no {
    /* display:inline-block !important; */
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

/* always show all controls on the selected unit */
.imageCompareUnit.selected .compare-image-zoom-out,
.imageCompareUnit.selected .compare-image-zoom-in,
.imageCompareUnit.selected .compare-image-remove,
.imageCompareUnit.selected .gallery-item-filename,
.imageCompareUnit.selected .compare-image-select,
.imageCompareUnit.selected .compare-image-cart {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

.imageCompareUnit.selected .ratings-stars,
.imageCompareUnit.selected .ratings-yes-no {
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}



/* "heart" buttons */
.button-image-view.compare-image-heart {
    opacity:0;
    visibility:hidden;
    position:static !important;
    top:auto;
    left:auto;    
}

.button-image-view.compare-image-heart span {
    font-size:14px;
}

.button-image-view .icon-line-heart:hover {   
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    /* color:#fff; */
}
.button-image-view .icon-heart3 {       
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    color:#e415f7;
}

.button-image-view .icon-heart3:hover {   
    visibility: visible;
    opacity: 1;    
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    color:#e415f7;
}


.imageCompareUnit:hover .button-image-view.compare-image-heart, .imageCompareUnit.selected .button-image-view.compare-image-heart {
    visibility: visible !important;
    opacity: 1 !important;
    /* display:inline-block !important; */
}

.imageCompareUnit.no-image .button-image-view .icon-heart3,
.imageCompareUnit.no-image .button-image-view .icon-line-heart,
.imageCompareUnit.no-image .ratings-stars,
.imageCompareUnit.no-image .ratings-yes-no,
.imageCompareUnit.no-image:hover .button-image-view .icon-heart3,
.imageCompareUnit.no-image:hover .button-image-view .icon-line-heart,
.imageCompareUnit.no-image:hover .ratings-stars,
.imageCompareUnit.no-image:hover .ratings-yes-no {
    visibility:hidden !important;
    opacity:0 !important;
    /* display:none !important; */
}
.imageCompareUnit.no-image .imageCompareUnitButtons {
    visibility:hidden !important;
    opacity:0 !important;
}

/* when in single image view, hide border on large image */
.imageCompare_viewMode_Large .imageCompareImageBounds {
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
}

.image-compare-close {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 24px;
    cursor:pointer;
    z-index:1;
}

    .image-compare-close:hover {
        opacity:0.7;
    }


/* #endregion Compare */



/********************************************/
/************    PAGE TITLE    **************/
/********************************************/

/* #region Page Titles */


.overpanel-fullscreen .page-title h1 {
   font-size:25px;
}

@media (max-width: 768px) {
    .overpanel-fullscreen .page-title h1 {
        font-size: 22px;
    }
}

@media (max-width: 320px) {
    .overpanel-fullscreen .page-title h1 {
        font-size: 18px;
    }
}

/* #endregion Page Titles */


/********************************************/
/**************    MODALS    ****************/
/********************************************/

/* #region Modals */

/* override bootstrap modal z-index to make sure it appears above photoswipe */
.modal {
    z-index:1650;
    color:#333;
}

.modal-footer {
    text-align:left;
    padding: 20px 30px 30px 30px;    
}


.modal-backdrop {    
    z-index: 1640;    
}

/* increase modal shadow */
.modal-content {
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.3) !important;
    overflow:hidden; /* temp to fix animation of cascading content */
    border-width:0; /* override bootstrap.css */
}

/* change modal animation */
.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 300px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}

/* modal back button */
.modal-header-btn-back {
    color:#333;  /* Customization - Use drawer menu font color */
    margin-top: -2px;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;    
    font-size: 21px;

    position:absolute;
    z-index:1;
    top:12px;
    left:12px;
    font-size:23px;
    cursor:pointer;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center;
}

/* modal "x" button */
.close {
    color:#333;  /* Customization - Use drawer menu font color */
    margin-top: -2px;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;    
    font-size: 21px;
    opacity:1;
    position:absolute;
    z-index:1;
    top:12px;
    right:12px;
    font-size:23px;
    cursor:pointer;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center;
    text-shadow:none;
}


/* remove rounded corners */
.modal-content {
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
}

/* modal header and body */
.modal-header {
    padding:18px 30px 15px 30px;
    border-bottom:0;
    text-align:center;
}

/* bootstrap doesn't have !important on this, but it is needed because we often change the overflow on the body ourselves to visible */
.modal-open {
    overflow: hidden !important;
}

.modal-header .modal-title {
    display:inline-block;
    padding:0 20px;
}

.modal-header .modal-action {
    display:inline-block;
}

.modal-body {
    padding:0 30px 30px 30px;
}

/* small modals should remain small even on tablet (bootstrap makes them fullscreen on portrait tablet 768 media query */
@media (min-width: 480px) {
    .modal-sm {
        width: 300px;
        margin:30px auto;
    }
}


/* modals should be fullscreen on mobile */
@media (max-width: 480px) {
    .modal-dialog {  
        min-height: 100%;
        height: 100%;
        margin:0;
    }
    .modal-content {
        min-height: 100%;
    }
}

/* prevent boostrap from adding padding to body on modal open */
@media (max-width: 480px) {
    body.modal-open-noscroll {
        margin-right: 0 !important;
        overflow: hidden;
    }

    .modal-open-noscroll .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
        margin-right: 0 !important;
    }

    .modal {
        padding-left: 0 !important;
    }
}


/*****************/
/* sharing modals (gallery and image) */
/*****************/
.modal-share .feature-box {
    display:inline-block
}
.modal-share .feature-box p {
    margin-top:0;
}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
    /* show instagram on mobile and tablet */
    .modal-share .feature-box-instagram {
        display:inline-block !important;
    }
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {

    /* show instagram on mobile and tablet */
	.modal-share .feature-box-instagram {
        display:inline-block !important;
    }
}

.device-touch .copy-link-footnote {
    display:none;
}

/* zoom modal */

.bs-modal-zoom {
    padding-left:0 !important;
}
.bs-modal-zoom .modal-body {
    width: 100%;
    height: calc(100% - 33px);
    padding-top:32px;
}


.bs-modal-zoom .modal-content {
    height: 100vh;margin-top: 50px;width: 100vw;left: 0;margin: 0 auto;top: 0;
}

.bs-modal-zoom .modal-dialog.modal-lg {
    margin:0 auto;
    width:100%;
}

.bs-modal-zoom .zoomImage {
    max-width: 100%;    
    max-height: 100%;
    height: auto;
    width: auto;
    display: block;
    margin: 0 auto;
}




/*****************/
/* add to favorites modal */
/*****************/

.modal-body-add-to-favorites ul li {
    font-size:14px;
}


/*****************/
/* photog message modal */
/*****************/
@media (max-width: 767px) {
    .bs-modal-photographer-message {
        top:30px;
        left:30px;
        right:30px;
        bottom:30px;
    }
}

/* #endregion Modals */


/********************************************/
/************    ABOUT PHOTOG    ************/
/********************************************/

.about-photographer { max-width:1280px; margin:0 auto; }
.about-photographer-image {
    margin-bottom:10px; margin-right:20px; max-width:50%;
}

@media only screen and (max-width: 480px) {

    .about-photographer-image {
        margin-bottom:20px; margin-right:0; max-width:100%;
    }
}


/********************************************/
/************   PRICING SHEET    ************/
/********************************************/

/* #region Pricing Sheet*/

.overpanel-pricing-sheet table tr td:last-child {
    /*
    text-align:right;
    color:#e26f99;
        */
    width:104px;
    text-align:right;
    opacity:0.7;
}
.overpanel-pricing-sheet table tr td:first-child {
    font-weight:600;
    padding-right:30px !important;
}
.overpanel-pricing-sheet h5 {    
    text-transform:uppercase;
    padding-top:10px;
    font-weight:normal;
    color:#333;
}

.overpanel-pricing-sheet .aboutPhotographerFooter .studioLogo { 
    max-width:120px;
    max-height:120px; 
}
.pricing-sheet-content {
    max-width:767px; margin:0 auto;
}

    .pricing-sheet-content .table > thead > tr > th,
    .pricing-sheet-content .table > tbody > tr > th,
    .pricing-sheet-content .table > tfoot > tr > th,
    .pricing-sheet-content .table > thead > tr > td,
    .pricing-sheet-content .table > tbody > tr > td, .table > tfoot > tr > td {
        padding:13px 0;
    }

/* #endregion Pricing Sheet*/



/********************************************/
/***************    CART     ****************/
/********************************************/


/* #region Cart */

.overpanel-cart-content {
   max-width:1280px;
   margin:0 auto;
   padding:0 30px 30px 30px;
}

table.cart {
    table-layout:auto;
}

table.cart td.cart-product-price-wrapper, table.cart td.cart-product-price-mobile {
    text-align:center;
    width: 1px;
    white-space: nowrap;
}

table.cart td.cart-product-price {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    padding-bottom:10px;
}

table.cart td.cart-product-quantity {
    display:block;
    text-align:center;
    vertical-align:middle;
}

table.cart .cart-product-quantity input {
    display:inline-block;
    max-width:70px;
    width:70px;
    padding-left:3px; padding-right:3px;
}

table.cart td.cart-product-price-mobile .cart-product-quantity input {
    width:60px;
}

table.cart td .cart-product-remove {
    text-align:center;
    font-size:14px;
}

table.cart td {
    vertical-align:top !important;
}

@media (max-width: 600px) {
    table.cart {
        font-size: 13px;
    }
    table.cart tr:not(.cart-item-multiple-detail) .cart-product-thumbnail {
        padding-left:0 !important;        
    }
    table.cart .cart-product-thumbnail {        
        padding-right:0 !important;
    }
    table.cart .cart-product-price-data {
        text-align:center;
    }
    table.cart .cart-product-quantity {
        text-align:left;
    }
}

@media (max-width: 480px) {
    table.cart td {
        padding:12px 9px !important;
    }
    .overpanel-cart-content {       
       padding:0 15px 15px 15px;
    }    
}

.cart-filename {
    font-size:13px;
    display:block;
    opacity:0.7;    
    word-wrap: break-word; /* IE 5+ */
    padding-top:10px;
}

@media (max-width: 480px) {
    .cart-filename {
        width:160px;
    }
}
@media (max-width: 320px) {
    .cart-filename {
        width:120px;
    }
}

.cart-mobile-product-total {
    padding-bottom:10px; font-size:16px; text-align:center;
}

.cart-product-thumbnail {
    width:130px;
    text-align:center;
}

.cart-product-thumbnail img {
    display:inline-block;
    max-height: 150px;
}

.cart-item-multiple-detail img {
    display: inline-block;    
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 150px;
}

.pots-question-answer-cart-wrapper .pots-question-answer-cart {
    padding-bottom:15px;
    max-width:700px;
}

.pots-question-answer-cart-wrapper .pots-question-answer-cart:last-child {
    padding-bottom:0;
}

.pots-question-answer-cart-wrapper .well {
    margin:-12px 0px 0 3px;
    padding-bottom:5px;
}

/* #endregion Cart */


/********************************************/
/*************    CHECKOUT     **************/
/********************************************/


/* #region Checkout */

.overpanel-checkout form {
    margin-bottom:0;
}

.overpanel-checkout-content {
   max-width:767px;
   margin:0 auto;
   padding:0 30px 30px 30px;
}

 .overpanel-checkout .process-steps {
     max-width:767px;
     margin:0 auto;
     white-space:nowrap;
     font-size:0;
 }

body:not(.device-touch) .i-rounded, body:not(.device-touch) .i-plain, body:not(.device-touch) .i-circled, body:not(.device-touch) .i-bordered, body:not(.device-touch) .social-icon {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

 .overpanel-checkout table.cart {
    margin-bottom:0;
}

  .overpanel-checkout table.cart tr:first-child td, .overpanel-cart table.cart tr:first-child td {
    border-top:0 !important;
}

   .overpanel-checkout table.cart tr:not(.cart-item-multiple-detail) td:first-child, .overpanel-cart table.cart tr:not(.cart-item-multiple-detail) td:first-child {
        padding-left:0 !important;
    }

   .overpanel-checkout table.cart tr:not(.cart-item-multiple-detail) td:last-child, .overpanel-cart table.cart tr:not(.cart-item-multiple-detail) td:last-child {
        padding-right:0 !important;
    }

.list-credit-card-type li {
    padding:1px;
}
.list-credit-card-type li:first-child {
    padding-left:5px;
}

.overpanel-btn-close {
    color:#333;  /* Customization - Use drawer menu font color */
    position:absolute;
    z-index:1;
    top:12px;
    right:12px;
    font-size:23px;
    cursor:pointer;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center;
}

table.table-checkout-review {
    width:100%;
    border:0;
    border-collapse:collapse;
}

.table-checkout-review td {
    padding:15px;
    vertical-align:top;
}

@media (max-width: 667px) {
    .list-credit-card-type {
        margin-top:5px;
    }
    .button-checkout-place-order-topright.visible { display:inline-block !important; }
}

@media (max-width: 480px) {
    .table-checkout-review {
        border:0;
    }
   .table-checkout-review tr, .table-checkout-review td {
        display:block;
    }
    .page-title-checkout-review {
        padding-left:0 !important;
    }
    .overpanel-checkout-content {
        padding:0 15px 15px 15px;
    }
}

.button-checkout-place-order-topright {
    position:absolute; top:15px; right:15px;
}

@media (max-width: 480px) {
    .table-checkout-review {
        border:0;
    }
   .table-checkout-review tr, .table-checkout-review td {
        display:block;
    }
    .page-title-checkout-review {
        padding-left:0 !important;
    }    
}

/* #endregion Checkout */



/********************************************/
/**********    PROCESS STEPS     ************/
/********************************************/


/* #region Process Steps */

.process-steps {
    font-size:0;
    white-space:nowrap;
}

.process-steps li h5 {    
    white-space:normal;
}

.process-steps li {
    vertical-align:top;
}

@media (max-width: 480px) {
    .process-steps .i-rounded, .process-steps .i-circled, .process-steps .i-bordered {
        width: 35px !important;
        height: 35px !important;
        font-size:16px;
    }

    .process-steps .i-bordered {
        line-height:34px !important;
    }

    .process-steps li:before, .process-steps li:after {
        top: 21px;
    }

    .process-steps li h5 {        
        font-size: 13px;        
    }
}

.process-steps.process-steps--vertical li {    
    width: auto;
    text-align: left;    
    display: block;
    padding-bottom:25px;
}

.process-steps.process-steps--vertical li::before,
.process-steps.process-steps--vertical li::after {
    display:none;
}

.i-rounded.i-compact,
.i-circled.i-compact,
.i-bordered.i-compact {
  width: 42px !important;
  height: 42px !important;
  line-height: 40px !important;
  font-size:20px !important;
}

/* #endregion Process Steps */


/**************************************************************************/
/*                            CALIBRATION LINE                            */
/**************************************************************************/

/* #region Calibation Line */

.calibration-line {
    width: 100%;
}

.calibration-line--content {
    width: 750px;
    height: 40px;
    margin: 0 auto;
    position: relative;
}

.calibration-line--left {
    position: absolute;
    height: 40px;
    left: 0;
    width: 2px;
    background: #000;
}

.calibration-line--center {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    line-height: 2px;
    background: #000;
    top: 19px;
}

.calibration-line--text {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: -4px;
    text-transform: uppercase;
    opacity: 0.6;
    font-weight: 600;
    font-size: 13px;
}

.calibration-line--right {
    position: absolute;
    height: 40px;
    right: 0;
    width: 2px;
    background: #000;
}

/* #endregion */



/********************************************/
/*************    WIDGETS     ***************/
/********************************************/

/* #region Widget */


.widget_links.no-link-padding li {
    padding-left:0;
    padding-right:0;
}
.widget_links.no-link-padding a {
    padding-left:0;
    padding-right:0;
    padding-top:2px;
    padding-bottom:2px;
}
.widget_nav_menu li, .widget_links li, .widget_meta li, .widget_archive li, .widget_recent_comments li, .widget_recent_entries li, .widget_categories li, .widget_pages li, .widget_rss li {
    padding: 4px 0;
}
.widget > h4 {
    text-transform:uppercase;
}

/* #endregion Widget */



/********************************************/
/**************    TOASTR     ***************/
/********************************************/


/* #region Toastr */

#toast-container {
  -moz-border-radius:0 0 0 0;
  -webkit-border-radius:0 0 0 0;
  border-radius:0 0 0 0;
}
#toast-container > div {
  -moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.3);
  -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.3);
  box-shadow:0 0 15px 0 rgba(0,0,0,0.3);
  -moz-border-radius:0 0 0 0;
  -webkit-border-radius:0 0 0 0;
  border-radius:0 0 0 0;
}
#toast-container > div:hover {
  -moz-box-shadow:0 0 25px 0 rgba(0,0,0,0.3);
  -webkit-box-shadow:0 0 25px 0 rgba(0,0,0,0.3);
  box-shadow:0 0 25px 0 rgba(0,0,0,0.3);
}
.toast-close-button {  
  -webkit-text-shadow: none;
  text-shadow: none;
}

@media (max-width: 667px) {
    .toast-bottom-left {
        bottom:0; left:0; right:0;
    }
    #toast-container > div {
        width:100%;
    }

}

/* #endregion Toastr */



/********************************************/
/************    PHOTOSWIPE     *************/
/********************************************/


/* #region Photoswipe */

.full-screen-overlay {
    position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:1601; /* 1601 above photoswipe's 1600 */
}

.full-screen-overlay .full-screen-overlay-content {
    position: absolute;
    top: 50%;
    left:0;
    right:0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align:center;
}

.full-screen-overlay .full-screen-overlay-content h1 {
    color:#fff; margin-bottom:0;
}

.full-screen-overlay .full-screen-overlay-content .image-count {
    color:#fff; font-size:16px; margin-bottom:25px;
}

.full-screen-overlay .full-screen-overlay-content .button-wrapper a {
    width:200px;
    color:#fff !important;
    border-color:#fff !important;
}


.pswp__img--placeholder--blank {
    background: transparent;
}
.pswp__ui--idle .pswp__caption {
    opacity: 0;
}

/*
.pswp__caption {
    text-shadow:0 1px 5px rgba(0,0,0,0.3);
}
*/

.pswp__button {
    opacity:1;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.pswp__ui--idle .pswp__top-bar, .pswp__ui--idle .pswp__top-bar-background, .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__top-bar-background {
  margin-top:-60px;
    opacity:0;
  -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.pswp__ui--idle .pswp__button--arrow--right, .pswp__ui--hidden .pswp__button--arrow--right {
    right:-100px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--left {
    left:-100px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
/*
.pswp__button--ratingstars {
    -webkit-transition: all 0.2s ease !important;
    -moz-transition: all 0.2s ease !important;
    -ms-transition: all 0.2s ease !important;
    -o-transition: all 0.2s ease !important;
    transition: all 0.2s ease !important;
}
*/
.pswp__button--ratingyesno {
    -webkit-transition: all 0.2s ease !important;
    -moz-transition: all 0.2s ease !important;
    -ms-transition: all 0.2s ease !important;
    -o-transition: all 0.2s ease !important;
    transition: all 0.2s ease !important;
}
.pswp__ui--idle .pswp__button--ratingyesno, .pswp__ui--idle .pswp__button--ratingstars {
    bottom:-100px !important;
    -webkit-transition: all 0.2s ease !important;
    -moz-transition: all 0.2s ease !important;
    -ms-transition: all 0.2s ease !important;
    -o-transition: all 0.2s ease !important;
    transition: all 0.2s ease !important;
}


.pswp__top-bar-background {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+40,000000+100&0.6+0,0.38+40,0+100 */
    /*
    background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.38) 40%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(40%,rgba(0,0,0,0.38)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.38) 40%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.38) 40%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.38) 40%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.38) 40%,rgba(0,0,0,0) 100%);
    */
    background:#000;
    opacity:0.4;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.pswp__top-bar .dropdown-menu {
    min-width:225px;
}

.btn-photoswipe-order {
    width:auto; padding:0 15px; font-weight:600; text-align:right;
}

.pswp__button--arrow--right, .pswp__button--arrow--left {
    background-color: rgba(0,0,0,0.3);
}

.pswp__button--arrow--right:hover, .pswp__button--arrow--left:hover {
    background-color: rgba(0,0,0,0.2);
}

.pswp__bottom-bar {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.42+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.42) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.42) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.42) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* hide zoom button */
/*
.pswp__button--zoom {
    display:none !important;
    visibility:hidden !important;
}
*/

.pswp__top-bar .dropdown-menu > li > a, .pswp__top-bar .dropdown-menu > li > button {
    background:transparent; border:0; margin:0; padding:5px 22px; line-height:1.42; font-weight:normal;
    width:100%; text-align:left;
}

.pswp__top-bar .dropdown-menu > li > a:hover, .pswp__top-bar .dropdown-menu > li > button:hover {
    opacity:0.7;
}

.pswp__top-bar .dropdown-menu > li > a i, .pswp__top-bar .dropdown-menu > li > button i {
    vertical-align:middle; margin-right:10px;
}

/* hide controls on zoom */
.hide-photoswipe-controls-custom-zoom .pswp__top-bar {
  opacity: 0 !important; }
.hide-photoswipe-controls-custom-zoom .pswp__top-bar .pswp__button, .hide-photoswipe-controls-custom-zoom .pswp__top-bar .pswp__top-bar-background {
  margin-top:-60px;
}
.hide-photoswipe-controls-custom-zoom .pswp__button--arrow--left { opacity: 0 !important; left:-100px; }
.hide-photoswipe-controls-custom-zoom .pswp__button--arrow--right { opacity: 0 !important; right:-100px; }
.hide-photoswipe-controls-custom-zoom .pswp__caption {
    opacity: 0 !important; bottom:-100px;
}
.hide-photoswipe-controls-custom-zoom .pswp__custom-zoom-controls {
    display:block !important;
}
.hide-photoswipe-controls-custom-zoom .pswp__button--ratingstars, .hide-photoswipe-controls-custom-zoom .pswp__button--ratingyesno {
   bottom:-100px !important;
    -webkit-transition: all 0.2s ease !important;
    -moz-transition: all 0.2s ease !important;
    -ms-transition: all 0.2s ease !important;
    -o-transition: all 0.2s ease !important;
    transition: all 0.2s ease !important;
}

.pswp__item.add-padding-custom-zoom {
    /*
    top:20px; left:20px; right:20px; bottom:70px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    */
}

/* photoswipe zoom */

.pswp__custom-zoom-controls {
    width:320px; height:50px; position:absolute; bottom:10px; left:50%; margin-left:-160px; display:none;
}
@media (max-width: 340px) {
    .pswp__custom-zoom-controls {
        bottom:0;
    }
}

.zoom-controls-wrapper {
    position:absolute; top:0; left:52px; right:0; bottom:0; background-color: rgba(0,0,0,0.6);
}
.pswp__custom-zoom-in {
    position:absolute; font-weight:bold; bottom:0; right:0; color:#fff; width:50px; height:50px; line-height:49px; font-size:19px; cursor:pointer;
}
.pswp__custom-zoom-out {
    position:absolute; font-weight:bold; bottom:0; left:0; color:#fff; width:50px; height:50px; line-height:49px; font-size:19px;cursor:pointer;
}
.pswp__custom-zoom-close {
    background-color: rgba(0,0,0,0.6); position:absolute; font-weight:bold; bottom:0; left:0; color:#fff; width:50px; height:50px; line-height:49px; font-size:22px; cursor:pointer;
}
.pswp__custom-zoom-slider-wrapper {
    position:absolute; font-weight:bold; bottom:0; left:60px; color:#fff; width:150px; height:50px;
}



/* photoswipe zoom slider */

.noUi-horizontal {
    height:5px;
    margin-top:16px;            
}

.noUi-target {
    border:0;
}
        
.noUi-horizontal .noUi-handle {
    background-image:none;
    border-radius:30px;
    width:36px;
    height:36px;
    top:-16px;
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box; 
    -moz-background-clip: padding; 
    -webkit-background-clip: padding;
    background-clip: padding-box; 
    -moz-background-clip: content;
    -webkit-background-clip: content;
    background-clip: content-box;     
    border: 10px solid rgba(0, 0, 0, 0.0);
    cursor:ew-resize;
}

.noUi-connect {
    background:transparent;
}
.noUi-base {
    height:19px;
    background:#3fb8af;
    cursor:ew-resize;
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box; 
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    -moz-background-clip: content;
    -webkit-background-clip: content;
    background-clip: content-box; 
    border: 8px solid rgba(0, 0, 0, 0.0); 
}

.noUi-handle:before, .noUi-handle:after {
    width:0; height:0; 
}

/*
.noUi-pips-horizontal {
    top:20px;
    z-index:-1;
}

.noUi-value {
    display:none;
}

.noUi-marker-large, .noUi-marker-sub {
    background:#fff;
}

.noUi-marker-horizontal.noUi-marker-large {
    height:10px;
    display:none;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height:4px;
    width:1px;
}
*/


/* from section 6 of photoswipd default-skin.css */

/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }


/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

/* #endregion Photoswipe */


/********************************************/
/***************    PROMO     ***************/
/********************************************/


/* #region Promo */

.promo.promo-large-button {
    padding-right:300px;
}

.promo.promo-themed {
    padding-right: 300px;
    padding-left:30px;
}
.promo.promo-themed a.button {
    right: 30px;
}

@media only screen and (max-width: 1199px) {
    .promo h3 {
        font-size: 16px;
    }
    .promo > span, .promo > .container > span {
        font-size:14px;
    }
    .promo a.button {
        padding: 0 17px;
        font-size: 14px;
        height: 34px;
        line-height: 34px;
    }
}

/* #endregion Promo */



/********************************************/
/***************    css3 spinner standalone - from theme for page load, but customized here to be used elsewhere such as modals     ***************/
/********************************************/


/* #region CSS3 Spinner */

.css3-spinner.css3-spinner-standalone {
    position:relative;
    width:auto;
    height:auto;
}

.css3-spinner-custom-fullscreen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 50000; /* above ips nav */
    text-align: center;
    background-color: #FFF;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.css3-spinner-custom-fullscreen > .css3-spinner-clip-rotate, .body-dual-vu-wrapper .css3-spinner-clip-rotate {
   position: absolute;
    top: 50%;
    left: 50%;
     width: 28px;
    height: 28px;
    margin-top: -14px;
    margin-left: -14px;
    background-color: transparent !important;
    -webkit-animation: none;
    animation: none;
    display: inline-block;
}

.css3-spinner-custom-fullscreen > .css3-spinner-clip-rotate > div, .body-dual-vu-wrapper .css3-spinner-clip-rotate > div {
    border-radius: 100%;
    border-bottom-color: transparent !important;
    height: 28px;
    width: 28px;
    background: transparent !important;
    -webkit-animation: rotate 1s 0s linear infinite;
    animation: rotate 1s 0s linear infinite;
    border-width: 2px;
    border-style: solid;
}

.body-dual-vu-wrapper .css3-spinner-clip-rotate {
    position:relative;
    top:auto;
    left:auto;
    margin-left:0;
    margin-top:10px;
}

.spinner-overpanel {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    margin-left: -14px;
    background-color: transparent !important;
    -webkit-animation: none;
    animation: none;
    display: inline-block;
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}

.loaderFullScreen-welcome {
    top:50%; left:0; right:0; width:100%; margin-top:30px; position:absolute; padding:0 30px; text-align:center;
}

/* #endregion CSS3 Spinner */



/********************************************/
/***********    HIDE FROM TOUCH DEVICES     ***********/
/********************************************/

/* #region Hiding from Touch */

body.device-touch .hide-touch {
    display:none !important; visibility:hidden !important; opacity:0 !important;
}

/* hide "download" from dropdown menu in nav on touch devices */
/*
body.device-touch .downloadGallery {
    display:none !important; visibility:hidden !important; opacity:0 !important;
}

body.device-touch .menu-icon-ellipsis-wrapper .downloadGallery {
    display:none !important; visibility:hidden !important; opacity:0 !important;
}
*/


/* hide multi image download on toolbar on touch devices */
/*
body.device-touch .toolbar-icon-download {
    display:none !important; visibility:hidden !important; opacity:0 !important;
}
*/


/* hide category and folder download buttons */
/*
body.device-touch .page-title .downloadButton {
    display:none !important; visibility:hidden !important; opacity:0 !important;
}
*/


/* download is the only possible category action button right now, so if it is being hidden, also hide the actions wrapper. to be refactored later in case we offer more category actions */
/*
body.device-touch .page-title .page-title-actions-category {
    display:none !important; visibility:hidden !important; opacity:0 !important;
}
*/

/* ellipsis menu */

/* if not a touch device AND >= 992px, hide ellipsis menu and show "shop the store", "download gallery", and "share" */
@media (min-width: 992px) {
    body:not(.device-touch) .menu-icon-ellipsis-wrapper-outer {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* if touch device AND >= 992px, show ellipsis menu with only "select photos" options in it" */
@media (min-width: 992px) {
    .menu-icon-ellipsis-wrapper .visitStore, .menu-icon-ellipsis-wrapper .downloadGallery, .menu-icon-ellipsis-wrapper .shareGallery, .menu-icon-ellipsis-wrapper .divider {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}


/* if < 992px on any device, show ellipsis menu, and hide "shop the store", "download gallery", and "share" */
@media (max-width: 991px) {
    #header-wrap .visitStore.noellipsismenu, #header-wrap .downloadGallery.noellipsismenu, #header-wrap .shareGallery.noellipsismenu, #header-wrap .savedForLater.noellipsismenu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}


/* if not a touch device AND < 992px  show ellipsis menu but hide the select images option and the divider above it */
body:not(.device-touch) .menu-icon-ellipsis-wrapper-outer .menu-icon-ellipsis-select-images, body:not(.device-touch) .menu-icon-ellipsis-wrapper-outer .divider {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.ellipsisMenu .savedForLater .label-total-count {
    right:13px !important;
}

/* #endregion Hiding from Touch */



/********************************************/
/***********    EJ.COM LOGIN     ************/
/********************************************/


/* #region Ej.com Login */

.ej-login, .ej-login #content, ej-login #wrapper {
    min-height:100vh;
}

.ej-login #content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ej-login .login-content {
    padding-top:15px;
    padding-bottom:15px;
}

.ej-login, .content-login {
    background-color:#f0f0f0;
}

.ej-login .container.login-content .panel-body {
    padding:40px;
}
.ej-login .modal-header-btn-back {
    top:38px; left:15px;
}
.ej-login .login-title h3 {    
    padding-left:15px; padding-right:15px;
}
@media screen and (max-width:479px) {
    .ej-login .container.login-content .panel-body {
        padding:30px;
    }
	.ej-login .container.vertical-middle {
        padding-top:20px !important;
    }
    .ej-login .modal-header-btn-back {
        top:26px; left:9px; font-size:21px;
    }
    .ej-login .login-title h3 {
        font-size:20px;
        padding-left:20px; padding-right:20px;
    }


    /* override responsive.css*/
    .full-screen:not(.force-full-screen) .container.vertical-middle {
        width: 100% !important;
    }
}


/* #endregion Ej.com Login */


/********************************************/
/************      RATINGS     **************/
/********************************************/

/* #region Ratings */

/* yes no */

.pswp__caption.hasratings-yes-no {
    bottom:60px;
}
.ratings-wrapper-backdrop {
    pointer-events: none;
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.pswp__ui .ratings-wrapper.ratings-yes-no {
    position:absolute;
    z-index:1;
    width:212px;
    bottom:12px;
    left:50%;
    margin-left:-106px;
    text-align:center;
}

.pswp__ui .ratings-wrapper.ratings-yes-no .rating {
    width:51px;
    height:51px;
    background:rgba(0,0,0,0.5);
    margin:0 2px;
    display:inline-block;
    font-size:25px;
    line-height:49px;
    text-align:center;
    position:relative;
    cursor:pointer;
    z-index:2;
    color:#fff !important;
}

.pswp__ui .ratings-wrapper.ratings-yes-no .rating:first-child {
    margin-left:0 !important;
}

.pswp__ui .ratings-wrapper.ratings-yes-no .rating:last-child {
    margin-right:0 !important;
}


.pswp__ui .ratings-wrapper.ratings-yes-no .rating .count {
    position:absolute;
    bottom:2px;
    left:0;
    right:0;
    text-align:center;
    font-size:11px;
    color:#fff;
    line-height:12px;
}

.thumbHover .ratings-wrapper.ratings-yes-no, .thumbStatic .ratings-wrapper.ratings-yes-no, .imageCompareUnit .ratings-wrapper.ratings-yes-no {
    position:absolute;
    z-index:1;
    width:auto;
    left:0;
    right:0;
    bottom:0;
    margin-left:0;
    text-align:center;
}

.thumbHover .ratings-wrapper.ratings-yes-no .rating, .thumbStatic .ratings-wrapper.ratings-yes-no .rating {
    width:32px;
    height:32px;
    background:transparent;
    margin:0;
    display:inline-block;
    font-size:20px;
    line-height:32px;
    text-align:center;
    position:relative;
    cursor:pointer;
    z-index:2;
    color:#fff;
    vertical-align:bottom;
}

.imageCompareUnit .ratings-wrapper.ratings-yes-no .rating {
    width:18px;
    height:25px;
    background:transparent;
    margin:0;
    display:inline-block;
    font-size:16px;
    line-height:25px;
    text-align:center;
    position:relative;
    cursor:pointer;
    z-index:2;
    color:#fff;
    vertical-align:middle;
}

.thumbHover .ratings-wrapper.ratings-yes-no .rating:hover, .thumbStatic .ratings-wrapper.ratings-yes-no .rating:hover,label .imageCompareUnit .ratings-wrapper.ratings-yes-no .rating:hover {
    background:rgba(0,0,0,0.5);
}


.gallery-item-filename.hasratings-yes-no {
    bottom:30px;
}

.thumbStatic .ratings-wrapper.ratings-yes-no .rating.selected {
    background:rgba(0,0,0,0.5);
    border-radius:50px;
    width:23px;
    height:23px;
    line-height:23px;
    top:-4px;
    position:relative;
}

.imageCompareUnit .ratings-wrapper.ratings-yes-no .rating.selected .ratingIcon {
    background:rgba(0,0,0,0.5);
    border-radius:50px;
    width: 17px;
    height: 16px;
    line-height: 16px;
}


.ratings-wrapper.ratings-yes-no .rating-yes.selected, .imageCompareUnit .ratings-wrapper.ratings-yes-no .rating-yes.selected, .thumbnail-meta .ratings-yes-no .rating-yes.selected {
    color:#a8f33c !important;
}

.ratings-wrapper.ratings-yes-no .rating-maybe.selected, .imageCompareUnit .ratings-wrapper.ratings-yes-no .rating-maybe.selected, .thumbnail-meta .ratings-yes-no .rating-maybe.selected {
    color:#f3d73c !important;
}

.ratings-wrapper.ratings-yes-no .rating-no.selected, .imageCompareUnit .ratings-wrapper.ratings-yes-no .rating-no.selected, .thumbnail-meta .ratings-yes-no .rating-no.selected {
    color:#f47557 !important;
}


/* stars */

.pswp__caption.hasratings-stars {
    bottom:46px;
}

.pswp__ui .ratings-wrapper.ratings-stars {
    position:absolute;
    z-index:1;
    width:212px;
    bottom:12px;
    left:50%;
    margin-left:-106px;
    text-align:center;
}

.pswp__ui .ratings-wrapper.ratings-stars .rating-star {
    width:27px;
    height:36px;
    margin:0 1px;
    display:inline-block;
    font-size:19px;
    line-height:34px;
    text-align:center;
    position:relative;
    cursor:pointer;
    z-index:2;
}


.ratings-wrapper.ratings-stars .rating-star.star-animated i {
    -webkit-animation: stretch-bounce .2s ease-in-out;
    animation: stretch-bounce .2s ease-in-out;
}

@-webkit-keyframes stretch-bounce {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

.ratings-wrapper.ratings-stars .rating-star .rating-star-click {
    position:absolute;
    z-index:1;
    top:0; left:3px;
    display:none;
    opacity:0.3;
}


.ratings-wrapper.ratings-stars .rating-star.star-scale {
    font-size:21px;
}
.ratings-wrapper.ratings-stars .rating-star.star-scale i {
    position:relative;
    top:0px;
}

/* mobile alignment in pswp */
@media (max-width: 667px) {
    .pswp__caption.hasratings-yes-no {
        bottom:48px;
    }
    .ratings-wrapper.ratings-yes-no {
        bottom:0;
    }
}


@media (max-width: 667px) {
    .pswp__caption.hasratings-stars {
        bottom:36px;
    }
    .ratings-wrapper.ratings-stars {
        bottom:5px;
    }
}
/* end mobile alignment */

.thumbHover .ratings-wrapper.ratings-stars, .thumbStatic .ratings-wrapper.ratings-stars, .imageCompareUnit .ratings-wrapper.ratings-stars {
    position:absolute;
    z-index:3;
    width:auto;
    left:0;
    right:0;
    bottom:0;
    margin-left:0;
    text-align:center;
}

.thumbHover .ratings-wrapper.ratings-stars .rating, .thumbStatic .ratings-wrapper.ratings-stars .rating {
    width:19px;
    height:25px;
    background:transparent;
    margin:0;
    display:inline-block;
    font-size:15px;
    line-height:24px;
    text-align:center;
    position:relative;
    cursor:pointer;
    z-index:3;
    color:#fff !important;
}

.imageCompareUnit .ratings-wrapper.ratings-stars .rating {
    width:14px;
    height:25px;
    background:transparent;
    margin:0;
    display:inline-block;
    font-size:13px;
    line-height:24px;
    text-align:center;
    position:relative;
    cursor:pointer;
    z-index:3;
    color:#fff !important;
    vertical-align:middle;
}

/*
.thumbHover .ratings-wrapper.ratings-stars .rating:hover, .thumbStatic .ratings-wrapper.ratings-stars .rating:hover {
    background:rgba(0,0,0,0.5);
}
    */

.gallery-item-filename.hasratings-stars {
    bottom:22px;
}


/* toolbar selected photos */
.toolbar-selected-photo-actions .ratings-wrapper.ratings-stars {
    position:relative;
    display:inline-block;
    left:auto;
    bottom:auto;
    margin-left:0;
    margin-right:10px;
    vertical-align:top;
    height:50px;
    line-height:50px;
}

.toolbar-selected-photos .ratings-wrapper.ratings-stars .rating {
    width:27px;
    height:36px;
    margin:0 1px;
    display:inline-block;
    font-size:18px;
    line-height:34px;
    text-align:center;
    position:relative;
    cursor:pointer;
    z-index:2;       
}


.toolbar-selected-photo-actions .ratings-wrapper.ratings-yes-no {
    position:relative;
    top:2px;
    display:inline-block;
    /* width:155px; */
    width:auto;
    margin-right:10px;
    left:auto;
    bottom:auto;
    margin-left:0;
    vertical-align:top;
    height:50px;
    line-height:50px;

}

.toolbar-selected-photo-actions .ratings-wrapper.ratings-yes-no.ratings-yes-no-only {
    width:80px;
}

.toolbar-selected-photo-actions .ratings-wrapper.ratings-yes-no .rating {
    width:33px;
    height:40px;
    background:transparent;
    margin:0;
    display:inline-block;
    font-size:22px;
    line-height:38px;
    text-align:center;
    position:relative;
    cursor:pointer;
    z-index:2;
}

/* categories */
.page-title-gallery .ratings-wrapper.ratings-stars {
    position:relative;
    z-index:1;
    width:217px;
    bottom:auto;
    left:auto;
    margin:20px auto 0 auto;
    text-align:left;
}

.page-title-gallery .ratings-wrapper.ratings-stars.four-stars {
    width:183px;
}

.page-title-gallery .ratings-wrapper.ratings-stars .rating-star {
    width:27px;
    height:60px;
    line-height:43px;
    vertical-align:top;
    
    margin:0 1px;
    display:inline-block;
    font-size:19px;    
    text-align:center;
    position:relative;
    cursor:pointer;
    z-index:2;
}

.page-title-gallery .ratings-wrapper.ratings-yes-no .rating:first-child {
    margin-left: 0 !important;
}

.page-title-gallery .ratings-wrapper.ratings-yes-no .rating:last-child {
    margin-right: 0 !important;
}

.page-title-gallery .ratings-wrapper.ratings-stars .rating-star.star-scale i {
    top:2px;
}


.ratings-wrapper.ratings-stars .rating-filter-all {
    width:48px;
    height:60px;
    margin:0 1px;
    display:inline-block;
    font-size:19px;
    line-height:43px;
    text-align:center;
    position:relative;
    cursor:pointer;
    z-index:2;
    vertical-align:top;
}

.page-title-gallery .ratings-wrapper.ratings-yes-no {
    position:relative;
    z-index:1;
    width:221px;
    bottom:auto;
    left:auto;
    margin:20px auto 0 auto;
    text-align:center;
}

.page-title-gallery .ratings-wrapper.ratings-yes-no.ratings-yes-no-only {
    width:163px;
}

.page-title-gallery .ratings-wrapper.ratings-yes-no .rating {
    width:51px;
    height:51px;
    background:transparent;
    margin:0 2px;
    display:inline-block;
    font-size:25px;
    line-height:39px;
    text-align:center;
    position:relative;
    cursor:pointer;
    z-index:2;
}

.page-title-gallery .ratings-wrapper.ratings-yes-no .rating-filter-all {
    width:48px;
    height:51px;
    margin:0 1px;
    display:inline-block;
    font-size:19px;
    line-height:37px;
    text-align:center;
    position:relative;
    cursor:pointer;
    z-index:2;
    vertical-align:top;
}

.page-title-gallery .ratings-wrapper.ratings-stars .rating .count {
    position:absolute;
    bottom:9px;
    left:0;
    right:0;
    text-align:center;
    font-size:11px;
    color:#fff;
    line-height:12px;
}

.page-title-gallery .ratings-wrapper.ratings-yes-no .rating .count {
    position:absolute;
    bottom:5px;
    left:0;
    right:0;
    text-align:center;
    font-size:11px;
    color:#fff;
    line-height:12px;
}

.page-title-gallery .ratings-wrapper .rating-filter-all span {
    margin:0;
    display:block;
    font-size:15px;
    text-transform:uppercase;
    opacity:1;
}

/* compare */
.touchcarousel-item-link {
    display:block;
    position:relative;
}

.touchcarousel-item-link .ratings-wrapper.ratings-yes-no {
    position: absolute;
    z-index: 1;
    width: auto;
    bottom: 3px;
    left: 3px;
    margin-left: 0;
    text-align: left;
}
.touchcarousel-item-link .ratings-wrapper.ratings-yes-no .rating {
    width:18px; 
    height:18px;
    line-height:18px;
    font-size:12px;
    margin:0;
    vertical-align:bottom;
}

.touchcarousel-item-link .ratings-wrapper.ratings-stars {
    position: absolute;
    z-index: 1;
    width: 58px;
    bottom: 0;
    left: -1px;
    margin-left: 0;
    text-align: center;
    right: 0;
}

.touchcarousel-item-link .ratings-wrapper.ratings-stars .rating-star {
    width: 8px;
    height: 18px;
    margin: 0 0 0 0px;
    display: inline-block;
    font-size: 8px;
    line-height: 20px;
    text-align: center;
    position: relative;
    cursor: pointer;
    z-index: 2;
    color:#fff !important;
}

/* #endregion Ratings */


/********************************************/
/**********      CUSTOM SEARCH     **********/
/********************************************/

/* #region Custom Search */

.form-control-custom-search {
    width: 100%;
    font-size: 22px;
    border: 0;
    padding: 14px 75px;
    box-shadow: none;
    text-align: center;
    border: solid 2px #f0f0f0;
    height: auto;    
}

.custom-search-bar {
    padding-top:20px;
    position:relative;
    width:80%;
    margin:0 auto;
}

.custom-search-hide {
    position:absolute; top:25px; right:5px; width:52px; height:52px; line-height:52px; font-size:24px; opacity:0.5;
}

@media (max-width: 667px) {
    .form-control-custom-search {
        padding:9px 45px 9px 9px;
        font-size:18px;
    }

    .custom-search-bar {
        padding-top:20px;
        position:relative;
        width:calc(100% - 30px);
        margin:0 auto;        
    }

    .custom-search-hide {
        position: absolute;
        top: 22px;
        right: 3px;
        width: 42px;
        height: 42px;
        line-height: 42px;
        font-size: 20px;
    }

}

/* #endregion Custom Search */


/********************************************/
/*******  ADDITIONS TO ANIMATE.CSS   ********/
/********************************************/


/* #region Additions to Animate.css */

@-webkit-keyframes fadeInDownSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownSmall {
    -webkit-animation-name: fadeInDownSmall;
    animation-name: fadeInDownSmall;
}


@-webkit-keyframes fadeOutDownSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
}

@keyframes fadeOutDownSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
}

.fadeOutDownSmall {
    -webkit-animation-name: fadeOutDownSmall;
    animation-name: fadeOutDownSmall;
}


@-webkit-keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftSmall {
    -webkit-animation-name: fadeInLeftSmall;
    animation-name: fadeInLeftSmall;
}


@-webkit-keyframes fadeOutLeftSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }
}

@keyframes fadeOutLeftSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }
}

.fadeOutLeftSmall {
    -webkit-animation-name: fadeOutLeftSmall;
    animation-name: fadeOutLeftSmall;
}


@-webkit-keyframes fadeInRightSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightSmall {
    -webkit-animation-name: fadeInRightSmall;
    animation-name: fadeInRightSmall;
}


@-webkit-keyframes fadeOutRightSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
}

@keyframes fadeOutRightSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
}

.fadeOutRightSmall {
    -webkit-animation-name: fadeOutRightSmall;
    animation-name: fadeOutRightSmall;
}

@-webkit-keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpSmall {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
}


@-webkit-keyframes fadeOutUpSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }
}

@keyframes fadeOutUpSmall {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
    }
}

.fadeOutUpSmall {
    -webkit-animation-name: fadeOutUpSmall;
    animation-name: fadeOutUpSmall;
}


@-webkit-keyframes slideOutLeftSmall {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }
}

@keyframes slideOutLeftSmall {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }
}

.slideOutLeftSmall {
    -webkit-animation-name: slideOutLeftSmall;
    animation-name: slideOutLeftSmall;
}

@-webkit-keyframes slideOutRightSmall {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
}

@keyframes slideOutRightSmall {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }
}

.slideOutRightSmall {
    -webkit-animation-name: slideOutRightSmall;
    animation-name: slideOutRightSmall;
}

@-webkit-keyframes bounceOutLeftSmall {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(-100px, 0, 0);
	}
}

@keyframes bounceOutLeftSmall {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
		transform: translate3d(-100px, 0, 0);
	}
}

.bounceOutLeftSmall {
	-webkit-animation-name: bounceOutLeftSmall;
	animation-name: bounceOutLeftSmall;
}


/* #endregion */


/********************************************/
/**************    HELPERS     **************/
/********************************************/


/* #region Helpers */


.floatleft { float:left !important; }
.floatright { float:right !important; }
.floatnone { float:none !important; }
.inlineblock { display:inline-block !important; }
.inlineblock-notimportant { display:inline-block; }
.disabled { color:#aaaaaa; cursor:default !important; }
.block { display:block !important; }
.block-notimportant { display:block; }
.hide-notimportant { display:none; }
.iphone .hide-iphone {
    display:none;
}
.mac .hide-mac {
    display:none;
}
.win .hide-windows {
    display:none;
}
.ipad .hide-ipad {
    display:none;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.relative { position:relative; }
.fixed { position:fixed !important; }
.overflowyhidden { overflow-y:hidden !important; position:fixed; top:0; left:0; right:0; bottom:0; }
.force-visible-block { display:block !important; }
.text-overflow-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}


/* alignment */
.vertical-align-middle { vertical-align:middle; }
.vertical-align-top { vertical-align:top; }
.align-center { margin-left:auto; margin-right:auto; }
.nowrap {
    white-space: nowrap;
}
.yeswrap {
    white-space:normal !important;
}
.vertically-center {
    position: relative;
    top: 50%;    
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.horizontally-center {
    margin-left:auto; margin-right:auto;
}

.rotate-90 {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.padding-0 { padding:0 !important; }
.padding-5 { padding:5px !important; }
.padding-10 { padding:10px !important; }
.padding-15 { padding:15px !important; }
.padding-20 { padding:20px !important; }
.padding-25 { padding:25px !important; }
.padding-30 { padding:30px !important; }
.padding-40 { padding:40px !important; }
.padding-50 { padding:50px !important; }
.margin-0 { margin:0px !important; }
.margin-5 { margin:5px !important; }
.margin-10 { margin:10px !important; }
.margin-15 { margin:15px !important; }
.margin-20 { margin:20px !important; }
.margin-30 { margin:30px !important; }
.margin-40 { margin:40px !important; }
.margin-50 { margin:50px !important; }

.margin-top-n2 { margin-top:-2px !important;}
.margin-top-n3 { margin-top:-3px !important;}
.margin-top-n4 { margin-top:-4px !important;}
.margin-top-n5 { margin-top:-5px !important;}
.margin-right-n5 { margin-right:-5px !important;}
.margin-bottom-n5 { margin-bottom:-5px !important; }
.margin-left-n5 { margin-left:-5px !important; }
.margin-left-n10 { margin-left:-10px !important; }
.margin-right-n10 { margin-right:-10px !important; }

.margin-top-0 { margin-top:0 !important;}
.margin-right-0 { margin-right:0 !important;}
.margin-bottom-0 { margin-bottom:0 !important; }
.margin-left-0 { margin-left:0 !important; }
.padding-top-0 { padding-top:0 !important; }
.padding-right-0 { padding-right:0 !important; }
.padding-bottom-0 { padding-bottom:0 !important; }
.padding-left-0 { padding-left:0 !important; }

.margin-top-3 { margin-top:3px !important; }
.margin-right-3 { margin-right: 3px !important; }
.margin-bottom-3 { margin-bottom: 3px !important; }
.margin-left-3 { margin-left: 3px !important; }
.padding-top-3 { padding-top:3px !important;}
.padding-right-3 { padding-right: 3px !important; }
.padding-bottom-3 { padding-bottom:3px !important; }
.padding-left-3 { padding-left: 3px !important; }

.margin-top-5 { margin-top:5px !important; }
.margin-right-5 { margin-right: 5px !important; }
.margin-bottom-5 { margin-bottom: 5px !important; }
.margin-left-5 { margin-left: 5px !important; }
.padding-top-5 { padding-top:5px !important;}
.padding-right-5 { padding-right: 5px !important; }
.padding-bottom-5 { padding-bottom:5px !important; }
.padding-left-5 { padding-left: 5px !important; }

.margin-top-10 { margin-top:10px !important;}
.margin-bottom-10 { margin-bottom:10px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-left-10 { margin-left: 10px !important; }
.padding-top-10 { padding-top:10px !important;}
.padding-bottom-10 { padding-bottom:10px !important; }
.padding-right-10 { padding-right: 10px !important; }
.padding-left-10 { padding-left: 10px !important; }

.margin-top-15 { margin-top:15px !important;}
.margin-bottom-15 { margin-bottom:15px !important; }
.margin-right-15 { margin-right: 15px !important; }
.margin-left-15 { margin-left: 15px !important; }
.padding-top-15 { padding-top:15px !important;}
.padding-bottom-15 { padding-bottom:15px !important; }
.padding-right-15 { padding-right: 15px !important; }
.padding-left-15 { padding-left: 15px !important; }

.margin-top-20 { margin-top: 20px !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-left-20 { margin-left: 20px !important; }
.padding-top-20 { padding-top: 20px !important; }
.padding-right-20 { padding-right: 20px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-left-20 { padding-left: 20px !important; }

.margin-top-25 { margin-top: 25px !important; }
.margin-right-25 { margin-right: 25px !important; }
.margin-bottom-25 { margin-bottom: 25px !important; }
.margin-left-25 { margin-left: 25px !important; }
.padding-top-25 { padding-top: 25px !important; }
.padding-right-25 { padding-right: 25px !important; }
.padding-bottom-25 { padding-bottom: 25px !important; }
.padding-left-25 { padding-left: 25px !important; }

.margin-top-30 { margin-top: 30px !important; }
.margin-right-30 { margin-right: 30px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-left-30 { margin-left: 30px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-right-30 { padding-right: 30px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-left-30 { padding-left: 30px !important; }

.margin-top-40 { margin-top: 40px !important; }
.margin-right-40 { margin-right: 40px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-left-40 { margin-left: 40px !important; }
.padding-top-40 { padding-top: 40px !important; }
.padding-right-40 { padding-right: 40px !important; }
.padding-bottom-40 { padding-bottom: 40px !important; }
.padding-left-40 { padding-left: 40px !important; }

.margin-top-50 { margin-top: 50px !important; }
.margin-right-50 { margin-right: 50px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-left-50 { margin-left: 50px !important; }
.padding-top-50 { padding-top: 50px !important; }
.padding-right-50 { padding-right: 50px !important; }
.padding-bottom-50 { padding-bottom: 50px !important; }
.padding-left-50 { padding-left: 50px !important; }

.margin-top-60 { margin-top: 60px !important; }
.margin-right-60 { margin-right: 60px !important; }
.margin-bottom-60 { margin-bottom: 60px !important; }
.margin-left-60 { margin-left: 60px !important; }
.padding-top-60 { padding-top: 60px !important; }
.padding-right-60 { padding-right: 60px !important; }
.padding-bottom-60 { padding-bottom: 60px !important; }
.padding-left-60 { padding-left: 60px !important; }


/* text */
.bold, .text-bold { font-weight:bold; }
.text-extrabold { font-weight:900; }
.text-semibold { font-weight:600; }
.text-regular { font-weight:500 !important; }
.text-14 { font-size:14px !important; line-height:21px; }
.text-medium { font-size:13px !important; line-height:19px; }
.text-small { font-size:12px !important; line-height:16px; }
.text-xsmall { font-size:11px !important; line-height:14px; }
.text-italic { font-style:italic; }
.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-uppercase { text-transform:uppercase; }
.text-link { cursor:pointer; }
.text-disabled { opacity:0.5; cursor:default !important; }
.text-13 {
    font-size:13px !important;
}
.text-16 {
    font-size: 16px !important;
}
.clickable { cursor:pointer; }
.pseudoanchor { color:#36acac !important; cursor:pointer; }
.pseudoanchor:hover { text-decoration:underline !important; }
.pseudoanchor-gray { color:#888888 !important; cursor:pointer; }
.pseudoanchor-gray:hover, .pseudoanchor-gray:hover * { text-decoration:none !important; color:#555555 !important; }
.pseudobutton { padding:7px 14px; }
p { padding-bottom:15px; margin-bottom:0; }
hr { border:0; height:1px; background:#e5e5e5; margin-top:0; }
hr.hr-dark { border:0; height:1px; background:#d0d0d0; margin-top:0; }
.break-word { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.text-muted { opacity:0.7 !important; color:inherit; }
.text-muted-50 { opacity:0.5 !important; color:inherit; }
.help-block { font-size:13px; line-height:1.4; }
.vertical-center-object {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.resize-h {
    resize: horizontal;
}

.resize-v {
    resize: vertical;
}

.text-danger { color:#d9534f !important; }
.text-success { color:#5cb85c !important; }
.text-warning { color:#f0ad4e !important; }
.text-info { color:#5bc0de !important; }

.btn-danger {
    background-color: #d9534f;
    border-color: #d9534f;
    color:#fff;
}
.btn-success {
    background-color: #5cb85c;
    border-color: #5cb85c;
    color:#fff;
}

.btn-warning {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
    color:#fff;
}

.btn-info {
    background-color: #5bc0de;
    border-color: #5bc0de;
    color:#fff;
}


/* lists */
ul.disc {
    padding:0 20px;
}
ul.list-text, ol.list-text {
    padding:0 0 0 20px;
}
ul.list-item-bottom-padding li, ol.list-item-bottom-padding li {
    padding-bottom:10px;
}

.bs-modal-photographer-message ul, .bs-modal-photographer-message ol, .aboutPhotographerText ul, .aboutPhotographerText ol {
    padding:0 0 0 20px;
}

.bs-modal-photographer-message ul, .bs-modal-photographer-message ol, .aboutPhotographerText ul, .aboutPhotographerText ol {
    padding:0 0 0 20px; overflow:hidden;
}

/* table helpers */
.custom-table { display:table !important; }
.custom-table-row { display:table-row !important; }
.custom-table-cell { display:table-cell !important; }


/* hide on all devices tablet and smaller */
@media only screen and (max-width: 1024px) {
	
    .hide-devices {
        opacity: 0;
        visibility: hidden;
        display:none !important;
    }

    .show-devices-only {
        opacity: 1;
        visibility: visible;
        display:block !important;
    }

}

/* hide on all devices phone and smaller - 667px is iPhone 6 */
@media only screen and (max-width: 667px) {
	
    .hide-phones {
        opacity: 0;
        visibility: hidden;
        display:none !important;
    }

    /* requires display:none be on the element */
    .show-phones-only {
        opacity: 1;
        visibility: visible;
        display:block !important;
    }
}

/* document selection */

.disableDocumentSelection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.enableDocumentSelection, .enableDocumentSelection * {
    -webkit-touch-callout: default !important;
    -webkit-user-select: default !important;
    -khtml-user-select: default !important;
    -moz-user-select: default !important;
    -ms-user-select: default !important;
    -o-user-select: default !important;
    user-select: default !important;
    -webkit-user-drag: default !important;
}


/* #endregion Helpers */



/********************************************/
/**************    BOOTSTRAP     ************/
/********************************************/


/* #region Bootstrap */


/* popovers are hard coded to white BG, dark gray font, and blue links and buttons, regardless of theming */

.popover {
    color:#333;
    -moz-box-shadow:0 15px 50px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:0 15px 50px rgba(0, 0, 0, 0.15);
    box-shadow:0 15px 50px rgba(0, 0, 0, 0.15);
}


.popover-content a {
    color:#337ab7;
}

.popover-content a:hover {
    color:#337ab7;
}

.popover-content .button,
.popover-content .button:hover,
.popover-navigation .button,
.popover-navigation .button:hover {
    color:#fff;
    background-color:#337ab7;
    border-color:#337ab7;
}


.popover-content .button.button-transparent,
.popover-content .button.button-transparent:hover,
.popover-navigation .button.button-transparent,
.popover-navigation .button.button-transparent:hover {
    color:#337ab7;
    background:transparent;
    border-color:transparent;
}

.popover-content .button.button-border,
.popover-content .button.button-border:hover,
.popover-navigation .button.button-border,
.popover-navigation .button.button-border:hover {
    color:#337ab7;
    border-color:#337ab7;
    background:transparent;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border:0;
    }
}
.popover.bottom > .arrow {
    bottom:auto !important;
    top:-11px !important;
}
.popover-content {
    padding:13px 18px;
}

/* tour */
.popover[class*="tour-"] {
    z-index: 1700;
}
.tour-end-tour { position:absolute; background:transparent; border:0; font-size: 18px !important; height: 26px; line-height: 18px; position: absolute; right: 10px; top: 10px; width: 26px; padding: 4px; }
.popover-tour-orphan {
    left:50% !important; margin-left:-150px !important;
}
.popover-title {
    padding: 12px 17px 3px 17px;
    background-color: transparent;
    border-bottom: 0;
    font-weight:600;
}

.popover-button-x {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    cursor:pointer;
}

.alert {
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
}

.dropdown-menu > li > button {
    color:#333;
}

.popover[class*="tour-"] .popover-navigation {
    padding: 0px 18px 16px 18px;    
}

.popover[class*="tour-"] .popover-navigation .tour-link {
    font-weight:bold;
    text-transform:uppercase;
    color: #316cbe;
}

/* IE scrollbar fix */
@-ms-viewport{ width: auto !important; }

/* override bootstrap.css dropdown in navbar*/
.navbar-nav .dropdown-menu, #menu-icon .dropdown-menu, .dropdown-menu {
    font-size:16px;
    padding:10px 0;
    border-radius: 0;
}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header, .dropdown-menu .dropdown-header {
    padding: 7px 22px;
}

.dropdown-header-bold {
    font-size:16px !important;
    text-transform:none !important;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu, .open .dropdown-menu { 
        position:absolute;       
        float: left;
        /* width: 100%; */
        margin-top: 0;
        background-color: #fff;
        color:#444;
        border: 1px solid #cccccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);        
    }

    .navbar-nav .open .dropdown-menu > li > a:not(.dropdown-header-action), .open .dropdown-menu > li > a:not(.dropdown-header-action), .navbar-nav .open .dropdown-menu .dropdown-header, .open .dropdown-menu .dropdown-header {
        padding: 7px 22px;
    }

}

.table > thead > tr > th {
    border-width:1px;
}

.device-touch .tooltip {
    display:none !important; visibility:hidden !important; opacity:0;
}

/*
@media (max-device-width: 667px) {
    .tooltip {
        display:none !important; visibility:hidden !important; opacity:0;
    }
}
*/

.tooltip {
    z-index:5000; /* default not high enough to show over photoswipe when tooltip container is body */
}
.tooltip-inner {
    background-color:#fff !important;
    color:#333 !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    padding:5px 8px;
    line-height:1.3;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.10);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.10); 
    max-width:300px;
}
.tooltip-arrow {
    display: none !important;
}
/*
.tooltip.bottom .tooltip-arrow {    
    border-bottom-color: rgba(0, 0, 0, 0.25);
    z-index:1;
}
.tooltip.bottom .tooltip-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-width: 10px;
    border-top-width: 0;
    border-bottom-color: #ffffff;
}
.tooltip.top .tooltip-arrow {    
    border-top-color: rgba(0, 0, 0, 0.25);
}

.tooltip.top .tooltip-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: " ";
    bottom:1px;
    margin-left: -10px;
    border-width: 10px;
    border-bottom-width: 0;
    border-top-color: #ffffff;
}
*/
.tooltip.in {
    opacity:1;
}
.list-group-item {
  background-color: transparent;
}

.pre-noformatting {
    border:0;
    padding:0;
    margin:0;
    font-size:inherit;
    line-height:inherit;
    word-break: break-word;
    overflow: unset;
    word-wrap: normal;
    white-space: pre-line;
    background-color:transparent;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    font-family:Lato, Arial, sans-serif;
}

/* #endregion Bootstrap */


/********************************************/
/**********       PAGE TITLE        *********/
/********************************************/

/* #region Page Title */

.page-title .page-title-actions:before {
    content: '';
    display: block;
    margin: 30px auto 20px auto;
    width: 40px;
    border-top: 2px solid #444;
}

.page-title .page-title-actions a {
    font-weight:500;
}

@media screen and (max-width: 414px) {
    .page-title-actions a {
        padding:0;
    }
    .page-title-actions a i {
        display:none;
    }

}


/* #endregion Page Title */


/********************************************/
/**********    DOWNLOAD MANAGER     *********/
/********************************************/

.download-manager .statusWaiting {
    max-width:767px; margin-left:auto; margin-right:auto;
}

.download-manager .table .table {
    background:transparent;
}


/********************************************/
/**********    TOUCH CAROUSEL       *********/
/********************************************/

/* #region Touch Carousel */

.touchcarousel {
    width:618px;
    position: absolute;
    left: 50%;
    margin-left:-309px;
    bottom: 7px;
    height: 75px;
    padding-top:15px;
    z-index:5;
}

.touchcarousel.imagecompare {
    height:103px;
}
.touchcarousel.imagecompare .arrow-holder.left, .touchcarousel.imagecompare .arrow-holder.right {
    top:39px;
}

.touchcarousel .touchcarousel-item {
    margin-right:12px;
    margin-top:22px;
}
.touchcarousel-item-image {
    width: 58px;
    height: 58px;
    overflow: hidden;
    background-size:cover;
    text-indent: -5000px;
}
.touchcarousel .touchcarousel-item.selected .touchcarousel-item-image {
    border:solid 3px #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.touchcarousel .arrow-holder.right {
    right:-54px;
    top:15px;
}
.touchcarousel .arrow-holder.left {
    left:-54px;
    top:15px;
}
.touchcarousel .arrow-holder {
    width:44px;
    height:58px;
    line-height:54px;
    font-size:33px;
    text-align:center;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.touchcarousel .arrow-holder:hover {
    opacity:0.8;
}
.touchcarousel .arrow-holder span {

}


/* #endregion Touch Carousel */



/********************************************/
/***********    GUEST UPLOADS       *********/
/********************************************/

/* #region Guest Uploads */

.button-guest-upload {
    display: block;
    overflow: hidden;
    border: none;
    cursor: pointer;
    
    text-align: center;
    font-size: 23px;
    line-height: 49px;

    width: 50px;
    height: 51px;
    position:fixed;
    bottom:12px;
    left:12px;
    z-index:1639;

    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
}

.overpanel-guest-upload-contentwrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

@media (max-width: 667px) {
    .button-guest-upload {
        bottom:0;
        left:0;
    }
}


/* #endregion Guest Uploads */



/********************************************/
/***********       ROOM-VU          *********/
/********************************************/


/* #region Room-Vu */

/* Drop shadow normal */
/*
.roomElement:after{
	content: '';
	position:absolute;
	z-index:-1;
	bottom:-3px;
	width:94%;
	left:50%;
	margin-left:-47%;
	height:30px;
	box-shadow: 0 16px 30px -5px rgba(0, 0, 0, 1);
	-webkit-transform: perspective(800px) rotateY(0deg) rotateX(45deg);
	-moz-transform: perspective(800px) rotateY(0deg) rotateX(45deg);
	-ms-transform: perspective(800px) rotateY(0deg) rotateX(45deg);
	-o-transform: perspective(800px) rotateY(0deg) rotateX(45deg);
	transform: perspective(800px) rotateY(0deg) rotateX(45deg);
}
*/

.bs-modal-roomViewChange .roomImage {
    width:201px;
    height:200px;
    padding:10px;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    margin-bottom:10px;
}

.bs-modal-roomViewChange .roomImage:hover {
    cursor:pointer;
}

.bs-modal-roomViewChange .roomImageWrapper {
    float:left;
    text-align:center;
    cursor:pointer;
    width:200px;
    margin:7px;    
    min-height:290px;
    position:relative;
}

.roomElements .popover select, .roomElements .popover input[type=text] {
    padding: 5px 8px
}

.roomElements .popover .button {
    line-height: 25px; height: 30px;
}

.roomview-controls-main-panel {
    position: absolute; bottom: 10px; left: 50%; width: 550px; text-align: center; margin-left: -275px; z-index: 9999; cursor: pointer;
}

.roomview-controls-main-panel .button {
    cursor: pointer;
}

.roomview-controls-main-panel .icomoon-icon-room {
    font-size:28px; vertical-align:middle; margin-right:8px;
}

.roomview-controls--icon-room {
    margin-right:10px;
}

.roomview-controls--icon-share {
    font-size: 20px; vertical-align: middle;
    margin-right:10px;
}

.roomview-controls--icon-reset {
    font-size: 20px; vertical-align: middle;
    margin-right:10px;
}

.roomview-controls--icon-group {
    font-size: 20px; vertical-align: middle;
    margin-right:10px;
}

@media (max-width: 800px) {

    .roomview-controls-main-panel {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 409px;
        text-align: center;
        margin-left: 0;
        z-index: 9999;
        cursor: pointer;
    }

    .roomview-controls-main-panel .button {
        font-size:12px;
        padding:0;
    }  

    .roomview-controls--icon-room {
        font-size: 16px; vertical-align: middle;
        margin-right:5px;
    }

    .roomview-controls--icon-share {
        font-size: 16px; vertical-align: middle;
        margin-right:5px
    }

    .roomview-controls--icon-reset {
        font-size: 16px; vertical-align: middle;
        margin-right:5px
    }

    .roomview-controls--icon-group {
        font-size: 16px; vertical-align: middle;
        margin-right:5px
    }
}
.room-view-detail {
    /* no framing */
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
}

/*
.room-view-detail .gallery-item-check {
    display:none;
    opacity:0;
    visibility:hidden;
}

.room-view-detail.selected .gallery-item-check {
    display:block;
    opacity:100;
    visibility:visible;
}
*/

.process-step-custom {
    padding:0 20px;
}

.process-step-custom .custom-icon {
    font-size: 56px; display: inline-block; padding: 0 20px; position: relative; z-index: 2;
}

.process-steps li.process-step-custom h5  {
    font-size:14px;
    line-height:1.4;
}

.uploadbox .uploadbox-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.uploadbox {
    height:300px;
    padding:0 50px;
    cursor:pointer;
}

.uploadbox.isHovering .uploadbox-icon {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -moz-transform: translateX(0px) translateY(-25px);
    -webkit-transform: translateX(0px) translateY(-25px);
    -o-transform: translateX(0px) translateY(-25px);
    -ms-transform: translateX(0px) translateY(-25px);
    transform: translateX(0px) translateY(-25px);
    font-size:85px !important;
    line-height:105px;
}


@media (max-width: 667px) {
    .uploadbox {
        height:400px;
        padding:0 50px;
    }
}

/* landscape */
@media only screen 
and (device-width : 667px) 
and (orientation : landscape) {
    .uploadbox {
        height:260px;
        padding:0 50px;
    }
}

/* portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
     .uploadbox {
        height:400px;
        padding:0 50px;
    }
}


.rvLayer {
    background-color:rgba( 0, 0, 0, 0.4 );
}
.rvLayerHandle {
    background-color:rgba( 0, 0, 0, 0.6 );
    width:15px;
    height:15px;
    cursor:pointer;
}

.rvLayerHandle_RESIZE_L_T {
    background-image:url('../images/crophandle-topleft-small.png');
    background-repeat:no-repeat;
    background-position:left top;
    background-color:transparent !important;
    cursor:nwse-resize !important;
}

.rvLayerHandle_RESIZE_R_T {
    background-image:url('../images/crophandle-topright-small.png');
    background-repeat:no-repeat;
    background-position:right top;
    background-color:transparent !important;
    cursor:nesw-resize !important;
}

.rvLayerHandle_RESIZE_R_B {
    background-image:url('../images/crophandle-bottomright-small.png');
    background-repeat:no-repeat;
    background-position:right bottom;
    background-color:transparent !important;
    cursor:nwse-resize !important;
}

.rvLayerHandle_RESIZE_L_B {
    background-image:url('../images/crophandle-bottomleft-small.png');
    background-repeat:no-repeat;
    background-position:left bottom;
    background-color:transparent !important;
    cursor:nesw-resize !important;
}

.roomNameUploadRoom {
    position:absolute; top:90px; left:0; right:0 
}

.rvLayerObject.rvLayerOrientationWidth {
    /* background-image:url('../images/icon-ruler.jpg'); */
    background-repeat:repeat-x;
    background-size:contain;
    background-position:left top;
    background-color:#e3c161 !important;
    cursor:move;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
}

.rvLayerObject.rvLayerOrientationHeight {
    /* background-image:url('../images/icon-ruler-vertical.jpg'); */
    background-repeat:repeat-y;
    background-size:contain;
    background-position:left top;
    background-color:#e3c161 !important;
    cursor:move;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
}

.rvLayerObject.rvLayerHandle {
    background-color:none;
    background-image:none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.rvLayerHandle_RESIZE_L_M, .rvLayerHandle_RESIZE_R_M {
    cursor:col-resize !important;
}

.rvLayerHandle_RESIZE_M_T, .rvLayerHandle_RESIZE_M_B {
    cursor:row-resize !important;
}

.roomEditorFormFields {
    max-width:776px; margin:0 auto 15px auto;
}

.roomview-filename {
    font-size:13px;
    opacity:0.7;
    /*padding-bottom:10px;*/
}

.overpanel-roomViewEdit {
    /* fix scrolling bug.  Not consistent with rest of overpanels (which have body scrolling and hide content behind it) but it works. */
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom:30px;
}

.overpanel-roomvu .editor {
    margin:0 -30px;
}

.overpanel-roomvu .editor-content {

}

.overpanel-roomvu .editor-content-inner {
    padding-right:350px;
    padding-left:30px;
    position:relative;
}

.overpanel-roomvu .editor-content-image-wrapper {
    margin: 0 auto;
    background-color:#2c3541;
    text-align:center;
    overflow:hidden;
}

.overpanel-roomvu .editor-content-image-inner {
    margin:0 auto; display:inline-block;
    width: 100%;
    height: 100%;
}

.overpanel-roomvu .editor-content-image-inner > img {
    max-width: 100%; border: 0; margin:0 auto;
}

.overpanel-roomvu .editor-form {
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    width: 285px;
}

/* #endregion Room-Vu */



/********************************************/
/***********         MUSIC          *********/
/********************************************/

/* #region Music */

#header .popover-hide-music {
    top:70px !important;
    left:2px !important;
    -webkit-transition: top 0.4s ease;
    -moz-transition: top 0.4s ease;
    -ms-transition: top 0.4s ease;
    -o-transition: top 0.4s ease;
    transition: top 0.4s ease;

}

#header.responsive-sticky-header .popover-hide-music, #header.sticky-header .popover-hide-music {
    top:48px !important;
    left:2px !important;

    -webkit-transition: top 0.4s ease;
    -moz-transition: top 0.4s ease;
    -ms-transition: top 0.4s ease;
    -o-transition: top 0.4s ease;
    transition: top 0.4s ease;
}

/* #endregion Music */



/********************************************/
/*********      STICKY FOOTER        ********/
/********************************************/


/* #region Sticky Footer */

body.showing-guest-sticky-footer .button-guest-upload {
    bottom:44px;
}

body.showing-guest-sticky-footer .jPlayer-wrapper {
    bottom:44px;
}

@media (max-width: 667px) {
    body.showing-guest-sticky-footer .button-guest-upload {
        bottom:34px;
    }

    body.showing-guest-sticky-footer .jPlayer-wrapper {
        bottom:34px;
    }
}

.guest-sticky-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
    font-size: 14px;
    line-height: 28px;
    padding: 0 13px;
    text-align: center;
    z-index: 1;
} 

.guest-sticky-footer a {
    display: inline-block;
    color: #fff;
    margin-left: 20px;
    line-height: 30px;
    background: #22d5b2;
    padding: 0 20px;
} 

/* #endregion Sticky Footer */



/********************************************/
/*********           IPS             ********/
/********************************************/

/* #region IPS */

.nav-ips {
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    position: fixed;
    width: 330px;
    top: 0;
    bottom: 0;
    left: -300px;
    z-index: 999998; /* above everything always EXCEPT the fabwrapper which is 999999 */
    pointer-events: none;
}

.nav-ips-button {
    position: absolute;
    top: 50%;
    margin-top: -80px;
    right: 0;
    width: 42px;
    height: 42px;
    z-index: 2;            
    text-align: center;
    line-height: 41px;
    cursor: pointer;
    pointer-events: auto;
    -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 50px 0 rgba(0,0,0,0.3);
    border:solid 1px #e0e0e0;
}

.nav-ips-content {            
    position: absolute;    
    width: 280px;
    border: 0 !important;
    top: 0;
    bottom: 0;
    pointer-events: auto;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
}

    .nav-ips-open .nav-ips-content {            
        position: absolute;
        width: 280px;
        -webkit-box-shadow: 0 0 70px 0 rgba(0,0,0,0.4);
        box-shadow: 0 0 70px 0 rgba(0,0,0,0.4);
        top: 0;
        bottom: 0;
        pointer-events: auto;
    }

.nav-ips-content-inner {
    min-height:700px;
    position:absolute;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    min-height:600px;
}

.nav-ips-backdrop {
    position:fixed;
    z-index:999997; /* above everything always except nav and fabwrapper */
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.6);
    display:none;
    opacity:0;
}

.nav-ips-actions-top button, .nav-ips-flow button, .nav-ips-actions-bottom button {
    background:transparent;
    border:0;            
}

    .nav-ips-actions-top button:hover, .nav-ips-flow button:hover, .nav-ips-actions-bottom button:hover {
        opacity:0.7;
    }

.nav-ips-actions-top {
    height:60px;
    padding:15px;
    text-transform:uppercase;
}

    .nav-ips-actions-top .button-back-to-admin {
        position:absolute;
        top:10px;
        left:10px;
        width:auto;
        height:40px;
        line-height:40px;
        text-align:center;    
        opacity:1;  
        font-size:16px;
    }

    .nav-ips-actions-top .button-cart {
        position:absolute;
        top:10px;
        right:10px;
        width:40px;
        height:40px;
        text-align:center;               
    }

    .nav-ips-actions-top .button-cart i {
        opacity:1;                
    }

    .nav-ips-actions-top .button-cart i:hover {
        opacity:0.7;                
    }

.nav-ips-title {
    width:100%;
    padding:15px;                                  
}

.nav-ips-title .title {
    max-width: 100%;                        
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    font-size:16px;   
}

.nav-ips-title .event-date {
    max-width: 100%;                        
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-transform:uppercase;
    font-size:13px; 
    opacity:0.7;       
}

.nav-ips-flow {    
    padding: 20px;
    display: table;
    height: auto;
    width: 100%;
}

.nav-ips-flow > .content {
    display:table-cell;
    vertical-align:middle;   
}

.nav-ips-flow > .content ol {
    list-style:none; margin:0; padding:0;
}

.nav-ips-flow .flow-step {            
    position: relative;
    padding:10px 5px 10px 30px;
    font-size:13px; 
    cursor:pointer;           
}        

.nav-ips-flow .flow-node {
    width: 15px;
    height: 15px;
    border-radius: 50%;            
    border-style:solid;
    border-width:1px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: -2px;
    z-index: 2;
    opacity:1;
}

    .nav-ips-flow .flow-step-content > span {
        opacity:1;
        font-size:16px;
    }
            
.nav-ips-flow .flow-step-content:after {
    content: '';
    border-left-width:1px;
    border-left-style:solid;
    position: absolute;
    left: 5px;
    margin-left: 0;
    top: 28px;
    bottom:-16px;
    z-index: 1;
    opacity:0.2;
}

.nav-ips-flow .flow-step:last-child .flow-step-content:after {
    display: none;
}
        
.nav-ips-flow .flow-step.active .flow-node {            
    opacity:1;
}

.nav-ips-flow .flow-step.active .flow-node:hover {            
    opacity:0.8;
}


.nav-ips-flow .flow-step.active .flow-step-content > span {            
    opacity:1;    
}

.nav-ips-flow .flow-step:hover .flow-step-content > span {            
    opacity:1;    
}

.nav-ips-actions-bottom {
    padding: 20px 10px;
}

.nav-ips-actions-bottom button, .nav-ips-actions-bottom .flow-step {
    display:block;
    padding:9px 10px;
    opacity:1;
    width:100%;
    font-size:16px;
    text-align:left;
    cursor:pointer;
}

    .nav-ips-actions-bottom button:hover, .nav-ips-actions-bottom .flow-step:hover {
        opacity:0.7;
    }

    .nav-ips-actions-bottom .flow-steps, .nav-ips-actions-bottom .other-steps {
        list-style:none;
        margin-bottom:0;
    }

.nav-ips-actions-bottom .flow-step .flow-node {
    display:none;
}


.shortcut-key, .shortcut-key-plus, .shortcut-key-or {
    vertical-align:middle;
}
.shortcut-key {
    border-width: 1px;
    border-style: solid;
    height: 24px;
    line-height: 22px;
    padding: 0 8px;
    opacity: 0.8;
    font-size: 12px;
    display: inline-block;
    font-weight: 500;
    border-radius:5px;
}

.shortcut-key-plus {
    border-width:1px;
    border-style:solid;
    border-color:transparent;
    height:24px;
    line-height:24px;
    padding:0 3px;
    opacity:0.5;    
    font-size:10px;        
    display:inline-block;
}

.shortcut-key-or {
    border-width:1px;
    border-style:solid;
    border-color:transparent;
    height: 24px;
    line-height: 22px;
    padding: 0 5px;
    opacity:0.4;    
    font-size:12px;     
    display:inline-block;  
    font-weight: 600; 
}

.shortcut-key-caption {
    font-size:12px;
    opacity:0.4;  
    padding-top:4px;
    font-weight:600;    
}

.shortcut-key-lg {
    border-width: 1px;
    border-style: solid;
    height: 36px;
    line-height: 34px;
    padding: 0 13px;
    opacity: 0.8;
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
    border-radius:5px;
    vertical-align:middle;
}

.shortcut-key-plus-lg {
    border-width:1px;
    border-style:solid;
    border-color:transparent;
    height:38px;
    line-height:38px;
    padding:0 2px;
    opacity:1;    
    font-size:18px;        
    display:inline-block;
    vertical-align:middle;
}

.shortcut-key-or-lg {
    border-width:1px;
    border-style:solid;
    border-color:transparent;
    height: 38px;
    line-height: 36px;
    padding: 0 10px;
    opacity:1;    
    font-size:14px;     
    display:inline-block;  
    font-weight: 500; 
    vertical-align:middle;
}

.table-shortcuts {
    display:table;
    width:100%;
    margin-top:30px;
}
.table-shortcuts > div {
    display:table-row;
    width:100%;            
}

.table-shortcuts > div:nth-child(2n - 1) {
    display:table-row;
    width:100%; 
}
    .table-shortcuts > div > div {
        display:table-cell; width:50%;
        padding:9px;                
    }

    .table-shortcuts > div > div:first-child {
        opacity:0.6;
        font-size:14px;
        line-height:19px;
    }

.bs-modal-keyboard-shortscuts-ips .shortcut-key {
    opacity:0.8;
}


.nav-ips-flow-shortcuts {
    padding-top:10px;
}

.icon-ips-view {
    width:37px;
    height:40px;
    display:inline-block;   
    vertical-align:middle;
    position:relative;
    margin-right:4px;    
}

    .icon-ips-view:hover, .icon-ips-view.selected {
        
    }

    .icon-ips-view.icon-single-image-view {
        width:41px;
    }

.icon-ips-view.icon-single-image-view > i {
    position:absolute;
    top:9px;
    left:9px;
}

    .icon-ips-view.icon-compare-view {
        margin-right:4px;
    }

.icon-ips-view.icon-compare-view > i {
    position:absolute;
    top:8px;
    left:7px;
}

.toolbar-selected-photo-actions .icon-ips-view.icon-compare-view > i {
    position:absolute;
    top: 8px;
    left: 10px;
}

.icon-ips-view.icon-thumbnail-view > i {
    position:absolute;
    top:10px;
    left:8px;
}

.icon-ips-view.icon-large-image-view > i {
    position:absolute;
    top:8px;
    left:7px;
}

/* override compare tool height */
.imageCompareCollection {
    position: absolute; left: 0; right:0; top: 0;
    height:100% !important;
    padding:25px 25px 175px 25px !important;
}

/* change padding when bottom bar is hidden from client view */
.imagecompare-bottom-toolbar-hide-thumbnails .imageCompareCollection {
    padding:25px !important;
}

/* ips floating action menu */
.btn-fab {
    height: 56px;
    position: relative;
    width: 56px;
    box-shadow: 0 9px 22px rgba(0,0,0,.14);
    box-sizing: content-box;
    cursor: pointer;
    outline: none;
    padding: 0;
    pointer-events: auto;
    position: relative;
    border: none;
    border-radius: 50%;
    object-fit: cover;
    -webkit-user-drag: none;
    z-index: 1;
}

    .btn-fab.btn-fab-dual-vu {
        position: absolute;
        bottom: 75px;
        left: 0;
    }

    .btn-fab.btn-fab-dual-vu-push {
        position: absolute;
        bottom: 150px;
        left: 11px;
        width: 36px;
        height: 36px;
    }

    .btn-fab:hover {
        box-shadow: 0 14px 30px rgba(0,0,0,.28);
    }

.btn-fab-menu {
    position: absolute;
    bottom: 0;
    left: 0;
}

.fab-wrapper {
    position: fixed;
    top: calc(50% - 28px);
    left: 15px;
    height: 56px;
    width: 57px;
    z-index: 999999; /* Above everything ALWAYS including the hamburger menu */
}

/* pin button in menu */
.pin-wrapper {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 30px;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    text-align: center;
    left: 19px;
}

    .pin-wrapper i {
        font-size: 12px;
        position: relative;
        top: -2px;
        left: 0;
        vertical-align: middle;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
    }    

        .pin-wrapper.pinned i {
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

.btn-fab.btn-fab-dual-vu, .btn-fab.btn-fab-dual-vu-push {
    background-color:#fff;
    border:solid 1px #cfd0d1;
    color:#88919c;
}

/* dual-vu menu */
.nav-ips-dual-vu {
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    position: fixed;
    width: 457px;
    top: 0;
    bottom: 0;
    left: -460px;
    z-index: 999998;
    pointer-events: none;
}

.nav-ips-dual-vu-content {
    position: absolute;
    background: #fff;
    width: 417px;
    border: 0 !important;
    -webkit-box-shadow: 0 0 70px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 70px 0 rgba(0,0,0,0.4);
    top: 0;
    bottom: 0;
    color: #444;
    pointer-events: auto;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
/* switchery width for dual-vu mode */
.js-switch-dual-vu-mode-wrapper {
    position: relative;
    left: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.nav-ips-dual-vu-content .dual-vu-content-header .switchery.switchery-default {
    width: 146px;
    margin-right: 0;
    vertical-align: middle;
}

    .nav-ips-dual-vu-content .dual-vu-content-header .switchery.switchery-default .switchery-label-off {
        right: 22px;
        font-weight: 600;
        color: #fff;
    }

    .nav-ips-dual-vu-content .dual-vu-content-header .switchery.switchery-default .switchery-label-on {
        left: 26px;
        font-weight: 600;
    }

.nav-ips-dual-vu-content .dual-vu-content-header .switchery.is-checked .switchery-label-off {
    visibility: hidden;
    opacity: 0;
    right: -16px;
    color: #fff;
}

.nav-ips-dual-vu-content .dual-vu-content-header .switchery:not(.is-checked) .switchery-label-on {
    visibility: hidden;
    opacity: 0;
    left: -13px;
}

.nav-ips-dual-vu-content .dual-vu-content-header .switchery.switchery-default > small {
    height: 28px;
    width: 55px;
    border-radius: 100px;
}
/* switchery width for dual-vu options */
.nav-ips-dual-vu-content .switchery.switchery-default {
    width: 96px;
    margin-right: 0;
}

    .nav-ips-dual-vu-content .switchery.switchery-default .switchery-label-off {
        right: 19px;
        font-weight: 600;
    }

    .nav-ips-dual-vu-content .switchery.switchery-default .switchery-label-on {
        left: 17px;
        font-weight: 600;
    }

.nav-ips-dual-vu-content .switchery.is-checked .switchery-label-off {
    visibility: hidden;
    opacity: 0;
    right: -16px;
}

.nav-ips-dual-vu-content .switchery:not(.is-checked) .switchery-label-on {
    visibility: hidden;
    opacity: 0;
    left: -13px;
}

.dual-vu-mode-push-screen {
    opacity: 1;
    position: relative;
    left: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.headerPhotos-favoriteFolder-IPS {
    padding:0;
}

    .headerPhotos-favoriteFolder-IPS .page-title .page-title-actions:before {
        display:none;
    }

th.dualVuShowPricing[style*="display:none"], th.dualVuShowPricing[style*="display: none"] {
    display:none !important;
}

/* #endregion IPS */



/********************************************/
/*********    IPS THUMBNAIL STRIP    ********/
/********************************************/


/* #region IPS Thumbnail Strip */

.thumbnail-strip-culling {
    position: fixed;
    height: 150px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1600; /* above photoswipes 1500 */
    border-width:1px 0 0 0;
    border-style:solid;
    color: #fff !important;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

    .thumbnail-strip-culling.hide-thumbnails {
        bottom:-93px;
    }

    .thumbnail-strip-culling.hide-all {
        bottom:-150px;
    }

    .thumbnail-strip-culling .action-bar {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        /* background: #fff; */
        padding: 0;
        height: 58px;            
        /* color: #88919c; */
        font-size: 14px;
    }

        .thumbnail-strip-culling .action-bar .dropdown-toggle {
            padding:0 14px;
            font-size:14px;
            height:36px;
            line-height:32px;
        }

            .thumbnail-strip-culling .action-bar .dropdown-toggle i {
                margin:0 0 0 8px;
                font-size:18px;
                top:2px;
            }

        .dropdown-filters.dropdown-menu, .dropdown-categories.dropdown-menu {
            margin:4px 4px 0 4px;
            max-height: 320px;
            overflow-y: auto;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch;
        }

        .dropdown-filters.dropdown-menu li, .dropdown-categories.dropdown-menu li {
            margin-top:2px;
            position:relative;
        }

        .dropdown-menu li.dropdown-header {
            margin-top:5px;
            margin-bottom:5px;
        }

    .thumbnail-strip-culling .actions-top-left {
        position: absolute;
        top: 5px;
        left: 5px;
        font-weight: 500;
    }

        .thumbnail-strip-culling .actions-top-left > span {
            display: inline-block;
            margin-right: 10px;
            opacity:0.65;
            line-height: 36px;
        }

        .thumbnail-strip-culling .actions-top-left .ac-top-left-icon-controls > span {
            display: inline-block;
            margin-right: 10px;
            opacity:0.65;
            line-height: 36px;
        }

        .thumbnail-strip-culling .actions-top-left > a, .thumbnail-strip-culling .actions-top-left .ac-top-left-icon-controls a {                
            display: inline-block;
            height: 40px;
            line-height: 36px;
            padding: 0 5px;    
            text-decoration: none !important;
            margin-right:5px;   
            opacity:1;         
        }

        .thumbnail-strip-culling .actions-top-left .ac-top-left-icon-controls a.icon-wrapper {                
            width:30px;
            text-align:center;         
        }

        .thumbnail-strip-culling .actions-top-left > a:hover {                
            opacity:1;       
        }

        .thumbnail-strip-culling .actions-top-left [class^="icon-line2"], .thumbnail-strip-culling .actions-top-left .ac-top-left-icon-controls i {
            vertical-align:middle;
            font-size:17px;
        }

.btn-add-images-culling {
    padding: 3px 10px;
    font-size: 11px;
    margin-right: 20px;
    font-weight: 500;
}

.thumbnail-strip-culling .action-bar a.btn-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    opacity:0.6;
}

    .thumbnail-strip-culling .action-bar a.btn-icon i {
        margin: 0;
        opacity:0.6;
    }

    .thumbnail-strip-culling .action-bar a.btn-icon:hover {
        /* background-color: #f0f1f2; */
    }

    .thumbnail-strip-culling .action-bar a.btn-icon:hover i {
        opacity:0.1;
    }

.thumbnail-strip-culling .actions-top-middle {
    position: absolute;
    top: 0;
    bottom:0;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    text-align:center;
}
    
    .thumbnail-strip-culling .actions-top-middle .ratings-stars {
        position:relative;
        top:5px;
        display:inline-block;
        height:44px;
        line-height:44px;
        vertical-align:middle;
        padding:0 10px;
    }

        .thumbnail-strip-culling .actions-top-middle .ratings-stars .rating {
            display:inline-block;
            margin:0 3px;
            font-size:18px;
            cursor:pointer;
            width:16px;
            vertical-align:middle;
        }

            .thumbnail-strip-culling .actions-top-middle .ratings-stars .rating .icon-star {
                font-size:19px;
                vertical-align:middle;
            }

            .thumbnail-strip-culling .actions-top-middle .ratings-stars .rating .icon-star3 {
                font-size:21px;
                vertical-align:middle;
                margin-top:2px;
            }

    .thumbnail-strip-culling .actions-top-middle .ratings-yes-no {
        position:relative;
        top:7px;
        display:inline-block;
        height:44px;
        line-height:44px;
        vertical-align:middle;
        padding:0 10px;
    }

        .thumbnail-strip-culling .actions-top-middle .ratings-yes-no .rating {
            display:block;
            margin:0 7px;
            font-size:20px;
            cursor:pointer;
            position:relative;
            display:inline-block;
        } 

        .thumbnail-strip-culling .actions-top-middle .ratings-yes-no .rating .count {
            position:absolute;
            bottom:1px;
            left:0;
            right:0;
            text-align:center;
            font-size:11px;
            color:#fff;
            line-height:12px;
        }

    .thumbnail-strip-culling .actions-top-middle .toolbar-icon {
        height:44px;
        line-height:44px;
        display:inline-block;
        vertical-align:middle;
        position:relative;
        top:7px;
    }

    .thumbnail-strip-culling .actions-top-middle .icon-heart3, .thumbnail-strip-culling .actions-top-middle .icon-heart3:hover {        
        color: #e415f7;
    }

.thumbnail-strip-culling .actions-top-right {
    position: absolute;
    top: 7px;
    right: 9px;
    font-weight: 500;
}

.thumbnail-strip-culling .thumbnails-wrapper {
    /* background-color: #f0f1f2; */
    position: absolute;
    top: 57px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 3px !important;
    overflow: hidden;    
    -webkit-overflow-scrolling: touch;
}

    .thumbnail-strip-culling .thumbnails-wrapper > .content-wrap {
        padding: 0 !important;
        position: relative;
        white-space:nowrap;
    }

.thumbnail-strip-culling:not(.image-picker-wrapper) .thumbnails-wrapper .thumbnailparent {
    /* background: #fff; */
    width: 90px;
    height: 73px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    margin: 0 3px 0 0;
    border-width:1px;
    border-style:solid;
    /* border: solid 1px #cfd0d1; */
    padding: 3px;
    position: relative;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    /* cursor: move; */
    cursor:pointer;
    margin-top:3px;
}

    .thumbnail-strip-culling:not(.image-picker-wrapper) .thumbnails-wrapper .thumbnailparent .thumbnail {
        position: absolute;
        z-index: 1;
        top: 3px;
        left: 0;
        right: 0;
        bottom: 15px;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        border: 0;
        box-shadow: none;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -ms-transition: all 0.15s ease-out;
        -o-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
        /* background-color: #fff; */
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin: 0;
    }

    /*
    .thumbnail-strip-culling:not(.image-picker-wrapper) .thumbnails-wrapper .thumbnailparent:last-child {
        margin-right:0;
    }
    */


.thumbnail-strip-culling .thumbnails-wrapper .thumbnailparent .thumbnail-meta {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 15px;
    padding: 3px;
    z-index: 2;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

    .thumbnail-strip-culling .thumbnails-wrapper .thumbnailparent .thumbnail-meta * {
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
         -khtml-user-select: none; /* Konqueror HTML */
           -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently
                                      supported by Chrome and Opera */
    }

    .thumbnail-strip-culling .thumbnails-wrapper .thumbnailparent .thumbnail-meta .ratings-wrapper {
        position: absolute;
        bottom: 2px;
        left: 5px;
        /* color: #0e1c2e; */
        font-size: 8px;
    }

        .thumbnail-strip-culling .thumbnails-wrapper .thumbnailparent .thumbnail-meta .ratings-wrapper .rating {
            margin-right: 2px;
            display:inline-block;
        }

    .thumbnail-strip-culling .thumbnails-wrapper .thumbnailparent .thumbnail-meta .meta-right {
        position: absolute;
        bottom: 3px;
        right: 4px;
        height:11px;
    }

    .thumbnail-strip-culling .thumbnails-wrapper .thumbnailparent .thumbnail-meta .folder {        
        font-size: 8px;
        display: inline-block;
        vertical-align: top;
        margin-left: 1px;
    }
    
    .thumbnail-strip-culling .thumbnails-wrapper .thumbnailparent .thumbnail-meta .cart {        
        font-size: 9px;
        display: inline-block;
        vertical-align: top;
        margin-left: 1px;
        position:relative;
        top:-1px;
    }

        .thumbnail-strip-culling .thumbnails-wrapper .thumbnailparent .thumbnail-meta .folder i {
            color:#e415f7;
        }

.thumbnail-strip-culling .thumbnails-wrapper .thumbnailparent .remove-image {
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 2;
    width: 18px;
    height: 18px;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,0.6);
    font-size: 10px;
    line-height: 18px;
    display: none;
}

.thumbnail-strip-culling .thumbnails-wrapper .thumbnailparent:hover .remove-image {
    display: block;
}


/* When Expanded */

.thumbnail-strip-culling.image-picker-wrapper {
    margin-left: 0;
}

    .thumbnail-strip-culling.image-picker-wrapper .thumbnails-wrapper {
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

        .thumbnail-strip-culling.image-picker-wrapper .thumbnails-wrapper .content-wrap {
            width: 100% !important;
        }

        .thumbnail-strip-culling.image-picker-wrapper .thumbnails-wrapper .thumbnail {
            padding-left: 0;
            padding-right: 0;
            padding-top: 0;
            background-color: #fff;
        }


            .thumbnail-strip-culling.image-picker-wrapper .thumbnails-wrapper .thumbnail img {
                max-height: none;
            }

        .thumbnail-strip-culling.image-picker-wrapper .thumbnails-wrapper .thumbnailparent .remove-image {
            right: 5px;
            top: 5px;
            width: 32px;
            height: 32px;
            font-size: 18px;
            line-height: 32px;
        }


/* filters & categories dropdowns */

.dropdown-header {
    padding:5px 20px;    
    overflow:hidden;
    font-size:12px;
    text-transform:uppercase;
    position:relative;    
}

.dropdown-header .dropdown-header-action {    
    padding: 2px 13px;
    text-transform: uppercase;
    font-size: 12px;
    position: absolute;
    top: 3px;
    right: 0;
    background: #f0f0f0;
    border-radius: 50px;
    color: #999 !important;
    margin-right: 18px;
}

.dropdown-header .dropdown-header-action:hover, .dropdown-header .dropdown-header-action:focus, .dropdown-header .dropdown-header-action:active {
    background:#e0e0e0;
    text-decoration:none !important;
}

.dropdown-filters, .dropdown-categories {
    min-width:245px;
    max-width:500px;
}

.dropdown-filters .dropdown-filter, .dropdown-categories .dropdown-category {
    position:relative;
    display:block;
    padding:6px 60px 6px 20px;
    font-size:15px;
    line-height:21px;
    font-weight:500;
    text-overflow: ellipsis;
    overflow: hidden;
}   

.dropdown-filters .dropdown-filter i {
    margin-right:3px;
    vertical-align:middle;
}

.dropdown-filters .dropdown-filter-star i {
    font-size:14px;
}

.dropdown-filters .dropdown-filter-face i {
    font-size:17px;
    position:relative;
    top:-2px; 
    margin-right:10px;
}

.dropdown-filters .dropdown-filter .label,  .dropdown-categories .dropdown-category .label {
    position:absolute;
    top:8px;
    right:20px;
    font-size:12px;
    border-radius:25px;
    padding:3px 7px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.dropdown-filters .dropdown-filter.selected .label,
.dropdown-filters .dropdown-filter.selected:hover .label,
.dropdown-filters .dropdown-filter.selected:active .label,
.dropdown-filters .dropdown-filter.selected:focus .label {
    right:15px;
}

/*
.dropdown-filters .dropdown-filter.dropdown-filter-star.selected i:first-child,
.dropdown-filters .dropdown-filter.dropdown-filter-star.selected:hover i:first-child,
.dropdown-filters .dropdown-filter.dropdown-filter-star.selected:active i:first-child,
.dropdown-filters .dropdown-filter .dropdown-filter-star.selected:focus i:first-child {
    margin-left:-5px;
}

.dropdown-filters .dropdown-filter.dropdown-filter-face.selected i:first-child,
.dropdown-filters .dropdown-filter.dropdown-filter-face.selected:hover i:first-child,
.dropdown-filters .dropdown-filter.dropdown-filter-face.selected:active i:first-child,
.dropdown-filters .dropdown-filter.dropdown-filter-face.selected:focus i:first-child {
    margin-left:-5px;
}
*/
.dropdown-filters .dropdown-filter .icon-line-circle-check {
    margin-left: -40px;
    font-size: 19px;
    position:  relative;
    top: -1px;
    margin-right: 18px;
    opacity:0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.dropdown-filters .dropdown-filter.selected .icon-line-circle-check {
    margin-left: -8px;
    font-size: 19px;
    position:  relative;
    top: -1px;
    margin-right: 8px;
    opacity:1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.nicescroll-cursors {
    cursor:pointer;
}

.category-caret {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 28px;
    line-height: 33px;
    text-align: center;
    font-size: 16px;
    z-index:1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    cursor:pointer;
}

li.expanded .category-caret {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left:-1px;
}

/* labels */
.thumbnail-strip-culling .action-bar .dropdown-menu .label-total-count {
    background-color: #999;
    color: #fff;
}


/* action bar photoswipe */
.photoswipe-toolbar.thumbnail-strip-culling .action-bar {
    background:rgba(0,0,0,0.4);
    border-top:0;
}

.pswp.photoswipe-toolbar .pswp__caption {
    bottom:64px !important;
}

.photoswipe-toolbar-hide.thumbnail-strip-culling {
    background:rgba(0,0,0,0.3);
    border-top:0;
    bottom:-150px;
    opacity:0;
}

.thumbnail-strip-culling:not(.photoswipe-toolbar) .actions-top-middle {
    pointer-events:none; /* if not in photoswipe then top middle controls wont block actions-top-left and actions-top-right from being clicked since actions-top-middle not used in those views*/
}

.dropdown-categories-emptydataset {
    padding:30px;
    background: #f0f0f0;
    margin: 10px 20px;
    border-radius: 5px;
    font-size: 13px;
    text-align:center;
}

.dropdown-categories-emptydataset span {
    opacity:0.5;
}

/* Standalone Thumbnail Strip */
.thumbnail-strip-culling.thumbnail-strip-generic {
    /* height:83px; */
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    height:auto;
}
.thumbnail-strip-culling.thumbnail-strip-generic .thumbnails-wrapper {
    position: relative;
    top: 0;
    overflow-x: auto;
    border-top:0 !important;
    -webkit-overflow-scrolling: touch;
}

/* Other configurable thumbnail strip options */

/* medium images */
.thumbnail-strip-culling.thumbnail-strip-generic.thumbnail-strip-generic-md {
    /* height:120px; */
}
    .thumbnail-strip-culling.thumbnail-strip-generic.thumbnail-strip-generic-md:not(.image-picker-wrapper) .thumbnails-wrapper .thumbnailparent {
        width:125px;
        height:110px;
    }

/* large images */

.thumbnail-strip-culling.thumbnail-strip-generic.thumbnail-strip-generic-lg:not(.image-picker-wrapper) .thumbnails-wrapper .thumbnailparent {
    width:160px;
    height:150px;
}

.overpanel-product .thumbnail-strip-culling.thumbnail-strip-generic.thumbnail-strip-generic-md, .overpanel-product .thumbnail-strip-culling.thumbnail-strip-generic.thumbnail-strip-generic-lg {
    margin-bottom:30px;
}

.thumbnail-strip-culling.thumbnail-strip-generic .gallery-item-filename {
    overflow:hidden;
    padding:0;
    text-overflow:ellipsis;
    opacity:1;
    position:static;
    visibility:visible;
}

/* images not selected */
.thumbnail-strip-culling:not(.image-picker-wrapper).images-not-selectable .thumbnails-wrapper .thumbnailparent {
    cursor:default;
}

/* cart thumbnail strips (pots, etc.) */
.cart td.cart-thumbnail-strip-wrapper {
    border:0 !important;
    padding-bottom:20px !important;
    background:transparent !important;
}

.cart .thumbnail-strip-culling .thumbnails-wrapper {
    background:transparent !important;
    padding: 0 !important;
}

.cart .thumbnail-strip-culling.thumbnail-strip-generic {
    background:transparent !important;
    border:0 !important;
    margin-bottom:15px;
}

.cart .thumbnail-strip-culling.thumbnail-strip-generic .thumbnails-wrapper {

}
.cart .thumbnail-strip-culling:not(.image-picker-wrapper) .thumbnails-wrapper .thumbnailparent {
    margin-top:0;
}


.thumbnail-strip-printable-image {
    display:none;
    visibility:hidden;
    opacity:0;
}

/* always show filenames */
.thumbnail-strip-culling.thumbnail-strip-filenames .thumbnails-wrapper .thumbnailparent .thumbnail {
    bottom:0 !important;
}

.thumbnail-strip-culling.thumbnail-strip-filenames .thumbnails-wrapper .thumbnailparent .thumbnail-meta {
    background:rgba(0,0,0,0.3);
    height:20px;
}

/* #endregion IPS Thumbnail Strip */



/********************************************/
/**************    SLIDESHOW     ************/
/********************************************/

/* #region Slideshow */

.slideshow-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 999;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.btn-continue-gallery {
    padding: 0 20px;
    background:transparent;
    font-weight: 600;
    display: inline-block;
    border: 0;
    outline: 0;
    height: 51px;
    line-height: 51px;
    text-transform: uppercase;
    font-size: 12px;
    color:#fff;
}

    .btn-continue-gallery:hover > span {
        opacity:0.8;
        color:#fff;
    }


.tp-static-layers-slideshow.tp-static-layers {
    position: absolute;
    z-index: 101;
    top: 0;
    bottom:0;
    right:0;
    left: 0;
}

.footer-about-photographer, .footer-email-photographer, .footer-photographer-studioinfo {
    /*display:none;
    visibility:hidden;
    opacity:0;*/
}

.slideshow-controls-wrapper {
    position: absolute;
    bottom: 12px;
    left: 50%;
    width: 90%;
    z-index: 1639;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    transform: translateX(-50%);    
    text-align: center;
}

.slideshow-controls {
    color: #fff;
    border: 0;
    background-color:rgba(0,0,0,0.5);
    font-size: 16px;
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.6;
    display:inline-block;
    position:relative;
    text-align:center;
    /* border:solid 1px rgba(255,255,255,0.1); */
}

.slideshow-controls-volume-wrapper {
    height: 51px;
    width: 145px;
    background-color:transparent;
    position: relative;
    float:left;    
    top:0;
    left:2px;
    border-right: solid 1px rgba(255,255,255,0.1);
}

.slideshow-controls-volume {
    position: absolute;
    top: 6px;
    left: 2px;  
    width: 145px;          
}

.slideshow-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.slideshow-controls-volume .slideshow-label {
    color:#fff;
    position: absolute;
    top: 3px;
    left: 10px;
}

.slideshow-volume-bar {
    position: absolute;
    overflow: hidden;
    top: 24px;
    left: 10px;
    width: 119px;
    height: 8px;
    cursor: pointer;
    background-color: rgba(255,255,255,0.2);
}

.slideshow-volume-bar-value {
    background-color: #fff;
    width:80%;
    height:8px;
}

.slideshow-buttons-wrapper {
    padding: 0;
    float: left;
    position: relative;
    z-index: 2;
    overflow:hidden;
    margin:0;
}

.slideshow-controls button {
    display: block;
    float: left;
    overflow: hidden;
    border: none;
    cursor: pointer;
    font-size: 20px;
    width: 50px;
    height: 51px;
    background-color:transparent;
    color: #fff;
    border-right:solid 1px rgba(255,255,255,0.1);
    padding:0;
}

.slideshow-controls button.slideshow-button-play-pause .slideshow-button-play {
    margin-left:4px;
}

.slideshow-controls button i {
    font-size:20px;
}

.slideshow-controls button:hover i {
    opacity:0.8;
}

.slideshow-controls-time-wrapper {
    height: 51px;
    background-color:transparent;
    width:105px;
    position:relative;
    top:0;
    text-align:center;
    line-height:51px;
    float:left;
}

@media (max-width:650px) {
    .slideshow-controls .slideshow-controls-time-wrapper {
        display:none;
    }
}

@media (max-width:540px) {
    .slideshow-controls .musicOptions {
        display: none;
    }
}

.slideshow-progress-wrapper {
    position:absolute;
    top:-8px;
    left:0;
    right:0;
    height:8px; 
    padding-top:4px; 
    cursor:pointer;  
    -webkit-transition: all 0.075s ease-out;
    -moz-transition: all 0.075s ease-out;
    -ms-transition: all 0.075s ease-out;
    -o-transition: all 0.075s ease-out;
    transition: all 0.075s ease-out;           
}

    .slideshow-progress-wrapper:hover {
        padding-top:0;   
    }

.slideshow-progress-bg {
    position:absolute;
    top:4px;
    left:0;
    right:0;
    bottom:0;
    background:rgba(255,255,255,0.2);
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.075s ease-out;        
}

    .slideshow-progress-wrapper:hover .slideshow-progress-bg {
        top:0;   
    }


.slideshow-progress {
    position:absolute;
    top:0;
    left:0;            
    bottom:0;
    width:30%;
    background-color:#fff;
    -webkit-transition: all 0.075s ease-out;
    -moz-transition: all 0.075s ease-out;
    -ms-transition: all 0.075s ease-out;
    -o-transition: all 0.075s ease-out;
    transition: all 0.075s ease-out;   
}

.rev_slider .css3-spinner.css3-spinner-standalone {
    position:absolute;
    left:50%;    
    top: 50%;
    transform: translateY(-50%);
    transform: translateX(-50%);
}

.slideshow-wrapper .tp-bannertimer, .fullscreen-slider-wrapper .tp-bannertimer  {
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}

/* #endregion */


/********************************************/
/*********    PROJECTION VIEW    ************/
/********************************************/

/* #region ProjectionView */

.projection-top-bar {
    display: block;
    height: 54px;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    position: absolute;
    left: 0px;
    right: 0px;
}

.projection-bottom-bar {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: right;
    padding: 0 13px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
}
.projection__button {
    height:54px; line-height:54px; padding:0 10px; display:inline-block;
}

.projection__filename {
    height:54px; line-height:54px; padding:0 10px; max-width:none; display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:bottom;
}

@media (max-width: 776px) {
  .projection__filename {
        max-width:500px;
    }
}

@media (max-width: 500px) {
  .projection__filename {
        max-width:300px;
    }
}

@media (max-width:414px) {
  .projection__filename {
        max-width:180px;
    }
}

.projection__colors {
    height:54px; line-height:54px; width:95px; float:right; text-align:right; padding-right:13px;
}

.projection__colors__button {
    display:inline-block; height:54px; width:20px; text-align:center;
    cursor:pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.projection__colors__button--selected {
    width:29px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.projection__colors__circle {
    width:11px; height:11px; position:relative; top:0; border-radius:100%; display:inline-block;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.projection__colors__button:not(.projection__colors__button--selected):hover .projection__colors__circle {
    width:14px; height:14px;
    top:2px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.projection__colors__button--selected .projection__colors__circle {
    width:18px; height:18px; top:3px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.projection__colors__circle--blackwhite {
    border:solid 2px #fff; background:#000;
}

.projection__colors__circle--color {
}

.projection__colors__circle--sepia {
    background:#dbbe99 !important;
}

.half-circle-right {
    border-bottom-right-radius: 90px;
    border-top-right-radius: 90px;
    width: 3px;
    height: 7px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    z-index: 1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.projection__colors__button:not(.projection__colors__button--selected):hover .projection__colors__circle .half-circle-right {
    width:5px;
    height:10px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.projection__colors__button--selected .half-circle-right {
    width:7px; height:14px;
}

.projection__sizes-tooltip {
    position: absolute;
    height: 400px;
    width:320px;    
    padding:10px;
    margin:0 !important;
    max-width:320px;
}

.projection__sizes-tooltip .popover-content {
    overflow-y: auto;
    overflow-x: hidden;
    height: 380px;
    position: relative;
}

@media (max-width:414px) {
    .projection__sizes-tooltip {
        border-radius: 0 !important;
        top:0 !important;
        right:0 !important;
        bottom:0 !important;
        left:0 !important;
        padding:0;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100% !important;
        max-width: none;
        height: 100%;
        border: 0;
    }

    .projection__sizes-tooltip .popover-content {
        overflow-y: visible;
        overflow-x: hidden;
        height: auto;
        position: relative;
    }
}




/* #endregion */


/********************************************/
/**************    PACKAGES    **************/
/********************************************/


/* #region Packages */

.package-product-sizes {
    max-width:1140px;
    margin:0 auto;
    padding:0 30px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.package-product-size {
    margin-bottom:45px;
}

.package-poses {
    max-width:1140px;
    margin:0 auto 30px auto;
    padding:0 30px;
    text-align:center;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.package-pose {
    width:100px; height:100px; border:dashed 2px #e0e0e0; margin:0 10px;
    display:inline-block;
    font-weight:bold;
    line-height:99px;
}

.packageProduct .package-description {
    font-size: 14px;
    line-height: 1.5;
    opacity: 0.7;
}

.package-product-sizes .select-image, .package-product-chosen-sizes .select-image {
    padding: 20px;
    width: 155px;
    height: 155px;
    text-align:center;
    font-size: 16px;
    line-height: 1.3;
}

.package-product-sizes .select-image .content, .package-product-chosen-sizes .select-image .content {
    opacity:0.6;
}

.package-product-sizes .quantity-box {
    position: absolute;
    bottom: -34px;
    left: 50%; margin-left:-30px;
    width:60px;
    z-index: 100;
    text-align: center;
    padding-top:3px;
    padding-bottom:3px;
}

.package-product-sizes .increaseQuantity {
    position: absolute;
    bottom: -34px;
    right: 10px;
    background-color: rgba(0,0,0,.4);
    color: #fff;
    padding: 0;
    border: 0;
    z-index: 100;
    min-width: 31px;
    height: 31px;
    text-align: center;
    line-height: 30px;
    padding: 0 5px;
    cursor: pointer;
    font-weight:bold;
    z-index:10000;
}

.package-product-sizes .decreaseQuantity {
    position: absolute;
    bottom: -34px;
    left: 10px;
    background-color: rgba(0,0,0,.4);
    color: #fff;
    padding: 0;
    border: 0;
    z-index: 100;
    min-width: 30px;
    height: 31px;
    text-align: center;
    line-height: 30px;
    padding: 0 5px;
    cursor: pointer;
    font-weight: bold;
    z-index: 10000;
}

.package-product-sizes.package-product-sizes--byo .decreaseQuantity,
.package-product-sizes.package-product-sizes--byo .increaseQuantity,
.package-product-sizes.package-product-sizes--byo .quantity-box {
    position:static;
    bottom:auto;
    left:auto;    
    display:inline-block;
}

.package-product-sizes.package-product-sizes--byo {
    max-width:700px;
    margin:0 auto;
    padding:0 20px;  
}

.package-product-sizes.package-product-sizes--byo .quantity-box {
    margin:0;
    vertical-align: top !important;   
}

.package-product-sizes.package-product-sizes--byo .package-product-size {
    display:table;
    width:100%;
    margin-top:30px;
    margin-bottom:0;
    padding:0 15px;
}

.package-product-sizes.package-product-sizes--byo .package-product-size:first-child {
    margin-top:0;
}

.package-product-sizes.package-product-sizes--byo .package-product-size-header:first-child {
    margin-top:0;
}

.package-product-sizes.package-product-sizes--byo .package-product-size .left {
    display:table-cell;
    width: 100% !important;
    vertical-align: top !important;
    padding-top:3px;
    padding-bottom:30px;
}

@media (max-width: 767px) {

    .package-product-sizes.package-product-sizes--byo .package-product-size .left {
        font-size:14px;
    }
}

.package-product-sizes.package-product-sizes--byo .package-product-size .right {
    display:table-cell;
    vertical-align: top !important;    
    text-align:right;
    padding-bottom:30px;
}

.package-product-sizes.package-product-sizes--byo .package-product-size .right .content {
    width:145px;
}

.package-product-chosen-sizes .quantity-box {
    position:absolute; top:100px; left:70px; background-color:#ffffff;color:#000000;padding:5px;border:1px solid #000000;z-index:100; /* this needs to be replaced */
}

.summaryRowHeader .itemName {
    margin-right:15px;
}

.summaryRowHeader .itemQuantity {
    display:inline-block;
}

.summaryRowHeader .button.addImages {
    float:right;
    margin:-8px -7px 0 10px;
}
.summaryRowHeader .button.selectDyanmicItems {
    float:right;
    margin:-8px -7px 0 10px;
}

@media (max-width: 767px) {
    .summaryRowHeader {
        font-size:14px;
    }
  .summaryRowHeader .itemQuantity {
    display:block;
    }

  .summaryRowHeader .button.addImages {
    margin:-3px -4px 0 10px;
    }

    .packagesPrimaryHeader .summaryRowHeader .button.addImages {
        margin-top: -9px !important;
    }
}


/* #endregion Packages */


/********************************************/
/***********       CanvasVu      ************/
/********************************************/

/* #region CanvasVu */

.canvasVu-layer-label,
.room-view-detail .description {
    color:#444;
}

/* #endregion CanvasVu */

/********************************************/
/***********    ICOMOON FONT     ************/
/********************************************/

/* #region icomoon */

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?dc6wbu1');
  src:  url('fonts/icomoon.eot?dc6wbu1#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?dc6wbu1') format('truetype'),
    url('fonts/icomoon.woff?dc6wbu1') format('woff'),
    url('fonts/icomoon.svg?dc6wbu1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icomoon-icon-"], [class*=" icomoon-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icomoon-icon-bounding-box:before {
  content: "\e900";
}
.icomoon-icon-camera:before {
  content: "\e901";
}
.icomoon-icon-couch:before {
  content: "\e902";
}
.icomoon-icon-couch-tape:before {
  content: "\e903";
}
.icomoon-icon-measuring-tape:before {
  content: "\e904";
}
.icomoon-icon-room:before {
  content: "\e905";
}
.icomoon-icon-locked:before {
  content: "\f039";
}
.icomoon-icon-unlocked:before {
  content: "\f03a";
}
.icomoon-icon-push-screen:before {
  content: "\e980";
}

.icomoon-icon-thumbnail-view:before {
  content: "\e906";
}

.icomoon-icon-single-image-view:before {
  content: "\e907";
}

.icomoon-icon-compare-view:before {
  content: "\e908";
}

.icomoon-icon-large-image-view:before {
  content: "\e909";
}
.icomoon-icon-sort-images:before {
  content: "\e90a";
}
.icomoon-icon-blacktie-edit:before {
  content: "\f024";
}


/* extends font-icons to include the classes being used in the admin, so we can keep the player html the same */
[class^="icon-uni"], [class*="icon-uni"] { font-family: 'lined-icons'; }

.icon-uniE052:before  {
	content: "\e052"; /* play */
}
.icon-uniE053:before {
	content: "\e053"; /* pause */
}
.icon-uniE098:before {
	content: "\e098"; /* volume */
}
.icon-uniE099:before {
	content: "\e099"; /* mute */
}


/* #endregion icomoon */



/********************************************/
/**********         GDPR         ************/
/********************************************/

/* #region GDPR */

.cc-banner .cc-message {
    padding-right:25px;
}
.cc-banner.cc-bottom, .cc-window.cc-floating {
    -webkit-box-shadow: 0 -10px 40px 0 rgba(0,0,0,0.1);
    box-shadow: 0 -10px 40px 0 rgba(0,0,0,0.1);
}
.cc-compliance > .cc-btn {
    border: solid 2px #1abc9c !important;
}
.cc-link {
    color:#1abc9c !important;
}

/* #endregion GDPR */


/********************************************/
/*****       Admin Edit Buttons       *******/
/********************************************/

/* #region Admin Edit Buttons */

.sb-edit-buttons-wrapper {                                    
    float: none !important;
    color: #000 !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-transform: none !important;
    position: fixed;
    z-index: 11000;
    -webkit-transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;            
    white-space: nowrap;            
    font-size:0;      
    background:#316cbe;      
    border-radius: 8px;
    /*
    visibility: hidden;
    opacity: 0;
    */            
}        
.sb-edit-button-label {
    padding-left: 22px !important;
    padding-right: 22px !important;
    line-height: 44px !important;
    font-size:13px;            
    color: #ddd !important;
    background:#316cbe;
    white-space: nowrap;
    margin: 0 !important;
    display:inline-block;
    /* border-left:solid 3px #e26f99; */
    overflow:hidden;
    position:relative;
    vertical-align:top;
    border-radius:8px 0 0 8px;
}    
.sb-edit-button {
    padding-left: 22px !important;
    padding-right: 22px !important;
    line-height: 44px !important;
    display:inline-block;
    background:#316cbe;
    font-size:13px; 
    text-transform:uppercase;
    font-weight: 500 !important;
    cursor: pointer !important;
    color: #fff !important;
    text-decoration: none !important;       
    vertical-align:top; 
}
.sb-edit-button:last-child {
    border-radius:0 8px 8px 0;
}
.sb-edit-hidden {
    opacity:0;
    visibility:hidden;
    pointer-events: none;
}

/* hide, but show on hover if in admin edit mode */
.sb-edit-buttons-wrapper-thumbnails,
.sb-edit-buttons-wrapper-welcome-screen {
    display:none;
}   

/* #endregion Admin Edit Buttons */


/********************************************/
/**********    BOOTSTRAP GRID    ************/
/********************************************/

/* #region Bootstrap Grid */

@media (min-width:480px) and (max-width: 767px) {
  .hidden-xs {
	display: none !important;
  }

}
@media (max-width: 480px) {
  .hidden-ms {
    display: none !important;
  }
}

@media (max-width: 480px) {
  .visible-ms {
	display: block !important;
  }
  .visible-ms-inline-block {
	display: inline-block !important;
  }
  table.visible-ms {
	display: table;
  }
  tr.visible-ms {
	display: table-row !important;
  }
  th.visible-ms,
  td.visible-ms {
	display: table-cell !important;
  }
}

/* #endregion Bootstrap Grid */


/********************************************/
/****************    PRINT    ***************/
/********************************************/


/* #region Print */

@media print 
{
    @page { size: auto; margin: 4mm; visibility:hidden; }
    body { -webkit-text-size-adjust: none; background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
    body, *, body .color { color:#000 !important;}
    a, a:visited { text-decoration: underline; }  
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }    
    p, h2, h3 { orphans: 3; widows: 3; }

    .overpanel-checkout, .overpanel-checkout-content {
        background-color:#ffffff !important;
    }
    .overpanel-checkout-content-receipt h2 { display:none; visibility:hidden; }
    .icon-line2-check { display:none; visibility:hidden; }

    .receipt-actionbar {
        display: none !important; visibility:hidden !important;
    }   
    

    .receipt-link-print { display:none; visibility:hidden; }
    .receipt-buttons { display:none; visibility:hidden; }
    /* .footer-studio-logo { display:none; visibility:hidden; } */
    .footer-email-photographer { display:none; visibility:hidden; }
    .footer-about-photographer { display:none; visibility:hidden; }    
    .footer-photographer-social { display:none; visibility:hidden; }
    .overpanel-btn-close { display:none; visibility:hidden; }
    .receipt-footer-wrapper { padding-top:0 !important; padding-bottom:0 !important; }
    .receipt-footer-wrapper hr { display:none; visibility:hidden; }
    .overpanel-checkout .overpanel-checkout-content-shipping-loading { display:none; visibility:hidden; }
    .overpanel-checkout .page-title { padding-bottom:0; padding-top:0; }
    .orderSummary h4 {
        font-size: 18px;
        margin-bottom: 10px !important;
    }
    .orderSummary a {
        display:none !important;
    }
    .cart-policy-info {
        display:none !important;
    }
    .receiptSummary h4 {font-size:14pt; }
    .receiptSummary {
        font-size:10pt;
    }
    #gotoTop { display:none; visibility:hidden; }
    .overpanel-checkout-content .overpanel-checkout-content-receipt { padding-bottom:0; }

    .overpanel-fullscreen {
        overflow:visible !important;
        height:auto !important;
        background-color:#ffffff !important;
    }

    body .well {
        background:transparent !important;
        border:solid 1px #e0e0e0;        
    }

    .overpanel-checkout-content .well {
        background:#ffffff !important;
    }

    .overpanel-checkout .cart td {
        padding:6px;
    }

    .overpanel-btn-back {
        display: none !important;
    }

    .jPlayer-wrapper {
        display:none; visibility:hidden;
    }

    .fab-wrapper {
        display:none !important;
    }

    .receipt-order-info h3 {
        font-size:13pt;
    }

    .receipt-top .col-sm-6 {
        width: 50% !important;
        float:left !important;
    } 

    body .table > tbody > tr .cart-product-thumbnail {
        border-left:0 !important;
    }
    .button-guest-upload {
        display:none !important;
    }

    .receiptSummary .shippingAddressParent, .receiptSummary .billingAddressParent, .receiptSummary .paymentMethodParent {
        float:left;
        width:33.3333%;
    }

    .receiptSummary .orderSummaryParentWrapper {
        clear:both;
        width:100%;
    }

    .overpanel-checkout-content-receipt .studioEmail a[href]:after {
        display:none;
    }

    /* thumbnail strips in cart and receipt */
    body .thumbnail-strip-culling.thumbnail-strip-generic, body .thumbnail-strip-culling .thumbnails-wrapper {
        border:0 !important;
        background:transparent !important;
        width:auto !important;
        max-width:none !important;
    }

        body .thumbnail-strip-culling .thumbnails-wrapper > .content-wrap {
            white-space:normal !important;
        }

    body .thumbnail-strip-culling:not(.image-picker-wrapper) .thumbnails-wrapper .thumbnailparent {
        border-color:#e0e0e0 !important;
    }

    body .thumbnail-strip-culling.thumbnail-strip-generic.thumbnail-strip-generic-md:not(.image-picker-wrapper) .thumbnails-wrapper .thumbnailparent {        
        width: 18.5%;
        height: auto;
        padding-bottom: 18%;
        margin:0 1.85% 60px 0;
        float:left;
    }

    body .thumbnail-strip-culling.thumbnail-strip-generic.thumbnail-strip-generic-md:not(.image-picker-wrapper) .thumbnails-wrapper .thumbnailparent:nth-child(5n) {
      margin-right: 0;
    }

    body .thumbnail-strip-culling:not(.image-picker-wrapper) .thumbnails-wrapper .thumbnailparent .thumbnail {
        top:0;
        bottom:0;
        background-image:none !important;
    }

    body .thumbnail-strip-culling.thumbnail-strip-generic .thumbnails-wrapper .thumbnailparent .thumbnail-meta {
        bottom:-16px;
    }

    body .thumbnail-strip-culling.thumbnail-strip-generic .gallery-item-filename {
        position:static;
        top:auto;
        bottom:auto;
        word-break:break-all;
    }

    body .thumbnail-strip-culling.thumbnail-strip-generic .thumbnails-wrapper {
        overflow:visible;
    }

    body .thumbnail-strip-printable-image {
        display:block;
        visibility:visible;
        opacity:1;
        max-width: 100% !important;
        height: auto;
        max-height: 100%;
    }

    body .overpanel-cart .promo {
        display: none !important;
    }

    table.cart {
        table-layout:auto;
    }

    .pots-question-answer-cart-wrapper .well {
        overflow:hidden !important;
        margin:0 !important;
        border:0 !important;
        padding-bottom:19px;
    }

    .cart .thumbnail-strip-culling.thumbnail-strip-generic {
        overflow:hidden;
        margin-bottom:0;
    }

    .thumbnail-strip-culling.thumbnail-strip-generic.thumbnail-strip-generic-md:not(.image-picker-wrapper) .thumbnails-wrapper .thumbnailparent {
        page-break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
        page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
        page-break-inside: avoid; /* or 'auto' */
    }
}

/* #endregion Print */

.measurementChart td {
    text-align:center;
    padding:5px;
}