html.lb-disable-scrolling {
overflow: hidden; position: fixed;
height: 100vh;
width: 100vw;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//www.banghair.co.uk/wp-content/themes/bang2017/images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//www.banghair.co.uk/wp-content/themes/bang2017/images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//www.banghair.co.uk/wp-content/themes/bang2017/images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//www.banghair.co.uk/wp-content/themes/bang2017/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(//www.banghair.co.uk/wp-content/themes/bang2017/css/images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(//www.banghair.co.uk/wp-content/themes/bang2017/css/images/ui-icons_444444_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url(//www.banghair.co.uk/wp-content/themes/bang2017/css/images/ui-icons_555555_256x240.png)}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url(//www.banghair.co.uk/wp-content/themes/bang2017/css/images/ui-icons_ffffff_256x240.png)}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url(//www.banghair.co.uk/wp-content/themes/bang2017/css/images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(//www.banghair.co.uk/wp-content/themes/bang2017/css/images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(//www.banghair.co.uk/wp-content/themes/bang2017/css/images/ui-icons_777777_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}@import url(https://use.typekit.net/yey6mod.css); *,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
} html {
font-size:62.5%;
}
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#444;
} .clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#444;
text-decoration:none;
}
a:hover {
color:#444;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}  .wrapper {
margin:0 auto;
position:relative;
} .header {
} .logo {
}
.logo-img {
} .nav {
} .sidebar {
} .footer {
}   @font-face {
font-family:'Font-Name';
src:url(//www.banghair.co.uk/wp-content/themes/bang2017/fonts/font-name.eot);
src:url(//www.banghair.co.uk/wp-content/themes/bang2017/fonts/font-name.eot?#iefix) format('embedded-opentype'),
url(//www.banghair.co.uk/wp-content/themes/bang2017/fonts/font-name.woff) format('woff'),
url(//www.banghair.co.uk/wp-content/themes/bang2017/fonts/font-name.ttf) format('truetype'),
url(//www.banghair.co.uk/wp-content/themes/bang2017/fonts/font-name.svg#font-name) format('svg');
font-weight:normal;
font-style:normal;
} @media only screen and (min-width:320px) {
}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
} ::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
} .alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
} @media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}
.columns-md-2 {
@media screen and (min-width: 768px) {
column-count: 2;
}
}.hidden {
display: none; }
main {
max-width: 1800px;
margin: auto; }
@media screen and (min-width: 1800px) {
main {
border-left: 1px solid #1a1a1a;
border-right: 1px solid #1a1a1a; } }
.page-content {
background-color: white; }
article.page-content a::before {
content: ''; }
article.page-content a, article.page-content a::before { width: calc(100%);
background-image: linear-gradient(transparent calc(100% - 1px), #EE5A24 10px);
background-repeat: no-repeat;
background-size: 0% 100%;
background-position-y: 0px;
transition: background-size 1s; }
article.page-content a:hover, article.page-content a:hover::before {
background-size: 100% 100%; }
.med-width {
max-width: 540px;
margin: auto; }
.standard-block {
padding: 60px 10%;
box-sizing: content-box; }
.center {
text-align: center; }
.wrapper {
margin-top: 90px; }
.grey {
background-color: #F5F4F3; }
.heading {
position: relative; }
.heading .heading-text {
position: absolute;
background: #1a1a1a;
background: rgba(26, 26, 26, 0.7);
top: 0;
left: 0;
text-align: center;
text-transform: uppercase;
padding: 30px;
color: white;
width: 100%; }
.heading .heading-text h1 {
font-weight: 600;
font-size: 80%;
margin: 0; }
.heading .heading-text.static {
position: static; }
.heading .front-page-menu {
position: absolute;
font-size: 0;
width: 100%;
bottom: 0;
left: 0;
text-align: center;
z-index: 15;
margin-bottom: -1px; }
.heading .front-page-menu .link-container {
display: inline-block;
width: 25%;
font-size: 20px;
box-sizing: border-box;
padding-right: 0.33333px;
padding-left: 0.33333px; }
.heading .front-page-menu .link-container:first-child {
padding-right: 0.66666px;
padding-left: 0px; }
.heading .front-page-menu .link-container:last-child {
padding-left: 0.66666px;
padding-right: 0px; }
.heading .front-page-menu .link-container a {
color: white;
display: block;
background-color: rgba(26, 26, 26, 0.7);
transition: background-color 0.5s;
border: 1px solid transparent;
padding: 45px 20px; }
.heading .front-page-menu .link-container a:hover {
background-color: #1a1a1a; }
@media screen and (max-width: 650px) {
.heading .front-page-menu .link-container {
width: 50%;
padding-right: 0.5px;
padding-left: 0;
margin-bottom: 1px; }
.heading .front-page-menu .link-container:first-child {
padding-right: 0.5px; }
.heading .front-page-menu .link-container:last-child {
padding-left: 0; }
.heading .front-page-menu .link-container:nth-child(even) {
padding-right: 0;
padding-left: 0.5px; } }
@media screen and (max-width: 600px) {
#wpadminbar {
position: fixed; } }
.front .callout img {
max-width: 130px;
margin: auto;
margin-bottom: 20px;
object-fit: cover; }
.front .callout .text {
font-weight: medium;
font-size: 160%;
margin-bottom: 20px; }
.image-section {
position: relative; }
.callout {
padding: 8% 20px;
width: 500px;
max-width: 40%;
text-align: center;
background-color: rgba(85, 86, 90, 0.7);
position: absolute;
right: 60px;
top: 50%;
transform: translateY(-50%);
color: white;
z-index: 10; }
.callout.left {
left: 60px; }
.callout .content {
padding: 0 20px; }
.callout .button {
font-size: 75%; }
.callout.standard-text p {
margin-bottom: 40px; }
@media screen and (max-width: 900px) {
.callout {
font-size: 80%;
padding: 50px 20px; }
.callout .button {
font-size: 95%; } }
.callout.white {
background-color: white; }
.callout.black {
background-color: rgba(26, 26, 26, 0.7);
color: white; }
@media screen and (max-width: 650px) {
.callout {
display: block;
max-width: none;
width: auto;
position: static;
background-color: #1a1a1a;
width: 100%;
max-width: none;
transform: none;
padding-top: 30%;
padding-bottom: 30%;
font-size: 20px; }
.callout .button {
font-size: 85%; }
.callout.black {
background-color: #1a1a1a; } }
.standard-text {
line-height: 120%;
color: #4F5858; }
.standard-text h2.main-h {
margin-bottom: 60px; }
.standard-text h1, .standard-text h2, .standard-text h3, .standard-text h4, .standard-text h5, .standard-text h6 {
color: #EE5A24;
margin-bottom: 30px;
font-weight: 300;
line-height: 100%;
margin-top: 0;
text-align: center; }
.standard-text h1.reg, .standard-text h2.reg, .standard-text h3.reg, .standard-text h4.reg, .standard-text h5.reg, .standard-text h6.reg {
font-weight: 400; }
.standard-text h2, .standard-text h3, .standard-text h4 {
margin-bottom: 30px;
font-weight: 300; }
.standard-text h5, .standard-text h6 {
margin-bottom: 20px;
font-weight: 400; }
.standard-text h2 {
font-size: 260%; }
.standard-text h3 {
font-size: 220%; }
.standard-text h4 {
font-size: 180%; }
.standard-text h5 {
font-size: 140%; }
.standard-text h6 {
font-size: 100%; }
.standard-text a {
color: #EE5A24;
cursor: pointer; }
.standard-text p, .standard-text a.button, .standard-text button, .standard-text ul, .standard-text ol {
margin-bottom: 30px; }
.standard-text p:last-child, .standard-text a.button:last-child, .standard-text button:last-child, .standard-text ul:last-child, .standard-text ol:last-child {
margin-bottom: 0; }
.standard-text img {
height: auto; }
.standard-text img.alignleft, .standard-text img.alignright {
max-width: 50%; }
.standard-text .small-text {
font-size: 70%; }
.standard-text a.button, a.button.standard, button {
display: inline-block;
margin: auto;
background-color: #4F5858;
color: white;
padding: 20px;
min-width: 150px;
box-sizing: border-box; }
.standard-text a.button.black, a.button.standard.black, button.black {
background-color: #1a1a1a;
color: white; }
.standard-text a.button.black:hover, a.button.standard.black:hover, button.black:hover {
background-color: #EE5A24; }
.featured-image {
display: block;
overflow: hidden;
position: relative; }
.featured-image.fixed {
background-size: cover;
height: 700px; }
@media screen and (max-width: 900px) {
.featured-image.fixed {
height: 600px; } }
.featured-image.fixed img {
opacity: 0;
max-width: none; }
.featured-image.fixed.right {
background-position: 45% center; }
.featured-image.fixed.left {
background-position: 55% center; }
.front .featured-image.fixed {
height: 850px; }
@media screen and (max-width: 1000px) {
.front .featured-image.fixed {
height: 700px; } }
.front .featured-image.fixed.left {
background-position: left center; }
.front .featured-image.fixed.center {
background-position: center center; }
.front .featured-image.fixed.right {
background-position: right center; }
.front .featured-image.fixed.left {
background-position: left center; }
.front .featured-image.fixed.center {
background-position: center center; }
.front .featured-image.fixed.right {
background-position: right center; }
@media screen and (max-width: 650px) {
.image-section .featured-image.fixed {
background-image: none !important;
height: auto; }
.image-section .featured-image.fixed img {
opacity: 1;
width: 100%; } }
@media screen and (max-width: 600px) {
.front .featured-image.fixed {
height: 750px; }
.front .featured-image.fixed.left {
background-size: 250% 100%;
background-repeat: no-repeat; } }
@media screen and (max-width: 550px) {
.front .featured-image.fixed {
height: 700px; }
.front .featured-image.fixed.left {
background-size: 250% 100%;
background-repeat: no-repeat; } }
@media screen and (max-width: 500px) {
.front .featured-image.fixed {
height: 680px; }
.front .featured-image.fixed.left {
background-size: 250% 100%;
background-repeat: no-repeat; } }
@media screen and (max-width: 450px) {
.front .featured-image.fixed {
height: 550px; }
.front .featured-image.fixed.left {
background-size: 250% 100%;
background-repeat: no-repeat; } }
@media screen and (max-width: 400px) {
.front .featured-image.fixed {
height: 500px; }
.front .featured-image.fixed.left {
background-size: 250% 100%;
background-repeat: no-repeat; } }
.archive-grid .standard-text a.button {
padding: 20px 34px; }
button, a.button, input[type="submit"] {
border: none;
border-radius: 5px;
padding: 15px 10px;
min-width: 150px;
box-sizing: border-box;
transition: background-color 0.5s, color 0.5s;
line-height: 100%;
display: inline-block;
cursor: pointer;
text-align: center; }
button.round, a.button.round, input[type="submit"].round {
padding: 7px 10px;
border-radius: 20px; }
button.fixed, a.button.fixed, input[type="submit"].fixed {
min-width: 200px; }
button.uc, a.button.uc, input[type="submit"].uc {
text-transform: uppercase; }
.button-wrap {
text-align: center; }
.single-offer .page-content .button-wrap {
margin-top: 50px; }
article.page-content, .text-section {
max-width: 840px;
margin: auto;
padding: 60px 10%;
box-sizing: content-box;
position: relative;
line-height: 140%; }
.single-style section.video-section {
margin-bottom: 40px; }
.single-style section.video-section .video-wrapper {
max-width: 700px;
margin: auto; }
.single-stylist .stylist-info {
text-align: center;
line-height: 130%; }
.single-stylist .stylist-info .prev, .single-stylist .stylist-info .next {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block; }
.single-stylist .stylist-info .prev:hover, .single-stylist .stylist-info .next:hover {
color: #4F5858; }
.single-stylist .stylist-info .prev {
left: -10px; }
.single-stylist .stylist-info .next {
right: -10px; }
@media screen and (max-width: 1100px) {
.single-stylist .stylist-info .prev {
left: 15px; }
.single-stylist .stylist-info .next {
right: 15px; } }
.blog-info {
text-transform: uppercase;
margin-bottom: 40px; }
.blog-info .super {
margin-bottom: 15px; }
.blog-info h1, .blog-info h2, .blog-info h3 {
text-align: left;
text-transform: none;
transition: color 0.5s;
font-size: 200%; }
.blog-info a:hover h1, .blog-info a:hover h2, .blog-info a:hover h3 {
color: #4F5858; }
.blog-info .spacer {
margin: 0 10px; }
.blog-info .excerpt {
margin: 0 0 20px 0 !important;
text-transform: none; }
.blog-info.in-grid {
margin-bottom: 0; }
.blog-info.in-grid h1, .blog-info.in-grid h2, .blog-info.in-grid h3 {
margin-bottom: 20px; }
.blog-info.in-grid img {
width: 50px; }
.blog-info img {
width: 75px;
vertical-align: middle;
margin-right: 20px;
border-radius: 100%; }
@media screen and (max-width: 400px) {
.blog-info .spacer {
display: none; }
.blog-info .date {
margin-top: -5px;
margin-left: 70px;
display: block; } }
.underline { width: calc(100%);
background-image: linear-gradient(transparent calc(100% - 1px), #EE5A24 10px);
background-repeat: no-repeat;
background-size: 0% 100%;
background-position-y: 0px;
transition: background-size 1s; }
a:hover .underline {
background-size: 100% 100%; }
header {
height: 90px;
box-sizing: border-box;
text-align: right;
color: white;
position: fixed;
z-index: 400;
width: 100%;
top: 0;
left: 0;
background-color: #1a1a1a;
font-size: 0; }
header .logo-div {
position: absolute;
left: 0;
top: 0;
padding: 15px 0 15px 30px;
height: 100%; }
header .logo-div img {
display: block;
height: 100%; }
header .links, header nav, header .menu-icon {
display: inline-block;
vertical-align: top;
line-height: 50px; }
header .links {
text-align: center;
border-left: 3px solid white;
font-size: 0;
position: relative;
overflow: hidden; }
header .links .link-wrap {
padding-top: 20px;
display: inline-block;
font-size: 20px;
padding: 20px 0;
cursor: pointer;
color: white;
transition: background-color 0.5s;
position: relative;
z-index: 10; }
header .links .link-wrap:hover {
background-color: #EE5A24; }
header .links .link-wrap > div {
padding: 0 25px;
height: 50px;
line-height: 50px;
width: 90px; }
header .links .link-wrap:last-child > div {
border-right: none; }
header .links::before {
content: '';
position: absolute;
height: 50px;
width: 1.1px;
background-color: white;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
transform-origin: center;
transition: transform 0.25s;
z-index: 20; }
header .links:hover::before {
transform: translateX(-50%) translateY(-50%) scaleY(2); }
header nav {
font-size: 20px;
font-weight: 600; }
header nav .main-menu .sub-menu {
display: none;
top: 100%;
left: 0;
position: absolute;
background-color: #1a1a1a;
padding: 0;
text-align: left;
padding-top: 15px;
min-width: 250px; }
header nav .main-menu .sub-menu li {
display: block; }
header nav .main-menu .sub-menu li a {
display: block;
transition: background-color 0.5s;
margin-right: 0;
padding: 20px 30px; }
header nav .main-menu .sub-menu li a:hover {
background-color: #EE5A24;
color: white; }
header nav .sub-menu li a {
line-height: 125%; }
header nav .main-menu {
list-style: none;
line-height: 50px;
margin: 0;
padding: 20px 30px;
font-size: 80%; }
header nav .main-menu li {
display: inline-block;
position: relative; }
header nav .main-menu li.menu-item-has-children > a:after {
font-family: "Font Awesome 5 Solid";
content: "\f0d7";
font-size: 0; }
header nav .main-menu li.menu-item-has-children > a svg {
margin-left: 5px; }
header nav .main-menu li a {
color: white;
margin-right: 15px; }
header nav .main-menu li a:hover {
color: #EE5A24; }
header nav .main-menu li:last-child a {
margin-right: 0; }
header nav .responsive {
display: none; }
header .menu-icon {
display: none;
padding: 20px 30px;
font-size: 30px;
cursor: pointer;
transition: background-color 0.5s; }
header .menu-icon:hover {
background-color: #EE5A24; }
header .menu-icon #nav-icon {
width: 30px;
height: 50px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out; }
header .menu-icon #nav-icon span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: white;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out; }
header .menu-icon #nav-icon span:nth-child(1) {
top: 11px; }
header .menu-icon #nav-icon span:nth-child(2), header .menu-icon #nav-icon span:nth-child(3) {
top: 22px; }
header .menu-icon #nav-icon span:nth-child(4) {
top: 33px; }
header .menu-icon #nav-icon.open span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%; }
header .menu-icon #nav-icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
header .menu-icon #nav-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
header .menu-icon #nav-icon.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%; }
header .menu-icon-wrapper, header .link-wrapper {
display: inline-block; }
header.responsive-menu .menu-icon {
display: inline-block;
z-index: 250;
position: relative; }
header.responsive-menu nav { position: fixed;
top: 90px;
background-color: #1a1a1a;
text-align: left;
left: 100%;
transition: transform 0.5s;
transform: translateX(0%);
min-width: 273px;
padding: 0 20px;
height: 100%;
overflow: scroll; }
header.responsive-menu nav .logo-container {
margin-bottom: 30px; }
header.responsive-menu nav .logo-container img {
width: 160px;
display: block;
margin: auto; }
header.responsive-menu nav .lower {
text-align: center;
padding: 40px; }
header.responsive-menu nav .lower .button {
font-size: 80%;
text-transform: uppercase;
border: 1px solid #EE5A24;
border-radius: 7px;
padding: 20px 30px;
display: inline-block;
margin: auto;
transition: background-color 0.5s;
cursor: pointer;
color: white;
line-height: 100%;
margin-bottom: 30px; }
header.responsive-menu nav .lower .button:hover {
background-color: #EE5A24; }
header.responsive-menu nav .lower .social .icons {
margin-top: -10px; }
header.responsive-menu nav .lower .social .icons a {
color: white;
display: inline-block;
width: 25px;
height: 25px;
line-height: 25px;
margin-right: 10px;
text-align: center; }
header.responsive-menu nav .lower .social .icons a:last-child {
margin-right: 0; }
header.responsive-menu nav .lower .social .icons a:hover {
color: #EE5A24; }
header.responsive-menu nav #menu-main {
padding: 0; }
header.responsive-menu nav #menu-main > li.menu-item-has-children {
margin-bottom: -10px; }
header.responsive-menu nav #menu-main > li > a {
text-transform: uppercase;
margin-right: 0; }
header.responsive-menu nav #menu-main > li > a:hover {
color: #EE5A24;
background: transparent; }
header.responsive-menu nav #menu-main .sub-menu {
top: 0;
left: 0;
position: relative;
margin-top: -20px;
padding-top: 0;
margin-bottom: 20px;
min-width: none; }
header.responsive-menu nav #menu-main .sub-menu li a {
line-height: 100%;
padding-top: 10px;
padding-bottom: 10px; }
header.responsive-menu nav li {
display: block; }
header.responsive-menu nav li a {
display: block; }
header.responsive-menu.menu-open nav {
transform: translateX(-100%); }
@media screen and (max-width: 550px) {
header.responsive-menu nav {
position: fixed;
width: 100%;
top: 0;
z-index: 200;
padding: 70px 14%; }
header.responsive-menu nav li {
line-height: 250%;
margin: 10px 0; }
header.responsive-menu nav li svg {
position: absolute;
top: 50%;
transform: translateY(-80%);
right: -10px; }
header.responsive-menu nav .responsive {
display: block; }
header.responsive-menu nav #menu-main {
border: 2px solid white;
border-left: none;
border-right: none;
padding: 40px 0;
font-weight: 300; }
header.responsive-menu nav #menu-main > li > a {
font-size: 250%;
color: white;
background: transparent;
position: relative; }
header.responsive-menu nav #menu-main > li > a:hover {
color: #EE5A24; }
header.responsive-menu nav #menu-main > li > a svg {
font-size: 25px;
line-height: inherit; }
header.responsive-menu nav #menu-main .sub-menu li {
line-height: 150%; }
header.responsive-menu nav #menu-main .sub-menu li a {
font-size: 140%;
color: white; }
header.responsive-menu nav #menu-main .sub-menu li a:hover {
background: transparent;
color: #EE5A24; }
header.responsive-menu.menu-open nav {
transform: translateX(-100%); }
header #wpadminbar {
position: fixed; }
header .menu-icon-wrapper, header .link-wrapper, header .logo-div {
vertical-align: top; }
header .menu-icon-wrapper {
width: 50%;
text-align: left; }
header .menu-icon-wrapper .menu-icon {
padding-left: 20px;
padding-right: 20px; }
header .menu-icon-wrapper .menu-icon:hover {
background-color: transparent; }
header .menu-icon-wrapper .menu-icon:hover #nav-icon span {
background: #EE5A24; }
header .logo-div {
width: 60%;
padding-left: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%); }
header .logo-div img {
margin: auto; }
header .link-wrapper {
width: 50%; }
header .links {
border-left: none;
margin: 0 10px; }
header .links .link-wrap {
margin-right: 7.5px;
transition: color 0.5s; }
header .links .link-wrap:hover {
background-color: transparent;
color: #EE5A24; }
header .links .link-wrap > div {
padding-right: 0;
padding-left: 0;
width: 50%; }
header .links .link-wrap:last-child {
margin-right: 0; }
header .links:before {
display: none; } }
@media screen and (max-width: 400px) {
header .logo-div img {
height: 75%; } }
.admin-bar header {
top: 32px; }
.admin-bar header nav {
top: 120px; }
@media screen and (max-width: 550px) {
.admin-bar header nav {
top: 46px; } }
body {
background-color: #1a1a1a;
font-size: 20px;
font-family: "din-2014";
font-weight: 400; }
body .content-container {
max-width: 1440px;
box-sizing: border-box;
margin: auto; }
body main {
background-color: white; }
a {
transition: all 0.5s; }
a.inactive {
color: #4F5858 !important;
pointer-events: none; }
.next.inactive, .prev.inactive {
color: #DDDDDD !important;
pointer-events: none; }
footer {
color: #DDDDDD;
padding: 30px;
text-align: center; }
footer a {
color: #DDDDDD; }
footer a:hover {
color: #EE5A24; }
footer .content-container .upper {
padding: 25px 0;
border-bottom: 1px solid #4d4d4d;
display: table;
width: 100%; }
footer .content-container .lower {
border-top: 1px solid #4d4d4d;
line-height: 120%;
padding: 20px 35px;
font-size: 70%; }
footer .content-container .block {
width: 25%;
display: table-cell;
vertical-align: middle;
border-right: 1px solid #4d4d4d;
padding: 5px 10px; }
footer .content-container .block .logo {
max-width: 170px; }
footer .content-container .block.contact {
font-size: 80%; }
footer .content-container .block.contact span {
display: block; }
footer .content-container .block.contact span.number {
font-weight: 700; }
footer .content-container .block.social a {
margin-right: 15px;
width: 25px;
display: inline-block;
height: 25px;
line-height: 25px; }
footer .content-container .block.social a:last-child {
margin-right: 0; }
footer .content-container .block:last-child {
border-right: none; }
@media screen and (max-width: 650px) {
footer .content-container {
max-width: 320px;
margin: auto; }
footer .content-container .block {
display: block;
width: 100%;
border-right: none;
padding: 30px 0; }
footer .content-container .block.logo {
border-bottom: 2px solid #585858; }
footer .content-container .block.social {
border-top: 2px solid #585858; }
footer .content-container .block.contact {
position: relative; }
footer .content-container .block.contact span {
font-size: 125%; }
footer .content-container .block.contact::before {
content: '';
width: 70px;
height: 1px;
background-color: #4d4d4d;
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%); }
footer .content-container .block.contact.last::before {
display: none; }
footer .content-container .lower {
padding: 0; }
footer .content-container .lower, footer .content-container .upper {
border: none; } }
form {  }
form input[type="text"], form textarea {
display: block;
background-color: #F7F5F5;
padding: 15px;
border-radius: 5px;
border: none;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
border: 1px solid #F7F5F5;
transition: border-color 0.25s; }
form input[type="text"]::-webkit-input-placeholder, form input[type="text"]::-moz-placeholder, form input[type="text"]:-ms-input-placeholder, form input[type="text"]:-moz-placeholder, form textarea::-webkit-input-placeholder, form textarea::-moz-placeholder, form textarea:-ms-input-placeholder, form textarea:-moz-placeholder {
color: #1a1a1a; }
form input[type="text"].valid, form textarea.valid {
border-color: green; }
form input[type="text"].invalid, form textarea.invalid {
border-color: red; }
form .required {
position: relative; }
form .required input, form .required textarea {
padding-right: 35px; }
form .required label {
position: absolute;
top: 26px;
font-size: 50px;
right: 10px; }
form .required label:after {
content: '*';
color: red; }
form .error {
color: red;
text-align: left;
margin-bottom: 5px; }
form .success-message {
display: none;
color: white;
background-color: green;
padding: 10px;
text-shadow: 0 0 8px #000; }
form input[type="submit"] {
background-color: #4F5858;
color: white;
min-width: 100px;
box-sizing: border-box;
padding: 15px; }
form input[type="submit"]:hover {
background-color: #EE5A24; }
form .control {
position: relative;
display: block;
padding-left: 30px;
cursor: pointer;
font-size: 18px;
margin-bottom: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;    }
form .control input {
position: absolute;
z-index: -1;
opacity: 0; }
form .control:hover input ~ .control__indicator, form .control input:focus ~ .control__indicator, form .control input:checked ~ .control__indicator {
border-color: #919191; }
form .control input:disabled ~ .control__indicator {
pointer-events: none;
opacity: .6;
background: #e6e6e6; }
form .control .control__indicator:after {
position: absolute;
display: none;
content: ''; }
form .control input:checked ~ .control__indicator:after {
display: block; }
form .control.control--checkbox .control__indicator:after {
top: 1px;
left: 6px;
width: 5px;
height: 12px;
transform: rotate(45deg);
border: solid #EE5A24;
border-width: 0 2px 2px 0; }
form .control.control--checkbox input:disabled ~ .control__indicator:after {
border-color: #7b7b7b; }
form .control__indicator {
position: absolute;
top: 0px;
left: 0;
width: 20px;
height: 20px;
background: transparent;
border: 2px solid #e6e6e6;
box-sizing: border-box;
border-radius: 5px; }
form .select {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 10px; }
form .select select {
display: inline-block;
width: 100%;
padding: 15px;
cursor: pointer;
color: #7b7b7b;
border: 0;
border-radius: 5px;
outline: 0;
background: #F7F5F5;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
transition: background-color 0.5s; }
form .select select.selected {
color: #000; }
form .select select::-ms-expand {
display: none; }
form .select select:hover,
form .select select:focus {
color: #000;
background: #ccc; }
form .select select:disabled {
pointer-events: none;
opacity: .5; }
form .select__arrow {
position: absolute;
top: 50%;
right: 15px;
width: 0;
height: 0;
pointer-events: none;
border-width: 8px 5px 0 5px;
border-style: solid;
border-color: #7b7b7b transparent transparent transparent;
transform: translateY(-50%); }
form .select select:hover ~ .select__arrow,
form .select select:focus ~ .select__arrow {
border-top-color: #000; }
form .select select:disabled ~ .select__arrow {
border-top-color: #ccc; }
#contact-form .control--checkbox, #feedback-form .control--checkbox {
vertical-align: top; }
#contact-form .lower, #feedback-form .lower {
font-size: 0;
text-align: left; }
#contact-form .lower .control, #feedback-form .lower .control {
display: inline-block;
vertical-align: top;
width: 70%; }
#contact-form .lower .submit-wrapper, #feedback-form .lower .submit-wrapper {
display: inline-block;
width: 30%;
text-align: right;
font-size: 18px; }
.newsletter-block {
text-align: center; }
.inline-submit {
font-size: 0; }
.inline-submit .error, .inline-submit .success-message {
font-size: 20px; }
.inline-submit .inline-wrapper {
width: 65%;
display: inline-block; }
.inline-submit .inline-wrapper input {
background-image: url(//www.banghair.co.uk/wp-content/themes/bang2017/img/send.svg);
background-repeat: no-repeat;
background-size: 20px;
background-position: 11px 17px;
padding-left: 37px;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
@media screen and (max-width: 450px) {
.inline-submit .inline-wrapper {
width: 100%; }
.inline-submit .inline-wrapper input {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
padding-left: 37px; } }
.inline-submit input {
font-size: 20px; }
.inline-submit input[type="submit"] {
width: 35%;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding-top: 19px;
padding-bottom: 18px;
display: inline-block; }
@media screen and (max-width: 450px) {
.inline-submit input[type="submit"] {
width: auto;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; } }
#newsletter-form {
font-size: 0;
position: relative; }
#newsletter-form .icon {
position: absolute;
top: 16px;
left: 12px;
font-size: 20px;
color: #EE5A24; }
.slider {
white-space: nowrap;
overflow: hidden; }
.slider .slides-wrapper {
position: relative; }
.slider .slides-wrapper .prev, .slider .slides-wrapper .next {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
z-index: 30; }
.slider .slides-wrapper .prev {
left: 100px; }
.slider .slides-wrapper .next {
right: 100px; }
@media screen and (max-width: 1000px) {
.slider .slides-wrapper .prev {
left: 60px; }
.slider .slides-wrapper .next {
right: 60px; } }
@media screen and (max-width: 800px) {
.slider .slides-wrapper .prev {
left: 30px; }
.slider .slides-wrapper .next {
right: 30px; } }
@media screen and (max-width: 600px) {
.slider .slides-wrapper .prev, .slider .slides-wrapper .next {
display: none; } }
.slider .slides-wrapper .slides {
position: relative;
transition: transform 0.5s; }
.slider .slides-wrapper .slides .slide {
width: 100%;
display: inline-block;
transition: opacity 0.25s;
vertical-align: top;
opacity: 0; }
.slider .slides-wrapper .slides .slide.current {
opacity: 1; }
.quote-slider {
text-align: center;
padding: 150px 0; }
.quote-slider .slides-wrapper .icon-wrap {
position: absolute;
max-width: 1440px;
width: 100%;
top: 50%;
left: 50%;
transform: translateX(-50%);
z-index: 40; }
.quote-slider .slides-wrapper .prev, .quote-slider .slides-wrapper .next {
font-size: 30px;
line-height: 30px; }
.quote-slider h2 {
margin-top: 0;
margin-bottom: 40px;
white-space: normal;
padding: 0 20px; }
.quote-slider .content {
max-width: 620px;
margin: auto;
white-space: normal;
line-height: 110%;
padding: 0 20px;
box-sizing: content-box; }
.quote-slider .score {
margin-bottom: 30px; }
.quote-slider .score .star {
margin-right: 5px; }
.quote-slider .score .star:last-child {
margin-right: 0; }
.quote-slider .testimonial {
font-size: 180%;
font-weight: 100;
margin-bottom: 40px;
line-height: 125%; }
.quote-slider .reviewer {
font-weight: 600; }
@media screen and (max-width: 800px) {
.quote-slider {
font-size: 80%;
padding: 100px 0; }
.quote-slider .content {
max-width: 500px; } }
.grad-bg {
background-image: linear-gradient(to top, #D92B24, #D95A24);
color: white; }
.grad-bg.to-right {
background-image: linear-gradient(to right, #D92B24, #D95A24); }
.grad-bg.to-bottom {
background-image: linear-gradient(to bottom, #D92B24, #D95A24); }
.grad-bg.to-left {
background-image: linear-gradient(to left, #D92B24, #D95A24); }
.grad-bg h1, .grad-bg h2, .grad-bg h3, .grad-bg h4, .grad-bg h5, .grad-bg h6 {
color: white; }
.grad-bg a.button {
color: white;
border: 2px solid white; }
.grad-bg a.button:hover {
color: #EE5A24;
background-color: white; }
.button {
position: relative;
overflow: hidden;
z-index: 4;
font-weight: 600; }
.button.upper-case {
text-transform: uppercase; }
.button.hover {
color: white;
background-color: #EE5A24; }
.button .fill {
position: absolute;
background-size: 150% 150%;
height: 200%;
width: 200%;
border-radius: 5px;
margin: -40px 0 0 -140px;
z-index: -2;
transition: all 0.4s ease; }
.button:hover .fill {
-webkit-animation: gradient 3s ease infinite;
-moz-animation: gradient 3s ease infinite;
animation: gradient 3s ease infinite; }
@-webkit-keyframes gradient {
0% {
background-position: 50% 50%; }
25% {
background-position: 100% 0%; }
50% {
background-position: 50% 50%; }
75% {
background-position: 0% 100%; }
100% {
background-position: 50% 50%; } }
@-moz-keyframes gradient {
0% {
background-position: 50% 50%; }
25% {
background-position: 100% 0%; }
50% {
background-position: 50% 50%; }
75% {
background-position: 0% 100%; }
100% {
background-position: 50% 50%; } }
@keyframes gradient {
0% {
background-position: 50% 50%; }
25% {
background-position: 100% 0%; }
50% {
background-position: 50% 50%; }
75% {
background-position: 0% 100%; }
100% {
background-position: 50% 50%; } }
.appointments-block .content {
max-width: 880px;
padding: 90px 40px;
margin: auto;
text-align: center; }
.appointments-block .content a.button {
display: inline-block; }
.appointments-block .content .appointments-text {
font-size: 200%;
margin-bottom: 10px; }
@supports (display: flex) {
.appointments-block .content {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center; }
@media screen and (max-width: 760px) {
.appointments-block .content .appointments-text {
font-size: 150%; } }
@media screen and (max-width: 650px) {
.appointments-block .content {
flex-direction: column; } } }
.opening-times .med-width {
padding: 0 30px; }
@media screen and (max-width: 500px) {
.opening-times .med-width {
padding: 0; } }
.opening-times table {
width: 100%;
font-weight: 600;
border-collapse: collapse; }
.opening-times table tr {
border-bottom: 2px solid #E4E4E3; }
.opening-times table tr td {
padding: 20px 0 15px 0; }
.opening-times table tr td.time {
text-align: right; }
.opening-times table tr:first-child td {
padding-top: 0; }
.archive-grid .excerpt {
max-width: 85%;
margin: auto; }
.archive-grid .row {
font-size: 0; }
.archive-grid .row .cell {
display: inline-block;
width: 50%;
font-size: 20px;
text-align: center;
vertical-align: middle; }
.archive-grid .row .cell.text {
padding: 20px;
box-sizing: border-box; }
.archive-grid .row .cell.text .button {
margin-top: 20px; }
.archive-grid .row .cell.text a h1, .archive-grid .row .cell.text a h2, .archive-grid .row .cell.text a h3, .archive-grid .row .cell.text a h4, .archive-grid .row .cell.text a h5, .archive-grid .row .cell.text a h6 {
transition: color 0.5s; }
.archive-grid .row .cell.text a:hover h1, .archive-grid .row .cell.text a:hover h2, .archive-grid .row .cell.text a:hover h3, .archive-grid .row .cell.text a:hover h4, .archive-grid .row .cell.text a:hover h5, .archive-grid .row .cell.text a:hover h6 {
color: #4F5858; }
@media screen and (max-width: 1000px) {
.archive-grid .row .cell {
font-size: 16px; } }
.archive-grid .row .cell.responsive {
display: none; }
@media screen and (max-width: 800px) {
.archive-grid .row .cell {
width: 100%;
display: block; }
.archive-grid .row .cell.text {
padding: 20px 5%; }
.archive-grid .row .cell.responsive {
display: block; }
.archive-grid .row .cell.full {
display: none; } }
@supports (display: flex) {
.archive-grid .row {
display: flex;
flex-direction: row;
align-items: center; }
.archive-grid .row.even {
flex-direction: row-reverse; }
@media screen and (max-width: 800px) {
.archive-grid .row .cell {
width: 50%;
display: inline-block; } }
@media screen and (max-width: 600px) {
.archive-grid .row {
flex-direction: column; }
.archive-grid .row.even {
flex-direction: column; }
.archive-grid .row .cell {
width: 100%;
display: block; }
.archive-grid .row .cell.text {
padding: 60px 10% !important; } } }
.archive-grid.post-archive .row .cell {
text-align: left; }
.archive-grid.post-archive .row .cell.text {
padding: 20px 7%; }
@media screen and (max-width: 800px) {
.archive-grid.post-archive .row .cell.text {
padding: 20px 5%; } }
.map-grid iframe {
width: 100%;
display: block; }
.card-container {
perspective: 1000px;
width: 25%; }
.card-container .name-label {
background-color: #4F5858;
text-transform: uppercase;
text-shadow: 0 0 4px #1a1a1a;
color: white;
padding: 25px 20px;
display: none;
transition: background-color 0.5s; }
@media screen and (min-width: 800px) {
.card-container:hover .card {
transform: rotateY(180deg); } }
@media screen and (max-width: 800px) {
.card-container {
margin-bottom: 5px; }
.card-container .name-label {
display: block; }
.card-container:hover .name-label {
background-color: #EE5A24; } }
.card {
position: relative;
width: 100%;
transition: all 0.6s ease;
transform-style: preserve-3d;
color: white;
text-align: center; }
.card .front, .card .back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden; }
.card .front {
background-color: #EDECEC; }
.card .back {
transform: rotateY(180deg); }
.flip-grid {
font-size: 0; }
.flip-grid .card-container {
display: inline-block;
font-size: 20px; }
.flip-grid .card-container .card {
padding-top: 100%; }
.flip-grid .card-container .card img {
width: 100%; }
.flip-grid .card-container .card .overlay {
width: 100%;
padding-top: 100%;
background-color: rgba(26, 26, 26, 0.5);
position: absolute;
top: 0;
left: 0;
font-size: 75%; }
.flip-grid .card-container .card .overlay .text {
width: 100%;
position: absolute;
top: 0;
left: 0;
text-align: center;
top: 50%;
transform: translateY(-50%);
padding: 20px;
box-sizing: border-box; }
.flip-grid .card-container .card .overlay .text button {
margin-top: 20px; }
.flip-grid .card-container .card .overlay .name {
font-size: 200%;
display: block; }
.flip-grid .card-container .card .overlay button {
background-color: #DDDDDD;
color: #1a1a1a; }
.flip-grid .card-container .card .overlay button:hover {
background-color: #EE5A24;
color: white; }
@media screen and (max-width: 1100px) {
.flip-grid .card-container {
width: 33.333333%; } }
@media screen and (max-width: 800px) and (min-width: 500px) {
.flip-grid .card-container {
width: 50%; }
.flip-grid .card-container:nth-child(odd) {
padding-right: 2.5px; }
.flip-grid .card-container:nth-child(even) {
padding-left: 2.5px; } }
@media screen and (max-width: 500px) {
.flip-grid .card-container {
width: 100%; } }
.logo-block.awards, .logo-block.partners, .logo-block.products {
max-width: 940px;
text-align: center;
margin: auto;
padding: 20px 20px 80px 20px; }
.logo-block.awards .intro-text, .logo-block.partners .intro-text, .logo-block.products .intro-text {
font-size: 80%;
margin-bottom: 40px;
font-weight: 600; }
.logo-block.products, .logo-block.partners {
max-width: 1100px; }
.logos {
font-size: 0;
margin-bottom: -40px; }
.logos.award-logos .logo-container {
width: 25%; }
@media screen and (max-width: 700px) {
.logos.award-logos .logo-container {
width: 50%; } }
.logos.product-logos .logo-container {
padding: 0 4%; }
.logos .logo-container {
padding: 0 2.25%;
width: 33.33333%;
display: inline-block;
margin-bottom: 40px; }
.logos .logo-container img {
width: 100%; }
@media screen and (max-width: 700px) {
.logos .logo-container {
width: 50%;
padding: 0; }
.logos .logo-container:last-child {
padding-left: 0; }
.logos .logo-container:first-child {
padding-right: 0; }
.logos .logo-container:nth-child(odd) {
padding-right: 4.5%; }
.logos .logo-container:nth-child(even) {
padding-left: 4.5%; } }
.service-table {
max-width: 1100px;
margin: auto;
box-sizing: border-box;
padding: 20px 30px 40px 30px; }
@media screen and (max-width: 1100px) {
.service-table {
padding-left: 10%;
padding-right: 10%; } }
.service-table .tabs {
text-align: center;
margin-top: 40px;
margin-bottom: 40px; }
.service-table .tab {
display: inline-block;
padding: 15px 20px;
line-height: 100%;
border-radius: 50px;
cursor: pointer;
border: solid 2px #EDECEC;
transition: border-color 0.5s;
color: #1a1a1a;
margin-bottom: 20px; }
.service-table .tab:hover, .service-table .tab.active {
border-color: #1a1a1a; }
.service-table .panes {
position: relative;
transition: height 0.5s; }
.service-table .pane {
font-size: 0;
margin-bottom: -40px;
position: absolute;
top: 0;
left: 0;
display: none;
width: 100%; }
.service-table .pane.active {
display: block; }
.service-table .pane .description {
font-size: 20px;
text-align: center;
margin: 0 0 40px 0; }
html.touch .service-table .pane .description .tooltip-tip {
display: none; }
.service-table .pane .left, .service-table .pane .right {
font-size: 20px;
width: 44%;
display: inline-block;
vertical-align: top; }
@media screen and (max-width: 750px) {
.service-table .pane .left, .service-table .pane .right {
width: 100%;
padding-right: 0; } }
.service-table .pane .left {
box-sizing: content-box;
padding-right: 12%; }
.service-table .pane .service {
margin-bottom: 40px; }
.service-table .pane .service .upper, .service-table .pane .service .lower {
padding: 10px 0; }
.service-table .pane .service .upper {
display: table;
border-bottom: 2px solid #EDECEC;
width: 100%;
font-weight: 600; }
.service-table .pane .service .upper .name, .service-table .pane .service .upper .price {
display: table-cell; }
.service-table .pane .service .upper .name {
text-align: left; }
.service-table .pane .service .prices th {
display: none;
height: 180px;
white-space: nowrap; }
html.touch .service-table .pane .service .prices th {
display: table-cell; }
.service-table .pane .service .prices th div {
transform: translate(15px, 151px) rotate(270deg);
width: 0; }
.service-table .pane .service .prices th span {
border-bottom: 1px solid #ccc;
padding: 5px 10px; }
.service-table .pane .service .prices th, .service-table .pane .service .prices td {
padding: 0 20px 10px 0;
text-align: left;
vertical-align: top; }
.tooltip {
background-color: #1a1a1a;
color: #EEEEEE;
padding: 5px;
border-radius: 3px;
margin-bottom: 5px; }
.tooltip .tooltip-arrow {
width: 0;
height: 0;
border-style: solid;
position: absolute;
margin: 5px;
border-color: #1a1a1a;
border-width: 5px 5px 0 5px;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
bottom: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0; }
.bangtv .page-content {
padding-bottom: 0; }
.videos-block {
max-width: 1150px;
box-sizing: content-box;
padding: 40px;
margin: auto;
font-size: 0;
padding-top: 0;
margin-bottom: 35px; }
.videos-block .video-wrapper {
width: 50%;
font-size: 20px;
display: inline-block;
vertical-align: top;
margin-bottom: 35px; }
.videos-block .video-wrapper iframe {
display: block; }
.videos-block .video-wrapper .thumbnail-wrapper {
overflow: hidden; }
.videos-block .video-wrapper .thumbnail-wrapper img {
width: 100%;
margin: -9.4% 0; }
.videos-block .video-wrapper:nth-child(odd) {
padding-right: 2.5%; }
.videos-block .video-wrapper:nth-child(even) {
padding-left: 2.5%; }
.videos-block .video-wrapper .title-bar {
font-size: 80%;
font-weight: 600;
text-shadow: 0px 0px 8px #1a1a1a;
color: white;
background-color: #4F5858;
padding: 20px 30px;
margin-top: 10px; }
@media screen and (max-width: 800px) {
.videos-block .video-wrapper {
width: 100%; }
.videos-block .video-wrapper:nth-child(odd) {
padding-right: 0; }
.videos-block .video-wrapper:nth-child(even) {
padding-left: 0; } }
.subscribe {
text-align: center;
padding: 0 40px 20px 40px;
margin-top: -30px;
font-size: 80%; }
.subscribe a {
font-weight: 600;
padding-left: 30px;
padding-right: 30px; }
.thumbnail-wrapper {
position: relative;
cursor: pointer; }
.thumbnail-wrapper svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%);
font-size: 60px;
color: #EE5A24;
transform: translateY(-50%) translateX(-50%);
text-shadow: 0 0 8px #1a1a1a;
transform-origin: center center;
transition: all 0.5s; }
.thumbnail-wrapper:hover svg {
font-size: 80px; }
.video-player {
position: fixed;
top: 0;
left: 0;
z-index: 200;
width: 100%;
padding: 60px;
height: 100%;
background-color: rgba(26, 26, 26, 0.7);
display: none;
box-sizing: border-box;
z-index: 99999; }
.video-player .vid-wrapper {
position: absolute;
top: 50%;
left: 50%;
width: 90%;
max-width: 1000px;
transform: translateY(-50%) translateX(-50%); }
.video-player .vid-wrapper .close {
position: absolute;
right: 0;
top: -50px;
cursor: pointer;
font-size: 40px;
color: #EE5A24;
transition: color 0.5s; }
.video-player .vid-wrapper .close:hover {
color: white; }
.video-player iframe {
width: 100%;
display: block; }
.style-products {
background-color: #F7F5F5; }
.style-products .products-wrapper {
padding: 60px;
font-size: 0; }
.style-products .images-wrapper, .style-products .text {
display: inline-block;
vertical-align: top; }
.style-products .images-container {
overflow: hidden; }
.style-products .lower {
border-top: 2px solid #DDDDDD;
margin-top: 20px;
padding: 15px 0; }
.style-products .lower .price {
font-size: 160%;
font-weight: 300; }
.style-products .images-wrapper {
width: 47.5%;
margin-right: 10%;
background-color: white;
padding: 60px 30px;
font-size: 20px;
position: relative;
white-space: nowrap; }
.style-products .images-wrapper .images {
transition: all 0.5s; }
.style-products .images-wrapper .image-container {
display: inline-block;
width: 100%;
opacity: 0;
transition: all 0.5s;
vertical-align: middle;
margin-right: -5px; }
.style-products .images-wrapper .image-container.active {
opacity: 1; }
.style-products .images-wrapper img {
display: block;
margin: auto;
max-height: 430px; }
.style-products .images-wrapper .prev, .style-products .images-wrapper .next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 50;
cursor: pointer;
color: #4F5858;
transition: color 0.5s;
font-size: 140%; }
.style-products .images-wrapper .prev:hover, .style-products .images-wrapper .next:hover {
color: #EE5A24; }
.style-products .images-wrapper .prev {
left: -30px; }
.style-products .images-wrapper .next {
right: -30px; }
.style-products .images-wrapper .bullets {
position: absolute;
left: 50%;
transform: translateX(-50%) translateY(-50%);
bottom: 25px; }
.style-products .images-wrapper .bullet {
width: 10px;
height: 10px;
background-color: #F7F5F5;
cursor: pointer;
display: inline-block;
margin-right: 5px;
vertical-align: middle;
border-radius: 10px;
transition: background-color 0.5s; }
.style-products .images-wrapper .bullet:last-child {
margin-right: 0; }
.style-products .images-wrapper .bullet:hover, .style-products .images-wrapper .bullet.active {
background-color: #4F5858; }
.style-products .images-wrapper .bullet.active {
transform: scale(1.1); }
.style-products .text {
width: 42.5%;
font-size: 20px;
white-space: nowrap;
overflow: hidden; }
.style-products .text .text-container {
display: inline-block;
vertical-align: top;
white-space: normal;
opacity: 0;
transition: opacity 0.5s; }
.style-products .text .text-container.active {
opacity: 1; }
.style-products .text .text-container.standard-text {
color: #1a1a1a; }
.style-products .text .text-container.standard-text h2 {
text-align: left;
color: #1a1a1a; }
@media screen and (max-width: 800px) and (min-width: 700px) {
.style-products .text {
font-size: 16px; } }
@media screen and (max-width: 450px) {
.style-products .text {
font-size: 16px; } }
@media screen and (max-width: 700px) {
.style-products .products-wrapper {
padding: 60px 80px; }
.style-products .images-wrapper, .style-products .text {
width: 100%;
display: block; }
.style-products .images-wrapper {
margin-bottom: 40px; } }
section.gallery-section {
padding: 40px 0 20px 0;
position: relative; }
section.gallery-section .next, section.gallery-section .prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 160%;
cursor: pointer; }
section.gallery-section .next:hover, section.gallery-section .prev:hover {
color: #EE5A24; }
section.gallery-section .next {
right: 20px; }
section.gallery-section .prev {
left: 20px; }
ul.gallery {
font-size: 0;
list-style: none;
padding: 0 40px;
max-width: 1300px;
box-sizing: border-box;
margin: auto;
position: relative;
overflow: hidden;
margin-bottom: -3%; }
ul.gallery li {
display: inline-block;
width: 25%;
vertical-align: top;
text-align: center;
padding: 0 1.5%;
margin-bottom: 3%;
position: relative; }
ul.gallery li a {
padding-top: 100%;
display: block; }
ul.gallery li a img {
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%); }
@media screen and (max-width: 1100px) {
ul.gallery li {
width: 33.333333%; } }
@media screen and (max-width: 600px) {
ul.gallery li {
width: 50%; } }
ul.gallery .page {
position: absolute;
top: 0;
left: 0;
display: none;
padding: 0 40px;
width: 100%; }
.trigger-element {
text-align: center; }
.trigger-element .button-container {
padding: 40px; }
.spinner-container {
display: none;
padding: 40px; }   .spinner {
transform: rotate(90deg);
width: 2em;
margin: auto;
position: relative; }
.spinner, .spinner div {
transform-origin: 50% 50%; }
.spinner div {
position: absolute;
top: 0;
left: 0;
width: 100%; }
.spinner:before,
.spinner:after,
.spinner div:before,
.spinner div:after {
animation-duration: 1000ms;
animation-iteration-count: infinite;
content: "";
background: #EE5A24;
border-radius: 100%;
width: 0.5em;
height: 0.5em;
position: absolute; }
.spinner:before,
.spinner div:before {
animation-name: orbBounceBefore;
top: -0.25em;
left: -0.25em; }
.spinner:after,
.spinner div:after {
animation-name: orbBounceAfter;
top: -0.25em;
right: -0.25em; }
.spinner-a {
transform: rotate(60deg) translateY(0); }
.spinner-b {
transform: rotate(120deg) translateY(0); }
@keyframes orbBounceBefore {
60% {
transform: translateX(0);
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(-100%); }
100% {
transform: translateX(0); } }
@keyframes orbBounceAfter {
60% {
animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transform: translateX(0); }
80% {
animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
transform: translateX(100%); }
100% {
transform: translateX(0); } }
.spinner-a:before {
animation-delay: 166.6666666667ms; }
.spinner-b:before {
animation-delay: 333.3333333333ms; }
.spinner:after {
animation-delay: 500ms; }
.spinner-a:after {
animation-delay: 666.6666666667ms; }
.spinner-b:after {
animation-delay: 833.3333333333ms; }
#post-404.page-content {
text-align: center; }
#post-404.page-content a {
color: #4F5858; }
#post-404.page-content a::after {
background-color: #4F5858; }