.ph-widget-wrapper
{
    margin    : 0 auto;
    max-width : 100%;
    width     : 900px;
}


.ph-widget
{
    background-color    : #F0F0F0;
    background-position : center center;
    background-size     : cover;
    box-sizing          : border-box;
    line-height         : 1.2;
    min-height          : 100px;
    overflow            : hidden;
    padding             : 10px;
    position            : relative;
}


.ph-widget .__
{
    *zoom : 1;
}


.ph-widget .__:before,
.ph-widget .__:after
{
    content : ' ';
    display : table;
}


.ph-widget .__:after
{
    clear : both;
}


.ph-widget .phw-hidden
{
    display : none;
}


.ph-widget img
{
    max-width : 100%;
}


.ph-widget.has-destination, .ph-widget-pane.has-destination
{
    cursor : pointer;
}


.ph-widget .ph-scheme-logo
{
    left       : 10px;
    max-height : 68px;
    max-width  : 140px;
    position   : absolute;
    top        : 10px;
}


.ph-widget .ph-widget-strapline .ph-scheme-logo
{
    max-height : 75px;
    max-width  : 80%;
    position   : static;
}


.ph-widget.ph-widget-vertical .ph-scheme-logo
{
    margin-bottom : 10px;
    max-height    : 90px;
    max-width     : calc(100% - 60px);
    position      : static;
}


.ph-widget .ph-nav-lr + .ph-widget-pane
{
    bottom   : 0;
    left     : 50px;
    position : absolute;
    right    : 50px;
    top      : 0;
}


.ph-widget .ph-nav
{
    bottom     : 0;
    cursor     : pointer;
    display    : block;
    position   : absolute;
    text-align : center;
    top        : 0;
    width      : 50px;
}


.ph-widget .ph-nav:hover
{
    background : rgba(0, 0, 0, 0.1);
}


.ph-widget .ph-nav-l
{
    left : 0;
}


.ph-widget .ph-nav span
{
    color     : #FFFFFF;
    height    : 20px;
    left      : 50%;
    position  : absolute;
    top       : 50%;
    transform : translate(-50%, -50%);
    width     : 20px;

}


.ph-widget .ph-nav span svg
{
    height         : 100%;
    width          : 100%;
    vertical-align : unset;
}


.ph-widget .ph-nav-l span
{
    transform : translate(-60%, -50%) rotate(90deg);
}


.ph-widget .ph-nav-r span
{
    transform : translate(-40%, -50%) rotate(-90deg);
}


.ph-widget .ph-nav-r,
.ph-widget .ph-nav-x
{
    right : 0;
}


.ph-widget-strapline
{
    font-weight : bold;
    margin      : 0;
    position    : absolute;
}


.ph-widget.ph-widget-vertical .ph-widget-strapline
{
    margin-top : 10px;
    position   : static;
}


.ph-widget button,
.ph-widget .button
{
    background      : #333333;
    border          : none;
    border-radius   : 4px;
    bottom          : 10px;
    color           : #FFFFFF;
    cursor          : pointer;
    display         : inline-block;
    font-family     : inherit;
    font-size       : 20px;
    font-weight     : bold;
    padding         : 10px 20px;
    position        : absolute;
    right           : 10px;
    text-decoration : none;
}


.ph-widget button.disabled,
.ph-widget button[disabled],
.ph-widget .button.disabled
{
    cursor  : not-allowed;
    opacity : 0.5;
}


.ph-widget sup
{
    font-weight : normal
}


.ph-widget-small-print p
{
    color      : #666666;
    font-size  : 13px;
    margin-top : 10px;
}


/*
.ph-widget small
{
    display  : block;
    position : absolute;
    bottom   : 0;
    left     : 0;
    right    : 0;
}*/

.phw-cntr
{
    left      : 50%;
    position  : absolute;
    top       : 50%;
    transform : translate(-50%, -50%);
}


.phw-force-square
{

}


.phw-force-square:before
{
    content     : ' ';
    display     : block;
    padding-top : 100%;
}


.phw-brand-logo
{
    height   : 50px;
    position : absolute;
    right    : 10px;
    top      : 10px;
}


.ph-widget-toast
{
    pointer-events : none;
    position       : absolute;
    font-size      : 13px;
    top            : 2px;
    left           : 10px;
    opacity        : 0;
    transform      : translateY(0);
    color          : #333333;
    border-radius  : 50px;
    transition     : opacity 300ms ease;
    z-index        : 101;
}


.ph-widget-toast:not(:empty):after
{
    content     : '\25bc';
    color       : #FFFFFF;
    position    : absolute;
    bottom      : 3px;
    left        : 10px;
    transform   : translateY(100%);
    line-height : 1;
}


.ph-widget-toast:not(:empty)
{
    padding    : 5px 10px;
    background : #FFFFFF;
    opacity    : 1;
    transform  : translateY(-100%);
    transition : opacity 300ms ease, transform 300ms ease;
}


.phw-dialog
{
    left             : 0;
    right            : 0;
    position         : fixed;
    width            : auto;
    max-width        : none;
    background-color : #FFFFFF;
}


.phw-dialog *
{
    color : #333333;
}


.phw-dialog-close
{
    position        : absolute;
    top             : 8px;
    right           : 8px;
    background      : #333;
    color           : #FFF !important;
    width           : 26px;
    height          : 26px;
    text-align      : center;
    line-height     : 26px;
    text-decoration : none !important;
    border-radius   : 50%;
}


.phw-dialog-inner
{
    margin    : 0 auto;
    width     : 1320px;
    max-width : 100%;
}