/* Minification failed. Returning unminified contents.
(621,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(622,51): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(629,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(634,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(652,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(653,113): run-time error CSS1039: Token not allowed after unary operator: '-secondary-colour'
(653,176): run-time error CSS1039: Token not allowed after unary operator: '-secondary-colour'
(653,204): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-colour'
(653,275): run-time error CSS1039: Token not allowed after unary operator: '-secondary-colour'
(653,302): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-colour'
(653,371): run-time error CSS1039: Token not allowed after unary operator: '-secondary-colour'
(653,398): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-colour'
(665,65): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(671,44): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(673,56): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(683,62): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(692,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(694,52): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(695,61): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(697,112): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(744,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(757,75): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(764,56): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(764,116): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(775,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(775,75): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(776,77): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(786,79): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(795,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-variant-colour'
(820,51): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(825,75): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(849,104): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(860,271): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(891,36): run-time error CSS1019: Unexpected token, found '`'
(902,82): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(904,96): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(929,48): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(939,62): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(940,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(965,59): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(965,120): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(965,146): run-time error CSS1039: Token not allowed after unary operator: '-primary-variant-colour'
(965,224): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(965,249): run-time error CSS1039: Token not allowed after unary operator: '-primary-variant-colour'
(965,325): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(965,350): run-time error CSS1039: Token not allowed after unary operator: '-primary-variant-colour'
(1019,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1054,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-variant-colour'
(1057,48): run-time error CSS1039: Token not allowed after unary operator: '-primary-variant-colour'
(1065,52): run-time error CSS1039: Token not allowed after unary operator: '-primary-variant-colour'
(1074,76): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1126,85): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1212,103): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1267,134): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1270,120): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1272,105): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1298,179): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1300,98): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1327,102): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1335,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1530,87): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1596,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1653,98): run-time error CSS1039: Token not allowed after unary operator: '-secondary-colour'
(1654,101): run-time error CSS1039: Token not allowed after unary operator: '-secondary-colour'
(1727,75): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1769,96): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1833,51): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1833,112): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1833,138): run-time error CSS1039: Token not allowed after unary operator: '-primary-variant-colour'
(1833,216): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1833,241): run-time error CSS1039: Token not allowed after unary operator: '-primary-variant-colour'
(1833,317): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1833,342): run-time error CSS1039: Token not allowed after unary operator: '-primary-variant-colour'
(1898,64): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(1971,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(2075,125): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(2076,147): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(2091,159): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(2185,65): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(2197,106): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(2242,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(2292,185): run-time error CSS1039: Token not allowed after unary operator: '-secondary-colour'
(2293,245): run-time error CSS1039: Token not allowed after unary operator: '-secondary-colour'
(2344,93): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(2349,38): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-colour'
(2371,179): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(2432,45): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(2491,92): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(2491,136): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(2501,86): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(2538,109): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(2554,52): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(2557,78): run-time error CSS1039: Token not allowed after unary operator: '-secondary-colour'
(2559,73): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(2560,171): run-time error CSS1039: Token not allowed after unary operator: '-secondary-colour'
(2561,170): run-time error CSS1039: Token not allowed after unary operator: '-secondary-colour'
(2572,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-font'
(2634,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2635,10): run-time error CSS1035: Expected colon, found '{'
(2640,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2641,10): run-time error CSS1035: Expected colon, found '{'
(2646,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2647,10): run-time error CSS1035: Expected colon, found '{'
(2652,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(2653,10): run-time error CSS1035: Expected colon, found '{'
 */
/*! jQuery UI - v1.12.1 - 2016-11-20
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.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-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-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("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("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("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("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}
/* 
 * ---------------------------------------- *
 * Name:    Normalise Styles     		    *
 * Type:    CSS		                        *
 * Version: v1.0.3                          *
 * Author:  Matt O'Neill                    *
 * ---------------------------------------- *
 */

 article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}[hidden],audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:'PT Sans',sans-serif;color:#222}body{margin:0;font-size:12px;line-height:1.4}a{color:#00e}a:visited{color:#551a8b}a:hover{color:#06e}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{margin:0;padding-left:30px}dd{margin:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none;margin:0;padding:0}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*width:13px;*height:13px}input[type=search]{-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;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}input[type=email],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=submit],input[type=text],textarea{-webkit-border-radius:0;border-radius:0;-webkit-appearance:none}select{-webkit-border-radius:0;border-radius:0}a,a:focus,a:hover,input,input:focus,select,select:focus,textarea,textarea:focus{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}*{-webkit-tap-highlight-color:rgba(255,255,255,0)}.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}
/* 
 * ---------------------------------------- *
 * Name: 	Form Validation                 *
 * ---------------------------------------- *
 */

.mon-form-builder {  }
.mon-form-builder .error-summary { display: none; }
.mon-form-builder.submitted .error-summary { display: block; text-align: center; }
.mon-form-builder.submitted .error-summary h3 { margin: 10px 0; }
.mon-form-builder.submitted-closed .error-summary ul { display: none; }
.mon-form-builder .form-field .error-messages { display: none; }
.mon-form-builder .form-field.error .error-messages { display: block; }

/*
 * ---------------------------------------- *
 * Name:      Stylish Forms       *
 * Version:   2.3.1                         *
 * Author:    Matt O'Neill      *
 * Status:    Release                       *
 * ---------------------------------------- *
 */

/* general & generic */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* input
 ------------------------ */
.stylish-form .stylish-text,
.stylish-form .stylish-number,
.stylish-form .stylish-email,
.stylish-form .stylish-password,
.stylish-form .stylish-textarea { position: relative; }
.stylish-form .stylish-text > input,
.stylish-form .stylish-number > input,
.stylish-form .stylish-email > input,
.stylish-form .stylish-password > input,
.stylish-form .stylish-textarea > textarea { color: #3f3f4a; background: none; border: none; outline: none; width: 100%; height: 58px; position: absolute; left: 0; top: 0; padding: 0px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.stylish-form .stylish-textarea > textarea { height: 100%; resize: none !important; top: 0; padding: 10px; }
.stylish-form .stylish-text > span,
.stylish-form .stylish-number > span,
.stylish-form .stylish-email > span,
.stylish-form .stylish-password > span,
.stylish-form .stylish-textarea > span { border: 1px solid #ccc; display: block; height: 58px; }
.stylish-form .stylish-textarea > span { height: 100px; }

/* disabled state styles */
.stylish-form .stylish-text.disabled,
.stylish-form .stylish-number.disabled,
.stylish-form .stylish-email.disabled,
.stylish-form .stylish-password.disabled,
.stylish-form .stylish-textarea.disabled,
.stylish-form .stylish-ds.disabled[data-type="checkbox"] { background-color: #ccc; }
.stylish-form .stylish-ds.disabled[data-type="radio"] > span { border-radius: 20px; background-color: #ccc; }

/* date input
 ------------------------ */
.stylish-form .stylish-text > input.date,
.stylish-form .stylish-number > input.date,
.stylish-form .stylish-text > span.date,
.stylish-form .stylish-number > span.date { width: 60px; margin-right: -2px; left: 0; padding: 0 10px; }

/* dual states
 ------------------------ */
.stylish-form .stylish-ds { display: block; width: 40px; height: 40px; position: relative; float: left; }
.stylish-form .stylish-ds > * { width: 100%; height: 100%; }
.stylish-form .stylish-ds > span { position: absolute; }
.stylish-form .stylish-ds > input[type="checkbox"],
.stylish-form .stylish-ds > input[type="radio"] { cursor: pointer; margin: 0; }

/* checkbox
 ------------------------ */
.stylish-form .stylish-ds[data-type="checkbox"] > span { display: inline-block; }
/*.stylish-form .stylish-ds[data-type="checkbox"] > span.checked:after { content: ''; display: block; width: 5px; height: 14px; border: solid #2f2f2f; border-width: 0 2px 2px 0; transform: rotate(45deg); top: 10px; left: 10px; position: relative; -webkit-transition: border-color 0.5s ease; -moz-transition: border-color 0.5s ease; -ms-transition: border-color 0.5s ease; -o-transition: border-color 0.5s ease; transition: border-color 0.5s ease; }*/

/* radio
 ------------------------ */
.stylish-form .stylish-ds[data-type="radio"] { border: none; }
.stylish-form .stylish-ds[data-type="radio"] > span { border-radius: 20px; border: 1px solid #ccc; }
.stylish-form .stylish-ds[data-type="radio"] > span.checked { width: 34px; height: 34px; padding: 3px; background: #555; }

/* select
 ------------------------ */
.stylish-form .stylish-select { outline: #c5c5c5; height: 58px; border: 1px solid #ccc; position: relative; cursor: pointer; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.stylish-form .stylish-select.active { border-radius: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.stylish-form .stylish-select.active > ul { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }

.stylish-form .stylish-select select { display: none; }
.stylish-form .stylish-select.disabled { background: #ccc; }
.stylish-form .stylish-select > span.selected { outline: none; display: block; padding: 5px 30px 5px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stylish-form .stylish-select > span > span.ico {  }

.stylish-form .stylish-select > span > span.ico { position: absolute; right: 1.4rem; top: 1.4rem; background-color: #8080b3; -webkit-transform: rotate(-0deg) skewX(-30deg) scale(1,.866); -moz-transform: rotate(-0deg) skewX(-30deg) scale(1,.866); -ms-transform: rotate(-0deg) skewX(-30deg) scale(1,.866); -o-transform: rotate(-0deg) skewX(-30deg) scale(1,.866); transform: rotate(-0deg) skewX(-30deg) scale(1,.866); }
.stylish-form .stylish-select > span > span.ico:before,
.stylish-form .stylish-select > span > span.ico:after { content: ''; position: absolute; background-color: inherit; }
.stylish-form .stylish-select > span > span.ico,
.stylish-form .stylish-select > span > span.ico:before,
.stylish-form .stylish-select > span > span.ico:after { width: 0.7rem; height: 0.7rem; border-top-right-radius: 20%; }
.stylish-form .stylish-select > span > span.ico:before { -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%); -moz-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%); -ms-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%); -o-transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%); transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%); }
.stylish-form .stylish-select > span > span.ico:after { -webkit-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%); -moz-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%); -ms-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%); -o-transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%); transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%); }

.stylish-form .stylish-select > ul { box-sizing: content-box; top: calc(106% - 2px); left: -1px; display: none; cursor: pointer; position: absolute; z-index: 3; background: #fff; border: 1px solid #ccc; list-style: none; padding: 0; margin: 0; width: 100%; overflow: auto; }
.stylish-form .stylish-select > ul.show-above { top: auto; bottom: 100%; }
.stylish-form .stylish-select > ul li { outline: none; background: #fff; padding: 5px 10px; -webkit-transition: background 0.5s ease, color 0.4s ease; -moz-transition: background 0.5s ease, color 0.4s ease; -ms-transition: background 0.5s ease, color 0.4s ease; -o-transition: background 0.5s ease, color 0.4s ease; transition: background 0.5s ease, color 0.4s ease; }
.stylish-form .stylish-select > ul li:not(:first-child):hover { background: #8080b3; color: #fff; }
.stylish-form .stylish-select > ul li:not(:first-child):hover span.checked:after { border-color: #fff; }
.stylish-form .stylish-select > ul li.disabled { color: #ccc; cursor: default; }
.stylish-form .stylish-select > ul li.group span { display: block; cursor: default; font-weight: bold; font-style: italic; }
.stylish-form .stylish-select > ul li.group ul { list-style: none; }

/* checkbox dropdown
 ------------------------ */
.stylish-form .stylish-select.checkbox-dropdown { }
.stylish-form .stylish-select.checkbox-dropdown .stylish-ds[data-type="checkbox"] { }
.stylish-form .stylish-select.checkbox-dropdown .stylish-ds[data-type="checkbox"] > span { border-color: #222; }
.stylish-form .stylish-select.checkbox-dropdown ul > li { float: left; width: 100%; position: relative; }
.stylish-form .stylish-select.checkbox-dropdown ul > li .stylish-ds { position: absolute; }
.stylish-form .stylish-select.checkbox-dropdown label { height: 42px; line-height: 42px; margin-bottom: 0; width: 100%; float: left; padding-left: 42px; }

/* range slider
-------------------------- */
.stylish-form .ui-slider.ui-slider-horizontal { background: #999; height: 6px; margin-top: 24px; }
.stylish-form .ui-slider-range { background: #fff; height: 6px; }
.stylish-form .ui-slider-handle { background: #fff; height: 27px; width: 10px; margin-top: -5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.stylish-form .ui-slider-handle:first-of-type { margin-left: 0; }

/* 
 * ---------------------------------------- *
 * Name: Carousel Styles 					*
 * Version: 2.1.1                           *
 * Author: Matt O'Neill                     *
  * ---------------------------------------- *
 */

/* -------------------------------
   Core Styling
   ------------------------------- */

html { overflow-x: hidden; }
/*.carousel ul, .carousel ol, .carousel div { list-style: none; }*/
.carousel { width: 100%;height: 100%; z-index: 1; position: relative; overflow: hidden; float: left; }
.carousel[data-modes*=infinite] { overflow: hidden; }
.carousel[data-modes*=infinite] .mask { z-index: 3; background: #222; position: absolute; top: 0; left: 0; height: 100%; float: left; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; }
.carousel .slide-container { position: relative; width: 99999px; float: left;height: 100%; background: #fff; }
.carousel .loader { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; }

/* slide */
.carousel .viewport { width: 100%; height: 100%; z-index: 1; position: relative; overflow: hidden; float: left; }
.carousel[data-modes*=infinite] .viewport { overflow: visible; }
.carousel .slide-container > div { display: block; position: relative; height: 100%; float: left; }

/* fade */
.carousel[data-modes*=fade] .slide-container { }
.carousel[data-modes*=fade] .mask { display: none; }
.carousel[data-modes*=fade] .slide-container > div { position: absolute; display: none; z-index: 0; }
.carousel[data-modes*=fade] .slide-container > div:first-child { display: block; }

/* controls */
.carousel > .step { display: none; width: 0; height: 0; -webkit-transform: rotate(360deg); }
.carousel > .step.prev { z-index: 3; position: absolute; top: 50%; left: 10px; margin-top: -30px; cursor: pointer; }
.carousel > .step.next { z-index: 3; position: absolute; top: 50%; right: 10px; margin-top: -30px; cursor: pointer; }
.carousel > .pagination-controls { z-index: 3; position: absolute; left: 50%; bottom: 5px; padding: 15px; }
.carousel > .pagination-controls > span { cursor: pointer; float: left; margin-left: 5px; width: 10px; height: 10px; border-radius: 10px; background: #222; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.carousel > .pagination-controls > span.active { background: #444; }
.carousel > .pagination-controls > span:first-child { margin-left: 0; }
.carousel > .pagination-controls > span:hover { background: #666; }

/* basic slide styling */
/*.carousel { }
.carousel .slide-container > div { background: #2a2a2a; overflow: hidden; }
.carousel .slide-container > div > img { position: absolute; left: 0; top: 0; z-index: 0; }*/


/* 
 * ---------------------------------------- *
 * Name: Slide Deck      					*
 * Version: 1.0.0                           *
 * Author: Matt O'Neill                     *
 * ---------------------------------------- *
 */

.slide-deck { position: relative; }
.slide-deck .slide-card { position: absolute; width: 100%; height: 100%; display: table; opacity: 0; visibility: hidden; }
.slide-deck .slide-card.active { opacity: 1; visibility: visible; }
.slide-deck .slide-card.active.prev { opacity: 0; visibility: hidden; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity 0.5s ease, transform 0.8s ease, visibility 0.5s ease; -moz-transition: opacity 0.5s ease, transform 0.8s ease, visibility 0.5s ease; -ms-transition: opacity 0.5s ease, transform 0.8s ease, visibility 0.5s ease; -o-transition: opacity 0.5s ease, transform 0.8s ease, visibility 0.5s ease; transition: opacity 0.5s ease, transform 0.8s ease, visibility 0.5s ease; }
.slide-deck .slide-card.next { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.8s ease, visibility 0.8s ease; -moz-transition: opacity 0.8s ease, visibility 0.8s ease; -ms-transition: opacity 0.8s ease, visibility 0.8s ease; -o-transition: opacity 0.8s ease, visibility 0.8s ease; transition: opacity 0.8s ease, visibility 0.8s ease; }
.slide-deck .slide-card.next.active { opacity: 1; visibility: visible; }
.slide-deck section.sections.target-left .slide-card.prev { -webkit-transform: translateX(30rem); -moz-transform: translateX(30rem); -ms-transform: translateX(30rem); -o-transform: translateX(30rem); transform: translateX(30rem); }
.slide-deck section.sections.target-right .slide-card.prev { -webkit-transform: translateX(-30rem); -moz-transform: translateX(-30rem); -ms-transform: translateX(-30rem); -o-transform: translateX(-30rem); transform: translateX(-30rem); }
.slide-deck nav { position: absolute; bottom: 15px; bottom: 1.5rem; width: 100%; height: 35px; height: 3.5rem; }
.slide-deck nav .pager,
.slide-deck nav .step { position: absolute; }
.slide-deck nav .step { display: none; }
.slide-deck nav .pager { left: 0; }
.slide-deck nav .pager > div { width: 10px; height: 10px; background: #fff; margin-left: 15px; float: left; cursor: pointer; position: relative; opacity: 0.2; }
.slide-deck nav .pager > div.current { cursor: default; opacity: 1;  }
.slide-deck nav .pager > div:first-child { margin-left: 0; }
.slide-deck nav .pager > div > span.tooltip { visibility: hidden; position: absolute; width: 160px; width: 16rem; color: #2f2f2f; background: #eaeaea; opacity: 0; bottom: 30px; bottom: 3rem; left: 50%; margin-left: -80px; margin-left: -8rem; z-index: 1; height: 30px; height: 3rem; line-height: 30px; line-height: 3rem; text-align: center; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; -moz-transition: opacity 0.3s ease, visibility 0.3s ease; -ms-transition: opacity 0.3s ease, visibility 0.3s ease; -o-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; }

.slide-deck nav .pager > div:hover > span.tooltip { visibility: visible; opacity: 0.9; }
.slide-deck nav .pager > div > span.tooltip:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; margin-left: -0.8rem; width: 0; height: 0; z-index: 2; border-top: 8px solid #eaeaea; border-right: 8px solid transparent; border-left: 8px solid transparent; }
.slide-deck nav .step { right: 0; }
.slide-deck nav .step > span { cursor: pointer; width: 40px; width: 4rem; height: 20px; height: 2rem; margin-left: 10px; margin-left: 1rem; display: inline-block; }
.slide-deck nav .step > span.disabled { cursor: default; opacity: 0.2; }
.slide-deck nav .step > span:first-child { margin-left: 0; }
/* 
 * ---------------------------------------- *
 * Name: Responsive                         *
 * Version: 2.0.0                           *
 * Author: Matt O'Neill                     *
 * ---------------------------------------- *
 */

.responsive-image-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto; overflow: hidden; }
.responsive-image-container .responsive-image { position: absolute; max-width: none; top: 0; left: 0; border: none; outline: none; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
.responsive-image-container .responsive-image.fitted-wide { width: 100%; height: auto; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.responsive-image-container .responsive-image.fitted-tall { height: 100%; width: auto; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.responsive-image-container .responsive-image.fitted-object-fit { top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /*-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;*/ }
.responsive-image-container .responsive-image.fitted-margins { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
.no-js .responsive-image-container .responsive-image,
.responsive-image-container .responsive-image.fitted { opacity: 1; filter: alpha(opacity=100); }
.no-js .responsive-image-container .responsive-image { width: 100%; height: auto; top: 0; left: 0; }

.edge .responsive-image-container .responsive-image.fitted-wide { top: 0; }
/* 
 * ---------------------------------------- *
 * Name: 	Forms                           *
 * ---------------------------------------- *
 */

/* placeholders */
::-webkit-input-placeholder { font-size: 1.4rem; line-height: 2rem; color: #9c9c9c; -ms-transition: opacity ease 0.5s; -o-transition: opacity ease 0.5s; -webkit-transition: opacity ease 0.5s; transition: opacity ease 0.5s; }
:-moz-placeholder { font-size: 1.4rem; line-height: 2rem; color: #9c9c9c; -ms-transition: opacity ease 0.5s; -o-transition: opacity ease 0.5s; -webkit-transition: opacity ease 0.5s; transition: opacity ease 0.5s; }
::-moz-placeholder { font-size: 1.4rem; line-height: 2rem; color: #9c9c9c; -ms-transition: opacity ease 0.5s; -o-transition: opacity ease 0.5s; -webkit-transition: opacity ease 0.5s; transition: opacity ease 0.5s; }
:-ms-input-placeholder { font-size: 1.4rem; line-height: 2rem; color: #9c9c9c; -ms-transition: opacity ease 0.5s; -o-transition: opacity ease 0.5s; -webkit-transition: opacity ease 0.5s; transition: opacity ease 0.5s; }

:focus::-webkit-input-placeholder { opacity: 0.3; }
:focus:-moz-placeholder:focus { opacity: 0.3; }
:focus::-moz-placeholder:focus { opacity: 0.3; }
:focus:-ms-input-placeholder:focus { opacity: 0.3; }

.stylish-form input:focus ~ span { border-color: #c5c5c5; }

/* stylish form general overrides */
.stylish-form .stylish-text > input,
.stylish-form .stylish-number > input,
.stylish-form .stylish-email > input,
.stylish-form .stylish-password > input,
.stylish-form .stylish-textarea > textarea { font-size: 1.8rem; height: 50px; font-weight: 200; font-family: 'Roboto'; }
.stylish-form .stylish-textarea > textarea { height: 100px; }

.stylish-form .stylish-select,
.stylish-form .stylish-select > ul { border: 1px solid #d8d8d8; }
.stylish-form .stylish-select > ul { margin-top: -1px; }
.stylish-form .stylish-text > span,
.stylish-form .stylish-number > span,
.stylish-form .stylish-email > span,
.stylish-form .stylish-password > span,
.stylish-form .stylish-textarea > span { height: 50px; border-color: #d8d8d8; color: #fff; }
.stylish-form .stylish-textarea > span { height: 100px; }

/* error borders */
.stylish-form .form-field.error .stylish-select,
.stylish-form .form-field.error .stylish-select > ul { border-color: #df8686; }
.stylish-form .form-field.error .stylish-text > span,
.stylish-form .form-field.error .stylish-number > span,
.stylish-form .form-field.error .stylish-email > span,
.stylish-form .form-field.error .stylish-password > span,
.stylish-form .form-field.error .stylish-textarea > span { border-color: #df8686; }

.stylish-form .stylish-ds {  }
.stylish-form .stylish-select > span { background: #fff; height: 33px; font-size: 1.4rem; }
.dark .stylish-form .stylish-select > span,
.dark.stylish-form .stylish-select > span { background: none; }
.stylish-form .stylish-select > span.selected { white-space: normal; }

.dark .stylish-form .stylish-text > span,
.dark .stylish-form .stylish-number > span,
.dark .stylish-form .stylish-email > span,
.dark .stylish-form .stylish-password > span,
.dark .stylish-form .stylish-textarea > span { border-color: #fff; color: #2f2f2f; }
.dark .stylish-form .stylish-text > input,
.dark .stylish-form .stylish-textarea > textarea { color: #2f2f2f; }
.dark .stylish-form .cta { border: none; outline: none; }

.decorated .stylish-form .stylish-text > span,
.decorated .stylish-form .stylish-number > span,
.decorated .stylish-form .stylish-email > span,
.decorated .stylish-form .stylish-password > span,
.decorated .stylish-form .stylish-textarea > span { background: rgba(255,255,255,0.3) }

.stylish-form .stylish-select { font-size: 1.8rem; font-weight: 200; font-family: 'Roboto'; height: 50px; }
.stylish-form .stylish-select > ul li:not(:first-child):hover { background: none; color: #010d30; }
.stylish-form .stylish-select > span > span.ico { border-radius: 0; transform: none; top: 0; right: 0; height: 50px; width: 67px; background: url(/Assets/images/decoration/forms/select/light.svg); }
.dark .stylish-form .stylish-select > span > span.ico,
.stylish-form.dark .stylish-select > span > span.ico { background-image: url(/Assets/images/decoration/forms/select/dark.svg); }
.stylish-form .stylish-select > span.selected { padding-top: 12px; }
.stylish-form .stylish-select ul { width: 97%; padding: 0 1.5%; }
.stylish-form .stylish-select ul li { padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #d8d8d8; }
.stylish-form .stylish-select ul li:first-child { display: none; }
.stylish-form .stylish-select.checkbox-dropdown ul li { padding-top: 9px; padding-bottom: 9px; }
.stylish-form .stylish-select.checkbox-dropdown ul li:first-child { display: block; }
.stylish-form .stylish-select ul li:last-child { border-bottom: none; }
.stylish-form .stylish-textarea > textarea { padding: 1.5rem; }

/* 
    overrides
*/
.stylish-form .stylish-select.active > ul { overflow-x: hidden; }
.stylish-form .stylish-select.active > ul,
.stylish-form .stylish-select.active { border-radius: 0 !important; }

.dark .stylish-form .stylish-select > ul,
.stylish-form.dark .stylish-select > ul,
.dark .stylish-form .stylish-select > ul li,
.stylish-form.dark .stylish-select > ul li { background: #010d30; }
.dark .stylish-form .stylish-select > ul:hover,
.stylish-form.dark .stylish-select > ul:hover { color: #999; }
.dark .stylish-form .stylish-select > ul li:hover,
.stylish-form.dark .stylish-select > ul li:hover { color: #fff; }

.stylish-form .stylish-select.checkbox-dropdown .stylish-ds[data-type="checkbox"] > span > span.ico { width: 0; height: 0; border: 6px solid transparent; border-bottom: 11px solid #020942; position: relative; top: 1px; }
.stylish-form .stylish-select.checkbox-dropdown .stylish-ds[data-type="checkbox"] > span > span.ico:after { content: ''; position: absolute; left: -6px; top: 11px; width: 0; height: 0; border: 6px solid transparent; border-top: 11px solid #020942; }
.stylish-form .stylish-select.checkbox-dropdown .checked .stylish-ds[data-type="checkbox"] > span > span.ico { border-bottom-color: #fff; }
.stylish-form .stylish-select.checkbox-dropdown .checked .stylish-ds[data-type="checkbox"] > span > span.ico:after { border-top-color: #fff; }

.stylish-form .stylish-text,
.stylish-form .stylish-number,
.stylish-form .stylish-email,
.stylish-form .stylish-password,
.stylish-form .stylish-textarea,
.stylish-form .stylish-ds[data-type="checkbox"],
.stylish-form .stylish-text + label,
.stylish-form .stylish-number + label,
.stylish-form .stylish-email + label,
.stylish-form .stylish-password + label,
.stylish-form .stylish-textarea + label,
.stylish-form .stylish-ds[data-type="checkbox"] + label,
.stylish-form .stylish-ds[data-type="checkbox"] + .icon,
.stylish-form .stylish-ds[data-type="checkbox"] + .icon + label { -ms-transition: opacity 0.25s ease; -o-transition: opacity 0.25s ease; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; }

.stylish-form .stylish-text.disabled,
.stylish-form .stylish-number.disabled,
.stylish-form .stylish-email.disabled,
.stylish-form .stylish-password.disabled,
.stylish-form .stylish-textarea.disabled,
.stylish-form .stylish-ds.disabled[data-type="checkbox"] { background-color: transparent; }

.stylish-form .stylish-text.disabled + label,
.stylish-form .stylish-number.disabled + label,
.stylish-form .stylish-email.disabled + label,
.stylish-form .stylish-password.disabled + label,
.stylish-form .stylish-textarea.disabled + label,
.stylish-form .stylish-ds.disabled[data-type="checkbox"] + label,
.stylish-form .stylish-ds.disabled[data-type="checkbox"] + .icon,
.stylish-form .stylish-ds.disabled[data-type="checkbox"] + .icon + label { -ms-opacity: 0.2; opacity: 0.2; }

.stylish-form .stylish-ds.disabled > input[type="checkbox"],
.stylish-form .stylish-ds.disabled > input[type="radio"] { cursor: default; }

.dark .stylish-form .stylish-text > input, 
.dark .stylish-form .stylish-textarea > textarea { color: #fff }

.form .form-field.error { width: calc(100% - 43px); border: none; border-left: 4px solid #df8686; }
.form .form-field.half.error {  width: calc(48.5% - 31px); }

.form-field.form-checkboxes .field .ico { transition: background-color 0.3s ease; margin: 8px; }
.form-field.form-checkboxes .field .checked .ico { background: #00103d }
.form-field.form-checkboxes .stylish-ds { border: 1px solid #d8d8d8; }
.form-field.form-checkboxes .stylish-ds > span.checked:after { top: 8px; left: 14px; border-color: #010d30; }
.form-field.form-checkboxes label { display: block; width: calc(100% - 56px); }

/* forms builder
   ---------------------------- */
.form { }
.form .actions { width: 100%; }
.form .actions .cta-container { margin: 0 auto; float: none; margin-top: 3rem; }
.form .pending-mask { visibility: hidden; opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: rgba(255, 255, 255, 0.75); transition: opacity ease 1s; }
.form.pending .pending-mask { visibility: visible; opacity: 1; }

.form .form-field { width: calc(100% - 20px); float: left; }
.form .form-field .form-note { color: #ccc; }
.module.form .form-field.half { width: calc(46%); float: left; padding-right: 0; }
.module.form .form-field.half + .form-field.half { /*margin-left: 3%;*/ float: right; }
.module.form .form-field.half:nth-child(2n + 1),
.module.form .form-field.half + .form-field.half:nth-child(2n + 1)  { float: left; }
.form .form-field .error-messages { display: none; margin-top: 10px; margin-top: 1rem; float: left; width: 100%; text-align: left; }
.form .form-field.error .error-messages { display: block; }
.form .form-field .error-messages > span,
.form .form-field .error-messages > div { display: inline; padding-left: 14px; color: #fff; font-size: 16px; font-size: 1.6rem; }
.form .form-field .error-messages > span.sys.error,
.form .form-field .error-messages > div.sys.error { background: none !important; color: #df8686; }
/*.form .form-field.error .error-messages > div.sys.error { display: block !important; }*/
.form .response-message { font-size: 1.6rem; font-weight: 200; width: 100%; text-align: center; }

.form .form-checkboxes label,
.form .form-radio-list label { margin-left: 14px; margin-left: 1.4rem; margin-top: 6px; float: left; }

.mon-form-builder fieldset.form-section { position: relative; }
.mon-form-builder .form-field { border: 2px solid transparent; margin-bottom: 20px; margin-bottom: 2rem; float: left; width: 100%; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; transition: 0.5s ease; -ms-transition-property: width, padding, border; -o-transition-property: width, padding, border; transition-property: width, padding, border; }
.mon-form-builder .form-field.error { width: calc(100% - 4px); border-color: #df8686; }

/* checkboxes */
.mon-form-builder .form-checkboxes,
.mon-form-builder .form-radio-list { float: left; width: 100%; }

.mon-form-builder .form-radio-list > label { margin-left: 0; }

.mon-form-builder .form-checkbox-list { }
.mon-form-builder .form-checkbox-list > label { margin-bottom: 10px; margin-bottom: 1rem; float: left; }
.mon-form-builder .form-checkbox-list .checkbox-group.form-checkboxes {  flex-wrap: wrap; display: flex; width: 90%; margin: 0 auto; float: none; }
.mon-form-builder .form-checkbox-list .checkbox-group.form-checkboxes .pair { margin-right: 18px; min-width: 40%; margin-bottom: 10px; margin-bottom: 1rem; }
.mon-form-builder .form-checkbox-list .checkbox-group.form-checkboxes span.checked .ico { margin: 10px; width: 20px; height: 20px; transition: background-color 0.3s ease }
.mon-form-builder .form-checkbox-list .checkbox-group.form-checkboxes span.checked .ico { background: #010d30; }

.mon-form-builder .form-radio-list label { margin-top: 0; }
.mon-form-builder .form-radio-list .radio-button-group { width: 90%; margin: 0 auto; float: none; top: 10px; position: relative; }
.mon-form-builder .form-radio-list .radio-button-group .pair { min-width: 30%; width: 100%; float: left; margin-bottom: 15px; }
.mon-form-builder .form-radio-list .stylish-ds[data-type="radio"] { width: 24px; height: 24px; margin-top: -1px; }
.mon-form-builder .form-radio-list .stylish-ds[data-type="radio"] > span { border: 1px solid #e2e2e2; width: 22px; height: 22px; }
.mon-form-builder .form-radio-list .stylish-ds[data-type="radio"] > span.checked { width: 16px; height: 16px; background: none; }
.mon-form-builder .form-radio-list .stylish-ds[data-type="radio"] > span > .ico { width: 0; height: 0; margin: 8px; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; -webkit-transition: 0.2s ease; transition: 0.2s ease; -ms-transition-property: width, height, margin; -o-transition-property: width, height, margin; transition-property: width, height, margin; }
.mon-form-builder .form-radio-list .stylish-ds[data-type="radio"] > span.checked > .ico { display: block; width: 10px; height: 10px; margin: 3px; background: #010d30; border-radius: 20px; }
.module.dark .mon-form-builder .form-radio-list .stylish-ds[data-type="radio"] > span.checked > .ico { background: #fff; }

.mon-form-builder .actions { float: right; }
.mon-form-builder .actions .submit { float: left; }
.mon-form-builder .actions .form-clear { padding: 12px 40px 10px; padding: 1.1rem 4rem 1rem; margin-right: 20px; margin-right: 2rem; }
.mon-form-builder .actions .cta { padding-top: 1rem; padding-bottom: 1rem; }

.mon-form-builder.submitted.closed fieldset.form-section,
.mon-form-builder.submitted.closed .actions { display: none; }

/* drop hint form
   ---------------------------- */
.drop-hint-screen .form.drop-hint-form { float: left; width: 100%; padding-top: 1rem; }
.drop-hint-screen .form.drop-hint-form .response-message { margin-top: 1rem; }
.drop-hint-screen .form.drop-hint-form .form-field { float: left; width: 100%; margin-top: 3rem; }
.drop-hint-screen .form.drop-hint-form .sender-email-field,
.drop-hint-screen .form.drop-hint-form .recipient-email-field { width: 48.5%; float: left; }
.drop-hint-screen .form.drop-hint-form .recipient-email-field { margin-left: 3%; }

/* appointment booking form
   ---------------------------- */
.book-appointment-form-component .book-appointment-form { display: none; }
.book-appointment-form-component .book-appointment-form .cta-container .icon { margin-left: 0.5rem; }
.book-appointment-form-component .book-appointment-form .cta-container .cta { padding-left: 7rem; }

.form.appointment-form { }
.form.appointment-form .close-cross { top: 10px; }
.form.appointment-form .form-field { margin-top: 10px; }
.form.appointment-form .stylish-select ul > li:first-child { display: none; }
.module .wrapper .inner .form.appointment-form .cta-container { margin-top: 20px; }

/*.form.appointment-form .form-field.name-field,
.form.appointment-form .form-field.tel-field,
.form.appointment-form .form-field.email-field,
.form.appointment-form .form-field.preference-field { width: 48.5%; float: left; }
.form.appointment-form .form-field.email-field,
.form.appointment-form .form-field.preference-field { margin-left: 3%; }*/

/*.form.place-order-form .actions { margin-bottom: 3rem; }*/
/*.form.appointment-form .form-field.message-field { width: 100%; float: left; }*/

.dark .form .form-field { background: none; }

/* customer details form
   ---------------------------- */
.place-order-form .basic-details,
.place-order-form .billing-details,
.place-order-form .delivery-details { float: left; width:100%; }
.place-order-form {  }
.place-order-form.form.pending .pending-mask { z-index: 2; }

/* payment details
   ---------------------------- */
.place-order-form.form.module .field-70 { width: 70%; }
.place-order-form.form.module .date-group { float: left; width: 49%; padding: 10px 0; }
.place-order-form.form.module .date-group label { margin-left: 20px; }
.place-order-form.form.module .payment-details .date-group .form-field.month { width: 80px; }
.place-order-form.form.module .payment-details .date-group .form-field.year { width: 120px; }
.place-order-form.form.module .field { position: relative; }
.place-order-form.form.module .field .ico.tick-dark { opacity: 0; margin-top: 10px; width: 30px; height: 30px; display: block; position: absolute; right: 14px; top: 11px; transition: opacity 0.3s ease, margin-top 0.7s ease; }
.place-order-form.form.module .field.card-valid .ico.tick-dark { opacity: 1; margin-top: 0 }

.place-order-form .card-number-cluster { float: left; width: 100%; }
.place-order-form .card-number-cluster label { float: left; width: calc(100% - 20px); padding-left: 20px; }
.place-order-form .security-number .field { width: 80px; padding-top: 10px; }
.place-order-form .security-number label,
.module.form.place-order-form.checkout-form .security-number label { display: block; }
.place-order-form .card-type { float: left; width: 49%; padding-left: 1%; }
.place-order-form .card-type .card { float: left; margin-left: 9px; padding-top: 13px; }
.place-order-form .card-type .card img { width: 75px; height: 47px; }
.place-order-form .card-type .card.inactive { opacity: 0.2; }
.place-order-form .card-type .card:first-child {  }

.place-order-form.form.module .form-field.form-checkboxes label { display: inline-block; }

.place-order-form .security-number .field { float: left; z-index: 1; }
.place-order-form .security-number .security-help { left: 13px; top: 18px; position: relative; }
.place-order-form .security-number .security-help > div { display: none; font-size: 1.2rem; }

.place-order-form.form.module .actions { width: 100%; padding: 20px; position: relative; overflow: hidden; }
.place-order-form.form.module .actions .decoration-container { z-index: -1; }
.place-order-form.form.module .actions .final-info { float: left; width: 100%; margin-bottom: 10px; }

.place-order-form.form.module .actions .total-label { font-size: 2.6rem; font-weight: 300; font-family: "Raleway"; margin-right: 1rem; float: right; line-height: 5.2rem; }
.place-order-form.form.module .actions .total { float: left; width: 100%; position: relative; margin-bottom: 6px; }
.place-order-form.form.module .actions .total .vat-label { position: absolute; text-align: right; bottom: -10px; font-size: 1.3rem; right: 0; color: #999; }
.place-order-form.form.module .actions .price-display.price-no-label { float: right; }
.place-order-form.form.module .actions .final-pay-button { width: 100%; float: left; margin-bottom: 20px; text-align: right; }
.place-order-form.form.module .actions .final-pay-button .final-price-displays { float: left; }
.place-order-form.form.module .actions .final-pay-button .final-price-displays .discount-display { float: none; }
.place-order-form.form.module .actions .final-pay-button .final-price-displays .discount-display .message { display: none; }
.place-order-form.form.module .actions .cta-container,
#place-order-form.form.module .actions .cta-container,
#checkout-form .actions .cta-container { margin-top: 0; margin-left: 20px;  }
.place-order-form .actions footer { float: left; width: 100%; margin-top: 10px; }
.place-order-form .discount-display { float: right; width: 100%; text-align: right; }
.place-order-form .discount-display .message { font-weight: 300; font-size: 1.4rem; }
.place-order-form .discount-display .base-value { font-size: 2.2rem; font-weight: 300; display: inline; }
.place-order-form .discount-display .discount-saving { color: #df8686 }
.place-order-form #pay-button { display: none; }
.place-order-form .payment-errors #paymentErrors { float: left; width: 100%; }
.place-order-form .payment-errors #paymentErrors { margin-left: 20px; color: #df8686; }
.place-order-form .order-reference-number { padding: 20px; display: inline-block; }
.place-order-form .stylish-form .stylish-select ul li:first-child { display: block; }
.place-order-form #secure-iframe-placeholder { width: 100%; height: 300px; padding-left: 20px; }
.place-order-form .payment-received,
.place-order-form .payment-error { padding-bottom: 20px; }
.place-order-form .funnel-section .payment-error h3,
.place-order-form .funnel-section .payment-received h3 { margin-left: 0; }
.place-order-form .funnel-section .payment-received iframe { width: 100%; height: 50vh; }

@media screen and (max-width: 900px) { .module.form .form-field.half { width: 45%; }
    .module.form .form-field.error.half { width: 43%; }
}

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

    .stylish-form .stylish-text > input,
    .stylish-form .stylish-number > input,
    .stylish-form .stylish-email > input,
    .stylish-form .stylish-password > input,
    .stylish-form .stylish-textarea > textarea { height: 4.8rem; font-size: 1.8rem; }
    .stylish-form .stylish-textarea > textarea { height: 100%; }
    .stylish-form .stylish-text > span,
    .stylish-form .stylish-number > span,
    .stylish-form .stylish-email > span,
    .stylish-form .stylish-password > span,
    .stylish-form .stylish-textarea > span { height: 4.8rem; }
    .stylish-form .stylish-textarea > span { height: 10rem; }

    /* selects */
    .stylish-form .stylish-select,
    .stylish-form .stylish-select > span > span.ico { height: 4.8rem; }
    .stylish-form .stylish-select > span.selected { padding-top: 1rem; font-size: 1.8rem; }

    .mon-form-builder .form-radio-list .radio-button-group { display: block; }

}

@media screen and (max-width: 550px) {
    .place-order-form.form.module .date-group { width: 100%; margin: 0; }
    .place-order-form.form.module .actions { margin-top: 20px; }
}

.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
/* 
/* 
 * ---------------------------------------- *
 * Name: 	Primary Styles                  *
 * ---------------------------------------- *
 */


/* system colours */
.sys { }
.sys.error { background: #df8686 !important; }
.sys.warning { }
.sys.success { }
.sys.info { }

/* global colours */
.platinum { background: #e5e5e6; }
.ct-white-gold { background: #f2f2f2; }
.ct-gold { background: #e5ba5e; }
.rose-gold { background: #db906f; }

/* font weights
 
    200 - eg. light
    400 - eg. regular
    600 - eg. semi-bold

/* global
   ============================ */

html { font-size: 62.5%; box-sizing: border-box; }
body { overflow-x: hidden; font-family: 'Roboto'; font-weight: 400; background-color: #ffffff; font-size: 16px; color: #5C5C5C; -webkit-font-smoothing: antialiased; }

a,
a:visited { color: var(--primary-colour); text-decoration: none; -webkit-transition: background 0.2s ease, text-decoration 0.2s ease, color 0.3s ease; -moz-transition: background 0.2s ease, text-decoration 0.2s ease, color 0.3s ease; -o-transition: background 0.2s ease, text-decoration 0.2s ease, color 0.3s ease; transition: background 0.2s ease, text-decoration 0.2s ease, color 0.2s ease; }
a:hover { text-decoration: underline; color: var(--primary-colour); }
a:hover,
a:active { outline: 0; }
ul { list-style: none; }
ul,
ol { padding: 0; margin: 0; }

h1, h2, h3, h4, a.cta { font-family: var(--primary-font); font-weight: 200; margin: 0; color: #3f3f4a; }
.dark h1,
.dark h2,
.dark h3,
.dark h4 { color: #fff; }
blockquote { font-family: var(--primary-font); font-weight: 300; }

h2 { font-size: 32px; font-size: 3.2rem; line-height: 40px; line-height: 4rem; }
h4 { font-weight: 300; }

.strikethrough { position: relative; }
.strikethrough:before { position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 1px solid; border-color: inherit; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); }

#main { float: left; width: 100%; }
.wrapper { max-width: 1400px; max-width: 140rem; width: 100%; margin: 0 auto; }
#site-body { float: left; width: 100%; }

.line-arrow { position: absolute; right: 20px; top: 50%; margin-top: -0.75rem; }
.line-arrow.right { border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 1.15rem; height: 1.2rem; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.line-arrow.down { border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 8px; height: 8px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(45deg); }
.line-arrow.up { border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 8px; height: 8px; top: 6px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

/* buttons */
.cta-container { background: var(--primary-colour); position: relative; min-height: 50px; height: 50px; display: table; border-radius: 2px; }
.cta-container > span.cta-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: var(--secondary-colour); background: -moz-linear-gradient(top, var(--secondary-colour) 0%, var(--tertiary-colour) 100%); background: -webkit-linear-gradient(top, var(--secondary-colour) 0%,var(--tertiary-colour) 100%); background: linear-gradient(to bottom, var(--secondary-colour) 0%,var(--tertiary-colour) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--secondary-colour)', endColorstr='var(--tertiary-colour)',GradientType=0 ); opacity: 0; -ms-transition: opacity ease 0.5s; -o-transition: opacity ease 0.5s; -webkit-transition: opacity ease 0.5s; transition: opacity ease 0.5s; }
.cta-container.secondary > span.cta-bg { background: #e9e8e8; background: -moz-linear-gradient(top, #e9e8e8 0%, #fefefe 100%); background: -webkit-linear-gradient(top, #e9e8e8 0%,#fefefe 100%); background: linear-gradient(to bottom, #e9e8e8 0%,#fefefe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e8e8', endColorstr='#fefefe',GradientType=0 ); }
.cta-container:hover > span.cta-bg { opacity: 1; }
.cta-container .cta { text-transform: uppercase; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); }
.cta-container .decoration { display: block; }
.cta-container .decoration span.decorated-bg { position: absolute; right: 0; top: 0; width: 7.4rem; height: calc(100% - 1px); background: url(/Assets/images/decoration/call-to-actions/dark.svg); }
.firefox .cta-container .decoration span.decorated-bg { top: 1px; width: 74px; height: calc(100% - 2px); background-repeat: no-repeat; right: -5px; }

.cta-container.secondary .decoration span.decorated-bg { background: url(/Assets/images/decoration/call-to-actions/light.svg); }
.cta-container .line-arrow { position: absolute; right: 20px; top: 50%; margin-top: -0.75rem; }
.cta-container .line-arrow.right { border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 1.15rem; height: 1.2rem; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.cta-container.download .line-arrow.right { top: 43%; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.cta-container.secondary .line-arrow.right { border-color: var(--primary-colour); }
.cta-container a.cta,
.cta-container div.cta { cursor: pointer; text-decoration: none; display: table-cell; font-weight: 300; vertical-align: middle; color: #fff; font-size: 1.7rem; padding: 0 60px 0 20px; z-index: 1; position: relative; -ms-transition: color ease 0.5s; -o-transition: color ease 0.5s; -webkit-transition: color ease 0.5s; transition: color ease 0.5s; }

.cta-container.secondary { background: #fff; border: 1px solid #c5c5c5; min-height: 50px; }
.cta-container.secondary a.cta,
.cta-container.secondary div { color: var(--primary-colour); }
.cta-container.secondary a.cta:hover,
.cta-container.secondary > div.cta:hover { color: var(--primary-colour); }

.cta-container.reverse { }
.cta-container.reverse .cta { padding: 0 20px 0 60px; }
.cta-container.reverse .decoration span.decorated-bg { left: 0; right: auto; -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }
.cta-container.reverse .line-arrow.right { left: 20px; transform: rotate(135deg); }

.cta-container.icon-cta .icon { width: 30px; height: 30px; left: 0; top: 0; position: absolute; z-index: 1; }
.cta-container.icon-cta .cta { padding-left: 60px; }
.cta-container.icon-cta .icon svg * { stroke: #fff; stroke-width: 6; }
.cta-container.icon-cta.secondary .icon svg * { stroke: var(--primary-colour); }
.cta-container.icon-cta.secondary.drop-hint .icon svg * { stroke-width: 0.3; }

.cta-container.micro-cta { }

.cta-container.not-link .cta { padding-right: 25px; }

.cta-container.basic { background: none; border: none; min-height: 50px; }
.cta-container.basic a.cta,
.cta-container.basic div { color: var(--primary-colour); font-weight: 400; }
.cta-container.basic a.cta:hover,
.cta-container.basic > div.cta:hover { color: var(--primary-colour); }
.cta-container.basic .line-arrow.right { border-color: var(--primary-colour); border-bottom-width: 1px; border-right-width: 1px; }

.cta-container.basic .border-line { position: absolute; left: 21px; bottom: 6px; height: 1px; background: var(--primary-colour); width: calc(100% - 81px); transition: ease-in-out width 0.15s; }

.cta-container.basic a.cta:hover .border-line,
.cta-container.basic > div.cta:hover .border-line { width: calc(100% - 47px); }


.arrow-cta { display: block; position: relative; width: 100%; display: block; text-align: left; text-decoration: none; height: 65px; text-transform: uppercase; font-size: 1.8rem; }

.arrow-cta > div { float: left; margin-top: 1.7rem; position: relative; font-weight: 400; }
.arrow-cta > div > span { margin-left: 2.7rem; display: inline-block; border-right: 1px solid #3f3f4a; border-bottom: 1px solid #3f3f4a; width: 1.2rem; height: 1.2rem; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.arrow-cta span.accent-border { left: 0; bottom: 0; position: absolute; height: 1px; width: 7rem; background: #3f3f4a; transition: width .5s ease; }
.arrow-cta:hover span.accent-border { width: 20rem; }

.product-list .arrow-cta { float: left; padding-bottom: 1rem; height: auto; }
.product-list .arrow-cta > div { line-height: 2.4rem; width: 95%; padding-right: 5%; white-space: pre-wrap; }
.product-list .arrow-cta > div > span { display: block; position: absolute; right: 0; top: 50%; margin-top: -6px; }

/* themed call to actions */
.module.dark .cta-container,
.cta-container.ghost { border: 1px solid #fff; }

.module.dark .cta-container.basic { border: none; }
.module.dark .cta-container.basic a.cta { color: #fff; }
.module.dark .cta-container.basic .line-arrow.right { border-color: #fff; }
.module.dark .cta-container.basic .border-line { background: #fff; }


/* icons */
.ico { width: 24px; width: 2.4rem; height: 24px; height: 2.4rem; display: inline-block; background-size: cover; }
.ico.instagram-like { background-image: url(/Assets/images/iconography/instagram-like.png); }
.ico.swipe { background-image: url(/Assets/images/iconography/swipe.svg); }
.ico.tick { background-image: url(/Assets/images/iconography/tick.svg); }
.ico.tick-dark { background-image: url(/Assets/images/iconography/tick-dark.svg); }
.ico.sort { background-image: url(/Assets/images/iconography/sort.svg); }
.active .ico.sort { background-image: url(/Assets/images/iconography/sort-active.svg); }
.ico.reset { background-image: url(/Assets/images/iconography/reset.svg); }
.ico.larger { background-image: url(/Assets/images/iconography/larger.svg); }
.ico.tile { background-image: url(/Assets/images/iconography/tile.svg); }
.ico.list { background-image: url(/Assets/images/iconography/list.svg); }
.ico.back,
.ico.forward { background-image: url(/Assets/images/iconography/back.svg); }
.ico.forward { transform: scaleX(-1); }

/* rich text editor content
   ---------------------------- */
.rte h1 { font-size: 4.4rem; line-height: 5.3rem; }
.rte h1,
.rte h2 { color: var(--primary-colour); font-size: 3rem; line-height: 4rem; }
.rte h3 { color: #999; font-size: 2.6rem; line-height: 3.4rem; }
.rte { text-align: left; }
.rte p { }
/*.rte hr { border-bottom: 1px solid #eaeaea; }*/

/* images */
.rte img { width: 100%; position: relative; }

/* lists */
.rte ul { list-style: none; padding-left: 20px; padding-left: 2rem; position: relative; }
.oldie .rte ul { list-style: none; }
.rte ul li { padding-left: 20px; padding-left: 2rem; margin-top: 5px; }
.rte ul li:after { content: ''; height: 6px; width: 6px; background: var(--primary-colour); display: block; position: absolute; transform: rotate(45deg); top: 7px; left: 7px; }
.rte ol { padding-left: 37px; padding-left: 3.7rem; }
.rte ol li { padding-left: 20px; padding-left: 2rem; }

.dark .rte ul li:after { background: #fff; }

/* blockquotes */
.rte blockquote { position: relative; background: var(--primary-colour); color: #fff; border-left: 10px solid var(--primary-colour); margin: 1.5em 10px; padding: 25px 15px; padding: 2.5rem 1.5rem; padding-left: 40px; padding-left: 4rem; quotes: "\201C""\201D""\2018""\2019"; -ms-border-radius: 4px; border-radius: 4px; }
.rte blockquote:before { color: #eaeaea; content: open-quote; font-size: 4em; line-height: 0.1em; position: absolute; left: 5px; left: 0.5rem; top: 35px; top: 3.5rem; }

/* definition lists */
.rte dt { font-weight: 600; }

/* tables */
.rte .overflow-table { overflow: auto; position: relative; -webkit-overflow-scrolling: touch; }
.rte table { width: 100%; border-radius: 4px; min-width: 500px; min-width: 50rem; background: #fff; }
.rte table tbody { width: 100%; }
.rte table tr { border: 1px solid #eaeaea; border-top: none; }
.rte table th { border: 1px solid var(--primary-colour); background: var(--primary-colour); color: #fff; font-weight: 200; font-size: 2rem; line-height: 2.8rem; }
.dark .rte table th { border: 1px solid #fff; background: #fff; color: var(--primary-colour); font-weight: 200; font-size: 2rem; line-height: 2.8rem; }
.rte table th,
.rte table td { padding: 15px 10px; padding: 1.5rem 1rem; }
.rte table td { border-left: 1px solid #eaeaea; }
.rte table td:first-child { border-left: 0; }
.rte table p { margin: 0; }


/* custom */
.rte .narrow-content-wrapper { width: 60%; margin: 0 auto; }
.rte .large-body-text { font-size: 30px; line-height: 40px; font-family: var(--primary-font); font-weight: 300; }
.rte .medium-body-text { font-size: 2.2rem; line-height: 3rem; font-weight: 200; }
.rte .small-body-text { font-size: 1.4rem; line-height: 1.8rem; }
.rte .warning-text { color: #df8686; }
.rte .align-centre { margin: 0 auto; text-align: center; display: block; }
.rte .margin-left { margin-left: 20px; }

/* themed sections
   ---------------------------- */
.dark-bg { background: var(--primary-variant-colour); color: #fff; }

/* decorated triangles light */
.decoration-container.light { width: 70%; height: 100%; min-width: 70rem; position: absolute; overflow: hidden; z-index: 0; }
.decoration-container.light > img { left: -10%; position: absolute; }
.decoration-container.light > img.svg-tri-lrg { width: 100%; height: 200%; }
.decoration-container.light > span.svg-tri-lrg { width: 100%; height: 200%; }
.decoration-container.light > img.svg-tri-sml { width: 34%; height: 68%; z-index: 1; left: auto; right: calc(10% - 1px); top: 0; }

/* decorated triangles dark */
.decoration-container { width: 100%; height: 100%; position: absolute; overflow: hidden; z-index: 0; top: 0; }
.decoration-container > img { left: 0; position: absolute; height: 100%; }
.decoration-container > img.svg-tri-sml { left: auto; right: 0; }
.decoration-container > span { width: 50%; left: 0; position: absolute; height: 100%; background-image: url(/Assets/images/decoration/module-dark/triangle-large.svg); background-repeat: no-repeat; background-size: contain; }
.decoration-container > span.svg-tri-sml { left: auto; right: 0; background-position: 93% 0; background-image: url(/Assets/images/decoration/module-dark/triangle-pair.svg); background-repeat: no-repeat; background-size: contain; }

.decoration-container.decorated-for-text { }
.decoration-container.decorated-for-text > img.image-mask { width: 75%; height: auto; right: 0; left: auto; opacity: 0.9; }

/* site header     
   ---------------------------- */
header#mobile-site-header { display: none; }
header#site-header { position: relative; z-index: 3; height: 132px; }
header#site-header .wrapper { position: relative; }
header#site-header .main-header-content { height: 93px; height: 9.3rem; }
header#site-header #global-nav { background: var(--primary-colour); height: 30px; height: 3rem; }
header#site-header .site-logo { float: left; width: 64px; height: auto; position: relative; top: 18px; }
header#site-header .titles { width: 24.5%; float: left; margin-top: 22px; margin-left: 34px; }
header#site-header .titles h2,
header#site-header .titles h3 { float: left; line-height: 3.4rem; }
header#site-header .titles h2 { font-size: 2.8rem; margin: 0; color: var(--primary-colour); font-weight: 300; }
header#site-header .titles h3 { font-size: 1.8rem; margin: 0; font-weight: 300; }
header#site-header .titles h2 a:hover,
header#site-header .titles h3 a:hover { text-decoration: none; }

header#site-header .social-links { float: left; margin-top: 1px; }
header#site-header .social-links > a { width: 27px; height: 27px; }
header#site-header .social-links > a.framed { border: none; }
header#site-header .social-links > a svg { margin: 15%; width: 73%; }
header#site-header .social-links > a svg * { stroke: #fff; }

header#site-header.has-trustpilot { padding-top: 30px; height: 102px; }
header#site-header.has-trustpilot #global-nav { position: fixed; z-index: 2; top: 0; left: 0; width: 100%; }
header#site-header.has-trustpilot #global-nav .header-trust-pilot { float: left; padding-top: 5px; }

header#site-header #global-nav .quick-contact-links { float: right; top: 0.35rem; position: relative; }
header#site-header #global-nav .quick-contact-links > div { float: right; margin-left: 3rem; }
header#site-header #global-nav .quick-contact-links > div > .link { float: left; }
header#site-header #global-nav .quick-contact-links svg { width: 2rem; float: left; margin-right: 1rem; margin-top: 0.1rem; }
header#site-header #global-nav .quick-contact-links svg * { stroke: #fff; stroke-width: 8; }
header#site-header #global-nav .quick-contact-links > div > .link > a,
header#site-header #global-nav .quick-contact-links > div > .link > span { color: #fff; font-size: 1.4rem; cursor: pointer; }

header#site-header .header-content { top: 2.8rem; position: relative; }
.site-headers .book-appointment-button { min-height: 0; padding: 0 1rem; color: #fff; background: var(--primary-colour); height: 3.5rem; line-height: 3.5rem; float: right; margin-right: 20px; margin-top: 10px; }
.site-headers .book-appointment-button .icon { padding: 0.7rem; padding-left: 0; width: 2.3rem; height: 2.3rem; float: left; position: relative; }
.site-headers .book-appointment-button .icon svg * { stroke-width: 7; stroke: #fff; }
.site-headers .book-appointment-button .cta { font-size: 1.6rem; text-transform: none; padding: 0 2rem 0 1rem; }

/* header appointment booking form */
.app-screen.book-appointment-form-header.visible { background: #fff; }
.book-appointment-form-header .form.appointment-form .close-cross { display: none; }
.book-appointment-form-header .wrapper { max-width: 700px; }

/* mobile site header */
header#mobile-site-header { transition: opacity, visibility ease 0.4s; opacity: 1; visibility: visible; -moz-box-shadow: 0 1px 1px rgba(50,50,50,0.1); -webkit-box-shadow: 0 1px 1px rgba(50,50,50,0.1); box-shadow: 0 1px 1px rgba(50,50,50,0.1); border-top: 2px solid var(--primary-colour); position: fixed; width: 100%; top: 0; left: 0; z-index: 4; background: #fff; min-height: 7rem; border-bottom: 1px solid #dcdcdc; }
header#mobile-site-header .mobile-logo,
header#mobile-site-header .telephone-link { width: 5rem; height: auto; float: left; top: 1.3rem; position: relative; }
header#mobile-site-header .telephone-link { width: 3.5rem; top: 1.9rem; }
header#mobile-site-header .telephone-link svg * { stroke-width: 4; stroke: #2f2f2f; }
header#mobile-site-header .mobile-logo { float: none; margin: 0 auto; min-height: 4.6rem; }
header#mobile-site-header .mobile-logo img { width: 100%; height: auto; }
header#mobile-site-header .mobile-header-content { display: none; margin-top: 2.42rem; border-top: 1px solid #dadada; transition: opacity,visibility 0.6s ease; height: calc(100vh - 7.2rem); overflow-y: auto; -webkit-overflow-scrolling: touch; }
header#mobile-site-header .mobile-header-content > .wrapper { width: 96%; margin: 0 2%; max-width: none; }
header#mobile-site-header #mobile-nav { max-width: 800px; margin: 0 auto; }
header#mobile-site-header #mobile-nav ul.top-level { }
header#mobile-site-header #mobile-nav ul.top-level > li { text-transform: uppercase; font-size: 1.8rem; border-bottom: 1px solid #dadada; }
header#mobile-site-header #mobile-nav ul.top-level > li > div.item > a { float: left; min-height: 3rem; padding: 1.5rem 1.2rem 1rem 1.2rem; }
header#mobile-site-header #mobile-nav ul.top-level > li > div.item > a.open + .second-level { display: block; }
header#mobile-site-header #mobile-nav ul.second-level { display: none; }
header#mobile-site-header #mobile-nav ul.second-level > li { float: left; width: 100%; border-top: 1px solid #dadada; text-transform: none; color: #dadada; }
header#mobile-site-header #mobile-nav ul.second-level > li a { color: #222; }
header#mobile-site-header #mobile-nav ul.second-level > li a > div.item { position: relative; min-height: 3rem; margin: 1rem 0.5rem 0.8rem 0.5rem; }
header#mobile-site-header #mobile-nav ul.second-level > li a > div.item > .label { position: relative; top: 1.5rem; font-weight: 300; }
header#mobile-site-header #mobile-nav ul.second-level > li .icon { width: 3.5rem; height: 3.5rem; float: left; margin-right: 1rem; }

header#mobile-site-header .mobile-header-content .mobile-footer { text-align: center; padding-top: 3rem; padding-bottom: 3rem; }
header#mobile-site-header .mobile-header-content .mobile-footer .social-links { display: inline-block; }
header#mobile-site-header .mobile-header-content .mobile-footer .social-links > a { margin-left: 2.5rem; display: inline-block; float: none; }

header#mobile-site-header span.decoration { z-index: 0; position: absolute; left: 0; top: 0; height: 7rem; width: 100%; }
header#mobile-site-header span.decoration > span { display: block; height: 7rem; position: absolute; }
header#mobile-site-header span.tri-one { left: 15.9rem; width: 37.7rem; background: url(/Assets/images/decoration/site-header/triangle-one.svg); }
header#mobile-site-header span.tri-two { left: 47.5rem; width: 24.4rem; background: url(/Assets/images/decoration/site-header/triangle-two.svg); }

/* mobile navigation
   ---------------------------- */ `
header#mobile-site-header .mobile-header-content .book-appointment-button { margin: 2rem auto; float: none; }

/* primary navigation
   ---------------------------- */
nav#primary-nav { float: right; top: 0.7rem; position: relative; }
nav#primary-nav ul.top-level { }
nav#primary-nav ul.top-level > li { margin-left: 0.9rem; float: left; text-transform: uppercase; font-size: 1.8rem; font-family: 'Roboto'; }
nav#primary-nav ul.top-level > li a { color: #9c9c9c; position: relative; padding: 20px 20px; }
nav#primary-nav ul.top-level > li a:hover,
nav#primary-nav ul.top-level > li.active a,
nav#primary-nav ul.top-level > li.current a { text-decoration: none; color: var(--primary-colour); }
nav#primary-nav ul.top-level > li a:after,
nav#primary-nav ul.top-level > li a:before { position: absolute; content: "\2014"; color: var(--primary-colour); opacity: 0; -ms-transition: all ease 0.2s; -o-transition: all ease 0.2s; -webkit-transition: all ease 0.2s; transition: all ease 0.2s; }
nav#primary-nav ul.top-level > li a:after { right: -1.5rem; }
nav#primary-nav ul.top-level > li a:before { left: -1.5rem; }
nav#primary-nav ul.top-level > li a:hover:after,
nav#primary-nav ul.top-level > li.active a:after,
nav#primary-nav ul.top-level > li a:hover:before,
nav#primary-nav ul.top-level > li.active a:before { opacity: 1; }
nav#primary-nav ul.top-level > li a:hover:after,
nav#primary-nav ul.top-level > li.active a:after { right: 0; }
nav#primary-nav ul.top-level > li a:hover:before,
nav#primary-nav ul.top-level > li.active a:before { left: 0; }

nav#secondary-nav { display: none; opacity: 0; transition: opacity ease 0.6s; position: absolute; left: 0; width: 100%; height: 340px; background: white; border-bottom: 1px solid #e8e8e8; }
nav#secondary-nav.minimised { height: 190px; }
nav#secondary-nav > .wrapper { max-width: 1200px; }
nav#secondary-nav .level { visibility: hidden; opacity: 0; position: absolute; width: 100%; height: 100%; transition: opacity ease 0.4s, visibility ease 0.4s; }
nav#secondary-nav.visible,
nav#secondary-nav .level.visible { opacity: 1; transition: opacity ease 0.6s; }
nav#secondary-nav .level.visible { visibility: visible; }
.navigation-items ul { top: 40px; position: relative; display: flex; flex-flow: row wrap; justify-content: space-around; }
.navigation-items ul > li { width: 23.2%; position: relative; align-content: space-between; flex-grow: 1; margin: 0.8%; }
.navigation-items .level[data-nav-items="6"] ul > li,
.navigation-items .level[data-nav-items="5"] ul > li { width: 31%; }
.navigation-items ul > li > a.item > div { margin: 1rem; position: relative; }
.navigation-items ul > li svg { width: 7.2rem; height: 7.2rem; padding: 1.2rem; }
.navigation-items ul > li svg * { stroke: var(--primary-colour); }
.navigation-items ul > li div.framed,
.navigation-items ul > li div.framed > svg,
.navigation-items ul > li .label { float: left; }
.navigation-items ul > li .label { height: 9.6rem; margin-left: 1.3rem; font-size: 1.6rem; color: #9c9c9c; width: 56%; }
.navigation-items ul > li span.decorated-bg { z-index: 0; width: 60%; height: 100%; position: absolute; right: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-image: url(/Assets/images/decoration/navigation-items/nav-regular.svg); }
.navigation-items ul > li,
.navigation-items ul > li .framed,
.navigation-items ul > li .label { transition: border-color ease 0.35s, color ease 0.35s; }
.navigation-items ul > li:hover,
.navigation-items ul > li:hover .framed { border-color: var(--primary-colour); }
.navigation-items ul > li:hover .label { color: var(--primary-colour); }

/* breadcrumb
   ---------------------------- */
#breadcrumb { margin: 13px 0 10px 0; }
#breadcrumb > div { margin-left: 30px; }
#breadcrumb ul { float: left; width: 100%; }
#breadcrumb ul > li { float: left; margin-left: 1rem; color: #555655; }
#breadcrumb ul > li > a,
#breadcrumb ul > li > span { margin-left: 0.6rem; font-size: 1.6rem; color: #555655; }
#breadcrumb ul > li:before { content: "/"; }
#breadcrumb ul > li:first-child:before { content: none; }
#breadcrumb ul > li:first-child,
#breadcrumb ul > li:first-child > a,
#breadcrumb ul > li:first-child > span { margin-left: 0; }
#breadcrumb ul > li.current > span { margin-left: 0.6rem; }
#breadcrumb ul > li.current,
#breadcrumb ul > li.current > span { color: #8e8e8e; }

#breadcrumb ul li { display: none; }
#breadcrumb ul li:nth-last-child(1) { position: relative; display: block; padding-left: 5px; margin-left: 9px; }
#breadcrumb ul li:nth-last-child(1):before { content: "\003c"; position: absolute; top: 0px; left: -7px; }

/* site footer
   ---------------------------- */
footer#site-footer { position: relative; background: var(--primary-colour); background: -moz-linear-gradient(top, var(--primary-colour) 0%, var(--primary-variant-colour) 100%); background: -webkit-linear-gradient(top, var(--primary-colour) 0%,var(--primary-variant-colour) 100%); background: linear-gradient(to bottom, var(--primary-colour) 0%,var(--primary-variant-colour) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--primary-colour)', endColorstr='var(--primary-variant-colour)',GradientType=0 ); overflow: hidden; }
footer#site-footer .top { position: relative; display: table; padding-top: 2%; }

footer#site-footer .trustpilot-widget { margin-top: 25px; }

footer#site-footer .footer-images { display: table-cell; width: 30%; }
footer#site-footer .footer-images ul { float: none; margin: 0 auto; position: relative; }
footer#site-footer .footer-images ul li { position: relative; float: left; background: #fff; margin-left: 4%; margin-bottom: 4%; width: 46%; height: 0; padding-bottom: 26%; overflow: hidden; }
footer#site-footer .footer-images ul li:nth-child(odd) { margin-left: 0; }

footer#site-footer .footer-big-link { display: table-cell; vertical-align: middle; width: 70%; height: 100%; }
footer#site-footer .footer-big-link .feature-panel { background: #010e35; margin-left: 5%; width: 90%; padding: 4% 2%; padding-left: 6%; }
footer#site-footer .footer-big-link h2 { font-size: 3rem; }
footer#site-footer .footer-big-link h2,
footer#site-footer .footer-big-link p { color: #fff; font-weight: 300; }
footer#site-footer .footer-big-link .text-content { width: 75%; margin-right: 5%; }
footer#site-footer .footer-big-link .image { width: 20%; text-align: center; }
footer#site-footer .footer-big-link .image img { width: 100%; height: auto; }
footer#site-footer .footer-big-link .text-content,
footer#site-footer .footer-big-link .image { float: left; }

footer#site-footer .footer-links { width: 100%; padding: 2% 0; float: left; position: relative; }
footer#site-footer .footer-links > .wrapper { width: 70%; }
footer#site-footer .footer-links article { width: 31.33%; float: left; margin-left: 2%; }
footer#site-footer .footer-links article h3 { font-weight: 400; color: #fff; margin-bottom: 15px; }
footer#site-footer .footer-links article li { margin-bottom: 5px; }
footer#site-footer .footer-links article a { color: #d2d2d2; font-weight: 300; cursor: pointer; }

footer#site-footer .lower-footer { height: 78px; float: left; width: 100%; position: relative; }
footer#site-footer .lower-footer .left-content { width: 60%; float: left; }
footer#site-footer .lower-footer .social-links { float: left; margin-top: 12px; margin-right: 20px; }
footer#site-footer .lower-footer .social-links a.framed { border-color: #fff; }
footer#site-footer .lower-footer .social-links a svg *,
footer#site-footer .lower-footer .social-links a:hover svg * { stroke: #fff; }
footer#site-footer .lower-footer .core-links { float: left; margin-top: 19px; }
footer#site-footer .lower-footer .core-links ul > li { float: left; margin-left: 16px; font-size: 1.4rem; }
footer#site-footer .lower-footer .core-links ul > li:first-child { margin-left: 0; }
footer#site-footer .lower-footer .core-links ul > li a { color: #fff; }
footer#site-footer .lower-footer .footer-notes { float: left; width: 100%; margin-left: 2px; margin-top: 7px; color: #f2f2f2; font-size: 1.2rem; }
footer#site-footer .lower-footer .footer-notes > div { display: inline; }
footer#site-footer .lower-footer .footer-notes > div.copyright { }
footer#site-footer .lower-footer .footer-notes > div.author { margin-right: 20px; }
footer#site-footer .lower-footer .footer-notes > div.author a { color: #fff; }

footer#site-footer .lower-footer .payment-images { position: relative; margin-top: 10px; float: right; text-align: right; width: 40%; }
footer#site-footer .lower-footer .payment-images ul { }
footer#site-footer .lower-footer .payment-images ul > li { float: right; margin-right: 25px; }
footer#site-footer .lower-footer .payment-images ul > li:first-child { margin-right: 0; }
footer#site-footer .lower-footer .payment-images ul > li > img { max-width: 54px; height: auto; }

/* sitewide anouncement banner
   ---------------------------- */
.announcement-banner { width: 100%; margin-top: 6px; }
.announcement-banner a { text-decoration: underline; }
.announcement-banner.general { background: var(--primary-colour); color: #fff; border-top: 1px solid rgba(255,255,255,0.7); }
.announcement-banner.general a { color: #fff; }
.announcement-banner.promotion { background: #e5ba5e; color: #fff; }
.announcement-banner.promotion a { color: #fff; }
.announcement-banner.alert { background: #df8686; color: #fff; }
.announcement-banner.alert a { color: #fff }
.announcement-banner.subtle { background: #e2e2e2; }
.announcement-banner .wrapper { padding: 5px 0; }
.announcement-banner .wrapper .rte { font-weight: 300; text-align: center; -webkit-animation: fadein 3s; -moz-animation: fadein 3s; -ms-animation: fadein 3s; -o-animation: fadein 3s; animation: fadein 3s; }
.announcement-banner .wrapper .rte p { margin: 0; }

/* shared
   ---------------------------- */

/* show/hide */
.toggle-show-hide { }
.toggle-show-hide .show-hide { z-index: 1; color: #3f3f4a; }
.toggle-show-hide .show-hide > div { cursor: pointer; margin: 0 auto; display: inline-block; padding: 1rem 3rem; position: relative; }
.toggle-show-hide .show-hide > div .control { padding-right: 30px; }
.toggle-show-hide .show-hide > div .line-arrow { top: 4px; right: 0; position: absolute; overflow: hidden; display: inline-block; width: 7px; height: 7px; border-top: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; transform: rotate(133deg) skew(-3deg); }
.toggle-show-hide.showing .show-hide > div .line-arrow { top: 1.7rem; transform: rotate(313deg); }
.toggle-show-hide .show-hide .to-show { position: absolute; }
.toggle-show-hide .show-hide .to-hide { visibility: hidden; }
.toggle-show-hide .show-hide .control.to-hide { padding-right: 0; }
.toggle-show-hide .show-hide .to-show { visibility: visible; }
.toggle-show-hide.showing .show-hide .to-hide { visibility: visible; }
.toggle-show-hide.showing .show-hide .to-show { visibility: hidden; }
.toggle-show-hide .content { position: relative; transition: max-height ease 1s; }
.toggle-show-hide.showing .content { max-height: 0; }
.toggle-show-hide .content .edge-mask { z-index: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 7rem; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.toggle-show-hide.showing .content .edge-mask { display: none; }

/* social links */
.social-links { }
.social-links > a { float: right; margin-left: 0.5rem; width: 35px; height: 35px; -ms-transition: border-color ease 0.6s; -o-transition: border-color ease 0.6s; -webkit-transition: border-color ease 0.6s; transition: border-color ease 0.6s; }
.social-links > a:hover { border-color: var(--primary-variant-colour); }
.social-links > a > svg { width: 60%; height: auto; margin: 20%; }
.social-links > a > svg * { -ms-transition: stroke ease 0.6s; -o-transition: stroke ease 0.6s; -webkit-transition: stroke ease 0.6s; transition: stroke ease 0.6s; }
.social-links > a:hover > svg * { stroke: var(--primary-variant-colour); }

/* social sharing */
.social-sharing { }
.social-sharing h4 { line-height: 3.3rem; margin-right: 1rem; font-size: 1.6rem; font-weight: 300; color: #555655; text-transform: uppercase; }
.social-sharing h4,
.social-sharing ul { float: left; }
.social-sharing ul > li { float: left; margin-left: 1rem; position: relative; -ms-transition: border-color ease 0.6s; -o-transition: border-color ease 0.6s; -webkit-transition: border-color ease 0.6s; transition: border-color ease 0.6s; }
.social-sharing ul > li:hover { border-color: var(--primary-variant-colour); }
.social-sharing ul > li > a { width: 3.3rem; height: 3.3rem; display: block; position: relative; }
.social-sharing ul > li > span { display: block; position: absolute; width: 2rem; height: 2rem; left: 0.65rem; top: 0.65rem; }
.social-sharing ul > li[data-provider="twitter"] > span { background: url(/Assets/images/iconography/social/twitter.svg); }
.social-sharing ul > li[data-provider="facebook"] > span { background: url(/Assets/images/iconography/social/facebook.svg); }
.social-sharing ul > li[data-provider="google"] > span { background: url(/Assets/images/iconography/social/google-plus.svg); }

.price-display { text-align: right; }
.price-display > .label { font-size: 1.8rem; font-weight: 200; color: #aaa; }
.price-display > .value { font-size: 3.6rem; font-weight: 200; color: var(--primary-colour); }

/* page level
   ============================ */
.carousel { width: 100%; }

.hero-module .module.module-carousel { padding: 0; }
.hero-module .module.module-carousel > .wrapper { margin: 0 auto; width: 100%; }

.page-feature .feature-content .icon { display: block; position: absolute; top: -2.7rem; left: -10rem; }

/* detail pages */

.detail-page #breadcrumb .date-container { width: 30%; float: right; }
.detail-page footer.article-footer { }
.detail-page footer.article-footer > div { float: left; }
.detail-page footer.article-footer .taxonomy-tags { width: 60%; }
.detail-page footer.article-footer .social-sharing { width: 40%; }
.detail-page .detail-header { margin-bottom: 10px; margin-bottom: 1rem; }

/* listing pages */

.listing-page .no-result { text-align: center; }


/* blog listing
   ---------------------------- */

.blog-listing .filters.stylish-form .stylish-text > input { color: #fff; }
.blog-listing .date-range-filters > div { width: 300px; float: left; margin-left: 20px; }
.blog-listing .date-range-filters > div:first-child { margin-top: 0; }
.blog-listing .filters .legend { position: absolute; bottom: 10px; text-align: center; width: 100%; }
.blog-listing .load-more { margin-top: 40px; }
.blog-listing aside.filters.module { padding-bottom: 66px; }

.listing { padding-bottom: 2%; position: relative; z-index: 0; }
.listing .results { }
.listing .results .listing-entity { width: 23.7%; height: 425px; margin-left: 1.5%; float: left; margin-bottom: 1.5%; opacity: 0; transition: opacity 0.5s ease; -webkit-box-shadow: 0px 0px 3px 0px rgba(180,180,180,0.4); -moz-box-shadow: 0px 0px 3px 0px rgba(180,180,180,0.4); box-shadow: 0px 0px 3px 0px rgba(180,180,180,0.4); }
.listing .results .listing-entity.visible { opacity: 1; }
.listing .results .listing-entity:first-child { margin-left: 0; }
.listing .results .listing-entity:nth-child(4n + 5) { margin-left: 0; }
.listing .results .listing-entity .image { width: 100%; height: 150px; height: 15rem; position: relative; }
.listing .results .listing-entity .floating-panel { height: 100%; position: relative; overflow: hidden; }
.listing .results .listing-entity .floating-panel .inner { margin: 25px; margin: 2.5rem; position: relative; }
.listing .results .listing-entity h2 { height: 61px; height: 6.1rem; overflow: hidden; }
.listing .results .listing-entity p { line-height: 26px; line-height: 2.6rem; height: 110px; height: 11rem; overflow: hidden; margin-bottom: 0; }
.listing .results .listing-entity .published-date { overflow: hidden; padding: 6px 15px 3px; padding: 0.6rem 1.5rem 0.3rem; position: absolute; top: -47px; top: -4.7rem; right: -10px; right: -1rem; }
.listing .results .listing-entity .published-date > time { font-size: 14px; font-size: 1.4rem; }
.listing .results .listing-entity .taxonomy-tags { height: 76px; height: 7.6rem; overflow: hidden; }
.listing .results .listing-entity .taxonomy-tags .tags > li { opacity: 0.6; }
.listing .results .listing-entity .taxonomy-tags .tags > li.filterable { opacity: 1; }
.listing .results .listing-entity .taxonomy-tags .tags > li.filterable:not(.highlight):hover { border-color: #999; }
.listing .results .listing-entity .taxonomy-tags .tags > li.highlight { color: var(--primary-colour); cursor: default; background: #e2e2e2; border-color: #e2e2e2; }
/*.listing .results .listing-entity .cta-container { position: absolute; left: 25px; left: 2.5rem; bottom: 25px; bottom: 2.5rem; }*/
.listing .results .listing-entity .comments-count { float: right; padding-right: 14px; padding-right: 1.4rem; margin-top: 4px; margin-top: 0.4rem; }
.listing .results .listing-entity .comments-count > span { display: inline-block; }
.listing .results .listing-entity .comments-count > span.icon { margin-right: 10px; margin-right: 1rem; top: 4px; top: 0.4rem; position: relative; }
.listing .load-more .loader { top: 5px; }

/* article listing
   ---------------------------- */
#ListingPage .listing-entity { margin-bottom: 2%; }
#ListingPage .page-feature .wrapper { height: 100%; }
#ListingPage .page-feature,
#BlogListingPage .page-feature { height: 40%; min-height: 45vh; }

/* article detail
   ---------------------------- */
#ArticlePage nav#breadcrumb { width: 100%; }
#ArticlePage .social-sharing { float: right; }
#ArticlePage .article-listing .listing-entity { margin-bottom: 2%; }

/* PT02 - standard content page
   ---------------------------- */
#StandardContentPage .page-feature { min-height: 500px; }

/* PT03 - category listing
   ---------------------------- */

#CategoryListingPage { }
#CategoryListingPage > .wrapper > .page-feature { display: table; min-height: 58rem; }
.firefox #CategoryListingPage > .wrapper > .page-feature { height: 58rem; }

#CategoryListingPage .icon svg * { stroke-width: 2.2; }

/* nav icon link */
#CategoryListingPage .icon-link-nav { text-align: center; display: table-cell; vertical-align: bottom; bottom: 30px; position: relative; }
#CategoryListingPage .icon-link-nav .icon-link { cursor: pointer; display: inline-block; position: relative; margin-left: 30px; }
#CategoryListingPage .icon-link-nav .icon-link:first-child { margin-left: 0; }
#CategoryListingPage .icon-link-nav .icon-link .tooltip { top: -65px; }
#CategoryListingPage .icon-link-nav .icon-link:hover .tooltip { opacity: 1; visibility: visible; }

#CategoryListingPage #categories > article .long-description { }
#CategoryListingPage #categories > article .long-description .feature-content { width: 50%; }
#CategoryListingPage #categories > article .long-description .image-mask { width: 80%; }

/* tooltip */
.tooltip { font-size: 1.6rem; font-weight: 200; text-transform: uppercase; visibility: hidden; left: 50%; transform: translateX(-50%); white-space: nowrap; display: inline-block; padding: 1rem 2rem; position: absolute; background: #fff; border: 1px solid #e8e8e8; -ms-opacity: 0; opacity: 0; -ms-transition: opacity ease 0.6s; -o-transition: opacity ease 0.6s; -webkit-transition: opacity ease 0.6s; transition: opacity ease 0.6s; }
.tooltip:after,
.tooltip:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.tooltip:after { border-color: rgba(136, 183, 213, 0); border-top-color: #fff; border-width: 13px; margin-left: -13px; }
.tooltip:before { border-color: rgba(194, 225, 245, 0); border-top-color: #e8e8e8; border-width: 14px; margin-left: -14px; }

#CategoryListingPage #categories { margin-bottom: 2%; }
#CategoryListingPage #categories > article { float: left; width: 100%; position: relative; margin-top: calc(2% + 5rem); }
#CategoryListingPage #categories > article:first-child { margin-top: calc(2% + 5rem); }
#CategoryListingPage #categories > article .page-feature { margin: 0; min-height: 0; height: 50rem; }
#CategoryListingPage #categories > article .page-feature .title h1 { font-weight: 200; }
#CategoryListingPage #categories > article .page-feature .feature-content .icon { display: none; }
#CategoryListingPage #categories > article .icon { position: absolute; left: 50%; margin-left: -4.8rem; top: -4.7rem; background-color: #fff; }
#CategoryListingPage #categories > article img.image-mask { width: 60%; }
#CategoryListingPage #categories > article img.feature-image { width: 60%; }
#CategoryListingPage #categories > article .feature-content { margin-top: 8%; }
#CategoryListingPage #categories > article:nth-child(odd) { }
#CategoryListingPage #categories > article:nth-child(odd) img.feature-image { left: auto; right: 0; }
#CategoryListingPage #categories > article:nth-child(odd) img.image-mask { left: 0; right: auto; }
#CategoryListingPage #categories > article:nth-child(odd) .feature-content { float: left; margin-bottom: 70px; margin-left: 90px; }
#CategoryListingPage #categories > article:nth-child(even) .page-feature h1,
#CategoryListingPage #categories > article:nth-child(even) .page-feature .feature-text { text-align: right; }
#CategoryListingPage #categories > article:nth-child(even) .page-feature .cta-container { float: right; }
#CategoryListingPage #categories > article:nth-child(odd) img.image-mask,
#CategoryListingPage #categories > article:nth-child(odd) img.feature-image { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }

/* PT04 - category detail
   ---------------------------- */
#CategoryDetailPage { }
#CategoryDetailPage .page-feature img.feature-image { width: 60%; }

#CategoryDetailPage div.header.inner,
#CategoryDetailPage .legend .wrapper .inner { position: relative; width: 100%; max-width: 124rem; margin: 0 auto; }
#CategoryDetailPage .filters { z-index: 4; clear: both; }
#CategoryDetailPage .filters > .container { padding-top: 20px; padding-bottom: 43px; }
#CategoryDetailPage .filters > .container > .wrapper { z-index: 4; }
#CategoryDetailPage .filters.sticky > .container { position: fixed; z-index: 4; left: 0; top: 30px; width: 100%; }

#CategoryDetailPage .product-information .product-component { margin-bottom: 20px; width: 44%; float: left; }
#CategoryDetailPage .product-information .product-component.diamond-selection { padding-bottom: 15px; -webkit-box-shadow: 0px 0px 3px 0px rgba(180,180,180,0.4); -moz-box-shadow: 0px 0px 3px 0px rgba(180,180,180,0.4); box-shadow: 0px 0px 3px 0px rgba(180,180,180,0.4); border: 1px solid #dcdcdc; transition: ease border-color 0.2s; }

#CategoryDetailPage .sticky-filter-nav { visibility: hidden; opacity: 0; z-index: 4; background: var(--primary-colour); width: 100%; position: fixed; top: 30px; border-top: 1px solid #fff; left: 0; padding: 10px 0; transition: opacity, 0.35s ease-in-out; }
#CategoryDetailPage .sticky-filter-nav.show { visibility: visible; opacity: 1; }
#CategoryDetailPage .sticky-filter-nav .sticky-results-counter h4,
#CategoryDetailPage .sticky-filter-nav .sticky-results-counter span,
#CategoryDetailPage .sticky-filter-nav .filter-scroll { color: #fff; }
#CategoryDetailPage .sticky-filter-nav .sticky-results-counter { float: left; }
#CategoryDetailPage .sticky-filter-nav .filter-scroll { float: right; cursor: pointer; }

#CategoryDetailPage .filters .primary-filters { padding-bottom: 0; }
#CategoryDetailPage .filters .results-counter h4 { font-size: 1.6rem; font-weight: 200; -webkit-text-stroke: 0.10px; }
#CategoryDetailPage .filters .results-counter .current,
#CategoryDetailPage .filters .results-counter .total { font-size: 2rem; font-weight: 300; font-family: "Roboto"; }
#CategoryDetailPage .filters footer { width: 100%; position: absolute; bottom: 2px; }
#CategoryDetailPage .filters footer .actions { float: right; position: relative; bottom: -1px; }
#CategoryDetailPage .filters footer .actions .filter-clear { font-size: 1.2rem; top: -5px; position: relative; }
#CategoryDetailPage .filters footer .actions .filter-clear.disabled { display: none; }
#CategoryDetailPage .filters footer .actions .filter-clear,
#CategoryDetailPage .filters footer .actions .filter-scroll { float: right; cursor: pointer; }
#CategoryDetailPage .filters footer .actions .filter-scroll { display: none; margin-right: 20px; }
#CategoryDetailPage .filters footer .legend { float: left; bottom: 5px; position: relative; }

#CategoryDetailPage .filters footer .sort-order { float: right; z-index: 1; width: 170px; top: -12px; position: relative; margin-left: 20px; }
#CategoryDetailPage .filters footer .sort-order .stylish-select { height: 30px; font-size: 1.4rem; }
#CategoryDetailPage .filters footer .sort-order .stylish-select ul li { padding-top: 8px; padding-bottom: 8px; font-size: 1.2rem; }
#CategoryDetailPage .filters footer .sort-order .stylish-select > span { height: 30px; padding-top: 6px; }
#CategoryDetailPage .filters footer .sort-order .stylish-select > span > .text,
#CategoryDetailPage .filters footer .sort-order .stylish-select > span > .ico { height: 30px; width: 37px; }
#CategoryDetailPage .filters footer .sort-order .stylish-select > span > .ico { background-size: contain; }


#CategoryDetailPage .notifications { text-align: center; }
#CategoryDetailPage .notifications p { margin: 0; }
#CategoryDetailPage .notifications .minimal-results { display: none; background: #f2f2f2; width: 100%; padding: 20px 0; }
#CategoryDetailPage .filters .advanced-filters { display: none; margin-bottom: 15px; }

#CategoryDetailPage .filters footer .actions .advanced-filters-toggle { font-size: 1.2rem; float: right; top: -5px; position: relative; margin-right: 10px; }
#CategoryDetailPage .filters footer .actions .advanced-filters-toggle .show-filters { }
#CategoryDetailPage .filters footer .actions .advanced-filters-toggle .hide-filters { display: none; }
#CategoryDetailPage .filters footer .actions .advanced-filters-toggle.showing .hide-filters { display: block; }
#CategoryDetailPage .filters footer .actions .advanced-filters-toggle.showing .show-filters { display: none; }

#CategoryDetailPage .listing .results { max-width: 98%; }
#CategoryDetailPage .listing .results .no-result { text-align: center; font-size: 3rem; padding: 30px; }
#CategoryDetailPage .listing .results header { font-size: 2.4rem; font-weight: 300; width: 100%; margin: 2rem 0; color: #6a6a6a; }
#CategoryDetailPage .listing .results { }
#CategoryDetailPage .listing .listing-entity { position: relative; opacity: 0; transition: opacity ease 0.2s; }
#CategoryDetailPage .listing .listing-entity.visible { opacity: 1; }
#CategoryDetailPage .listing .listing-entity .image-mask-container { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#CategoryDetailPage .listing .listing-entity .image-mask { position: absolute; height: 100%; width: 140%; left: -25%; top: 0; z-index: 0; }
#CategoryDetailPage .listing .listing-entity > figure .image { overflow: visible; height: 29rem; background: #fff; border-top: 1px solid #e8e8e8; }
#CategoryDetailPage .listing .listing-entity > figure .image img { width: 73%; left: 50%; top: -10px; margin-left: -39%; transform: scale(0.8); }
#CategoryDetailPage .listing .listing-entity > figure .responsive-image-container .responsive-image.fitted { opacity: 0; }
#CategoryDetailPage .listing .listing-entity > figure .responsive-image-container .responsive-image.loaded.secondary-image.fitted { opacity: 0; }
#CategoryDetailPage .listing .listing-entity > figure .responsive-image-container .responsive-image.loaded.fitted { opacity: 1; }
#CategoryDetailPage .listing .listing-entity > figure .image .price { text-align: right; z-index: 3; color: #6a6a6a; font-weight: 100; position: absolute; right: 0; padding-right: 10px; bottom: 0; padding-bottom: 10px; }
#CategoryDetailPage .listing .listing-entity > figure .image .price > .price-value { margin-left: 5px; font-weight: 200; color: var(--primary-colour); font-size: 2.8rem; }
#CategoryDetailPage .listing .listing-entity > figure .image .price > .total-price-with-diamond { font-weight: 200; font-size: 1.7rem; }
#CategoryDetailPage .listing .listing-entity > figure .image .price > .total-price-with-diamond > .label { font-size: 1.4rem; vertical-align: bottom; }
#CategoryDetailPage .listing .listing-entity > figure .image .price > .total-price-with-diamond > .value { color: var(--primary-colour); }
#CategoryDetailPage .listing .listing-entity > figure .image .price .price-diamond { font-size: 1.4rem; }
#CategoryDetailPage .listing .listing-entity > figure .image .price .price-diamond .value { color: var(--primary-colour); }
#CategoryDetailPage .listing .listing-entity > figure div.info { margin: 0 20px 20px; position: relative; }
#CategoryDetailPage .listing .listing-entity > figure div.info figcaption { position: relative; }
#CategoryDetailPage .listing .listing-entity .metal-types { bottom: 15px; position: absolute; left: 15px; }
#CategoryDetailPage .listing .listing-entity .metal-types > sup.label { left: 5px; top: -1px; color: #9c9c9c; }
#CategoryDetailPage .listing .listing-entity .metal-types > .metals > .metal { position: relative; float: left; margin-left: 5px; width: 20px; height: 20px; }
#CategoryDetailPage .listing .listing-entity .metal-types > .metals > .metal .tooltip { top: -65px; }
#CategoryDetailPage .listing .listing-entity .metal-types > .metals > .metal:first-child .tooltip { top: -65px; }
#CategoryDetailPage .listing .listing-entity .metal-types > .metals > .metal:hover .tooltip { opacity: 1; visibility: visible; }
#CategoryDetailPage .listing .listing-entity .metal-types .metal .colour { width: 20px; height: 20px; }
#CategoryDetailPage .listing .listing-entity > figure div.info .cta-container { width: 100%; margin-top: 8px; text-align: center; }
#CategoryDetailPage .listing .listing-entity > figure div.info .cta-container.secondary { border-color: transparent; background: none; transition: all ease 0.2s; }
#CategoryDetailPage .listing .listing-entity > figure div.info .cta-container.secondary:hover span.cta-bg { opacity: 0; }
#CategoryDetailPage .listing .listing-entity > figure div.info .cta-container.secondary:hover { border-color: #e8e8e8; background: #fff; }
#CategoryDetailPage .listing .listing-entity > figure div.info .cta-container.secondary a.cta { padding-right: 60px; }
#CategoryDetailPage .listing .listing-entity > figure div.info .cta-container.secondary .decoration .decorated-bg { display: none; }
#CategoryDetailPage .listing .listing-entity > figure h2.accent-title a.accent-block { font-size: 2.4rem; }

/* PT04 - (variant) diamond selector detail page
   ---------------------------- */
#DiamondSelectorDetailPage { }
#DiamondSelectorDetailPage .page-feature { margin-bottom: 0; }


/* todo move */
h2.accent-title { position: relative; text-align: center; line-height: 5.8rem; height: 6.2rem; }
h2.accent-title .accent-block { float: left; padding: 0 8%; width: 84%; font-size: 3rem; font-weight: 300; position: relative; margin: 0 auto; text-decoration: none; color: var(--primary-colour); }
h2.accent-title .accent-block:after,
h2.accent-title .accent-block:before { position: absolute; top: 0; content: "\2014"; color: var(--primary-colour); opacity: 0; -ms-transition: all ease 0.2s; -o-transition: all ease 0.2s; -webkit-transition: all ease 0.2s; transition: all ease 0.2s; }
h2.accent-title .accent-block:after { right: -1.5rem; }
h2.accent-title .accent-block:before { left: -1.5rem; }
h2.accent-title .accent-block:hover:after,
h2.accent-title .accent-block:hover:before { opacity: 1; }
h2.accent-title .accent-block:hover:after { right: 5px; }
h2.accent-title .accent-block:hover:before { left: 5px; }

.product-list-entity:hover h2.accent-title .accent-block:after,
.product-list-entity:hover h2.accent-title .accent-block:before { opacity: 1; }
.product-list-entity:hover h2.accent-title .accent-block:after { right: 0; }
.product-list-entity:hover h2.accent-title .accent-block:before { left: 0; }

/* PT05 - product detail
   ---------------------------- */
#ProductDetailPage #breadcrumb { margin: 24px 0 10px 0; margin-top: 0; float: right; }
.product-detail-page { }
.product-detail-page > .wrapper { position: relative; z-index: 2; }
.product-detail { margin-bottom: 30px; z-index: 2; overflow: hidden; position: relative; }
.product-detail > .image-mask { position: absolute; right: 0; top: 0; width: 55%; }
.product-detail .spotlight { width: 100%; position: relative; }
.product-detail .spotlight > div { margin: 30px 0; }
.product-detail .spotlight > div .spotlight-primary-image { overflow: hidden; width: 35%; float: left; position: relative; border: 1px solid #dcdcdc; }
.product-detail .spotlight > div .spotlight-primary-image img { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); width: calc(100% - 1px); opacity: 0; height: auto; position: absolute; top: 0; left: 0; -ms-transition: opacity ease 0.3s; -o-transition: opacity ease 0.3s; -webkit-transition: opacity ease 0.3s; transition: opacity ease 0.3s; }
.product-detail .spotlight > div .spotlight-primary-image img.visible { opacity: 1; }
.product-detail .spotlight > div .spotlight-primary-image img:first-child { position: relative; }
.product-detail .spotlight > div .information { width: 60.8%; margin-left: 4%; float: left; }
.product-detail .spotlight > div .information h1 { font-size: 3rem; line-height: 3.8rem; color: var(--primary-colour); margin-top: 16px; font-weight: 300; }
.product-detail .spotlight > div .information > header > hr { margin: 9px 0 0 0; }
.product-detail .spotlight > div .information .price-display > .value { font-size: 3rem; color: #555; }
.product-detail .spotlight > div .information h4 { font-size: 1.8rem; font-weight: 300; color: #8e8e8e; }
.product-detail .spotlight > div .information p.short-description { margin-top: 10px; margin-bottom: 20px; font-size: 1.8rem; font-weight: 200; color: #3f3f4a; }
.product-detail .spotlight > div .information .thumbnails { margin-top: 3rem; }
.product-detail .spotlight > div .thumbnails .thumb { overflow: hidden; background: #fff; cursor: pointer; margin-bottom: 2rem; width: 90px; height: 90px; float: left; margin-right: 2rem; transition: border-color ease 0.6s; }
.product-detail .spotlight > div .thumbnails .thumb.active,
.product-detail .spotlight > div .thumbnails .thumb:hover { border-color: var(--primary-colour); }
.product-detail .spotlight > div .thumbnails .thumb:last-child { margin-right: 0; }
.product-detail .spotlight > div .thumbnails .thumb > img { width: 100%; height: auto; }
.product-detail .spotlight > div .information > .actions { margin-top: 10px; float: left; width: 100%; }
.product-detail .spotlight > div .information > .actions .primary-call-to-action { float: right; width: 100%; margin-bottom: 10px; }
.product-detail .spotlight > div .information > .actions .primary-call-to-action .price-display { float: right; line-height: 5.2rem; margin-right: 2rem; }
.product-detail .spotlight > div .information > .actions .primary-call-to-action .price-display > span.value { margin-left: 0.5rem; }
.product-detail .spotlight > div .information > .actions .cta-container { float: left; margin-left: 20px; }
.product-detail .spotlight > div .information > .actions .cta-container:first-child { margin-left: 0; }
.product-detail .spotlight > div .information .lead-time { color: #8e8e8e; font-size: 1.6rem; font-weight: 300; }
.product-detail .spotlight > div .information .social { margin-top: 2rem; float: left; width: 100%; }

/* customisable product detail */
.product-detail .spotlight > div.customisable-spotlight-detail { transition: ease 0.6s opacity }
.product-detail .spotlight > div.customisable-spotlight-detail .col-left { width: 35%; float: left; position: relative; }
.product-detail .spotlight > div.customisable-spotlight-detail .col-left .image { width: 100%; }
.product-detail .spotlight > div.customisable-spotlight-detail .col-left .thumbnails { width: 100%; overflow: hidden; overflow-y: hidden !important; }

.product-detail .spotlight > div.customisable-spotlight-detail .information hr.details-separator { width: 100%; margin: 15px 0 12px 0; }
.product-detail .spotlight > div.customisable-spotlight-detail .information .left-col { width: 134px; float: left; }
.product-detail .spotlight > div.customisable-spotlight-detail .information .left-col .icon,
.product-detail .spotlight > div.customisable-spotlight-detail .information .left-col .diamond-icon { margin-left: 13px; margin-top: 10px; }
.product-detail .spotlight > div.customisable-spotlight-detail .information .left-col .diamond-icon { margin-top: 6px; }
.product-detail .spotlight > div.customisable-spotlight-detail .information .variant-selection .entities .variant .thumb > img { width: 70%; }
.product-detail .spotlight > div.customisable-spotlight-detail .information .variant-selection .setting-price,
.product-detail .spotlight > div.customisable-spotlight-detail .information .variant-selection .diamond-price { position: relative; }
.product-detail .spotlight > div.customisable-spotlight-detail .information .variant-selection .setting-price { top: 5px; }
.product-detail .spotlight > div.customisable-spotlight-detail .information .variant-selection .diamond-price { top: -5px; }
.product-detail .spotlight > div.customisable-spotlight-detail .selected-customisation-details { display: table-cell; float: right; width: 84%; margin-top: 10px; }

.diamond-icon { width: 67px; height: 67px; padding: 5px; background: url(/Assets/images/iconography/diamond-shapes/default.svg); }
.diamond-icon.Asscher { background: url(/Assets/images/iconography/diamond-shapes/asscher.svg); }
.diamond-icon.Baguette { background: url(/Assets/images/iconography/diamond-shapes/baguette.svg); }
.diamond-icon.Cushion { background: url(/Assets/images/iconography/diamond-shapes/cushion.svg); }
.diamond-icon.Emerald { background: url(/Assets/images/iconography/diamond-shapes/emerald.svg); }
.diamond-icon.Heart { background: url(/Assets/images/iconography/diamond-shapes/heart.svg); }
.diamond-icon.Marquise { background: url(/Assets/images/iconography/diamond-shapes/marquise.svg); }
.diamond-icon.Oval { background: url(/Assets/images/iconography/diamond-shapes/oval.svg); }
.diamond-icon.Pear { background: url(/Assets/images/iconography/diamond-shapes/pear.svg); }
.diamond-icon.Princess { background: url(/Assets/images/iconography/diamond-shapes/princess.svg); }
.diamond-icon.Radiant { background: url(/Assets/images/iconography/diamond-shapes/radiant.svg); }
.diamond-icon.Round { background: url(/Assets/images/iconography/diamond-shapes/round.svg); }
.diamond-icon.fourcs { background: url(/Assets/images/iconography/fourcs.svg); }

.product-detail-page .product-detail .spotlight .detailed-info { float: left; width: calc(100% - 30px); margin-top: 0; overflow: hidden; }
.product-detail-page .product-detail .spotlight .detailed-info > div { margin: 30px auto; position: relative; }
.product-detail-page .product-detail .spotlight .detailed-info .left { width: 30%; float: left; padding-top: 10px; position: relative; }
.product-detail-page .product-detail .spotlight .detailed-info .left > div { width: 100%; height: 100%; }
.product-detail-page .product-detail .spotlight .detailed-info .left > div > div { width: 90%; padding: 0 5% 20px; margin-top: 20px; border-bottom: 1px solid #e8e8e8; padding-bottom: 2rem; }
.product-detail-page .product-detail .spotlight .detailed-info .left > div > div:first-child { margin-top: 0; }
.product-detail-page .product-detail .spotlight .detailed-info .left > div > div > div { display: table; width: 100%; height: 100%; position: relative; }
.product-detail-page .product-detail .spotlight .detailed-info .left > div > div > div > div { display: table-cell; vertical-align: middle; }
.product-detail-page .product-detail .spotlight .detailed-info .left .text { font-size: 1.8rem; font-weight: 400; text-align: left; color: #626262; }
.product-detail-page .product-detail .spotlight .detailed-info .left .sizes .text { font-size: 1.8rem; font-weight: 100; }

.product-detail-page .product-detail .spotlight .detailed-info .left .metal-types { float: left; margin-top: 2rem; }
.product-detail-page .product-detail .spotlight .detailed-info .left .metal-types .metal { float: left; width: 48%; margin-top: 2rem; margin-left: 2%; }
.product-detail-page .product-detail .spotlight .detailed-info .left .metal-types .metal:nth-child(2n +2) { margin-left: 0; }
.product-detail-page .product-detail .spotlight .detailed-info .left .metal-types .metal .colour,
.product-detail-page .product-detail .spotlight .detailed-info .left .metal-types .metal .label { float: left; }
.product-detail-page .product-detail .spotlight .detailed-info .left .metal-types .metal .colour { width: 2.7rem; height: 2.7rem; }
.product-detail-page .product-detail .spotlight .detailed-info .left .metal-types .metal .label { line-height: 2.9rem; margin-left: 1rem; font-size: 1.8rem; font-weight: 100; color: #626262; }

.product-detail-page .product-detail .spotlight .detailed-info .right { width: 67%; float: left; margin-left: 3%; }
.product-detail-page .product-detail .spotlight .detailed-info .right > header { width: 100%; }
.product-detail-page .product-detail .spotlight .detailed-info .right > header .icon { width: 7rem; height: 7rem; margin: 0 auto; }
.product-detail-page .product-detail .spotlight .detailed-info .left .icon { width: 35%; padding: 0; height: 6rem; }
.product-detail-page .product-detail .spotlight .detailed-info .left .icon svg { float: left; display: inherit; margin: 0 auto; width: 6rem; height: 6rem; }
.product-detail-page .product-detail .spotlight .detailed-info .left .icon svg * { stroke-width: 3; }

.product-detail-page .product-detail .spotlight .detailed-info .social-sharing { /*position: absolute; right: 0;*/ }

.product-detail-page .product-detail .spotlight .detailed-info .content { max-height: 30rem; overflow: hidden; padding-bottom: 4rem; }
.product-detail-page .product-detail .spotlight .detailed-info.toggle-show-hide.showing .content { max-height: 500rem; }
.product-detail-page .product-detail .spotlight .detailed-info .content .show-hide { font-size: 1.4rem; position: absolute; bottom: -1rem; left: 0; width: 100%; text-align: center; }
.product-detail-page .product-detail .spotlight .detailed-info.toggle-show-hide .show-hide > div .to-show .line-arrow { top: 0; }

.product-detail-page .cta-container.book-appointment-trigger + .cta-container { float: left; margin-left: 4rem; }
.product-detail-page .cta-container.book-appointment-trigger:first-child { float: left; margin-left: 0; }
.product-detail-page .book-appointment-form-component .module.introduction .wrapper > div { display: inline-block; }
.product-detail-page .book-appointment-form-component .module.introduction { padding-bottom: 30px; padding-top: 38px; }
.product-detail-page .book-appointment-form-component .book-appointment-form .inner { max-width: 50%; margin: 0 auto; }

/* attribute display generic */
.attribute { float: left; width: 90%; padding: 0 5% 2rem; font-size: 1.8rem; }
.attribute .values { margin-top: 2rem; }
.attribute.no-icon .values { margin-top: 2rem; }
.attribute.single-value .value { margin-top: 1rem; }
.attribute .value { float: left; width: 100%; }
.attribute .value svg,
.attribute .value span,
.attribute .value .label { float: left; }
.attribute .value svg { width: 2.7rem; height: 2.7rem; }
.attribute .value .label { margin-left: 1rem; font-size: 1.8rem; font-weight: 100; color: #626262; }

/* PT08 - blog detail page
   ---------------------------- */

#BlogDetailPage .detail-header { }
#BlogDetailPage .detail-header .taxonomy-tags { float: left; width: 76%; }
#BlogDetailPage .feature-content time { display: none; }
#BlogDetailPage .detail-page { border-top: 1px solid #dcdcdc; padding-bottom: 40px; }
#BlogDetailPage .detail-page .module { padding-bottom: 30px; padding-top: 10px; }
#BlogDetailPage .detail-page header .social-sharing { float: right; margin: 24px 0 21px 0; }
#BlogDetailPage .detail-page header #breadcrumb { float: left; margin: 24px 0 21px 0; }
#BlogDetailPage .detail-page header #breadcrumb > div { margin-left: 0; }
#BlogDetailPage .detail-page > .wrapper { max-width: 800px; margin: 0 auto; }
#BlogDetailPage .detail-page header .date-container { float: left; width: 100%; font-size: 2rem; font-weight: 300; }
#BlogDetailPage .detail-page .date-container sub { bottom: -1px; }
#BlogDetailPage .detail-page .taxonomy-tags { float: left; width: 100%; }
#BlogDetailPage .detail-page .taxonomy-tags .ico.taxonomy { width: 50px; float: left; }
#BlogDetailPage .detail-page .taxonomy-tags .ico.taxonomy > svg { width: 26px; }
#BlogDetailPage .detail-page .taxonomy-tags .tags { width: calc(100% - 50px); float: left; }
#BlogDetailPage .detail-page .taxonomy-tags .tags > li { float: left; margin-right: 10px; color: #dcdcdc; font-size: 1.6rem; }
#BlogDetailPage .detail-page .taxonomy-tags .tags > li:last-child { margin-right: 0; }
#BlogDetailPage .comments { width: 92%; margin: 0 5%; }
#BlogDetailPage .comments article { margin-top: 10px; }
#BlogDetailPage .comments .gravatar { width: 7%; margin-right: 3%; background: #e2e2e2; float: left; position: relative; }
#BlogDetailPage .comments .gravatar:before { content: ""; display: block; padding-top: 100%; }
#BlogDetailPage .comments .gravatar img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; }
#BlogDetailPage .comments .information { float: left; width: 70%; }
#BlogDetailPage .comments .information > header > h4 { float: left; padding: 0; margin: 0; font-weight: 500; }
#BlogDetailPage .comments .information p { float: left; width: 100%; margin-top: 3px; margin-top: 0.3rem; font-weight: 400; }
#BlogDetailPage .comments .date-container { float: right; width: 14%; margin-left: 3%; font-size: 14px; }
#BlogDetailPage .comments .date-container .date-value { text-align: right; }
#BlogDetailPage .comments .date-container h5.time { float: right; margin: 0; }
#BlogDetailPage .new-comment-form { }
#BlogDetailPage .new-comment-form .cols { position: relative; }
#BlogDetailPage .new-comment-form .col { width: 49%; float: left; margin-left: 2%; }
#BlogDetailPage .new-comment-form .col:first-child { margin-left: 0; }
#BlogDetailPage .new-comment-form .col .form-field { margin-top: 12px; margin-top: 1.2rem; float: left; width: 100%; }
#BlogDetailPage .new-comment-form .col .form-field label { display: block; margin-bottom: 4px; margin-bottom: 0.4rem; }
#BlogDetailPage .new-comment-form .col .form-field .stylish-textarea,
#BlogDetailPage .new-comment-form .col .form-field .stylish-textarea > span,
#BlogDetailPage .new-comment-form .col .form-field .styldish-textarea > textarea { height: 136px; }
#BlogDetailPage .new-comment-form .col .form-field .error-messages { margin-top: 6px; margin-top: 0.6rem; }
#BlogDetailPage .new-comment-form .loader { position: absolute; left: 50%; top: 50%; opacity: 0; visibility: hidden; transition: ease 0.3s; }
#BlogDetailPage .new-comment-form.pending .loader { opacity: 1; visibility: visible; }
#BlogDetailPage .new-comment-form .cta-container { margin-top: 20px; margin-top: 2rem; }
#BlogDetailPage .new-comment-form .response-message { float: left; margin-left: 20px; margin-left: 2rem; margin-top: 7px; margin-top: 0.7rem; }
#BlogDetailPage .new-comment-form .form-section.hidden + .response-message { margin-left: 0; }

#BlogDetailPage .related-topics { margin-top: 40px; margin-top: 4rem; }

/* PT15 - place order page
   ---------------------------- */
#PlaceOrderPage .page-feature .responsive-image-container .responsive-image.fitted-object-fit { width: 25%; height: 100%; left: 7%; }


/* PTNN - blog listing page */
.blog-listing .featured-article { overflow: hidden; position: relative; width: calc(100% - 80px); margin-top: 40px; padding: 40px; min-height: 300px; }
.blog-listing .featured-article .decoration-container.light { z-index: -1; right: -15%; width: 90%; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
.blog-listing .featured-article h2 { margin-top: 10px; margin-bottom: 6px; font-size: 3.5rem; line-height: 4.2rem; }
.blog-listing .featured-article h2 a { text-decoration: none; }
.blog-listing .featured-article h2,
.blog-listing .featured-article figcaption { margin-left: 43%; width: 56%; }
.blog-listing .featured-article .image { margin: 35px; float: left; width: calc(40% - 35px); height: calc(100% - 70px); }
.blog-listing .featured-article .published-date { color: #999; }
.blog-listing .featured-article .day sub { bottom: -1px; }
.blog-listing .featured-article footer { margin-left: 43%; margin-top: 40px; float: left; width: 100%; }
.blog-listing .featured-article .comments-count { font-size: 1.4rem; color: #ccc; }
.blog-listing .featured-article .taxonomy-tags { float: left; width: 100%; }
.blog-listing .featured-article .taxonomy-tags .ico.taxonomy { width: 50px; float: left; }
.blog-listing .featured-article .taxonomy-tags .ico.taxonomy > svg { width: 26px; }
.blog-listing .featured-article .taxonomy-tags .tags { width: 90%; float: left; }
.blog-listing .featured-article .taxonomy-tags .tags > li { float: left; margin-left: 10px; color: #dcdcdc; font-size: 1.6rem; }
.blog-listing .featured-article .taxonomy-tags .tags > li:first-child { margin-left: 0; }

/* order confirmation
   ---------------------------- */

/* place order progress */
#customise-progress .progress-item { cursor: default; }
.funnel-progress { height: 63px; position: absolute; bottom: 0; left: 0; width: 100%; }
#PlaceOrderPage #customise-progress.funnel-progress,
#CheckoutPage #customise-progress.funnel-progress { position: relative; top: 0; bottom: auto; }


.product-detail-page .funnel-progress { position: relative; }
.funnel-progress > .contents { background: #efefef; z-index: 2; }
.funnel-progress div.sections { display: flex; }
.funnel-progress div.sections > div { flex: 1; border-left: 1px solid #d8d8d8; width: 32.25%; height: 63px; padding: 0; float: left; }
.funnel-progress div.sections > div:first-child { border-left: none; }
.funnel-progress div.sections > div > div { width: 80%; height: 100%; position: relative; margin: 0 auto; display: table; text-align: center; vertical-align: middle; }
.funnel-progress div.sections > div > div > div,
.funnel-progress div.sections > div > div > svg { display: table-cell; vertical-align: middle; }
.funnel-progress div.sections > div > div > div.label { padding-left: 2%; transition: ease opacity 0.2s; }
.funnel-progress div.sections > div.active > div { opacity: 1; }
.funnel-progress div.sections .ico.tick { position: absolute; right: 10px; width: 30px; height: 30px; top: 50%; opacity: 0; transition: opacity 0.3s ease, margin-top 0.7s ease; }
.funnel-progress.nav-disabled div.sections .progress-item { cursor: default; }
.funnel-progress div.sections .progress-item { cursor: pointer; transition: background-color 0.3s ease, color 0.3s ease }
.funnel-progress div.sections .progress-item .label { text-align: left; }
.funnel-progress div.sections .progress-item.active .label a,
.funnel-progress div.sections .progress-item.complete .label a { color: #fff }
.funnel-progress div.sections .progress-item.active,
.funnel-progress div.sections .progress-item.complete.active { background-color: var(--primary-colour); color: #fff; }
.funnel-progress div.sections .progress-item.complete { background-color: #999; color: #fff; }
.funnel-progress div.sections .progress-item.complete > div,
.funnel-progress div.sections .progress-item.active > div { opacity: 1; }
.funnel-progress div.sections .progress-item svg * { transition: stroke 0.3s ease; }
.funnel-progress div.sections .progress-item.active svg * { stroke: #fff; }
.funnel-progress div.sections .progress-item.complete svg * { stroke: #fff; }
.funnel-progress div.sections .progress-item.complete .ico.tick { opacity: 1; margin-top: -15px; }
.funnel-progress div.sections .progress-item.complete .label { opacity: 0.5; }
.funnel-progress div.sections .progress-item.complete.active .label { opacity: 1; }
.funnel-progress div.sections #card-details.progress-item svg * { stroke-width: 4; }

.product-detail-page .funnel-progress div.sections .progress-item,
#CategoryDetailPage .funnel-progress div.sections .progress-item { cursor: default; }

.funnel-progress svg { width: 38px; height: 32px; margin-top: 15px; margin-bottom: 16px; }
.funnel-progress #order-details svg { margin-bottom: 0; margin-top: 0; width: 50px; height: 62px; }
.funnel-progress.sticky > .contents { position: fixed; width: 100%; height: 57px; top: 30px; left: 0; }
.funnel-progress.sticky > .contents svg { margin-bottom: 0; }
.funnel-progress.sticky > .contents #order-details svg { width: 50px; height: 50px; margin-bottom: -5px; margin-top: 5px; }
.funnel-progress.sticky > .contents #personal-details svg { width: 32px; height: 32px; }
.funnel-progress.sticky > .contents #card-details svg { width: 32px; height: 32px; }
.funnel-progress.sticky div.sections #order-details.progress-item { padding-bottom: 0; }
.funnel-progress.sticky div.sections > div.progress-item { height: 57px; padding-top: 0; padding-bottom: 0; }
.funnel-progress.sticky div.sections > div.progress-item > div { height: 57px; }
/*.funnel-progress.sticky div.sections .progress-item.complete .ico.tick { margin-top: -15px; }*/

.funnel-section { display: none; }
.funnel-section.active { display: block; }

/* checkout */
.product-information { float: left; width: 100%; }
.product-information hr.sep { margin-bottom: 14px; margin-top: 14px; float: left; width: 100%; }
.product-information .product-checkout-image { float: left; width: 20%; }
.product-information .product-checkout-image img { width: 100%; height: auto; }
.product-information .product-component { float: left; width: 97%; padding-right: 3%; margin-bottom: 10px; }
.product-information .product-component header { display: table; position: relative; width: 100%; }
.product-information .product-component header > aside { float: left; }
.product-information .product-component header > aside .icon { width: 50px; height: 50px; }
.product-information .product-component header > aside > .label { width: 100%; margin: 0; text-align: center; font-size: 12px; }
.product-information .product-component .selection__thumbnail { width: 70px; height: 70px; }
.product-information .product-component .selection__thumbnail > img { width: 100%; height: 100%; object-fit: cover; }
.product-information .product-component .primary-font { font-weight: 300; font-size: 2.5rem; line-height: 3rem; }
.product-information .product-component .primary-font .alt-font { font-family: "roboto"; }
.product-information .product-component .primary-font .suffix-label { font-size: 1.4rem; }
.product-information .product-component .component-details { float: left; width: calc(80% - 50px); margin-top: 16px; margin-left: 25px; }
.product-information .product-component .component-details sub { bottom: 0; }
.product-information .product-component .component-details > .product-information .product-component .component-details .design-name,
.product-information .product-component .component-details .metal-selection,
.product-information .product-component .component-details .metal-details,
.product-information .product-component .component-details .metal-selection .label { float: left; }
.product-information .product-component .component-details .metal-selection .label { font-weight: 200; margin: 0 5px 0 0; }
.product-information .product-component .component-details .metal-selection { margin-top: 2px; font-size: 1.4rem; }
.product-information .product-component .price { text-align: right; font-size: 2rem; font-weight: 200; position: absolute; right: 0; bottom: 0; width: 20%; }
.product-information .product-component .diamond-reference { font-size: 1.4rem; color: #5c5c5c; margin: 4px 0; }
.product-information .product-component .certificate-number { font-size: 14px; font-weight: 300; }
.product-information .product-component .certificate-number .link-label { float: left; margin-top: 2px; }
.product-information .product-component .certificate-number .authority-logo { float: left; margin-right: 10px; }


.order-confirmation { }
.place-order-form,
#place-order-form,
#checkout-form { position: relative; padding-top: 0; padding-bottom: 0; }
.product-order-confirmation { width: 100%; }
.place-order-form fieldset.form-section { width: 100%; }
.place-order-form .funnel-section h3 { font-weight: 400; color: var(--primary-colour); font-size: 3rem; margin: 25px 0 9px 19px; float: left; width: 100%; }
.place-order-form .funnel-section .sub-head { margin-left: 19px; }
.place-order-form .module.introduction { z-index: 2; }
.place-order-form .customisation-information { float: left; width: 100%; }
.place-order-form .product-showcase.order-confirmation { border-bottom: 1px solid #d2d2d2; float: left; width: 100%; padding-bottom: 30px; position: relative; margin-top: 0; padding-top: 30px; }
.place-order-form[data-payment-mode="false"] .product-showcase.order-confirmation { padding-bottom: 10px; }
.place-order-form .product-showcase.order-confirmation > .wrapper { position: relative; }
.place-order-form .product-showcase.order-confirmation > .wrapper > .inner { width: 70%; }
.place-order-form .product-showcase.order-confirmation .supporting-text { float: left; width: 48%; padding-right: 2%; font-size: 1.4rem; }
#CheckoutPage .place-order-form .product-showcase.order-confirmation .supporting-text { width: 100%; padding: 0; }
.place-order-form .product-showcase.order-confirmation .information { float: left; width: 100%; min-height: 20px; }
.place-order-form .product-showcase.order-confirmation .information .description,
.place-order-form .product-showcase.order-confirmation .information .dynamic-price { display: table-cell; }
.place-order-form .product-showcase.order-confirmation .information .description { width: 60%; margin-right: 5%; }
.place-order-form .product-showcase.order-confirmation .information .description > p { width: 90%; }
.place-order-form .product-showcase.order-confirmation .information .dynamic-price { vertical-align: bottom; }
.place-order-form .product-showcase.order-confirmation .information .dynamic-price .total-label { font-size: 2.6rem; font-weight: 300; font-family: "Raleway"; margin-right: 1rem; float: right; line-height: 5.2rem; }
.place-order-form .product-showcase.order-confirmation .information .dynamic-price .total { float: left; width: 100%; margin-top: 20px; }
.place-order-form .product-showcase.order-confirmation .information .dynamic-price .price-display.price-no-label { float: right; }
.place-order-form .product-showcase.order-confirmation .information .dynamic-price { width: 10%; }
.place-order-form .product-showcase.order-confirmation .information .dynamic-price .extras { float: right; padding-right: 20px; }
.place-order-form .product-showcase.order-confirmation .information .dynamic-price .extras .selected-option { position: relative; line-height: 3rem; padding: 5px 0; }
.place-order-form .product-showcase.order-confirmation .information .dynamic-price .extras .selected-option:last-child { border-bottom: 1px solid #dcdcdc; }
.place-order-form .product-showcase.order-confirmation .information .dynamic-price .extras .selected-option .label { position: relative; margin-right: 30px; }
.place-order-form .product-showcase.order-confirmation .information .dynamic-price .extras .selected-option .price { float: right; font-size: 2rem; }
.place-order-form .product-showcase.order-confirmation .information .dynamic-price .extras .selected-option .close-cross { top: 5px; left: -30px; height: 3rem; width: 2rem; }
.place-order-form .product-showcase.order-confirmation .information .dynamic-price .extras .selected-option .close-cross:before,
.place-order-form .product-showcase.order-confirmation .information .dynamic-price .extras .selected-option .close-cross:after { top: 0.7rem; left: 0.5rem; height: 1.5rem; }
.place-order-form .product-showcase.order-confirmation .cta-container { float: right; margin-top: 10px; }
.place-order-form .product-showcase.order-confirmation .lead-time { float: right; margin-top: 23px; margin-right: 30px; }
.place-order-form .product-showcase.order-confirmation #discount-code { position: relative; float: right; width: 49%; }
#CheckoutPage .place-order-form .product-showcase.order-confirmation #discount-code { width: 100%; padding: 0 20px 10px 20px; }
.place-order-form .product-showcase.order-confirmation #discount-code .labels { text-align: right; }
.place-order-form .product-showcase.order-confirmation #discount-code .labels h4 { margin: 0; padding: 0; font-size: 2rem; }
.place-order-form .product-showcase.order-confirmation #discount-code .labels p { margin: 0; font-size: 1.3rem; }
.place-order-form .product-showcase.order-confirmation #discount-code .discount-code-field { padding-top: 0; padding-bottom: 0; margin-top: 10px; margin-bottom: 10px; padding-left: 0; position: relative; }
.place-order-form .product-showcase.order-confirmation #discount-code .discount-code-field.form-field { width: 100%; }
.place-order-form .product-showcase.order-confirmation #discount-code .field { float: right; width: 60%; max-width: 210px; }
.place-order-form .product-showcase.order-confirmation #discount-code .field > div:first-child { background: rgba(255, 255, 255, 0.8); }
.place-order-form .product-showcase.order-confirmation #discount-code .field .error-messages > div { display: block; }
.place-order-form .product-showcase.order-confirmation #discount-code .inline-submit { float: right; }
.place-order-form .product-showcase.order-confirmation #discount-code .inline-submit .cta-container { width: 100%; margin-top: 0; }
.place-order-form .product-showcase.order-confirmation #discount-code.pending .pending-mask { opacity: 1; visibility: visible; }
.place-order-form .product-showcase.order-confirmation #discount-code.pending .pending-mask .loader .spinner { top: 5px; right: 50px; margin-top: 0; margin-left: 0; left: auto; }
.place-order-form.form.module .inner { width: 60%; margin: 0 auto; }
.place-order-form.form.module .form-section { width: 100%; display: table; }
.place-order-form.form.module .form-field,
.place-order-form.form.module .form-field
.place-order-form.form.module .form-field { padding: 10px 20px; padding-right: 0; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; transition: 0.5s ease; -ms-transition-property: width, padding, border; -o-transition-property: width, padding, border; transition-property: width, padding, border; }
.place-order-form.form.module .response-message { font-size: 2.4rem; max-width: 60%; margin: 6rem auto; }
.place-order-form.form.module .trust-marks { display: flex; align-items: center; width: 100%; }
.place-order-form.form.module .trust-marks .trust-marks__logo { width: 25%; padding: 4% 10.5%; }
.place-order-form.form.module .trust-marks .trust-marks__logo > img { width: 100%; height: auto; }
.supplementary-product-trigger .stylish-ds { width: 50px; height: 50px; }
.supplementary-product-trigger .stylish-ds > span { position: relative; display: block; border: 1px solid #d8d8d8; width: 50px; height: 50px; margin: 0 auto; }
.supplementary-product-trigger .stylish-ds > span > span.ico { width: 0; height: 0; border: 10px solid transparent; border-bottom: 15px solid #fff; position: relative; top: 0px; left: 14px; }
.supplementary-product-trigger .stylish-ds > span > span.ico:after { content: ''; position: absolute; left: -10px; top: 15px; width: 0; height: 0; border: 10px solid transparent; border-top: 15px solid #fff; }
.supplementary-product-trigger .stylish-ds > span.checked > span.ico { border-bottom-color: var(--secondary-colour); }
.supplementary-product-trigger .stylish-ds > span.checked > span.ico:after { border-top-color: var(--secondary-colour); }
.supplementary-product-trigger .stylish-ds > input { top: 0; left: 0; width: 50px; height: 50px; }

.place-order-form .module.supplementary-products { padding: 0; float: left; width: 100%; margin-top: 10px; }
.place-order-form .supplementary-products .supplementary-product-collection { padding-top: 25px; }
.place-order-form .supplementary-products .product-collection-hidden { display: none; }
.place-order-form .customisations { float: right; width: 100%; display: flex; justify-content: flex-end; flex-flow: row wrap; background: #fff; }
.place-order-form.form.module .customisations .form-field label { margin-bottom: 10px; display: block; }
.place-order-form.form.module .customisations .form-field { width: auto; min-width: 47%; float: left; }
.place-order-form.form.module .customisations .form-field.supplementary-product-trigger label { width: 100%; float: left; }
.place-order-form.form.module .customisations .form-field.supplementary-product-trigger > div { margin: 0 auto; float: none; display: inline-block; }
.place-order-form .supplementary-products .decoration-container { z-index: -1; }
.place-order-form .supplementary-products h3 { margin-left: 0; font-size: 2.4rem; line-height: 3.4rem; }
.place-order-form .supplementary-products .inner { width: 100%; margin: 0 4%; }
.place-order-form .supplementary-products .supplementary-product { max-width: 220px; float: left; margin-left: 20px; margin-bottom: 20px; position: relative; }
.place-order-form .supplementary-products .supplementary-product:nth-child(4n + 4),
.place-order-form .supplementary-products .supplementary-product:first-child { margin-left: 0; }
.place-order-form .supplementary-products .supplementary-product .image { margin: 10px 0 0; }
.place-order-form .supplementary-products .supplementary-product h4 { font-size: 1.8rem; }
.place-order-form .supplementary-products .supplementary-product img { width: 100%; height: auto; float: left; }
.place-order-form .supplementary-products .option-select-toggle { position: absolute; left: 1px; width: calc(100% - 22px); bottom: 1px; background: rgba(255,255,255,0.8); border-top: 1px solid #f9f9f9; padding: 10px; }
.place-order-form .supplementary-products .option-select-toggle .count { float: left; }
.place-order-form .supplementary-products .option-select-toggle .add-remove { float: right; text-align: right; width: 60%; font-size: 1.6rem; font-weight: 200; color: #aaa; }
.place-order-form .supplementary-products .option-select-toggle .add-remove.active { }
.place-order-form .supplementary-products .option-select-toggle .add-remove .add { display: none; }
.place-order-form .supplementary-products .option-select-toggle .add-remove .remove { display: block; }
.place-order-form .supplementary-products .option-select-toggle .add-remove.active .add { display: block; }
.place-order-form .supplementary-products .option-select-toggle .add-remove.active .remove { display: none; }
.place-order-form .supplementary-products .option-select-toggle .add-remove > div { cursor: pointer; }
.place-order-form.form .actions .cta-container,
#place-order-form.form .actions .cta-container,
#checkout-form.form .actions .cta-container { float: right; min-height: 55px; }
.place-order-form .progressive-form-section { display: none; }

.place-order-form.form.module .actions .total { margin-bottom: 20px; }

.edge .page-feature .checkout-feature.responsive-image-container img.feature-image { width: 30%; left: 7%; }

.page-feature .checkout-feature .feature-content-container .image-mask { width: 70%; }
.page-feature.has-progress { padding-bottom: 65px; }
#PlaceOrderPage .page-feature.has-progress .responsive-image-container .responsive-image.fitted-object-fit.feature-image { height: calc(100% - 85px); }
.page-feature .checkout-feature .feature-content .icon { top: auto; }
.page-feature .checkout-feature .feature-content .content .feature-text { margin-top: 0; }

.page-feature.compact-feature { min-height: 250px; }
#StandardContentPage .page-feature.compact-feature { min-height: 250px; }
#CategoryDetailPage .page-feature.compact-feature img.feature-image { width: 35%; }
.page-feature.compact-feature .feature-content .title h1 { font-size: 3.2rem; }
#CategoryDetailPage .page-feature.compact-feature .feature-content { width: 50%; }

/* checkout
   ---------------------------- */

#checkout-form .place-order-form .product-showcase.order-confirmation { padding-top: 0 }

/* wedding bands basket list items */
.checkout-basket-list { display: flex; flex-direction: column; }
.checkout-basket-list .wedding-band-basket-item { display: flex; position: relative; border-bottom: 1px solid #ddd; }
.checkout-basket-list .wedding-band-basket-item:last-of-type { border-bottom: none; }
.checkout-basket-list .wedding-band-basket-item .image { width: 20%; }
.checkout-basket-list .wedding-band-basket-item .image > img { width: 100%; }
.checkout-basket-list .wedding-band-basket-item .details { width: 75%; margin-left: 5%; padding: 5% 0; display: flex; }
.checkout-basket-list .wedding-band-basket-item .details .label { width: 75%; }
.checkout-basket-list .wedding-band-basket-item .details .label h2 { font-weight: 300; }
.checkout-basket-list .wedding-band-basket-item .details .label .item-description { font-size: 2rem; line-height: 3rem; font-weight: 300; }
.checkout-basket-list .wedding-band-basket-item .details .price { width: 25%; min-width: 100px; text-align: right; font-size: 2.6rem; line-height: 3.6rem; font-weight: 300; }


/* product customisation information confirm
   ---------------------------- */
.customisation-information hr.sep { display: block; width: 100%; float: left; margin: 2rem 0; }
.customisation-information .price { float: left; width: 100%; text-align: right; }
.customisation-information .price .label { font-size: 2rem; font-weight: 100; -webkit-text-stroke: 0.20px; }
.customisation-information .price .value { font-size: 2.4rem; color: var(--primary-colour); font-weight: 300; }
.customisation-information .jewellery-selection { }
.customisation-information .jewellery-selection > div.detail { padding-top: 15px; }
.customisation-information .jewellery-selection .design,
.customisation-information .metal-selection { float: left; }
.customisation-information .jewellery-selection .design { margin-right: 2rem; }
.customisation-information .jewellery-selection .design h2,
.customisation-information .diamond-selection h2 { font-size: 4rem; }
.customisation-information .jewellery-selection .design h2 { margin-bottom: 4px; }
.customisation-information .jewellery-selection aside { float: left; }
.customisation-information header .icon { width: 6rem; height: 6rem; margin-right: 1rem; }
.customisation-information header .icon,
.customisation-information header .icon + div { float: left; padding-top: 1rem; }
.customisation-information .metal-selection { width: 50%; margin-top: 4px; }
.customisation-information .metal-selection .label { float: left; width: 1.5rem; margin-top: 3px; margin-right: 1rem; }
.customisation-information .metal-selection .metal-details { float: left; }
.customisation-information .metal-selection .metal-details .name { font-size: 2rem; font-weight: 200; }
.customisation-information .metal-selection .metal-details .name .suffix-label { font-size: 1.6rem; }
.customisation-information .diamond-selection h2 > .suffix-label { font-size: 1.4rem; }
.customisation-information .diamond-selection .certificate-number { float: right; margin-top: 2.4rem; }
.customisation-information .diamond-selection .cccc { margin-left: 9rem; float: left; width: calc(100% - 9rem); margin-bottom: 20px; margin-bottom: 2rem; }
.customisation-information .diamond-selection .cccc > div { float: left; margin-left: 3%; position: relative; width: 19%; margin-top: 10px; margin-top: 1rem; }
.customisation-information .diamond-selection .cccc > div:nth-child(odd) { margin-left: 0; }
.customisation-information .diamond-selection .cccc > div > .label { font-weight: bold; }
.customisation-information .diamond-selection .ref { }

/* place order page specific customisation information */
.place-order-form .customisation-information > article { position: relative; }
.place-order-form .customisation-information .diamond-selection .certificate-number { margin-top: 3.4rem; float: right; margin-left: 2rem; }
.place-order-form .information .total .vat-label { float: right; width: 100%; text-align: right; top: -10px; font-size: 1.4rem; position: relative; color: #999; }

/* drop hint modal
   ---------------------------- */
.drop-hint { z-index: 0; }
.drop-hint-screen { }
.drop-hint-screen .wrapper { }
.drop-hint-screen .content.table { width: 60%; padding: 4rem 0; margin: 0 auto; text-align: center; }
.drop-hint-screen .content.table h2 { font-weight: 300; }
.drop-hint-screen .content.table p { font-size: 2rem; line-height: 3rem; font-weight: 100; }
.drop-hint-screen .middle { max-width: 60%; }
.drop-hint-screen .submitted-close-modal { display: none; }
.drop-hint-screen .submitted.closed .submitted-close-modal { display: block; }
.drop-hint-screen .submitted-close-modal > span { margin: 0 auto; cursor: pointer; color: var(--primary-colour); }

#product-builder { }
#product-builder .book-appointment-form .wrapper { min-height: 0; }
#product-builder .book-appointment-form .inner { max-width: 50%; margin: 0 auto; }
#product-builder .book-appointment-form .inner h2 { font-size: 4.2rem; }
#product-builder .book-appointment-form .close-overlay.close-cross { display: none; }

/* sitemap page
   ---------------------------- */
#SitemapPage .page-modules { padding-top: 2%; }
#SitemapPage .title-group .annex { display: none; }
#SitemapPage .sitemap { width: 96%; font-size: 18px; font-size: 1.8rem; line-height: 30px; line-height: 3rem; margin-top: 30px; margin-top: 3rem; margin-bottom: 30px; }
#SitemapPage .sitemap ul li { color: #bbb; }
#SitemapPage .sitemap ul > li { margin-left: 20px; margin-left: 4%; }
#SitemapPage .sitemap > ul > li { margin-top: 20px; margin-top: 2rem; padding-top: 20px; padding-top: 2rem; border-top: 1px solid #ccc; }
#SitemapPage .sitemap > ul > li > a { font-weight: bold; margin-bottom: 15px; margin-bottom: 1.5rem; display: block; }
#SitemapPage .sitemap > ul > a { font-weight: bold; }

/* modules
   ============================ */

.page-modules .row { margin: 0 auto; }
.page-modules .row.halves { margin-top: 0; }
.page-modules .row.halves .module.half { width: 50%; float: left; padding-top: 30px; padding-bottom: 20px; }
.page-modules .row.halves .module.half:first-child { margin-left: 0; }

/* module
   ---------------------------- */
.module { padding: 40px 0; padding-top: 50px; position: relative; }
.module.no-vertical-padding { padding: 0; padding-top: 0; }
.module .wrapper { z-index: 1; position: relative; }

.module .wrapper .inner .cta-container { margin: 0 auto; margin-top: 30px; }

/* generic module styles */

.module .title-group { margin-bottom: 30px; text-align: center; }
.module .title-group .line { background: #3f3f4a; }
.module .title-group h2 { -webkit-text-stroke: 0.35px; }
.module .contents { line-height: 33px; line-height: 3.3rem; font-size: 20px; font-size: 2rem; font-weight: 300; }

.module.half { border: none; }

.module.half .title-group { margin-bottom: 20px; }
.module.half .title-group .line { display: none; }
.module.half .title-group h2 { margin-left: 0; font-weight: 200; }
.module.half .title-group,
.module.half .contents { text-align: left; }
.module.half .wrapper { width: 65%; margin-left: 10%; }
.module.half .wrapper .inner .cta-container { margin-left: 0; }
.module.half:first-child .wrapper { margin-right: 10%; margin-left: auto; }
.module.half .decoration-container > img.svg-tri-lrg { display: none; }

.module img.image-mask { position: absolute; right: 0; top: 0; height: 100%; width: 62%; -ms-opacity: 0.4; opacity: 0.4; }

/* themes */
.module.dark .title-group h2 { -webkit-text-stroke: 0; }


.module.regular,
.module.decorated { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }

.module.dark,
.module.half.dark { color: #fff; background: var(--primary-colour); background: -moz-linear-gradient(top, var(--primary-colour) 0%, var(--primary-variant-colour) 100%); background: -webkit-linear-gradient(top, var(--primary-colour) 0%,var(--primary-variant-colour) 100%); background: linear-gradient(to bottom, var(--primary-colour) 0%,var(--primary-variant-colour) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--primary-colour)', endColorstr='var(--primary-variant-colour)',GradientType=0 ); }
.module.dark h2,
.module.half.dark h2 { color: #fff; }
.module.dark .title-group .line { background: #fff; }

.module.basic-text .wrapper .inner,
.module.links-list .wrapper .inner { max-width: 1000px; max-width: 100rem; margin: 0 auto; text-align: center; }

/* introduction module */
.module.introduction { text-align: center; }
.module.introduction .inner { max-width: 800px; max-width: 80rem; margin: 0 auto; }

/* default */

.module.default { text-align: center; }
.module.default.half { text-align: left; }
.module.default .inner { margin-bottom: 50px; margin-bottom: 5rem; }
.module.default h2,
.module.default.full a.cta { margin-top: 20px; margin-top: 2rem; }
.module.default .image { width: 100%; width: calc(100% + 10rem); left: -5rem; position: relative; padding-bottom: 40%; }
.module.default .no-crop { padding-bottom: 0; }
.module.default .no-crop img { width: 100%; height: auto; float: left; }
.module.default.no-title:not(.half) img { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.module.default .cta-container { text-align: center; }
.module.dark .image { border: 1px solid #fff; }

/* free text */


/* basic text */
.module.basic-text { overflow: hidden; }
.module.basic-text.has-image { }
.module.basic-text.has-image img.background-image { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
.module.basic-text.has-image .inner { float: right; margin: 0; margin-right: 5%; width: 37%; text-align: left; }
.module.basic-text.has-image .inner .title-group { text-align: left; }
.module.basic-text.has-image .inner .title-group h2 { margin-left: 0; }
.module.basic-text.has-image .inner .title-group .line { display: none; }
.module.basic-text.has-image .inner .cta-container { margin-left: 0; }
.module.basic-text.has-image .inner .contents { color: #333; }
.module.dark.basic-text.has-image .inner .contents { color: #fff; }

.module.half.basic-text.has-image { padding: 0; }
.module.half.basic-text.has-image .wrapper { width: 84%; margin: 2rem auto; }
.module.half.basic-text.has-image .wrapper .inner { width: 100%; margin: 0 auto; }
.module.half.basic-text.has-image img.background-image { position: relative; }
.module.half.basic-text.has-image img.image-mask { display: none; }
.module.half.basic-text.has-image .contents { width: 80%; }

/* image */
.module.image { }
.module.image.full { }
.module.image.full img.responsive-image { width: 100%; height: auto; position: relative; opacity: 1; }
.module.image .no-crop img { width: 100%; height: auto; }

/* download */
.module.download { text-align: center; }
.module.half.download { text-align: left; }

/* link list */
.module.links-list { }
.module.links-list li { position: relative; width: 50%; float: left; margin-bottom: 1rem; }
.module.links-list a { display: table; }
.module.links-list a:hover { text-decoration: none; }
.module.links-list a > div { display: table-cell; vertical-align: middle; float: none; width: 80%; }
.module.links-list a > svg { float: left; width: 3.5rem; height: 3.5rem; margin-left: 1.2rem; margin-top: 1.1rem; margin-right: 1.1rem; }
.module.links-list a > svg * { stroke-width: 2.7; stroke: var(--primary-colour); }

.module.dark.links-list a > svg * { stroke: #fff; }

.module.half.links-list li { width: 100%; }

.module.dark.links-list { }
.module.dark.links-list a { color: #fff; }
.module.dark.links-list a > div > span { border-color: #fff; }
.module.dark.links-list li span.accent-border { background: #fff; }


/* quote modules (testimonials & twitter) */
.module.block-quote .inner.framed > div.decoration-wrapper { top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; position: absolute; }
.module.block-quote header.profile-image { background: #fff; position: absolute; width: 8rem; height: 7rem; left: 50%; margin-left: -4rem; top: -3.5rem; }
.module.block-quote header.profile-image a.profile { float: left; }
.module.block-quote header.profile-image img { width: 6.7rem; padding-left: 0.7rem; padding-top: 0; margin-top: 1px; height: auto; }

.module.block-quote span.ico.twitter { position: absolute; left: 50%; margin-left: -0.9rem; bottom: 3.3rem; width: 2rem; height: 2rem; background: url(/Assets/images/iconography/twitter.svg); }
.module.block-quote .quote { position: absolute; width: 3.6rem; height: 3.6rem; background: url(/Assets/images/iconography/quote.svg); }
.module.block-quote .quote.before { left: 16%; top: -2rem; }
.module.block-quote .quote.after { right: 16%; bottom: 3rem; -moz-transform: scale(-1, -1); -webkit-transform: scale(-1, -1); -o-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); }

.module.block-quote .slide-deck { height: 300px; height: 30rem; }
.module.block-quote .slide-deck .sections { margin-top: 60px; margin-top: 6rem; }
.module.block-quote .slide-deck .slide-card.active.prev { -webkit-transition: opacity 0.8s ease, transform 1.1s ease, visibility 0.8s ease; -moz-transition: opacity 0.8s ease, transform 1.1s ease, visibility 0.8s ease; -ms-transition: opacity 0.8s ease, transform 1.1s ease, visibility 0.8s ease; -o-transition: opacity 0.8s ease, transform 1.1s ease, visibility 0.8s ease; transition: opacity 0.8s ease, transform 1.1s ease, visibility 0.8s ease; }
.module.block-quote .slide-deck .slide-card.next { -webkit-transition: opacity 0.8s ease, visibility 0.8s ease; -moz-transition: opacity 0.8s ease, visibility 0.8s ease; -ms-transition: opacity 0.8s ease, visibility 0.8s ease; -o-transition: opacity 0.8s ease, visibility 0.8s ease; transition: opacity 0.8s ease, visibility 0.8s ease; }
.module.block-quote .slide-deck nav { bottom: 0; }
.module.block-quote .slide-deck nav .step { margin-left: 20px; margin-left: 2rem; }
.module.block-quote .slide-deck nav .step,
.module.block-quote .slide-deck nav .pager { position: relative; float: right; }
.module.block-quote .slide-deck nav .step > span { color: #565695; }
.module.block-quote .slide-deck nav .pager { top: 10px; top: 1rem; }
.module.block-quote .slide-deck nav .pager > div { background: #565695; }
.module.block-quote .slide-deck nav .pager > div > span.tooltip { color: #eaeaea; background: #2f2f2f; }
.module.block-quote .slide-deck section.sections.target-right .slide-card.prev,
.module.block-quote .slide-deck section.sections.target-left .slide-card.prev { -webkit-transform: translateX(0rem); -moz-transform: translateX(0rem); -ms-transform: translateX(0rem); -o-transform: translateX(0rem); transform: translateX(0rem); }

.module.block-quote .single-entity { }
.module.block-quote .single-entity .text.middle { text-align: center; }
.module.block-quote .single-entity > div { margin: 30px; margin: 3rem; position: relative; }
.module.block-quote .single-entity .body { width: 100%; height: 140px; height: 14rem; }
.module.block-quote .single-entity blockquote { color: #3f3f4a; text-align: center; font-size: 26px; font-size: 2.6rem; width: 55%; margin: 0 auto; line-height: 38px; line-height: 3.8rem; }
.module.block-quote .single-entity blockquote a { color: #9c9c9c; font-size: 24px; font-size: 2.4rem; }
.module.block-quote .single-entity blockquote a:last-child { display: block; font-size: 18px; font-size: 1.8rem; margin-top: 10px; margin-top: 1rem; }
.module.block-quote .single-entity .time-diff { margin-top: 3rem; color: #3f3f4a; font-size: 12px; font-size: 1.2rem; }
.module.block-quote .single-entity footer { position: absolute; left: 0; bottom: 3rem; width: 100%; }
.module.block-quote .single-entity footer .time { float: left; }
.module.block-quote .single-entity footer .footnotes { float: right; margin-right: 3rem; }
.module.block-quote .single-entity footer .footnotes > h4,
.module.block-quote .single-entity footer .footnotes > a { margin-left: 30px; margin-left: 3rem; float: right; color: #9c9c9c; font-family: 'Roboto'; font-size: 12px; font-size: 1.2rem; }
.module.block-quote .single-entity footer .footnotes a.intent { height: 20px; height: 2rem; float: right; }
.module.block-quote .single-entity footer .footnotes a.intent > span.value { float: left; margin-left: 10px; margin-left: 1rem; line-height: 17px; line-height: 1.7rem; }
.module.block-quote .single-entity footer .footnotes a.intent > span.retweet,
.module.block-quote .single-entity footer .footnotes a.intent > span.favourite { float: left; display: block; width: 15px; height: 16px; background: url(/Assets/images/iconography/twitter-icon-sprite.png) no-repeat; }
.module.block-quote .single-entity footer .footnotes a.intent > span.retweet { background-position: -32px 0; }
.module.block-quote .single-entity footer .footnotes a.intent:hover > span.retweet { background-position: -48px 0; }
.module.block-quote .single-entity footer .footnotes a.intent > span.favourite { background-position: -1px 0; }
.module.block-quote .single-entity footer .footnotes a.intent:hover > span.favourite { background-position: -17px 0; }

/* testimonials module */
.module.testimonial { }
.module.testimonial .inner.framed > div.decoration-wrapper { z-index: -1; }
.module.testimonial.block-quote .decoration-wrapper { position: absolute; width: 100%; height: 100%; top: 0; margin: 0; overflow: hidden; }

.module.testimonial header.profile-image { height: 80px; top: -142px; }
.module.testimonial header.profile-image svg { margin: 10px; width: 60px; height: 60px; }
.module.testimonial .single-entity blockquote { font-size: 1.8rem; line-height: 3rem; font-weight: 400; }

.module.testimonial .star-rating { position: absolute; width: 100%; text-align: center; top: -40px; }
.module.testimonial .star-rating .rating { display: inline; margin-left: 10px; }
.module.testimonial .star-rating .rating svg { width: 28px; height: 28px; }
.module.testimonial .star-rating .rating:first-child { margin-left: 0; }
.module.testimonial .star-rating .rating.active polygon { fill: var(--primary-colour); }
.module.testimonial .dark .star-rating .rating polygon { stroke: #dcdcdc; fill: none; }
.module.testimonial .dark .star-rating .rating.active polygon { fill: #fff; stroke: none; }
.module.testimonial .dark blockquote { color: #fff; }
.module.testimonial .star-rating .rating { }
.module.testimonial .single-entity footer .footnotes > h4 { font-size: 1.6rem; }
.module.testimonial .single-entity.dark footer .footnotes > h4 { color: #fff; }
.module.testimonial.block-quote .dark .quote { background: url(/Assets/images/iconography/quote-white.svg); }

.module.testimonial .single-entity { margin-top: 70px; }
.module.testimonial .single-entity:first-child { margin-top: 0; }


/* cascade module */
.module.cascade { padding-top: 35px; padding-left: 0; padding-right: 0; padding-bottom: 0; }
.module.cascade.no-title { padding-top: 0; }
.module.cascade .title-group { margin-bottom: 20px; }



/* video */
.module.video { padding: 0; }
.module.video .wrapper { max-width: 100%; }
.module.video.regular .wrapper,
.module.video.dark .wrapper,
.module.video.decorated .wrapper { max-width: 140rem; }

.module.video.full .responsive-image-container,
.module.video.full .responsive-image-container .responsive-image { position: static; }

.module.video.regular,
.module.video.dark,
.module.video.decorated { padding: 3rem 0; }
.module.video video,
.module.video img.fallback { width: 100%; height: auto; float: left; }
.module.video .inner { position: absolute; left: 0; top: 0; width: 70%; padding: 0 15%; height: 100%; }
.module.video .inner .contents { width: 100%; height: 100%; display: table; }
.module.video .inner .contents > div { display: table-cell; vertical-align: middle; text-align: center; position: relative; }

.module.video.dark .inner .contents { color: #fff; text-shadow: 0px 0px 1px rgba(10, 10, 10, 0.7); font-weight: 300; }
.module.video.dark .inner .contents h2 { font-weight: 300; }
.module.video.dark { background: #fff; }

.module.video.decorated .inner .contents .title-group .line:first-child { display: none; }
.module.video.decorated .inner .contents .title-group h2 { margin-left: 0; }
.module.video.decorated .inner { width: 40%; left: auto; right: 0; padding: 0; padding-right: 5%; }
.module.video.decorated .inner .contents { width: 90%; float: right; right: 0; }
.module.video.decorated .inner .contents > div { top: -5rem; }
.module.video.decorated .inner .contents .title-group,
.module.video.decorated .inner .contents .text { text-align: left; }


.module.blocks { overflow: visible; }

.module.blocks.regular { padding-bottom: 70px; padding-bottom: 7rem; }
.module.blocks.full,
.module.blocks.full.regular { margin-top: -40px; margin-top: -4rem; padding-bottom: 30px; padding-bottom: 3rem; }
.module.blocks .module { padding: 2rem 0; border: 1px solid #dcdcdc; }
.module.blocks .inner { margin: 25px; margin: 2.5rem; margin-bottom: 2rem; text-align: left; }
.module.blocks .title-group { width: 100%; display: table; height: 61px; height: 6.1rem; margin-bottom: 20px; margin-bottom: 2rem; }
.module.blocks .title-group h2 { text-align: center; font-size: 30px; font-size: 3rem; line-height: 40px; line-height: 4rem; display: table-cell; }
.module.blocks .title-group p { font-size: 16px; font-size: 1.6rem; line-height: 26px; line-height: 2.6rem; }
.module.blocks .module .title-group .line { bottom: 0.8rem; display: none; /* todo remove or reinstate*/ }
.module.blocks .image { padding-bottom: 55%; }
.module.blocks > .wrapper > .module { float: left; overflow: visible; }
.module.blocks > .wrapper > .module:first-child:nth-last-child(1) { width: 100%; }
.module.blocks > .wrapper > .module:first-child:nth-last-child(2),
.module.blocks > .wrapper > .module:first-child:nth-last-child(2) ~ .module { width: 48.5%; margin-left: 2%; }
.module.blocks > .wrapper > .module:first-child:nth-last-child(2) { margin-left: 0; }
.module.blocks.thirds > .wrapper > .module:nth-child(2) { }
.module.blocks > .wrapper > .module:first-child:nth-last-child(3),
.module.blocks > .wrapper > .module:first-child:nth-last-child(3) ~ .module { width: 31.3333%; margin-left: 2%; }
.module.blocks > .wrapper > .module:first-child:nth-last-child(3) { margin-left: 0; }
.module.blocks > .wrapper > .module > .wrapper { width: auto; margin: 3rem; padding-bottom: 40px; padding-bottom: 4rem; overflow: hidden; }
.module.blocks > .wrapper > .module > .wrapper > .inner { margin: 0; }
.module.blocks > .wrapper > .module.no-cta > .wrapper { padding-bottom: 20px; padding-bottom: 2rem; }
.module.blocks .cta-container { position: absolute; bottom: 25px; bottom: 2.5rem; width: 75%; left: 12.5%; }
.module.blocks .cta-container a.cta { max-width: 75%; }

.module.blocks .module.basic-text.has-image { padding-top: 0; }
.module.blocks .module.basic-text.has-image img.background-image { position: relative; z-index: 1; }
.module.blocks .module.basic-text.has-image .inner { width: 100%; margin-right: 0; }
.module.basic-text.has-image .inner .title-group h2 { text-align: left; }
.module.blocks .module img.image-mask { width: 70%; }

/* module forms */
.module.form { }
.module.form > .wrapper { width: 55%; margin: 0 auto; max-width: 700px; }
.module.form > .wrapper header.title-group + p { text-align: center; }
.module.form .form-section,
.module.form .actions { width: 100%; margin: 0 auto; float: none; margin-bottom: 20px; }
.module.form .actions > .submit { float: right; margin-left: 20px; }
.module.form .form-field { width: calc(100% - 20px); padding: 20px; padding-bottom: 5px; margin-bottom: 0; }
.module.form .form-field.field-inline { width: calc(46% - 10px); float: right; }
.module.form .form-field.field-inline:nth-child(odd) { float: left; padding-right: 10px; }
.module.form .form-field.field-inline:nth-child(even) { padding-right: 0; padding-left: 10px; }
.module.form .form-field.align-right { float: right !important; }
.module.form .form-field > label { display: none; }
.module.form .form-field.form-radio-list > label,
.module.form .form-field.form-checkbox-list > label { display: block; margin-bottom: 10px; color: #fff; }

.module.form.dark .form-field.form-checkboxes .field .checked .ico { background: #fff; }

/* module integrated booking form component */
.module.dark.book-appointment-form-component .integrated-appointment-booking-component .picker-list > li { background: var(--primary-colour); border: 1px solid #fff; }
.module.dark.book-appointment-form-component .integrated-appointment-booking-component .picker-list > li.selected { background: #fff; color: var(--primary-colour) }
/* module steps */
.module.steps { padding-bottom: 50px; }
.module.steps .title-group h2 { max-width: 700px; }
.module.steps .carousel { margin: 0; }
.module.steps .steps-container { text-align: center; margin-left: -23px; position: relative; visibility: hidden; }
.module.steps .steps-container.initialised { visibility: visible; }
.module.steps .steps-container .siema > div { display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; }
.module.steps .steps-container .siema > div > div { -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; display: flex; padding-left: 35px; }
.module.steps .steps-container .entity { background: #fff; position: relative; flex: 1; min-width: 298px; margin-left: 35px; }
.module.steps .steps-container .entity:first-child { margin-left: 0; }
.module.steps .steps-container .entity a { color: #555655 }
.module.steps .steps-container .entity a:hover { text-decoration: none }
.module.steps .steps-container .entity .title { margin: 18px 40px; display: table; }
.module.steps .steps-container .entity .title > h3 { font-weight: 400; display: table-cell; vertical-align: middle; text-align: center; }
.module.steps .steps-container .entity .counter { position: absolute; border-radius: 23px; height: 46px; width: 46px; left: -23px; top: 8px; background: var(--primary-colour); display: table; z-index: 1; }
.module.steps .steps-container .entity .counter .count { color: #fff; font-size: 18px; font-family: "Roboto"; font-weight: 300; width: 100%; text-align: center; height: 100%; display: table-cell; vertical-align: middle; }
.module.steps .steps-container .entity .icon { width: 42px; height: 42px; position: absolute; right: 0; top: 0; z-index: 2; }
.module.steps .steps-container .entity figure { position: relative; }
.module.steps .steps-container .entity figure .image-container { width: 100%; height: 10vw; min-height: 196px; max-height: 300px; position: relative; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
.module.steps .steps-container .entity figure .image { }
.module.steps .steps-container .entity figure figcaption { padding: 12px 14px; text-align: left; }
.module.steps .footnotes { position: relative; margin-top: 20px; margin-bottom: 20px; width: 100%; text-align: center; }
.module.steps .foot-ctas { width: 100%; text-align: center; }
.module.steps .foot-ctas > div { display: inline-block; margin-left: 20px; }
.module.steps .foot-ctas > div:first-child { margin-left: 0; }
.module.steps .steps-container > .step.prev { left: 35px; }
.page-modules .row.halves .module.half.steps { padding-top: 20px; }

.module.steps.full.no-title { padding-top: 20px; }

.module.dark.steps .steps-container .entity { background: #010e35; }
.module.dark.steps .steps-container .entity a { color: #fff; }
.module.dark.steps .steps-container .entity .counter { border: 1px solid #fff; }
.module.dark.steps .steps-container .entity .counter .count { font-weight: 500; }
.module.dark.steps .steps-container .entity figure .image { border: none; }
.module.dark.steps .icon svg * { stroke: #fff; }
/* product list */
.module.product-list { padding-bottom: 30px; }
.product-list .toggle-show-hide .content { max-height: 38rem; overflow: hidden; padding-bottom: 4rem; }
.product-list .toggle-show-hide.showing .content { max-height: none; }
.product-list .toggle-show-hide .show-hide { z-index: 2; position: absolute; bottom: -1rem; left: 0; width: 100%; text-align: center; }
.product-list .toggle-show-hide .show-hide > div .line-arrow { top: 0.7rem; }
.product-list .toggle-show-hide .show-hide > div .to-hide .line-arrow { top: 23px; }
.product-list .toggle-show-hide .edge-mask { z-index: 1; }

/* feature listing */
.module.feature-listing .intro-text { text-align: center; }

/* google maps
   ---------------------------- */
.google-map { height: 100%; }
.map { width: 100%; height: 100%; margin: 0 auto; }
.module.map { margin-bottom: 0; margin-top: -20px; padding-top: 20px; }
.module.map .triangle { position: absolute; top: 20px; left: 50%; margin-left: -23px; cursor: default; }
.map .gmap { width: 100%; height: 100%; float: left; }

/* carousel
   ---------------------------- */

.carousel,
.slide-container,
.page-feature { max-height: none; }
.carousel .page-feature { min-height: 72vh; }
.carousel { margin: 2% 0; z-index: 0; }
.carousel .page-feature { margin: 0; }
.carousel .page-feature .feature-content { margin-top: 4%; }
.carousel .page-feature .feature-content .title h1 { font-size: 60px; font-size: 6rem; line-height: 70px; line-height: 7rem; font-weight: 200; }
.carousel .page-feature .feature-content .content .feature-text { font-size: 18px; font-size: 1.8rem; line-height: 26px; line-height: 2.6rem; margin-top: 8rem; }
.carousel .page-feature .feature-content { width: 25%; }

.carousel > .step,
.steps-container > .step { margin-top: -1.75rem; width: 35px; height: 72px; background: url(/Assets/images/decoration/carousel-controls/step-control.svg); cursor: pointer; }
.steps-container > .step { position: absolute; top: 36%; margin-top: 10px; z-index: 1; }
.carousel > .step,
.steps-container > .step.prev { left: 0; }
.carousel > .step,
.steps-container > .step.next { right: -1px; left: auto; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
.steps-container > .step.next { right: 0; }

/* hero component
   ---------------------------- */
.hero { margin-top: 20px; }

.hero img.image-mask { position: absolute; right: 0; top: 0; height: 100%; width: 62%; -ms-opacity: 0.4; opacity: 0.4; }
.hero div.hero-pods { width: 33%; margin-left: 2vh; float: right; }
.hero .hero-feature { width: calc(67% - 2vh); height: 47.1vh; min-height: calc(2vh + 501px); }
.hero .hero-panel { width: 100%; }
.hero .hero-pods,
.hero .hero-feature,
.hero .hero-panel { float: left; }
.hero .hero-pods > .inner,
.hero .hero-feature > .inner,
.hero .hero-panel > .inner { position: relative; }

/* hero pod */
.hero .hero-pods .hero-pod { float: left; width: 100%; margin-right: 35px; box-sizing: border-box; margin-top: 2vh; }
.hero .hero-pods .hero-pod:first-child { margin-top: 0px; }

.hero .hero-pods .hero-pod h2 { font-size: 2rem; line-height: 2.8rem; font-weight: 400; }
.hero .hero-pods .hero-pod h2 { margin: 10px 15px; margin-left: 7px; white-space: nowrap; }
.hero .hero-pods .hero-pod p { margin: 15px 20px; }
.hero .hero-pods .hero-pod a:hover { text-decoration: none; }

.hero .hero-pods .hero-pod .pod-image { width: 100%; height: 20vh; min-height: 250px; position: relative; }
.hero .hero-pods .hero-pod .icon { position: absolute; right: 0; top: 10px; width: 50px; height: 50px; }
.hero .hero-pods .hero-pod .pod-image img { }
.hero .hero-pods .hero-pod .cta-container { position: absolute; bottom: 20px; right: 0; background: rgba(255, 255, 255, 0.5); }
.hero .hero-pods .hero-pod .cta-container .decoration span.decorated-bg { height: 100%; }
.hero .hero-pods .hero-pod .cta-container div.cta { color: var(--primary-colour); font-weight: 400; padding-right: 70px; line-height: 2rem; }
.hero .hero-pods .hero-pod .cta-container:hover div.cta { color: #fff; }
.hero .hero-pods .hero-pod .background-image { transition: ease transform 0.9s; }
.hero .hero-pods .hero-pod:hover .background-image { transform: scale(1.1); }

/* hero feature */
.hero .hero-feature { position: relative; z-index: 1; }
.hero .hero-feature .mobile-cta { display: none; }
.hero .hero-feature .pod-image { height: 47.1vh; min-height: calc(2vh + 501px); }
.hero .feature-item img.image-mask { width: 63%; }
.hero .feature-item .contents { position: absolute; right: 0; width: 55%; margin-right: 10px; top: 50%; margin-top: -18%; }
.hero .feature-item .contents .icon { position: absolute; top: -29px; left: -10px; width: 60px; height: 60px; }
.hero .feature-item .contents h1 { font-weight: 300; font-size: 3.2rem; line-height: 3.8rem; color: var(--primary-colour); text-align: left; padding-left: 73px; }
.hero .feature-item .contents p { color: #3f3f4a; text-align: right; padding-left: 73px; text-align: left; }
.hero .feature-item .contents h3 { padding-left: 73px; }
.hero .feature-item a:hover,
.hero .feature-item a:hover { text-decoration: none; }
.hero .feature-item .contents .cta-container { float: left; left: 73px; }
.hero .feature-item .background-image { transition: ease transform 0.9s; }
.hero .feature-item .pod-image:hover .background-image { transform: scale(1.1); }

/* hero panel */
.hero .hero-panel { width: 100%; padding: 0; padding-bottom: 13px; margin-top: 2vh; }
.hero .hero-panel.module .cta-container { margin-top: 0; }
.hero .hero-panel .narrow-decoration-wrapper { width: 65%; position: absolute; height: 100%; }
.hero .hero-panel .inner { width: 80%; margin: 25px auto 20px auto; }
.hero .hero-panel .icon { float: left; width: 60px; height: 60px; margin-right: 14px; }
.hero .hero-panel .icon svg * { stroke: #fff; }
.hero .hero-panel .contents { position: relative; }
.hero .hero-panel .contents p { margin: 0; width: 70%; float: left; font-size: 1.6rem; line-height: 2.6rem; }
.hero .hero-panel .contents .cta-container { position: absolute; right: 0; top: 50%; }
.hero .hero-panel .title h2 { font-size: 2.6rem; line-height: 3.6rem; margin-bottom: 10px; }
.hero .hero-panel .decoration-container > img { left: auto; }
.hero .hero-panel .decoration-container > img.svg-tri-sml { right: 0; }

.feature-grid { }
.feature-grid > .wrapper > div { float: left; }
.feature-grid > .wrapper > div .feature-item { box-sizing: border-box; position: relative; }
.feature-grid > .wrapper > div .feature-item .title-text { z-index: 1; text-align: center; position: absolute; bottom: 8px; left: 30%; margin-left: -25%; width: 90%; }
.feature-grid > .wrapper > div .feature-item .title-text > h2 { font-size: 1.6rem; text-transform: uppercase; line-height: 2.3rem; font-weight: 400; }
.feature-grid .feature-item .feature-showcase-pod > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.feature-grid .feature-item .feature-showcase-pod img { transition: transform ease 0.4s; }
.feature-grid .feature-item .feature-showcase-pod > a:hover img,
.feature-grid .feature-item .feature-showcase-pod > a:focus img { transform: scale(1.05); }
.feature-grid .double-containers { width: 38.4%; }
.feature-grid .double-containers .feature-item { margin-top: 3%; height: auto; float: left; width: 100%; }
.feature-grid .double-containers .feature-item .feature-showcase-pod { height: 0; padding-bottom: 50%; width: 50%; float: left; position: relative; }
.feature-grid .feature-container { width: 39.5%; }
.feature-grid .feature-container .feature-item { margin: 3%; height: 0; padding-bottom: 100%; }
.feature-grid > .wrapper > div.feature-container .feature-item .title-text { bottom: 20px; }
.feature-grid .single-container { width: 22%; }
.feature-grid .single-container .feature-item { margin-top: 5%; height: 0; padding-bottom: 87%; }

/* prodcut showcase
   ---------------------------- */
.product-showcase { width: 100%; float: left; text-align: left; margin-top: 1rem; }
.product-showcase h3 { font-size: 3rem; color: var(--primary-colour); font-weight: 400; }
.product-showcase > .image { float: left; width: 30%; }
.product-showcase > .image > img { width: 100%; height: auto; float: left; }
.product-showcase > .information { padding-top: 2rem; width: 64%; float: left; margin-left: 5%; }
.product-showcase > .information p { font-size: 1.8rem; line-height: 2.5rem; }
.product-showcase > .information .price-display { text-align: right; }

/* with ring dropdown */
.product-order-confirmation { float: left; position: relative; }
.product-order-confirmation > div { margin: 2rem 3rem; }
.product-order-confirmation .image-mask { position: absolute; right: 0; top: 0; height: 100%; width: 62%; -ms-opacity: 0.4; opacity: 0.4; }
.product-order-confirmation .product-showcase { }
.product-order-confirmation .product-showcase > .information { margin-left: 0; }

/* tooltip areas
   ---------------------------- */
.tooltip-area { border: 1px solid #fff; width: 100%; background: #00103d; position: relative; display: none; }
/*.tooltip-area.tooltip-active { display: block; }*/
.tooltip-area .tooltip-content { font-weight: 300; margin: 2.2rem 4.5rem 2.4rem 2.3rem; display: none; -ms-opacity: 0; opacity: 0; -ms-transition: opacity ease 2s; -o-transition: opacity ease 2s; -webkit-transition: opacity ease 2s; transition: opacity ease 2s; }
.tooltip-area .tooltip-content.active { display: block; }
.tooltip-area .tooltip-content.showing { opacity: 1; }
.tooltip-area .close-cross { opacity: 1; right: 1rem; top: 1.1rem; }
.tooltip-area .close-cross:before,
.tooltip-area .close-cross:after { background-color: #fff; height: 2.5rem; }

.tooltip-trigger,
.tooltip-link { cursor: pointer; display: block; }
.tooltip-link > .label { color: #ddd; font-size: 1.4rem; margin-left: 1rem; }
.tooltip-link > .label,
.tooltip-link > svg { float: left; }
.tooltip-link > svg { width: 2rem; height: 2rem; }

/* parameter filters
   ---------------------------- */
.parameter-filters { display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%; opacity: 0; transition: ease 0.4s opacity }
.filters.ready .parameter-filters { opacity: 1; }
.parameter-filters > div { min-width: 30rem; flex-flow: row wrap; justify-content: space-around; margin: auto; }
.parameter-filters .parameter-filter { margin-bottom: 1.5rem; }
.parameter-filters .parameter-filter[data-type="_ParameterCheckboxes"] { width: 100%; }
.parameter-filters .parameter-filter .checkbox-list ul { flex-wrap: nowrap; display: flex; align-items: stretch; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.parameter-filters .parameter-filter .checkbox-list ul > li { position: relative; flex: 0; flex-grow: 2; flex-shrink: 1; padding: 0; padding-bottom: 10px; text-align: center; }
.parameter-filters .parameter-filter .checkbox-list ul > li:first-child { margin-left: 0; }
.parameter-filters .parameter-filter .checkbox-list ul > li:hover { background: rgba(255,255,255,0.1); }
.parameter-filters .parameter-filter .checkbox-list ul > li.checked { background: rgba(255,255,255,0.3); }
.parameter-filters .parameter-filter .checkbox-list ul > li.no-icon.checked { background: none; }
.parameter-filters .parameter-filter .checkbox-list ul > li .stylish-ds { float: none; width: 100%; height: 100%; left: 0; top: 0; position: absolute; }
.parameter-filters .parameter-filter .checkbox-list ul > li .stylish-ds > span { display: none; border-radius: 0; background-color: transparent; }
.parameter-filters .parameter-filter .checkbox-list ul > li .stylish-ds input { left: 0; top: 0; position: absolute; width: 100%; height: 100%; }
.parameter-filters .parameter-filter .checkbox-list ul > li.no-icon .stylish-ds { position: static; height: 70%; }
.parameter-filters .parameter-filter .checkbox-list ul > li.no-icon .stylish-ds > span { position: relative; display: block; border: 1px solid #fff; width: 6rem; height: 6rem; margin: 0 auto; }
.parameter-filters .parameter-filter .checkbox-list ul > li.no-icon .stylish-ds > span > span.ico { width: 0; height: 0; border: 10px solid transparent; border-bottom: 15px solid var(--secondary-colour); position: relative; top: 5px; }
.parameter-filters .parameter-filter .checkbox-list ul > li.no-icon .stylish-ds > span > span.ico:after { content: ''; position: absolute; left: -10px; top: 15px; width: 0; height: 0; border: 10px solid transparent; border-top: 15px solid var(--secondary-colour); }
.parameter-filters .parameter-filter .checkbox-list ul > li.no-icon .stylish-ds > span.checked > span.ico { border-bottom-color: #fff; }
.parameter-filters .parameter-filter .checkbox-list ul > li.no-icon .stylish-ds > span.checked > span.ico:after { border-top-color: #fff; }
.parameter-filters .parameter-filter .checkbox-list ul > li .icon { padding: 0; width: 100%; height: 8rem; }
.parameter-filters .parameter-filter .checkbox-list ul > li .icon svg { width: 8rem; }
.parameter-filters .parameter-filter .checkbox-list ul > li .icon svg { margin: 0 auto; }
.parameter-filters .parameter-filter .checkbox-list ul > li .icon svg * { stroke: #ffffff; stroke-width: 2; }
.parameter-filters .parameter-filter .checkbox-list ul > li label { margin-top: 1rem; display: block; }



/* product list
   ---------------------------- */
.product-list-container { float: left; width: 92%; overflow: auto; margin-left: 4%; overflow: hidden; margin-top: 1rem; }
.product-list-container > div { }
.product-list-container .product-list-entity { position: relative; float: left; width: 282px; height: 350px; margin-left: 30px; margin-bottom: 30px; }
.product-list-container .product-list-entity .icon { position: absolute; left: 0.5rem; top: 0.5rem; width: 3.6rem; height: 3.6rem; z-index: 1; }
.product-list-container .product-list-entity .icon svg * { stroke-width: 3; }
.product-list-container .product-list-entity .image { width: 28.2rem; height: 28.2rem; overflow: hidden; position: relative; background: #fff; }
.product-list-container .product-list-entity .image img { width: 80%; height: 80%; left: 10%; top: 10%; }

.listing-entity > figure .image img { opacity: 0; transition: opacity 0.3s ease-in-out; }
.listing-entity .image img.secondary-image,
.listing-entity .image img.loaded.secondary-image { opacity: 0; }
#CategoryDetailPage .listing .listing-entity > figure .responsive-image-container:hover .responsive-image.loaded.secondary-image.fitted { opacity: 1; }
.listing .listing-entity .overlay,
.product-list-container .product-list-entity .overlay { z-index: 2; visibility: hidden; opacity: 0; transition: opacity ease 0.6s, visibility ease 0.3s; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(/Assets/images/masks/instagram-mask.svg); background-size: cover; }
.listing .listing-entity .info-active .overlay,
.product-list-container .product-list-entity.info-active .overlay { visibility: visible; opacity: 1; }
.product-list-container .product-list-entity:hover .arrow-cta > span.accent-border { width: 20rem; }
.product-list-container .product-list-entity .text { font-weight: 500; }
.product-list-container .product-list-entity .attributes-tag-list,
.product-list-container .product-list-entity .text,
.product-list-container .product-list-entity .taxonomy-tags-list { font-size: 1.4rem; color: #9c9c9c; width: 85%; margin: 0 auto; text-align: center; }
.product-list-container .product-list-entity .attributes-tag-list,
.product-list-container .product-list-entity .taxonomy-tags-list { font-weight: 400; }
.product-list-container .product-list-entity .text { font-size: 1.5rem; line-height: 1.85rem; color: #3f3f4a; }
.product-list-container .product-list-entity .taxonomy-tags-list li { display: inline-block; height: 1.9rem; }
.product-list-container .product-list-entity .attributes-tag-list { margin-top: 1rem; line-height: 2rem; }
.product-list-container .product-list-entity .item-status { position: absolute; bottom: 66px; }
.product-list-container .product-list-entity .item-status .status-label { margin: 1px 9px; font-size: 1.4rem; }

/* todo move to correct location */
.listing-entity .item-status { position: absolute; left: -10px; top: -15px; z-index: 2; }

.product-detail .col-left .item-status { position: absolute; top: -16px; left: -16px; z-index: 1; }
.product-detail .item-status .status-label { margin: 7px 13px; font-size: 1.6rem; }

/* todo move to generic location */

.item-status { float: left; background: #fff; border: 1px solid #dcdcdc; }
.item-status .status-label { margin: 5px 10px; text-transform: uppercase; font-family: var(--primary-font); font-weight: 300; font-size: 1.4rem; }

.item-status.silver { background: #f7f7f7; }
.item-status.gold { background: #ab8d3f; color: #fff; }
.item-status.red { background: #800000; }
.item-status.blue { background: var(--tertiary-colour); }

.item-status.red .status-label,
.item-status.blue .status-label { color: #fff; }


.listing .listing-entity .overlay .text { width: 85%; margin: 0 auto; text-align: center; }

/* page features
   ---------------------------- */
.page-feature { width: 100%; margin: 1.5% 0 2% 0; min-height: 43rem; position: relative; }
#PlaceOrderPage .page-feature { min-height: 36rem; margin-bottom: 0; }
.page-feature .no-image { position: relative; }
.page-feature .image-mask { position: absolute; left: auto; right: 0; top: 0; width: 60%; height: auto; opacity: 0.8; }
.page-feature.left .image-mask { left: 0; right: auto; }


.page-feature img.responsive-image { -ms-opacity: 0; opacity: 0; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
.page-feature img.responsive-image.fitted { -ms-opacity: 1; opacity: 1; }
.carousel .page-feature .responsive-image-container img { max-height: none; }

.page-feature .feature-content { position: relative; width: 33%; margin: 4% 0 0 0; float: right; margin-right: 90px; }
.page-feature .feature-content .title h1 { font-size: 36px; font-size: 3.6rem; line-height: 46px; line-height: 4.6rem; font-weight: 300; -webkit-text-stroke: 0.35px; color: var(--primary-colour); }
.page-feature .feature-content .content .feature-text { font-size: 1.7rem; line-height: 26px; line-height: 2.5rem; color: #3f3f4a; font-weight: 300; margin-top: 10px; -webkit-text-stroke: 0.35px; }
.page-feature .feature-content .content .feature-text b { font-weight: 500; }
.page-feature .feature-content .content .cta-container { margin-top: 40px; }
.page-feature.center .feature-content { width: 50%; }
.page-feature.center .feature-content .content { width: 55%; position: relative; float: right; }

.page-feature.feature-map { min-height: 500px; }
.page-feature.feature-map img.feature-image { display: none; }
.page-feature.feature-map .image-mask { opacity: 0.9; }
.page-feature.feature-map .google-map { position: absolute; left: 0; top: 0; width: 100%; }
.page-feature.feature-map .feature-content { text-align: right; }
.page-feature.feature-map .feature-content .address h2 { font-size: 2.4rem; line-height: 3rem; margin-bottom: 4px; }
.page-feature.feature-map .feature-content .address p { margin: 4px 0; font-size: 1.8rem; line-height: 2.5rem; }
.page-feature.feature-map .feature-content .icon { display: none; }

.checkout-feature { }
.checkout-feature .feature-content-container { width: 100%; height: 100%; display: table; }
.page-feature .checkout-feature .feature-content .content .cta-container { margin-top: 10px; height: 38px; min-height: 38px; }
.page-feature .checkout-feature .feature-content .content .cta-container .line-arrow.right { width: 0.95rem; height: 1rem; margin-top: -0.55rem; }
.checkout-feature .feature-content-container .feature-content { width: 45%; padding-right: 3%; float: none; display: table-cell; vertical-align: middle; margin-top: 0; }
/*.has-progress .checkout-feature .feature-content-container .feature-content { float: right; width: 42%; margin-left: 8%; margin-top: 4.5%; }*/
.checkout-feature .feature-content-container .feature-content { float: right; width: 42%; margin-left: 8%; margin-top: 4.5%; }
.checkout-feature .price-display { position: absolute; right: 10px; bottom: 62px; }
.checkout-feature .price-display > .value { line-height: 5.6rem; font-size: 2.5rem; }
.checkout-feature .vat-sub { display: inline; }

/* miscellaneous
   ============================ */

/* info trigger */
.info-trigger { cursor: pointer; position: absolute; top: 1.4rem; right: 1.4rem; width: 2.5rem; height: 2.5rem; background-image: url(/Assets/images/iconography/info.svg); background-size: cover; }

/* taxonomy tags list */
.taxonomy-tags-list { }

/* app screen*/
html.app-screen-open { overflow-y: hidden; width: calc(100vw - 17px); z-index: 5; }
html.app-screen-open #site-header { z-index: 2; }
html.app-screen-open #mobile-site-header { opacity: 0; visibility: hidden; }
.app-screen.closed { z-index: -1; }
.app-screen.obtrusive { overflow-y: auto; visibility: hidden; opacity: 0; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.98); transition: opacity 0.4s ease, visibility 0.4s ease; }
.app-screen.obtrusive.visible { opacity: 1; visibility: visible; z-index: 4; }
.app-screen .wrapper,
.app-screen .wrapper .inner { height: 100%; }

.app-screen .middle { top: -4%; position: relative; }
.app-screen .container { margin: 0 auto; width: 50%; text-align: center; }
.app-screen .container .message { font-size: 4rem; }
.app-screen .container .dismiss { font-size: 2rem; margin-top: 2rem; cursor: pointer; padding: 1rem; font-weight: 200; }

/* loader */
.loader { z-index: 3; background: rgba(255,255,255,0.95); }
.loader .spinner,
.loader .message { position: absolute; display: block; left: 50%; top: 50%; }
.loader .message { width: 200px; margin-left: -100px; margin-top: -100px; text-align: center; }
.loader .spinner { background: url(/Assets/images/iconography/loader.gif); background-size: contain; width: 40px; height: 40px; margin-top: -40px; margin-left: -20px; }

/* page taxonomy icon */
.icon { width: 70px; height: 70px; padding: 10px; }
.icon svg { width: 100%; height: 100%; shape-rendering: geometricPrecision; }
.icon svg * { stroke-width: 2; stroke: var(--primary-colour); }

/* title */
.title-group { position: relative; }
.title-group.small-title { margin-bottom: 1rem; }
.title-group h2 { display: inline-block; margin: 0 4.1rem; }
.title-group.small-title h4 { display: inline-block; margin: 0 2rem; }
.title-group.small-title span.line { width: 4rem; margin-top: 0; bottom: 0.5rem; }
.title-group span.line,
.title span.line { width: 7rem; height: 1px; background: #fff; display: inline-block; margin-top: -15rem; bottom: 1.2rem; position: relative; }

/* mobile menu trigger*/
#hamburger { display: none; position: absolute; right: 2rem; padding: 0; top: 2.5rem; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
#hamburger:hover { opacity: 0.7; }
.hamburger-box { width: 30px; height: 24px; display: inline-block; position: relative; }
.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after { width: 30px; height: 2px; background-color: #2f2f2f; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before,
.hamburger-inner::after { content: ""; display: block; }
.hamburger-inner::before { top: -10px; }
.hamburger-inner::after { bottom: -10px; }

.hamburger--slider .hamburger-inner { top: 2px; }
.hamburger--slider .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; }
.hamburger--slider .hamburger-inner::after { top: 20px; }

.hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; }
.hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg); }

/* scroll indicator */
#scroll-indicator,
.scroll-indicator { z-index: 1; position: absolute; left: 50%; bottom: 3rem; margin-left: -3.8rem; width: 7.2rem; height: 7.2rem; background: url(/Assets/images/decoration/scroll-arrow/scroll-arrow.svg); background-size: contain; transition: opacity 2s ease; }
#scroll-indicator { cursor: pointer; }
#scroll-indicator.hide { opacity: 0; }

#scroll-top { cursor: pointer; bottom: 30px; right: 20px; z-index: 1; position: fixed; opacity: 0; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 7.2rem; height: 7.2rem; background: url(/Assets/images/decoration/scroll-arrow/scroll-arrow.svg); background-size: contain; transition: opacity 2s ease; }
#scroll-top.visible { opacity: 1; }

/* loader */
.load-more { text-align: center; }
.load-more > div { display: inline-block; cursor: pointer; }
.load-more .load-more-icon { margin: 0 auto; width: 7.2rem; height: 7.2rem; background: url(/Assets/images/decoration/scroll-arrow/scroll-arrow.svg); background-size: contain; transition: opacity 2s ease; }
.load-more .label,
.load-more .loading-label { margin-top: 0.4rem; display: block; }
.load-more .loader { opacity: 0; transition: opacity 0.2s ease; }
.pending .load-more .loader { opacity: 1; }
.load-more .loading-label { display: none; }
.load-more.loading .loading-label { display: block; }
.load-more.loading .label { display: none; }
.load-more.loading .load-more-icon,
.load-more.loading .loading-label { cursor: default; }

/* collapse */
.collapse { cursor: pointer; display: block; width: 4rem; height: 2rem; background: url(/Assets/images/decoration/collapse/collapse-arrow.svg); background-size: contain; transition: transform 0.3s ease; }
.collapse.open { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.plus { display: inline-block; width: 24px; height: 24px; background: linear-gradient(var(--primary-colour) 0 0), linear-gradient(var(--primary-colour) 0 0), #fff; background-position: center; background-size: 50% 2px,2px 50%; background-repeat: no-repeat; }
.plus.radius { border-radius: 50%; }

/* integrated appointment booking component */
.integrated-appointment-booking-component { }
.integrated-appointment-booking-component .picker-list { display: flex; flex-wrap: wrap; min-height: 50px; float: left; }
.integrated-appointment-booking-component .picker-list > li { width: auto; background: #f2f2f2; padding: 7px 12px 6px 12px; margin: 6px; transition: color ease-in-out 0.2s, background ease-in-out 0.2s; cursor: pointer; }
.integrated-appointment-booking-component .picker-list.appointment-dates-list > li { font-size: 1.5rem; padding-top: 6px; }
.integrated-appointment-booking-component .picker-list > li.selected { cursor: default; }
.integrated-appointment-booking-component .picker-list > li.selected,
.integrated-appointment-booking-component .picker-list > li:hover { background: var(--primary-colour); color: #fff; }
.integrated-appointment-booking-component .selection-active .picker-list > li { opacity: 0.6; }
.integrated-appointment-booking-component .selection-active .picker-list > li:hover,
.integrated-appointment-booking-component .selection-active .picker-list > li.selected { opacity: 1 }

.integrated-appointment-booking-component .appointment-time,
.integrated-appointment-booking-component .appointment-date,
.integrated-appointment-booking-component .remote-appointment { opacity: 0.2; pointer-events: none; }
.integrated-appointment-booking-component .remote-appointment { display: none; }
/* dcj-190 - just unhide and re-add the label field in the CMS to reinstate this functionality */
.integrated-appointment-booking-component .appointment-time.times-available,
.integrated-appointment-booking-component .appointment-date.dates-available,
.integrated-appointment-booking-component .remote-appointment.remote-available { opacity: 1; pointer-events: initial; }

.integrated-appointment-booking-component .appointment-time .time-unavailable-message { display: none; }
.integrated-appointment-booking-component .appointment-time.times-available .time-unavailable-message { display: block; }
.module .wrapper

.integrated-appointment-booking-component .form-field .label { margin-bottom: 10px; font-size: 1.8rem; }
.integrated-appointment-booking-component .remote-appointment { text-align: center; }
.integrated-appointment-booking-component .remote-appointment .stylish-ds { text-align: left; }
.integrated-appointment-booking-component .remote-appointment .inner { text-align: left; margin: 0; }

.integrated-appointment-booking-component .remote-appointment .field { float: left; }
.integrated-appointment-booking-component .remote-appointment label { float: left; width: auto; font-size: 1.6rem; }

.integrated-appointment-booking-component .date-calendar,
.integrated-appointment-booking-component .date-calendar input { }
.integrated-appointment-booking-component .date-calendar { position: relative; }
.integrated-appointment-booking-component .date-calendar input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; border: none; cursor: pointer; }

.integrated-appointment-booking-component .time-unavailable-message { float: left; width: 100%; font-size: 1.4rem; }
.integrated-appointment-booking-component .time-unavailable-message li { position: relative; }
.integrated-appointment-booking-component .controls { position: relative; }
.integrated-appointment-booking-component .loader { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.integrated-appointment-booking-component.pending .loader { display: block; }

.book-appointment-form .appointment-confirmation-summary { margin: 20px 0; display: block; background: var(--primary-colour); color: #fff; padding: 20px; float: left; width: calc(100% - 40px); font-size: 2rem; font-weight: 300; }
.book-appointment-form .appointment-confirmation-summary strong { font-weight: 500; }
.book-appointment-form .appointment-confirmation-summary .sub-notes { font-size: 1.4rem; }

.appointment-booking-form .integrated-appointment-booking-component { float: left; width: 100%; }
.appointment-booking-form .customer-details { display: none; }
.appointment-booking-form.no-integration .customer-details { display: block; }

.module.form .appointment-booking-form .actions { float: left; }
.module.form .appointment-booking-form .actions .nav-back { float: left; }
.module.form .appointment-booking-form .actions .nav-back .cta { padding-right: 20px; }
.module.form .appointment-booking-form .actions .next-section { float: right; }


/* datepicker */
#ui-datepicker-div { border-radius: 0; border: 2px solid #e2e2e2; width: auto; margin-top: -2px; z-index: 4 !important; }
#ui-datepicker-div .ui-widget-header { color: var(--primary-colour); background: none; border: none; }
#ui-datepicker-div .ui-state-default { border: none; text-align: center; width: 42px; height: 42px; line-height: 42px; outline: none; border: none; }
#ui-datepicker-div td a.ui-state-hover,
#ui-datepicker-div td a.ui-state-highlight.ui-state-hover { background: var(--secondary-colour); color: #fff; }
#ui-datepicker-div td a.ui-state-highlight { background: #f6f6f6; color: #454545; }
#ui-datepicker-div .ui-state-default.ui-state-active { background: var(--primary-colour); color: #fff; }
#ui-datepicker-div .ui-datepicker-prev span { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 10px solid var(--secondary-colour); }
#ui-datepicker-div .ui-datepicker-next span { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid var(--secondary-colour); }
#ui-datepicker-div .ui-corner-all.ui-state-hover { background: none; border: none; cursor: pointer; }
#ui-datepicker-div .ui-corner-all.ui-datepicker-prev-hover { left: 2px; top: 2px; }
#ui-datepicker-div .ui-corner-all.ui-datepicker-next-hover { right: 2px; top: 2px; }

/* touch swipe indicator */
.touch-swipe-indicator { z-index: 1; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); }
.touch-swipe-indicator > span { position: absolute; margin-left: -25px; margin-top: -25px; left: 50%; top: 50%; width: 50px; height: 50px; width: 5rem; height: 5rem; }

/* helper classes
   ============================ */
.primary-font { font-family: var(--primary-font); font-weight: 200; margin: 0; color: #3f3f4a; }
.suffix-label { color: #999; font-weight: 200; font-family: 'Roboto'; }
.shadow { -moz-box-shadow: 0 1px 1px rgba(50,50,50,0.1); -webkit-box-shadow: 0 1px 1px rgba(50,50,50,0.1); box-shadow: 0 1px 1px rgba(50,50,50,0.1); }
.visible { display: block !important; }
.hidden { display: none !important; }
.not-visible { opacity: 0; visibility: hidden; }
.is-visible { opacity: 1; visibility: hidden; }
.disabled { opacity: 0.2; cursor: default !important; }
.ra { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.ra-sml { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.centered { display: inline-block; margin: 0 auto; }
.table { display: table; width: 100%; height: 100%; }
.middle { display: table-cell; vertical-align: middle; }
.mobile-visible { display: none !important; }
.mobile-hidden { display: block !important; }
.trans-bg { -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; }
.flip-h { -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; filter: fliph; }
.scroll-touch { -webkit-overflow-scrolling: touch; }

.framed { border: 1px solid #dcdcdc; transition: ease border-color 0.2s; }
.close-cross { z-index: 2; cursor: pointer; position: absolute; right: 32px; top: 32px; width: 32px; height: 32px; -ms-opacity: 0.5; opacity: 0.5; -ms-transition: opacity ease 0.6s; -o-transition: opacity ease 0.6s; -webkit-transition: opacity ease 0.6s; transition: opacity ease 0.5s; }
.close-cross:hover { opacity: 1; }
.close-cross:before,
.close-cross:after { position: absolute; left: 1.5rem; content: ' '; height: 3.3rem; width: 0.1rem; background-color: #3f3f4a; }
.close-cross:before { transform: rotate(45deg); }
.close-cross:after { transform: rotate(-45deg); }

.close-app-screen-exit { font-size: 1.8rem; padding: 12px 20px; background: #aaa; color: #222; font-weight: 400; z-index: 2; cursor: pointer; position: absolute; right: 30px; top: 20px; -ms-opacity: 0.5; opacity: 0.5; -ms-transition: opacity ease 0.6s; -o-transition: opacity ease 0.6s; -webkit-transition: opacity ease 0.6s; transition: opacity ease 0.5s; }
.close-app-screen-exit:hover { opacity: 1; }
.cross:before,
.cross:after { position: absolute; left: 14px; content: ' '; height: 32px; width: 1px; background-color: #3f3f4a; }
.cross:before { transform: rotate(45deg); }
.cross:after { transform: rotate(-45deg); }

.ico--grid { box-sizing: border-box; height: 20px; width: 18px; display: flex; flex-wrap: wrap; }
.ico--grid > div { width: 8px; height: 8px; margin: 1px; background: #777; }
.ico--grid > div:nth-child(1) { margin-top: 0; margin-left: 0; }
.ico--grid > div:nth-child(2) { margin-top: 0; margin-right: 0; }
.ico--grid > div:nth-child(3) { margin-left: 0; margin-bottom: 0; }
.ico--grid > div:nth-child(4) { margin-bottom: 0; margin-right: 0; }


.ico--list { width: 20px; display: flex; flex-direction: column; }
.ico--list > div { margin-top: 4px; width: 100%; height: 3.25px; background: #777 }
.ico--list > div:first-child { margin-top: 0; }
.ico--list > div:nth-child(2) { }


.info-container.info-active .info-trigger { background: none; z-index: 2; right: 1.4rem; width: 2.5rem; height: 2.5rem; }
/*.info-container.info-active .info-trigger:hover { opacity: 1; }*/
.info-container.info-active .info-trigger:before,
.info-container.info-active .info-trigger:after { position: absolute; left: 1.5rem; content: ' '; height: 2.5rem; width: 0.2rem; background-color: #ccc; }
.info-container.info-active .info-trigger:before { transform: rotate(45deg); }
.info-container.info-active .info-trigger:after { transform: rotate(-45deg); }

/* template caches */
#listing-entity-cache { display: none; }

/* mcafee */
#mfesecure-ts-image { z-index: 3 !important; }

/* animations */
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* responsive
   ============================ */

@media screen and (min-width: 1600px) {
    #CategoryDetailPage .listing .results { max-width: 1600px; }
}

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

    .decoration-container > img { left: -10%; }
    .decoration-container > img.svg-tri-sml { right: -10%; }

    .module.introduction .decoration-container > img { left: 0; }
    .module.introduction .decoration-container > img.svg-tri-sml { left: auto; right: 0; }
}

@media screen and (max-width: 1500px) {
    .wrapper { max-width: 96%; }
    .module.video .wrapper,
    .module.video.regular .wrapper,
    .module.video.dark .wrapper,
    .module.video.decorated .wrapper { max-width: 96%; margin: 0 2%; }

    #CategoryDetailPage .listing .results { max-width: 96%; }

    .funnel-progress .wrapper { max-width: none; width: 100%; margin: 0; }
}

@media screen and (max-width: 1400px) {
    /*.module.product-list .toggle-show-hide .content { max-height: 35rem; }*/
    .product-list-container .product-list-entity { margin-bottom: 0; }
    .product-list-container .product-list-entity,
    .product-list-container .product-list-entity .image { width: 25rem; }
    .product-list-container .product-list-entity .image { height: 25rem; }

    .place-order-form .inner { width: 60%; }

    .product-detail-page .book-appointment-form-component .book-appointment-form .inner { max-width: none; width: 70%; }

    /* product listings */
    .listing .results .listing-entity { width: 31.1%; margin-left: 2%; margin-bottom: 2%; }

    .listing .results .listing-entity:nth-child(4n + 5),
    .listing .results .listing-entity:nth-child(odd) { margin-left: 2%; }

    .listing .results .listing-entity:first-child,
    .listing .results .listing-entity:nth-child(3n + 4) { margin-left: 0; }

    .product-list-container .product-list-entity .item-status { bottom: 98px; }
}

@media screen and (max-width: 1300px) {
    .module.half .wrapper { width: 75%; }

    .funnel-progress div.sections .ico.tick { right: -10px; height: 22px; width: 22px; }
    .funnel-progress div.sections .progress-item.complete .ico.tick { margin-top: -11px; }
}

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

    header#site-header .titles h2 { font-size: 2.4rem; }
    header#site-header .titles h3 { font-size: 1.7rem; }
    header#site-header .titles h2,
    header#site-header .titles h3 { line-height: 2.8rem; }
    header#site-header .site-logo { width: 54px; }
    nav#primary-nav ul.top-level > li a { font-size: 17px; }
}

@media screen and (max-width: 1150px) {
    .product-detail .spotlight > div { margin: 74px 0; }
}

@media screen and (max-width: 1200px) {
    .book-appointment-form-header .book-appointment-form .wrapper { max-width: 92%; margin: 0 auto; }
    .decoration-container > img.svg-tri-lrg { display: none; }

    /* header */
    header#site-header .social-links { display: none; }
    nav#primary-nav,
    header#site-header .book-appointment-button { margin-right: 0; }
    header#site-header .book-appointment-button { display: none; }
    nav#primary-nav ul.top-level > li:last-child a { padding-right: 0; }

    /* mast carousel */
    .carousel .page-feature .feature-content { width: 40%; }
    .carousel .page-feature.center .feature-content { width: 50%; }
    .carousel .page-feature .feature-content .title h1 { font-size: 5rem; line-height: 6rem; }
    .carousel .page-feature .feature-content .content .feature-text { margin-top: 2rem; }

    .page-feature .image-mask { width: 70%; }
    .page-feature .feature-content { width: 40%; margin-right: 20px; }

    .module.form > .wrapper { width: 70%; }

    nav#secondary-nav ul > li .label { width: 48%; }

    #CategoryListingPage .icon-link-nav .icon-link { margin-left: 1rem; }
    #CategoryListingPage .icon-link-nav .icon-link .icon { width: 5rem; height: 5rem; }
}

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

    .carousel .page-feature.center .feature-content { width: 80%; margin-right: 20px; }
    .carousel .page-feature.center .feature-content .content { width: 75%; }

    /* navigation items thirds */
    nav#secondary-nav { height: 46rem; }
    nav#secondary-nav ul > li { width: 30.3%; margin-left: 1%; }
    nav#secondary-nav ul > li:nth-child(odd) { margin-left: 1%; }
    nav#secondary-nav ul > li svg { width: 5rem; height: 5rem; }
    nav#secondary-nav ul > li .label { height: 7.6rem; }
    nav#secondary-nav ul > li span.decorated-bg { width: 51%; }

    .module.video .inner { position: relative; width: 85%; padding: 0 7.5%; }
    .module.video .inner .contents { padding: 3rem 0 4rem; }

    .place-order-form .inner { width: 80%; }
    .place-order-form .product-showcase.order-confirmation > .wrapper > .inner { width: 95%; }

    .carousel .page-feature.center .feature-content .content { width: 65%; }
    .carousel .page-feature { min-height: 60vh; }

    .product-detail-page .book-appointment-form-component .book-appointment-form .inner { max-width: none; width: 90%; }

    .product-detail .spotlight > div > .information { width: 59%; }
    .product-detail .spotlight > div > .information > .actions .cta-container { width: 75%; text-align: center; margin: 0; margin-bottom: 16px; }
    .product-detail .spotlight > div > .information > .actions .drop-hint-screen .cta-container { margin-top: 25px; margin-bottom: 30px; }

    .hero .feature-item img.image-mask { width: 67%; }
    .hero .feature-item .contents { width: 55%; }


    .feature-grid .single-container { width: 100%; }
    .feature-grid .single-container .feature-item { width: 48.85%; margin-left: 1.15%; padding-bottom: 25%; float: left; margin-top: 0; }
    .feature-grid .single-container .feature-item:first-child { margin-left: 0; }
    .feature-grid .wrapper > div.single-container .feature-item .title-text { position: absolute; width: 50%; height: 100%; display: table; right: 0; left: auto; top: 0; }
    .feature-grid .wrapper > div.single-container .feature-item .title-text h2 { padding: 0 3% 8% 3%; font-size: 2rem; line-height: 2.8rem; display: table-cell; vertical-align: middle; }
    .feature-grid .single-container .feature-item .pod-image { width: 50%; }
    .feature-grid .double-containers { width: 48.85%; }
    .feature-grid .feature-container { width: 50%; }
    .feature-grid .feature-container .feature-item { margin-left: 2.3%; margin-right: 0; padding-bottom: 98.7%; }
    .feature-grid .double-containers .feature-item .feature-showcase-pod { padding-bottom: 49%; }

    .hero .hero-panel .inner { width: 95%; }
}

@media screen and (max-width: 1050px) {
    .carousel .page-feature .feature-content .title h1 { font-size: 4rem; line-height: 5rem; }
    .carousel .page-feature.center .feature-content .content { width: 80%; }
    .carousel .page-feature .image-mask { width: 90%; }

    /* product listings */
    .listing .results .listing-entity { width: 48.5%; margin-left: 2%; }
    .listing .results .listing-entity:nth-child(3n + 4) { margin-left: 2%; }
    .listing .results .listing-entity:nth-child(odd) { margin-left: 0; }

    .hero .feature-item .contents { top: 15%; margin-top: 0; }
}



/* mobile navigation breakpoint for devices */
@media only screen and (max-device-width: 1366px) {

    .mobile header#site-header { display: none; }
    .mobile header#mobile-site-header { display: block; }
    .mobile #hamburger { display: block; }
    .mobile #PlaceOrderPage #breadcrumb { margin-top: 20px; }
    .mobile #site-body { margin-top: 74px; }
    .mobile .announcement-banner { margin-top: 73px; }
    .mobile .announcement-active #site-body { margin-top: 0; }
    .drop-hint-screen.app-screen.obtrusive { top: 70px; }
}

/* mobile navigation breakpoint for small desktop screens */
@media screen and (max-width: 1150px) {

    header#site-header { display: none; }
    header#mobile-site-header { display: block; }
    #hamburger { display: block; }

    .hero .feature-item .contents { width: 65%; font-size: 1.6rem; }
    .hero .feature-item img.image-mask { width: 75%; }
    .hero .feature-item .contents h1 { font-size: 2.4rem; line-height: 3rem; }
    .hero .feature-item .contents p { line-height: 2rem; }

    .announcement-banner { margin-top: 73px; }
    #PlaceOrderPage #breadcrumb { margin-top: 20px; }

    #site-body { margin-top: 0; }

    /* hero module*/
    /*.hero-module { margin-top: 90px; }*/

    .rte .medium-body-text { font-size: 1.8rem; line-height: 2.8rem; }

    #payment-progress.sticky > .contents { top: 73px; }

    /* footer */
    footer#site-footer .lower-footer .left-content { width: 40%; }
    footer#site-footer .lower-footer .payment-images { width: 60%; }
    footer#site-footer .footer-links > .wrapper { width: 100%; }

    .module.half.default .image { width: 100%; left: 0; }
}


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

    .wrapper,
    .module.video.regular .wrapper,
    .module.video.dark .wrapper,
    .module.video.decorated .wrapper { max-width: 92%; margin: 0 4%; }

    .module .title-group { margin-bottom: 3rem; }
    .module .title-group h2 { font-size: 3.5rem; line-height: 4.5rem; }

    .module img.image-mask { width: 76%; }
    .module.basic-text.has-image .inner { width: 52%; }

    .module.video.decorated .inner .contents .text { display: none; }

    .module.steps .footnotes { max-width: 80%; margin-left: auto; margin-right: auto; }

    .module.form.half .form-field.field-inline { width: calc(100% - 20px); padding-left: 20px; padding-right: 20px; float: left; }

    /* page feature */
    .page-feature .scroll-indicator { display: none; }
    .page-feature .image-mask { width: 80%; }

    #CategoryDetailPage .listing .results { max-width: 92%; }

    /* custom */
    .rte .narrow-content-wrapper { width: 80%; margin: 0 auto; }

    .module.form > .wrapper { width: 80%; }

    /* product detail */
    .product-detail-page .product-detail .spotlight .detailed-info .right,
    .product-detail-page .product-detail .spotlight .detailed-info .left { width: 100%; margin-left: 0; }
    .product-detail-page .product-detail .spotlight .detailed-info .social-sharing { position: static; }
    .product-detail-page .product-detail .spotlight .detailed-info .right > header .icon { margin-top: 2rem; }
    .product-detail-page .product-detail .spotlight .detailed-info .left .icon { width: 12%; }
    .form.appointment-form .close-cross { display: none; }

    /* place order page */
    .place-order-form .product-showcase.order-confirmation .inner { width: 90%; }
    #PlaceOrderPage .page-feature .responsive-image-container .responsive-image.fitted-object-fit { width: 40%; }

    .place-order-form .product-showcase.order-confirmation .thumbnails { display: block; position: relative; overflow-x: auto; white-space: nowrap; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .place-order-form .product-showcase.order-confirmation .thumbnails > .thumb { width: 30%; height: auto; display: inline-block; float: none; }

    /* hero pods */

    .hero .cta-container { min-height: 45px; height: 45px; }

    .hero .feature-item .contents h2 { font-size: 2.8rem; line-height: 3.5rem; }
    .hero .feature-item .contents .icon { width: 50px; height: 50px; top: -26px; left: -1px; }

    .hero .hero-panel .contents { text-align: center; }
    .hero .hero-panel .icon { margin-right: 0; }
    .hero .hero-panel .contents .cta-container { position: relative; top: 12px; font-size: 1.6rem; }
    .hero .hero-panel .inner { width: 100%; }
    .hero .hero-panel .contents p { width: 87%; }

    .place-order-form.form.module .inner { width: 80%; }
}

@media (orientation: portrait), (max-width: 1000px) {

    .hero .hero-feature,
    .hero .hero-feature .pod-image { min-height: calc(2vh + 302px); height: 30vh; }
    .hero .hero-pods .hero-pod .pod-image { min-height: 150px; height: 13.9vh; }
}

@media screen and (min-width: 1000px) {
    .hero-module .module.basic-text { min-height: 35vh; }
}

@media screen and (min-width: 1600px) {
    .hero-module .module.basic-text { min-height: 50vh; }
    .hero-module .module.basic-text.has-image .inner { margin-top: 5%; }
}

@media screen and (max-height: 900px) {
    .page-feature { min-height: 400px; }
    #PlaceOrderPage .page-feature { min-height: 320px; }
    .carousel .page-feature.center .feature-content .content { width: 65%; }
    .carousel .page-feature .feature-content .title h1 { font-size: 4rem; line-height: 4.8rem; }
    .carousel .page-feature .feature-content .content .feature-text { margin-top: 3rem; }
    .page-feature .rte .large-body-text { font-size: 2.2rem; line-height: 2.8rem; }
    #scroll-indicator { display: none; }
}


@media screen and (max-width: 960px) {
    nav#primary-nav ul.top-level > li a { padding: 2rem 1.5rem; }
    nav#primary-nav ul.top-level > li a:hover:after,
    nav#primary-nav ul.top-level > li.active a:after { right: -0.5rem; }
    nav#primary-nav ul.top-level > li a:hover:before,
    nav#primary-nav ul.top-level > li.active a:before { left: -0.5rem; }

    /* place order */
    .place-order-form .inner { width: 90%; }

    .place-order-form .product-showcase.order-confirmation .information .description,
    .place-order-form .product-showcase.order-confirmation .information .dynamic-price { display: block; width: 100%; }
    .place-order-form .product-showcase.order-confirmation .information .description > p { width: 100%; margin-top: 0; }

    .funnel-progress div.sections .progress-item .label { font-size: 1.3rem; line-height: 1.5rem; }
}

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

    .page-feature .image-mask { width: 105%; }
    .page-feature .feature-content,
    .page-feature.checkout-feature .feature-content-container .feature-content { display: block; margin: auto 15%; width: 70%; margin-bottom: 10%; }
    .page-feature .feature-content { margin-bottom: 5%; margin-top: 10px; }
    #CategoryListingPage #categories > article:nth-child(even) .page-feature .feature-content { margin-right: 7rem; }
    #CategoryListingPage #categories > article .long-description .feature-content { width: 70%; }
    .page-feature .feature-content .icon { width: 5rem; height: 5rem; }
    .carousel .page-feature .feature-content .title { margin-top: 0; }
    .page-feature,
    .page-feature.feature-map { min-height: 0; }
    .page-feature.feature-map img.feature-image { display: block; }
    .page-feature .feature-content .title h1 { font-size: 3rem; line-height: 4rem; }
    .page-feature .feature-content .content .feature-text { margin-top: 1.5rem; font-size: 1.6rem; }
    .page-feature .feature-content .icon { top: 0; }

    #StandardContentPage .page-feature { min-height: 0; }
    #StandardContentPage .page-feature.compact-feature { min-height: 0; }
    #StandardContentPage .page-feature .responsive-image-container { position: relative; }

    #CategoryDetailPage .page-feature.compact-feature img.feature-image { margin: 0 auto; }

    .module.instagram .badge { top: -5px; }
    .module.instagram .posts > .post { padding-bottom: 48%; width: 48%; margin-left: 0; margin-bottom: 1rem; }
    .module.instagram .posts > .post:nth-child(even) { margin-left: 4%; }

    .book-appointment-form-header .form.appointment-form .fields .form-field { width: 100%; margin-left: 0; }
    .book-appointment-form-header .form.appointment-form .fields .form-field.error { width: calc(100% - 24px); }
    .form.appointment-form .form-field { padding: 10px 0 5px 0; }
    .form.appointment-form .form-field.error { padding-left: 24px; }

    .carousel .page-feature .responsive-image-container,
    .carousel .page-feature .responsive-image-container img.responsive-image.fitted-object-fit,
    .carousel .page-feature .feature-content-container { float: left; width: 100%; }
    .carousel .page-feature .responsive-image-container img.responsive-image.fitted-object-fit { max-height: 35vh; }
    .carousel .page-feature .feature-content-container { position: absolute; }
    .carousel .page-feature .responsive-image-container { min-height: 60vh; }

    .page-feature .responsive-image-container,
    .page-feature .responsive-image-container img.responsive-image.fitted-object-fit,
    .page-feature .feature-content-container { position: relative; }

    .page-feature .responsive-image-container img.responsive-image.fitted-object-fit { left: 0; width: 100%; max-height: 30rem; display: block; }
    #StandardContentPage .page-feature.compact-feature .responsive-image-container img.responsive-image.fitted-object-fit { max-height: 22vh; }
    #PlaceOrderPage .page-feature .responsive-image-container img.responsive-image.fitted-object-fit { display: block; left: 0; width: 40%; margin: 0 auto; float: none; }
    .place-order-form .card-type .card img { width: 60px; height: 40px }

    .place-order-form .product-information .product-component .primary-font { font-size: 1.8rem; line-height: 2.4rem; font-weight: 500; }
    .page-feature.feature-map .google-map { display: none; }

    .carousel .page-feature .feature-content .title h1 { font-size: 3rem; line-height: 3.6rem; }
    .carousel .page-feature .feature-content .content .feature-text { font-size: 1.6rem; line-height: 2.4rem; }

    .listing .results .listing-entity { width: 48.6%; margin-left: 2%; }

    .module.form > .wrapper { width: 100%; max-width: 92%; }

    #CategoryListingPage #categories > article { padding-top: 40px; }
    #CategoryListingPage #categories > article .page-feature { height: auto; min-height: 40rem; max-height: none; }
    #CategoryListingPage #categories > article img.feature-image { position: static; }
    #CategoryListingPage > .wrapper > .page-feature { min-height: 40rem; }
    #CategoryListingPage .icon-link-nav { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; position: fixed; z-index: 2; bottom: 0; padding: 2rem; background: rgba(255,255,255,0.92); border-top: 1px solid #ccc; left: 0; width: calc(100% - 4rem); }
    #CategoryListingPage .icon-link-nav .icon-link { margin-left: 0; margin-right: 1rem; margin-bottom: 1rem; }

    .product-detail-page .product-detail .spotlight .detailed-info .left .icon { width: 16%; }

    .checkout-feature .feature-content-container .feature-content { display: block; width: 81%; padding-top: 15px; }
    .checkout-feature .price-display { bottom: -7px; }
    .page-feature .checkout-feature .feature-content .icon { position: absolute; top: 0; left: -75px; }
    .has-progress .checkout-feature .feature-content-container .feature-content { width: 81%; margin: 2% 0 2% 0; }
    .product-information .product-component .primary-font { font-size: 2rem; line-height: 2.6rem; }

    /* footer */
    footer#site-footer .footer-images,
    footer#site-footer .footer-big-link { display: block; width: 100%; }
    footer#site-footer .footer-big-link .feature-panel { padding-left: 2%; margin-left: 0; margin: 0 auto; }
    footer#site-footer .top { padding-top: 25px; }
    footer#site-footer .footer-images ul { width: 80%; }
    footer#site-footer .footer-images ul li { margin-bottom: 0; }
    footer#site-footer .footer-images ul li,
    footer#site-footer .footer-images ul li:nth-child(odd) { width: 23.5%; position: relative; margin-left: 2%; padding-bottom: 15%; }
    footer#site-footer .footer-images ul li:first-child { margin-left: 0; }
    footer#site-footer .footer-links { margin: 20px auto; }
}

@media screen and (max-width: 865px) and (orientation: landscape) {
    .carousel .page-feature .responsive-image-container img.responsive-image.fitted-object-fit,
    .page-feature .responsive-image-container img.responsive-image.fitted-object-fit { max-height: 60vh; }
}


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

    #CategoryListingPage > .wrapper > .page-feature { min-height: 30rem; }

    .module.links-list .arrow-cta > div > span { display: none; }

    .app-screen .wrapper,
    .app-screen .wrapper .inner { margin-top: 7rem; }
    .app-screen.book-appointment-form-header .inner { margin-top: 0; }
    .close-cross { top: 10rem; }

    /* drop hint modal */
    .drop-hint-screen .content.table { width: 80%; }
    .drop-hint-screen .close-cross { top: 30px; }
    .app-screen.drop-hint-screen .wrapper { margin-top: 0; }

    #CategoryDetailPage .sticky-filter-nav { top: 73px; }
    #CategoryDetailPage .filters .results-counter h4 { font-size: 1.4rem; }

    /* product detail */
    .product-detail .spotlight > div > .image { display: none; }
    .product-detail .spotlight > div > .information { width: 100%; margin-left: 0; }
    .product-detail .spotlight > div > .information h1 { font-size: 3rem; line-height: 3.6rem; margin-top: 0; }
    .product-detail .spotlight > div > .information > .actions .cta-container { width: 100%; }
    .product-detail .spotlight > div > .information .thumbnails { position: relative; overflow-x: auto; white-space: nowrap; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    html.mobile .product-detail .spotlight > div > .information .thumbnails .touch-swipe-indicator { display: block; }
    .product-detail .spotlight > div > .information .thumbnails .thumb { width: 50%; padding: 2.5%; height: auto; display: inline-block; float: none; }
    .product-detail .spotlight > div > .information .thumbnails .thumb.active,
    .product-detail .spotlight > div > .information .thumbnails .thumb:hover { border-color: #dcdcdc; }

    .module.testimonial .star-rating .rating { margin-left: 6px; }
    .module.testimonial .star-rating .rating svg { width: 25px; }
    .module.testimonial .single-entity blockquote { width: 85%; }
    .module.block-quote .quote { width: 2.6rem; height: 2.6rem; }
    .module.block-quote .quote.before { left: -10px; }
    .module.block-quote .quote.after { right: 0; bottom: 0; }

    #payment-progress.sticky > .contents { top: 73px; }

    .blog-listing .featured-article { padding: 24px; width: calc(100% - 48px); }
    .blog-listing .featured-article h2,
    .blog-listing .featured-article figcaption { margin-left: 0; width: 100%; }
    .blog-listing .featured-article h2 { margin-bottom: 15px; }
    .blog-listing .featured-article figcaption { margin-top: 20px; float: left; }
    .blog-listing .featured-article .taxonomy-tags .tags { width: calc(100% - 50px); }
    .blog-listing .featured-article .taxonomy-tags .tags > li { margin-left: 0; margin-right: 10px; }
    .blog-listing .featured-article .taxonomy-tags .tags > li:last-child { margin-right: 0; }
    .blog-listing .featured-article .image,
    .blog-listing .featured-article .image img { position: relative; }
    .blog-listing .featured-article .image img { float: left; }
    .blog-listing .featured-article .image { margin: 0; width: 100%; }
    .blog-listing .featured-article footer { margin-left: 0; text-align: center; }
    .blog-listing .featured-article footer .cta-container { margin: 0 auto; }

    /* hero modules */
    .hero .hero-feature .cta-container { display: none; }

    /* feature grid */
    .feature-grid .wrapper > div { width: 100%; margin: auto 0; }
    .feature-grid > .wrapper > div .feature-item { margin-top: 20px; }
    .feature-grid > .wrapper > div .feature-item .title-text { bottom: 13px; }
    .feature-grid > .wrapper > div .feature-item .title-text > h2 { font-size: 2rem; line-height: 2.8rem; }
    .feature-grid > .wrapper > div.double-containers { margin-top: calc(100% + 20px); }
    .feature-grid > .wrapper > div.feature-container { float: none; }
    .feature-grid .double-containers .feature-item { margin: 0; }
    .feature-grid .double-containers .feature-item:first-child { margin-top: 0; }
    .feature-grid .single-container .feature-item { width: 100%; padding-bottom: 50%; margin: 0; }
    .feature-grid .wrapper > div.single-container .feature-item .title-text h2 { font-size: 2.8rem; line-height: 3.8rem; }
    .feature-grid .feature-container .feature-item { margin: 0; }

    .funnel-progress div.sections .progress-item.complete .ico.tick { display: none; }
}

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

    .announcement-banner .wrapper .rte { font-size: 1.5rem; }

    .carousel .page-feature,
    .carousel .page-feature .responsive-image-container { min-height: 0; }
    .carousel .page-feature.center .feature-content .content { width: 100%; }

    #scroll-indicator,
    .scroll-indicator { bottom: auto; top: 2rem; margin-left: -2.4rem; width: 4.8rem; height: 4.8rem; }

    .page-modules .row.halves .module.half { width: 100%; padding-bottom: 0; }
    .page-modules .row.halves .module.half:first-child { padding-top: 30px; }
    .page-modules .row.halves .module.half h1,
    .page-modules .row.halves .module.half h2,
    .page-modules .row.halves .module.half h3,
    .page-modules .row.halves .module.half p { text-align: center; }

    .page-modules .row.halves .module.half.regular + .module.half.regular,
    .page-modules .row.halves .module.half.decorated + .module.half.decorated,
    .page-modules .row.halves .module.half.dark + .module.half.dark { padding-top: 30px; }

    .page-modules .row.halves .module.half .wrapper { margin-left: auto; margin-right: auto; height: auto !important; }
    .module.half .title-group h2 { margin-left: 2rem; }
    .module.half .title-group,
    .module.half .contents { text-align: center; }

    .module.half.basic-text.has-image { padding-bottom: 2rem; }
    .module.half.basic-text.has-image .inner .title-group { text-align: center; }
    .module.half.basic-text.has-image .inner .title-group h2 { margin-left: 2rem; }
    .module.half.basic-text.has-image .contents { width: 100%; }
    .module.half.basic-text.has-image .inner .cta-container { margin-left: auto; margin-top: 0; }
    .module.basic-text.has-image img.background-image { height: auto; width: 100%; }

    .module.image { padding: 0; }
    .module.image.full .wrapper { max-width: none; margin: 0; }
    .module.image .responsive-image-container { width: 100%; height: auto !important; position: relative; }
    .module.image .responsive-image-container img { position: relative; width: 57%; margin: 0 auto; float: none; display: block; }

    .module.testimonial .single-entity .profile-image { display: none; }

    .place-order-form .product-showcase.order-confirmation .thumbnails > .thumb { width: 50%; }

    .page-feature.feature-map .feature-content .address p { display: inline; margin-left: 10px; white-space: nowrap; }
    .page-feature.feature-map .feature-content .address p:first-of-type { margin-left: 0; }
    .page-feature.feature-map .feature-content .address p:after { content: ","; }
    .page-feature.feature-map .feature-content .address p:last-of-type:after { content: none; }

    /* footer */
    footer#site-footer .footer-big-link .text-content { width: 68%; }
    footer#site-footer .footer-big-link h2 { font-size: 2.4rem; line-height: 3rem; }

    /* hero banner */
    .hero .hero-feature,
    .hero .hero-feature .pod-image { width: 100%; height: 30vh; min-height: 0; }
    .hero div.hero-pods { margin-left: 0; margin-top: 2vh; width: 100%; }
    .hero .hero-pods .hero-pod { width: 49%; float: left; margin-right: 0; margin-top: 0; }
    .hero .hero-pods .hero-pod:first-child { margin-right: 2%; }
    .hero .hero-pods .hero-pod .pod-image { width: 100%; height: 20vh; }
    .hero .hero-pods .hero-pod .cta-container { bottom: 0; width: 100%; }

    .hero .hero-panel .contents { display: table; }
    .hero .hero-panel .contents p { width: 100%; }

    #CategoryDetailPage .page-feature.compact-feature .feature-content { width: 82%; text-align: center; }
    .page-feature.compact-feature .feature-content .content .feature-text { text-align: center; }

    .page-feature .feature-content .title { text-align: center; }
    .page-feature.compact-feature .feature-content .title h1 { font-size: 2.7rem; line-height: 3.5rem; }

    .page-feature .checkout-feature .feature-content .title { text-align: left; }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
    .hero .hero-feature, .hero .hero-feature .pod-image { height: 50vh; }
}

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

    .module { padding-top: 20px; padding-bottom: 25px; }
    .module .title-group { margin-bottom: 2rem; }
    .module .title-group h2 { font-size: 2.5rem; line-height: 3.5rem; margin: 0 2rem; }
    .module .contents { font-size: 1.8rem; line-height: 2.6rem; }
    .title-group span.line, .title span.line { width: 4rem; bottom: 1rem; }

    .module.video .decoration-container.decorated-for-text > img.image-mask { width: 115%; }
    .module.video.decorated .inner .contents > div { top: 0; }

    .module.links-list li a { font-size: 1.6rem; line-height: 2.4rem; padding-bottom: 0.5rem; }

    .module.half.download { text-align: center; }

    .module.half .wrapper .inner .cta-container { margin-left: auto; }

    .decoration-container.light { min-width: 0; width: 180%; }
    .decoration-container.light > img.svg-tri-sml { width: 62%; height: 100%; z-index: 1; left: auto; right: 0; top: 0; }
    .decoration-container.light > img.svg-tri-lrg { display: block; width: 105%; }

    /* carousel */
    .carousel .page-feature .responsive-image-container > img { position: absolute; }
    .carousel .page-feature .image-mask { width: 85%; height: auto; top: 0; }
    .carousel .page-feature .feature-content-container { position: relative; }
    .carousel .page-feature .feature-content-container { display: block; width: 100%; }

    .carousel .page-feature .feature-content,
    .carousel .page-feature.center .feature-content { margin: 0; margin-top: 20px; width: 80%; text-align: center; padding: 0 10%; padding-bottom: 25px; }
    .carousel .page-feature .feature-content .content .feature-text { display: none; }
    /*.page-feature .feature-content .content .cta-container { margin: 2rem auto 0; }*/

    .listing .results .listing-entity:nth-child(3n+4),
    .listing .results .listing-entity { width: 100%; margin-left: 0; height: auto; margin-bottom: 5%; }
    #CategoryDetailPage .listing .listing-entity > figure .image { padding-bottom: 75%; height: auto; }

    /* place order form */
    .place-order-form .product-showcase.order-confirmation .information .dynamic-price .extras { width: 62%; }

    /* touch swipe overflowing product list container */
    .product-list-container { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
    .product-list-container > .product-list-entity { height: 33rem; float: none; display: inline-block; }
    .product-list-container .info-container .info-trigger { display: none; }
    .product-list-container + .show-hide { display: none; }
    html.mobile .product-list-container .touch-swipe-indicator { display: block; }

    footer#site-footer .footer-big-link { margin-top: 20px; }
    footer#site-footer .footer-big-link .image,
    footer#site-footer .footer-big-link .image img { display: none; }
    footer#site-footer .footer-big-link .text-content { width: 100%; }
    footer#site-footer .lower-footer { height: auto; padding-bottom: 5px; }
    footer#site-footer .lower-footer .wrapper { display: table; }
    footer#site-footer .lower-footer .payment-images,
    footer#site-footer .lower-footer .left-content { width: 100%; float: none; }
    footer#site-footer .lower-footer .payment-images { display: table-header-group; }
    footer#site-footer .lower-footer .left-content { display: table-footer-group; }
    footer#site-footer .lower-footer .payment-images ul { width: 80%; margin: 0 auto; }
    footer#site-footer .lower-footer .payment-images ul li { width: 20%; margin: 0 auto; text-align: center; }
    footer#site-footer .lower-footer .footer-notes { margin-top: 18px; width: 60%; float: right; text-align: right; }

    .place-order-form .product-showcase.order-confirmation #discount-code { width: 100%; }
    .place-order-form .product-showcase.order-confirmation #discount-code .field { width: 52%; }
    .place-order-form .product-showcase.order-confirmation #discount-code.stylish-form .stylish-text > span { height: 50px; }
    .place-order-form .product-showcase.order-confirmation #discount-code .cta-container div.cta { padding-left: 10px; padding-right: 60px; }

    .product-list-container .product-list-entity .item-status { bottom: 78px; }
}

@media screen and (max-width: 760px) and (orientation: landscape) {

    .carousel .page-feature .feature-content-container { top: 2%; }
}

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

    .module.half .wrapper { width: 85%; }

    #CategoryListingPage .icon-link-nav .icon-link .icon { width: 30px; height: 30px; }

    .module.blocks > .wrapper > .module > .wrapper { padding-bottom: 0; }
    .module.blocks > .wrapper > .module:first-child:nth-last-child(2),
    .module.blocks > .wrapper > .module:first-child:nth-last-child(2) ~ .module { width: 100%; margin-left: 0; margin-bottom: 2rem; }

    .module.blocks .cta-container { position: relative; left: auto; }

    /*.cta-container a.cta,
    .cta-container div.cta { padding: 1rem 7rem 1rem 3rem; }*/

    .module.image .responsive-image-container img { width: 100%; }

    /* product detail */
    .product-detail .spotlight > div > .information .thumbnails .thumb { width: 80%; }
    .product-detail-page .product-detail .spotlight .detailed-info .left .icon { width: 22%; }

    /* place order customisations */
    .place-order-form .customisations > .form-field { width: 90%; margin: 0 auto 10px; }

    /* blog detail */
    #BlogDetailPage .new-comment-form .col { width: 100%; margin-left: 0; }

    /* rich text areas */
    .rte img { width: 108% !important; height: auto !important; margin-left: -4%; }

    /*.place-order-form .actions { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; border-top: 1px solid #dcdcdc; }*/

    .module.book-appointment-form-component .form.appointment-form .wrapper { max-width: none; width: 100%; margin: 0; }
}

@media screen and (max-width: 670px) {
    .module.steps .steps-container .entity figure .image-container { height: 45vw; }
}

@media screen and (max-width: 650px) {
    .cta-container, .cta-container.secondary { min-height: 35px; width: 100%; text-align: center; }
    .cta-container.icon-cta .icon { width: 2.4rem; height: 2.4rem; }

    .page-feature .feature-content .content .cta-container { width: auto; }

    header#mobile-site-header .mobile-header-content .book-appointment-button { margin: 15px; width: calc(100% - 45px); padding: 9px; float: none; }

    /* page feature */
    .page-feature .feature-content .title { margin-top: -1rem; }
    .page-feature img.feature-image { position: static; width: 100%; height: auto; max-height: none; }
    .page-feature .feature-content { width: 80%; margin: 2rem 10%; }
    .page-feature .feature-content .icon { display: none; }
    .page-feature .image-mask { width: 79%; }

    .module.links-list li { width: 100%; }

    /* call to actions */
    .cta-container a.cta,
    .cta-container div.cta { font-size: 1.6rem; }

    /* header form component */
    .book-appointment-form-header .book-appointment-form { padding-top: 7rem; }
    .book-appointment-form-header .book-appointment-form .close-cross { top: 2rem; right: 2rem; }

    .form.appointment-form .form-field { margin-top: 1rem; }

    /* custom */
    .rte .narrow-content-wrapper { width: 90%; margin: 0 auto; }

    .module.form.half .form-field.field-inline,
    .module.form .form-field.half { width: calc(100% - 20px); }
    .module.form .form-field.error.half { width: calc(100% - 24px); }
    .module.form .form-field.half + .form-field.half { float: left; }

    .module.form > .wrapper .form-section,
    .module.form > .wrapper .actions { width: 100%; }
    .module.form > .wrapper .actions { width: 100%; padding: 0; }
    .module.form > .wrapper .actions .submit { width: 40%; }
    .module.form > .wrapper .actions .submit .cta-container { width: 100%; }

    .module.form > .wrapper .actions .submit { width: 100%; }
    .module.form > .wrapper .actions .submit .cta-container { margin-top: 20px; }
    .module.form > .wrapper .actions .submit .cta-container div.cta { width: 100%; position: absolute; height: 100%; left: 0; padding: 0; line-height: 42px; }

    /* category listing page */
    #CategoryListingPage #categories > article:nth-child(even) .page-feature .feature-content,
    #CategoryListingPage #categories > article:nth-child(odd) .feature-content,
    #CategoryListingPage #categories > article .feature-content { margin: 8% auto 8%; float: none; text-align: center; }
    #CategoryListingPage #categories > article .feature-content .title h1,
    #CategoryListingPage #categories > article .feature-content .feature-text,
    #CategoryListingPage #categories > article:nth-child(even) .page-feature h1,
    #CategoryListingPage #categories > article:nth-child(even) .page-feature .feature-text { text-align: center; }

    /* category detail page */
    #CategoryDetailPage .stylish-form .sort-order .stylish-select > span.selected { font-size: 1.2rem; }
    #CategoryDetailPage .page-feature.compact-feature img.feature-image { width: 50%; }

    /* product detail */
    .product-detail .spotlight > div > .information .thumbnails .thumb { width: 94%; }
    .product-detail-page .cta-container.book-appointment-trigger + .cta-container { margin-left: 0; margin-top: 2rem; }
    .product-detail-page .cta-container.book-appointment-trigger + .cta-container:first-child { margin-top: 0; }

    /* place order */
    #PlaceOrderPage .page-feature { min-height: 0; }
    .page-feature .checkout-feature .feature-content .icon { position: absolute; left: auto; margin-bottom: 18px; top: -40px; right: -15px; border: 1px solid #dcdcdc; background: #fff; }
    .page-feature .checkout-feature .feature-content .title h1 { font-size: 2rem; line-height: 2.5rem; text-align: left; }

    .place-order-form .product-showcase.order-confirmation .thumbnails > .thumb { width: 100%; }
    .place-order-form .actions .final-pay-button > div { width: 100%; }
    .place-order-form .actions .cta-container { width: 90%; }

    .product-information .product-checkout-image { display: none; }
    .product-information .product-component { width: 100%; padding-left: 0; }
    .has-progress .checkout-feature .feature-content-container .feature-content { width: 94%; padding-bottom: 40px; }


    .place-order-form .funnel-section h3 { margin-top: 15px; margin-bottom: 10px; font-size: 2rem; line-height: 2.8rem; }
    #payment-progress div.sections > div > div > div.label { font-size: 1.3rem; }
    #payment-progress div.sections > div > div > svg { display: none; }
    .place-order-form .product-showcase.order-confirmation { padding-top: 10px; }

    .place-order-form .customisations,
    .place-order-form .product-showcase.order-confirmation .information,
    .place-order-form .product-showcase.order-confirmation .supporting-text { width: 100%; }
    .place-order-form .product-showcase.order-confirmation .information .dynamic-price .extras { width: calc(100% - 72px) }
    .place-order-form .customisations > .form-field { width: 100%; }

    .place-order-form.form.module .inner { width: 90%; }

    .funnel-progress div.sections .ico.tick { right: 0; }
    .funnel-progress div.sections .progress-item .label { font-size: 1.1rem; text-align: center; }
    .funnel-progress svg { width: 23px; height: 30px; }

    .place-order-form .customer-details .inner,
    .place-order-form .payment-details .inner { margin-left: 0; width: 94%; }
    .place-order-form .form-field.field-70,
    .place-order-form .card-type { width: calc(100% - 20px); }
    .place-order-form .customer-details .actions .cta-container { width: 96%; }
    .place-order-form .payment-details .actions .cta-container { width: 100%; margin-top: 13px; }
    .place-order-form .actions { margin-top: 0; }
    .place-order-form .actions .cta-container { width: 100%; }
    .place-order-form .date-group { width: 100%; }

    /* checkout */
    .checkout-basket-list .wedding-band-basket-item { display: block; width: 90%; padding: 0 5%; margin-top: 20px; }
    .checkout-basket-list .wedding-band-basket-item .image { width: 70%; margin: 0 auto; }
    .checkout-basket-list .wedding-band-basket-item .details { width: 100%; margin: 0; flex-direction: column; }
    .checkout-basket-list .wedding-band-basket-item .details .price { width: 100%; }

    /* other */
    .page-feature.feature-map .feature-content .address p { display: block; }
    .page-feature.feature-map .feature-content .address p:first-of-type { margin-left: 0; }
    .page-feature.feature-map .feature-content .address p:after { content: none; }
}

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

    .module.instagram .overflow-container { overflow: auto; -webkit-overflow-scrolling: touch; }
    .module.instagram .posts { width: 355vw; }
    .module.instagram .posts > .post { padding-bottom: 24%; width: 86.5vw; margin-left: 3vw !important; }
    .module.instagram .posts > .post:first-child { margin-left: 0 !important; }

    .title-group span.line, .title span.line { display: none; }

    /* carousel */
    .carousel .page-feature .feature-content .title h1 { font-size: 2.2rem; line-height: 3rem; }

    .customisation-information .diamond-selection .cccc { margin-left: 10px; width: calc(100% - 10px); }

    #BlogDetailPage .comments .information { width: 90%; font-size: 1.5rem; line-height: 2rem; }
    #BlogDetailPage .comments .date-container { width: 100%; }
    #BlogDetailPage .comments .date-container > div,
    #BlogDetailPage .comments .date-container > h5.time { float: right; }
    #BlogDetailPage .comments .date-container > h5.time { display: block; margin-right: 10px; margin-top: 3px; }

    .drop-hint-screen .product-showcase > .image { width: 100%; }
    .drop-hint-screen .product-showcase > .information { width: 90%; }
    .drop-hint-screen .form.drop-hint-form .sender-email-field,
    .drop-hint-screen .form.drop-hint-form .recipient-email-field { width: 100%; margin-left: 0; }
    .drop-hint-screen .form.drop-hint-form .form-field { margin-top: 10px; }

    #scroll-top { width: 60px; height: 60px; }

    .place-order-form .product-showcase.order-confirmation > .wrapper > .inner { margin-left: 0; width: 100%; }

    #CategoryDetailPage .filters footer .actions { position: absolute; left: 0; top: -15px; }

    .hero .hero-pods .hero-pod { width: 100%; float: left; margin-right: 0; margin-top: 0; height: auto; min-height: 0; }
    .hero .hero-pods .hero-pod:first-child { margin-right: 0; margin-bottom: 2vh; }
    .hero .hero-pods .hero-pod .cta-container { position: relative; }
    .hero .hero-pods .hero-pod .pod-image { height: auto; min-height: 0; }
    .hero .hero-pods .hero-pod img,
    .hero .hero-pods .hero-pod .icon { display: none; }

    .hero .hero-feature { padding-bottom: 46px; }
    .hero .hero-feature .mobile-cta { position: absolute; bottom: 0; left: 0; width: 100%; }
    .hero .hero-feature .mobile-cta .cta-container { border-radius: 0; width: calc(100% + 2px); }
    .hero .hero-feature .mobile-cta,
    .hero .hero-feature .mobile-cta .cta-container,
    .hero .hero-feature .mobile-cta .cta-container .cta { display: block; }
    .hero .hero-panel .inner { margin-top: 10px; }
    .hero .feature-item .contents { width: 65%; margin-right: 20px; }
    .hero .feature-item .contents h2 { font-size: 2rem; line-height: 2.5rem; padding-left: 63px; }
    .hero .feature-item .contents .icon { width: 40px; height: 40px; }

    footer#site-footer .footer-big-link .feature-panel .inner { width: 80%; margin: 0 auto; text-align: center; }
    footer#site-footer .lower-footer .left-content { text-align: center; }
    footer#site-footer .lower-footer .social-links { margin-top: 0; }
    footer#site-footer .lower-footer .social-links,
    footer#site-footer .lower-footer .core-links { float: none; display: inline-block; margin-top: 0; height: 35px; position: relative; }
    footer#site-footer .lower-footer .core-links ul { display: table; position: absolute; height: 100%; width: 100%; }
    footer#site-footer .lower-footer .core-links ul li { vertical-align: middle; display: table-cell; float: none; margin-top: 0; }
    footer#site-footer .lower-footer .footer-notes { width: 100%; text-align: center; }
    footer#site-footer .lower-footer .payment-images ul { border-bottom: 1px solid #fff; margin-bottom: 20px; }

    .funnel-progress .progress-item svg { display: block }
    .funnel-progress div.sections .progress-item.complete .label { display: none; }
    .funnel-progress div.sections .progress-item.complete .ico.tick { display: block; }
}

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

    .mobile #site-body { margin-top: 67px; }

    #breadcrumb { float: left; width: 100%; margin-bottom: 5px; margin-top: 0; }
    #breadcrumb > div { margin-left: 0; }

    #BlogDetailPage .detail-page header .social-sharing { margin-top: 0; float: left; }
    #BlogDetailPage .detail-page header .date-container { margin: 6px 0; float: right; }
    #BlogDetailPage .detail-page .module { padding-top: 0; }

    .module.video.decorated .inner { width: 80%; }
    .module.video.decorated .close-overlay { top: 1rem; right: 1rem; }

    .module img.image-mask { width: 92%; }
    .module.basic-text.has-image .inner { width: 94%; margin: 2rem 3%; }

    .module.basic-text.has-image { padding-top: 0; }
    .module img.image-mask { display: none; }

    .module.basic-text.has-image img.background-image { position: static; width: 100%; }

    .module.links-list li { padding-left: 6%; width: 88%; }
    .module.links-list .arrow-cta > div { left: 2rem; }

    .funnel-progress { margin-top: 5px; }

    /* custom */
    .rte .narrow-content-wrapper { width: auto; margin: 0 auto; }

    .product-detail-page .product-detail .spotlight .detailed-info .left .icon { width: 25%; }

    /* place order form */
    #PlaceOrderPage .has-progress .checkout-feature .feature-content-container .feature-content .content { margin-top: 12px; }
    #PlaceOrderPage .has-progress .checkout-feature .feature-content-container .feature-content .content .feature-text { font-size: 1.5rem; line-height: 2rem; }

    .place-order-form .customer-details .inner,
    .place-order-form .payment-details .inner { width: 100%; }

    .form.place-order-form .form-component { margin-top: 20px; }
    .form.place-order-form .customer-details .form-field,
    .form.place-order-form .payment-details .form-field { width: calc(100% - 40px); }

    .customisation-information .jewellery-selection .design h2,
    .customisation-information .diamond-selection h2 { font-size: 3rem; line-height: 4rem; }

    .customisation-information .jewellery-selection aside { width: 100%; }
    .customisation-information .jewellery-selection aside > .icon { margin: 0 auto; }
    .customisation-information header .icon,
    .customisation-information header .icon + div { margin: 0 auto 15px; float: none; }
    .customisation-information .diamond-selection .certificate-number { margin-top: 0; }

    /* hero pods */
    .hero .hero-panel { text-align: center; }
    .hero .hero-panel .icon,
    .hero .hero-panel .contents p { width: 100%; }
    .hero .hero-panel .icon { width: 96%; height: 60px; }

    /*.module.cascade .feature-showcase-pod { border-bottom: 1px solid #dcdcdc; }*/
    .module.cascade { padding-top: 20px; }
    .module.cascade .title-group { margin-bottom: 0; }
    .module.cascade .feature-showcase-pod .title-text { padding: 3% 3% 2.5% 5%; background: rgba(220,220,220,0.3); }
    .module.cascade .feature-showcase-pod .title-text .text { display: none; }

    /* feature grid */
    .feature-grid > .wrapper > div .feature-item { margin-top: 0; }
    .feature-grid > .wrapper > div.feature-container .feature-item { margin-top: 13px; }
    .feature-grid .double-containers .feature-item.framed { border: none; }
    .feature-grid .feature-container .feature-item { padding-bottom: 100%; }
    .feature-grid > .wrapper > div.single-container .feature-item { margin-top: 13px; }
    .feature-grid > .wrapper > div.double-containers { margin-top: calc(100% + 13px); }
    .feature-grid .wrapper > div.single-container .feature-item .title-text { width: 42%; background: none; }
    .feature-grid .double-containers .feature-item .feature-showcase-pod { border: 1px solid #dcdcdc; margin-top: 13px; width: 100%; padding-bottom: 100%; }
    .feature-grid > .wrapper > div.feature-container .feature-item .title-text,
    .feature-grid > .wrapper > div .feature-item .title-text { bottom: 0; left: 0; margin: 0; width: 92%; }
    .feature-grid .wrapper > div.single-container .feature-item .title-text h2 { font-size: 2rem; line-height: 2.8rem; }

    footer#site-footer .footer-links { margin-top: 0; }
    footer#site-footer .footer-links > .wrapper { max-width: 70%; margin: 0 auto; }
    footer#site-footer .footer-images ul { width: 100%; }
    footer#site-footer .footer-links article { margin-top: 25px; margin-left: 0; width: 100%; text-align: center; }
    footer#site-footer .footer-links article:first-child { margin-top: 20px; }

    #customise-progress,
    #customise-progress div.progress-item { height: 44px; }
    #customise-progress.funnel-progress svg { margin-top: 6px; margin-bottom: 0; }
    #customise-progress div.sections .progress-item.complete .label { opacity: 0; }
    /*#customise-progress div.sections .ico.tick { top: calc(50% - 10px); }*/
}

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

    .module.blocks .cta-container,
    .module .cta-container { width: 100%; }
    .module.steps .foot-ctas > div { width: 80%; }

    .product-detail-page .product-detail .spotlight .detailed-info .left .icon { width: 30%; }
    .product-detail-page .product-detail .spotlight .detailed-info .left .icon svg { width: 4rem; height: 4rem; }

    .product-detail-page .product-detail .spotlight .detailed-info .left .metal-types .metal { width: 100%; margin-left: 0; }

    .module.testimonial .single-entity { margin-top: 20px; }
    .module.testimonial .single-entity:first-child { margin-top: 0; }

    .page-feature .checkout-feature .feature-content .icon { width: 36px; height: 36px; top: -29px; }

    .place-order-form .card-type .card img { width: 65px; height: 39px; }

    .product-information .product-component .price { position: relative; width: 100%; }
}


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

    .module.links-list li { padding-left: 0; width: 100%; }

    .product-detail .spotlight > div { margin: 10px; /*margin-top: 74px;*/ }

    .customisation-information .diamond-selection .cccc > div { width: 44%; }

    footer#site-footer .footer-images { margin-top: 10px; }
    footer#site-footer .footer-images ul { float: none; margin: 0 auto; }
    footer#site-footer .footer-images ul li,
    footer#site-footer .footer-images ul li:nth-child(odd) { float: left; margin-left: 4%; margin-bottom: 4%; width: 48%; height: 0; padding-bottom: 28%; }
    footer#site-footer .footer-images ul li:nth-child(odd) { margin-left: 0; }
    footer#site-footer .footer-big-link { margin-top: 0; }

    footer#site-footer .lower-footer .payment-images ul li,
    footer#site-footer .lower-footer .payment-images ul li:nth-child(odd) { float: left; margin-left: 4%; margin-bottom: 4%; width: 48%; height: 0; padding-bottom: 20%; }
    footer#site-footer .lower-footer .payment-images ul li:nth-child(odd) { margin-left: 0; }

    /* mobile hero top tile */
    .hero .hero-feature,
    .hero .hero-feature .pod-image { height: auto; position: relative; }
    .hero .hero-feature,
    .hero .hero-feature .pod-image img { position: relative; }
    .hero .hero-feature .pod-image { border-bottom: none; }
    .hero .feature-item img.image-mask { display: none; }

    .hero .feature-item .contents { padding: 3%; padding-bottom: 0; padding-top: 10px; width: 94%; position: relative; margin-right: 0; font-size: 1.4rem; text-align: center; }
    .hero .feature-item .contents .icon { width: 30px; height: 30px; padding: 5px; position: absolute; border: 1px solid #dcdcdc; background: #fff; top: -38px; left: 50%; margin-left: -21px; }
    .hero .feature-item .contents h1 { font-size: 2rem; line-height: 2.6rem; font-weight: 400; }
    .hero .feature-item .contents h1,
    .hero .feature-item .contents p { padding-left: 0; text-align: center; }

    .funnel-progress div.sections .ico.tick { width: 20px; height: 20px; }
    .funnel-progress div.sections .progress-item.complete .ico.tick { margin-top: -10px; }

    .funnel-progress div.sections > div > div > svg { display: none; }
    .funnel-progress div.sections > div.progress-item.complete > div > svg { position: absolute; left: 0; top: 0; margin-top: 6px; display: block; }
}

@media screen and (max-width: 400px) {
    #CategoryDetailPage .filters footer .actions .filter-clear { display: none; }
    #CategoryDetailPage .filters > .container { padding-bottom: 80px; }
    #CategoryDetailPage .filters .show-hide { bottom: -85px; }
    #CategoryDetailPage .filters .parameter-filters .parameter-filter .checkbox-list ul > li { padding: 0 10px; }
    #CategoryDetailPage .filters footer .legend { width: 100%; text-align: center; }
    #CategoryDetailPage .filters footer .actions .advanced-filters-toggle { top: 9px; }

    #PlaceOrderPage .checkout-feature .price-display { display: none; }

    /*.funnel-progress div.sections .progress-item.complete .ico.tick { left: 50%; margin-left: -10px; margin-top: 0; }*/
    .funnel-progress div.sections > div > div > div.label { font-size: 1.3rem; text-align: center; }
    .funnel-progress div.sections > div.progress-item.complete > div > div.label { margin-top: 9px; display: block; }

    .has-progress .checkout-feature .feature-content-container .feature-content { padding-bottom: 0; }
}

@media screen and (min-width: 820px) {

    header#site-header:not(.has-trustpilot) #global-nav.sticky { position: fixed; z-index: 2; top: 0; left: 0; width: 100%; background: #fff; border-bottom: 1px solid #dcdcdc; }
    header#site-header:not(.has-trustpilot) #global-nav.sticky .quick-contact-links > div > .link > a,
    header#site-header:not(.has-trustpilot) #global-nav.sticky .quick-contact-links > div > .link > span { color: #555655; }
    header#site-header:not(.has-trustpilot) #global-nav.sticky .social-links > a svg *,
    header#site-header:not(.has-trustpilot) #global-nav.sticky .quick-contact-links svg * { stroke: #555655; }
}