/* Minification failed. Returning unminified contents.
(7221,10): run-time error CSS1031: Expected selector, found '2'
(27752,1): run-time error CSS1019: Unexpected token, found '}'
(28991,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(28992,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(33695,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(33696,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(33722,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(33723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39303,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39304,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(40347,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40348,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(40374,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40375,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(45687,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(45688,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(45696,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(45697,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(46069,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(46070,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(46086,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(46087,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(46112,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(46113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(46129,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(46130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(46155,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(46156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(46172,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(46173,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(46198,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(46199,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(46212,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(46213,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(46234,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(46235,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(46243,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(46244,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(47120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
 */



    .outlet-event-banner-container {
      max-width: 1600px;
      margin: 0 auto;
      padding: 0 0 20px 0;
    }
  

    .outlet-event-button-container{
      display: flex;
      align-items: center;
      margin: 17px 0;

    }


  
  
  
    .outlet-event-button{
      font-size: 19px;
      color: black;
      text-decoration: none;
      background: white;
      padding: 10px 40px;
      border: none;
      border-radius: 25px;
    }
  
    .call-button{
  margin-right: 5px;
    }
  
    .store-button{
  margin-left: 5px;
    }
  
  
    .outlet-event-container a{
     text-decoration: none;
     color: black
     
    }

    .outlet-event-container a.speakTo {
      font-size: 14px;
      margin-bottom:10px;
      color:#fff;
    }
          




    .outlet-event-container p.smalll {
      font-size: 10px !important;
      line-height: 120% !important;
      margin:0 auto;
      width: 80%;
     
  
    }



    .outlet-event-container p.Avail {
      margin-bottom:10px;
      font-size: 14px;
    }
  

  
    .outlet-event-number{
      font-weight: bold;
      color: #9F090A !important;
    }

    .outlet-event-banner {
      color: white;
     
      background-image: url("https://images.sofology.co.uk/image/upload/dpr_3/v1677687847/Outlet-Mobile_xakjms.jpg");
      background-position: top;
      background-size: contain;
      background-repeat: no-repeat;
      width: 100%;
      padding:27px 20px 0 20px;
      text-align: center;
      height: 590px;
    }



.outlet-event-container  h2 {
  font-size: 20px;
  padding: 0 ;
margin-bottom: 220px;
}

.outlet-event-container p.mainy {

  font-size: 14px;
  line-height: 120%;
  margin:0 ;
  padding: 0;
  width:70%;
  margin: 0 auto;

}





.outlet-event-container h1 {
  font-size: 36px;
  padding: 0;
  width:50%;
  margin: 0 auto 12px
}






  





@media (max-width: 400px) { 
  .outlet-event-container h1 {
    margin: 0 auto 6px;
    width: 70%;
  }
  .outlet-event-container h2 {
   margin-bottom:200px;
  }
  .outlet-event-banner {
    height: 600px;
  }
  .outlet-event-button {
    font-size:15px;
  }
  .outlet-event-container p.smalll { 
    width:100%;
  }

}
 



 



  @media (max-width: 600px) { 
    .outlet-event-button-container{
      justify-content: center;
    }


}

@media only screen and (min-width: 600px) {
  .outlet-event-button-container {
    margin: 40px 0;
  }
  .outlet-event-container a.speakTo {
    font-size: 18px;
    margin-bottom:20px;
    color:#fff;
    /* margin-left:70px; */
  }
  .outlet-event-container p.smalll {
    font-size: 14px !important;
    line-height: 120% !important;
    width:100% !important;
    margin: 0 !important;
    }

          
                        

.outlet-event-container p.Avail {
  font-size: 18px; 
  margin-bottom:30px;
}
.outlet-event-banner {

  padding: 0;
  text-align: left;
  height: 600px;
  background-position: center;
  background-size: cover;
  background-image: url("https://images.sofology.co.uk/image/upload/t_banner750dt,q_auto,f_auto/v1677067482/Clearance-Concept-desktop_giljcp.jpg");}

.outlet-event-container{
  display: flex;
  flex-direction: column;
  align-items:flex-start;
  width: max-content;
  margin-left: 5%;
  padding-top: 50px;
}
.outlet-event-container h2 {
  font-size: 30px;
  padding: 0;
 margin-bottom: 57px;
}

.outlet-event-container h1 {
  font-size: 50px;
  margin-bottom: 46px;
  width:100%;
  margin: 0 0 46px 0;
  padding: 0;
}

  .outlet-event-container p.mainy {
    margin-top:0px ;
    width:450px ;
    margin: 0 ;
    font-size:18px;
  }
}



.u-clearfix:after {
  content: "" !important;
  display: block !important;
  clear: both !important
}

.u-hidden, .u-hide {
  display: none !important
}

.u-show {
  display: block
}

.mobile {
  display: block
}

@media (min-width: 48em) {
  .mobile {
    display: none
  }
}



.tablet {
  display: none
}

@media (min-width: 48em) {
  .tablet {
    display: block
  }
}

@media (min-width: 64em) {
  .tablet {
    display: none
  }
}

.desktop {
  display: none
}

@media (min-width: 64em) {
  .desktop {
    display: block
  }
}

.show-tablet {
  display: none
}

@media (min-width: 45em) {
  .show-tablet {
    display: inline-block
  }
}

.hide-tablet {
  display: inline-block
}

@media (min-width: 45em) {
  .hide-tablet {
    display: none
  }
}

.show-city {
  display: none
}

@media (min-width: 48em) {
  .show-city {
    display: inline-block
  }
}

.hide-city {
  display: inline-block
}

@media (min-width: 48em) {
  .hide-city {
    display: none
  }
}

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=557ee833c037480984f1)
 * Config saved to config.json and https://gist.github.com/557ee833c037480984f1
 */

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden], template {
  display: none
}

a {
  background-color: transparent
}

a:active, a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b, strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0
}

pre {
  overflow: auto
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button, select {
  text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled], html input[disabled] {
  cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: bold
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td, th {
  padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important
  }
  a, a:visited {
    text-decoration: underline
  }
  a[href]:after {
    content: " (" attr(href) ")"
  }
  abbr[title]:after {
    content: " (" attr(title) ")"
  }
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: ""
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  tr, img {
    page-break-inside: avoid
  }
  img {
    max-width: 100% !important
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3
  }
  h2, h3 {
    page-break-after: avoid
  }
  .navbar {
    display: none
  }
  .btn>.caret, .dropup>.btn>.caret {
    border-top-color: #000 !important
  }
  .label {
    border: 1px solid #000
  }
  .table {
    border-collapse: collapse !important
  }
  .table td, .table th {
    background-color: #fff !important
  }
  .table-bordered th, .table-bordered td {
    border: 1px solid #ddd !important
  }
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("/fonts/glyphicons-halflings-regular.eot");
  src: url("/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg")
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
  content: "\2a"
}

.glyphicon-plus:before {
  content: "\2b"
}

.glyphicon-euro:before, .glyphicon-eur:before {
  content: "\20ac"
}

.glyphicon-minus:before {
  content: "\2212"
}

.glyphicon-cloud:before {
  content: "\2601"
}

.glyphicon-envelope:before {
  content: "\2709"
}

.glyphicon-pencil:before {
  content: "\270f"
}

.glyphicon-glass:before {
  content: "\e001"
}

.glyphicon-music:before {
  content: "\e002"
}

.glyphicon-search:before {
  content: "\e003"
}

.glyphicon-heart:before {
  content: "\e005"
}

.glyphicon-star:before {
  content: "\e006"
}

.glyphicon-star-empty:before {
  content: "\e007"
}

.glyphicon-user:before {
  content: "\e008"
}

.glyphicon-film:before {
  content: "\e009"
}

.glyphicon-th-large:before {
  content: "\e010"
}

.glyphicon-th:before {
  content: "\e011"
}

.glyphicon-th-list:before {
  content: "\e012"
}

.glyphicon-ok:before {
  content: "\e013"
}

.glyphicon-remove:before {
  content: "\e014"
}

.glyphicon-zoom-in:before {
  content: "\e015"
}

.glyphicon-zoom-out:before {
  content: "\e016"
}

.glyphicon-off:before {
  content: "\e017"
}

.glyphicon-signal:before {
  content: "\e018"
}

.glyphicon-cog:before {
  content: "\e019"
}

.glyphicon-trash:before {
  content: "\e020"
}

.glyphicon-home:before {
  content: "\e021"
}

.glyphicon-file:before {
  content: "\e022"
}

.glyphicon-time:before {
  content: "\e023"
}

.glyphicon-road:before {
  content: "\e024"
}

.glyphicon-download-alt:before {
  content: "\e025"
}

.glyphicon-download:before {
  content: "\e026"
}

.glyphicon-upload:before {
  content: "\e027"
}

.glyphicon-inbox:before {
  content: "\e028"
}

.glyphicon-play-circle:before {
  content: "\e029"
}

.glyphicon-repeat:before {
  content: "\e030"
}

.glyphicon-refresh:before {
  content: "\e031"
}

.glyphicon-list-alt:before {
  content: "\e032"
}

.glyphicon-lock:before {
  content: "\e033"
}

.glyphicon-flag:before {
  content: "\e034"
}

.glyphicon-headphones:before {
  content: "\e035"
}

.glyphicon-volume-off:before {
  content: "\e036"
}

.glyphicon-volume-down:before {
  content: "\e037"
}

.glyphicon-volume-up:before {
  content: "\e038"
}

.glyphicon-qrcode:before {
  content: "\e039"
}

.glyphicon-barcode:before {
  content: "\e040"
}

.glyphicon-tag:before {
  content: "\e041"
}

.glyphicon-tags:before {
  content: "\e042"
}

.glyphicon-book:before {
  content: "\e043"
}

.glyphicon-bookmark:before {
  content: "\e044"
}

.glyphicon-print:before {
  content: "\e045"
}

.glyphicon-camera:before {
  content: "\e046"
}

.glyphicon-font:before {
  content: "\e047"
}

.glyphicon-bold:before {
  content: "\e048"
}

.glyphicon-italic:before {
  content: "\e049"
}

.glyphicon-text-height:before {
  content: "\e050"
}

.glyphicon-text-width:before {
  content: "\e051"
}

.glyphicon-align-left:before {
  content: "\e052"
}

.glyphicon-align-center:before {
  content: "\e053"
}

.glyphicon-align-right:before {
  content: "\e054"
}

.glyphicon-align-justify:before {
  content: "\e055"
}

.glyphicon-list:before {
  content: "\e056"
}

.glyphicon-indent-left:before {
  content: "\e057"
}

.glyphicon-indent-right:before {
  content: "\e058"
}

.glyphicon-facetime-video:before {
  content: "\e059"
}

.glyphicon-picture:before {
  content: "\e060"
}

.glyphicon-map-marker:before {
  content: "\e062"
}

.glyphicon-adjust:before {
  content: "\e063"
}

.glyphicon-tint:before {
  content: "\e064"
}

.glyphicon-edit:before {
  content: "\e065"
}

.glyphicon-share:before {
  content: "\e066"
}

.glyphicon-check:before {
  content: "\e067"
}

.glyphicon-move:before {
  content: "\e068"
}

.glyphicon-step-backward:before {
  content: "\e069"
}

.glyphicon-fast-backward:before {
  content: "\e070"
}

.glyphicon-backward:before {
  content: "\e071"
}

.glyphicon-play:before {
  content: "\e072"
}

.glyphicon-pause:before {
  content: "\e073"
}

.glyphicon-stop:before {
  content: "\e074"
}

.glyphicon-forward:before {
  content: "\e075"
}

.glyphicon-fast-forward:before {
  content: "\e076"
}

.glyphicon-step-forward:before {
  content: "\e077"
}

.glyphicon-eject:before {
  content: "\e078"
}

.glyphicon-chevron-left:before {
  content: "\e079"
}

.glyphicon-chevron-right:before {
  content: "\e080"
}

.glyphicon-plus-sign:before {
  content: "\e081"
}

.glyphicon-minus-sign:before {
  content: "\e082"
}

.glyphicon-remove-sign:before {
  content: "\e083"
}

.glyphicon-ok-sign:before {
  content: "\e084"
}

.glyphicon-question-sign:before {
  content: "\e085"
}

.glyphicon-info-sign:before {
  content: "\e086"
}

.glyphicon-screenshot:before {
  content: "\e087"
}

.glyphicon-remove-circle:before {
  content: "\e088"
}

.glyphicon-ok-circle:before {
  content: "\e089"
}

.glyphicon-ban-circle:before {
  content: "\e090"
}

.glyphicon-arrow-left:before {
  content: "\e091"
}

.glyphicon-arrow-right:before {
  content: "\e092"
}

.glyphicon-arrow-up:before {
  content: "\e093"
}

.glyphicon-arrow-down:before {
  content: "\e094"
}

.glyphicon-share-alt:before {
  content: "\e095"
}

.glyphicon-resize-full:before {
  content: "\e096"
}

.glyphicon-resize-small:before {
  content: "\e097"
}

.glyphicon-exclamation-sign:before {
  content: "\e101"
}

.glyphicon-gift:before {
  content: "\e102"
}

.glyphicon-leaf:before {
  content: "\e103"
}

.glyphicon-fire:before {
  content: "\e104"
}

.glyphicon-eye-open:before {
  content: "\e105"
}

.glyphicon-eye-close:before {
  content: "\e106"
}

.glyphicon-warning-sign:before {
  content: "\e107"
}

.glyphicon-plane:before {
  content: "\e108"
}

.glyphicon-calendar:before {
  content: "\e109"
}

.glyphicon-random:before {
  content: "\e110"
}

.glyphicon-comment:before {
  content: "\e111"
}

.glyphicon-magnet:before {
  content: "\e112"
}

.glyphicon-chevron-up:before {
  content: "\e113"
}

.glyphicon-chevron-down:before {
  content: "\e114"
}

.glyphicon-retweet:before {
  content: "\e115"
}

.glyphicon-shopping-cart:before {
  content: "\e116"
}

.glyphicon-folder-close:before {
  content: "\e117"
}

.glyphicon-folder-open:before {
  content: "\e118"
}

.glyphicon-resize-vertical:before {
  content: "\e119"
}

.glyphicon-resize-horizontal:before {
  content: "\e120"
}

.glyphicon-hdd:before {
  content: "\e121"
}

.glyphicon-bullhorn:before {
  content: "\e122"
}

.glyphicon-bell:before {
  content: "\e123"
}

.glyphicon-certificate:before {
  content: "\e124"
}

.glyphicon-thumbs-up:before {
  content: "\e125"
}

.glyphicon-thumbs-down:before {
  content: "\e126"
}

.glyphicon-hand-right:before {
  content: "\e127"
}

.glyphicon-hand-left:before {
  content: "\e128"
}

.glyphicon-hand-up:before {
  content: "\e129"
}

.glyphicon-hand-down:before {
  content: "\e130"
}

.glyphicon-circle-arrow-right:before {
  content: "\e131"
}

.glyphicon-circle-arrow-left:before {
  content: "\e132"
}

.glyphicon-circle-arrow-up:before {
  content: "\e133"
}

.glyphicon-circle-arrow-down:before {
  content: "\e134"
}

.glyphicon-globe:before {
  content: "\e135"
}

.glyphicon-wrench:before {
  content: "\e136"
}

.glyphicon-tasks:before {
  content: "\e137"
}

.glyphicon-filter:before {
  content: "\e138"
}

.glyphicon-briefcase:before {
  content: "\e139"
}

.glyphicon-fullscreen:before {
  content: "\e140"
}

.glyphicon-dashboard:before {
  content: "\e141"
}

.glyphicon-paperclip:before {
  content: "\e142"
}

.glyphicon-heart-empty:before {
  content: "\e143"
}

.glyphicon-link:before {
  content: "\e144"
}

.glyphicon-phone:before {
  content: "\e145"
}

.glyphicon-pushpin:before {
  content: "\e146"
}

.glyphicon-usd:before {
  content: "\e148"
}

.glyphicon-gbp:before {
  content: "\e149"
}

.glyphicon-sort:before {
  content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"
}

.glyphicon-sort-by-order:before {
  content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154"
}

.glyphicon-sort-by-attributes:before {
  content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"
}

.glyphicon-unchecked:before {
  content: "\e157"
}

.glyphicon-expand:before {
  content: "\e158"
}

.glyphicon-collapse-down:before {
  content: "\e159"
}

.glyphicon-collapse-up:before {
  content: "\e160"
}

.glyphicon-log-in:before {
  content: "\e161"
}

.glyphicon-flash:before {
  content: "\e162"
}

.glyphicon-log-out:before {
  content: "\e163"
}

.glyphicon-new-window:before {
  content: "\e164"
}

.glyphicon-record:before {
  content: "\e165"
}

.glyphicon-save:before {
  content: "\e166"
}

.glyphicon-open:before {
  content: "\e167"
}

.glyphicon-saved:before {
  content: "\e168"
}

.glyphicon-import:before {
  content: "\e169"
}

.glyphicon-export:before {
  content: "\e170"
}

.glyphicon-send:before {
  content: "\e171"
}

.glyphicon-floppy-disk:before {
  content: "\e172"
}

.glyphicon-floppy-saved:before {
  content: "\e173"
}

.glyphicon-floppy-remove:before {
  content: "\e174"
}

.glyphicon-floppy-save:before {
  content: "\e175"
}

.glyphicon-floppy-open:before {
  content: "\e176"
}

.glyphicon-credit-card:before {
  content: "\e177"
}

.glyphicon-transfer:before {
  content: "\e178"
}

.glyphicon-cutlery:before {
  content: "\e179"
}

.glyphicon-header:before {
  content: "\e180"
}

.glyphicon-compressed:before {
  content: "\e181"
}

.glyphicon-earphone:before {
  content: "\e182"
}

.glyphicon-phone-alt:before {
  content: "\e183"
}

.glyphicon-tower:before {
  content: "\e184"
}

.glyphicon-stats:before {
  content: "\e185"
}

.glyphicon-sd-video:before {
  content: "\e186"
}

.glyphicon-hd-video:before {
  content: "\e187"
}

.glyphicon-subtitles:before {
  content: "\e188"
}

.glyphicon-sound-stereo:before {
  content: "\e189"
}

.glyphicon-sound-dolby:before {
  content: "\e190"
}

.glyphicon-sound-5-1:before {
  content: "\e191"
}

.glyphicon-sound-6-1:before {
  content: "\e192"
}

.glyphicon-sound-7-1:before {
  content: "\e193"
}

.glyphicon-copyright-mark:before {
  content: "\e194"
}

.glyphicon-registration-mark:before {
  content: "\e195"
}

.glyphicon-cloud-download:before {
  content: "\e197"
}

.glyphicon-cloud-upload:before {
  content: "\e198"
}

.glyphicon-tree-conifer:before {
  content: "\e199"
}

.glyphicon-tree-deciduous:before {
  content: "\e200"
}

.glyphicon-cd:before {
  content: "\e201"
}

.glyphicon-save-file:before {
  content: "\e202"
}

.glyphicon-open-file:before {
  content: "\e203"
}

.glyphicon-level-up:before {
  content: "\e204"
}

.glyphicon-copy:before {
  content: "\e205"
}

.glyphicon-paste:before {
  content: "\e206"
}

.glyphicon-alert:before {
  content: "\e209"
}

.glyphicon-equalizer:before {
  content: "\e210"
}

.glyphicon-king:before {
  content: "\e211"
}

.glyphicon-queen:before {
  content: "\e212"
}

.glyphicon-pawn:before {
  content: "\e213"
}

.glyphicon-bishop:before {
  content: "\e214"
}

.glyphicon-knight:before {
  content: "\e215"
}

.glyphicon-baby-formula:before {
  content: "\e216"
}

.glyphicon-tent:before {
  content: "\26fa"
}

.glyphicon-blackboard:before {
  content: "\e218"
}

.glyphicon-bed:before {
  content: "\e219"
}

.glyphicon-apple:before {
  content: "\f8ff"
}

.glyphicon-erase:before {
  content: "\e221"
}

.glyphicon-hourglass:before {
  content: "\231b"
}

.glyphicon-lamp:before {
  content: "\e223"
}

.glyphicon-duplicate:before {
  content: "\e224"
}

.glyphicon-piggy-bank:before {
  content: "\e225"
}

.glyphicon-scissors:before {
  content: "\e226"
}

.glyphicon-bitcoin:before {
  content: "\e227"
}

.glyphicon-btc:before {
  content: "\e227"
}

.glyphicon-xbt:before {
  content: "\e227"
}

.glyphicon-yen:before {
  content: "\00a5"
}

.glyphicon-jpy:before {
  content: "\00a5"
}

.glyphicon-ruble:before {
  content: "\20bd"
}

.glyphicon-rub:before {
  content: "\20bd"
}

.glyphicon-scale:before {
  content: "\e230"
}

.glyphicon-ice-lolly:before {
  content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"
}

.glyphicon-education:before {
  content: "\e233"
}

.glyphicon-option-horizontal:before {
  content: "\e234"
}

.glyphicon-option-vertical:before {
  content: "\e235"
}

.glyphicon-menu-hamburger:before {
  content: "\e236"
}

.glyphicon-modal-window:before {
  content: "\e237"
}

.glyphicon-oil:before {
  content: "\e238"
}

.glyphicon-grain:before {
  content: "\e239"
}

.glyphicon-sunglasses:before {
  content: "\e240"
}

.glyphicon-text-size:before {
  content: "\e241"
}

.glyphicon-text-color:before {
  content: "\e242"
}

.glyphicon-text-background:before {
  content: "\e243"
}

.glyphicon-object-align-top:before {
  content: "\e244"
}

.glyphicon-object-align-bottom:before {
  content: "\e245"
}

.glyphicon-object-align-horizontal:before {
  content: "\e246"
}

.glyphicon-object-align-left:before {
  content: "\e247"
}

.glyphicon-object-align-vertical:before {
  content: "\e248"
}

.glyphicon-object-align-right:before {
  content: "\e249"
}

.glyphicon-triangle-right:before {
  content: "\e250"
}

.glyphicon-triangle-left:before {
  content: "\e251"
}

.glyphicon-triangle-bottom:before {
  content: "\e252"
}

.glyphicon-triangle-top:before {
  content: "\e253"
}

.glyphicon-console:before {
  content: "\e254"
}

.glyphicon-superscript:before {
  content: "\e255"
}

.glyphicon-subscript:before {
  content: "\e256"
}

.glyphicon-menu-left:before {
  content: "\e257"
}

.glyphicon-menu-right:before {
  content: "\e258"
}

.glyphicon-menu-down:before {
  content: "\e259"
}

.glyphicon-menu-up:before {
  content: "\e260"
}

* {
  box-sizing: border-box
}

*:before, *:after {
  box-sizing: border-box
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

a {
  color: #ec1b47;
  text-decoration: none
}

a:hover, a:focus {
  color: #ac0e30;
  text-decoration: underline
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

figure {
  margin: 0
}

img {
  vertical-align: middle
}

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
  display: block;
  max-width: 100%;
  height: auto
}

.img-rounded {
  border-radius: 6px
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto
}

.img-circle {
  border-radius: 50%
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

[role="button"] {
  cursor: pointer
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
  font-size: 65%
}

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px
}

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
  font-size: 75%
}

h1, .h1 {
  font-size: 36px
}

h2, .h2 {
  font-size: 30px
}

h3, .h3 {
  font-size: 24px
}

h4, .h4 {
  font-size: 18px
}

h5, .h5 {
  font-size: 14px
}

h6, .h6 {
  font-size: 12px
}

p {
  margin: 0 0 10px
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px
  }
}

small, .small {
  font-size: 85%
}

mark, .mark {
  background-color: #fcf8e3;
  padding: .2em
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

.text-nowrap {
  white-space: nowrap
}

.text-lowercase {
  text-transform: lowercase
}

.text-uppercase {
  text-transform: uppercase
}

.text-capitalize {
  text-transform: capitalize
}

.text-muted {
  color: #777777
}

.text-primary {
  color: #ec1b47
}

a.text-primary:hover, a.text-primary:focus {
  color: #c41036
}

.text-success {
  color: #3c763d
}

a.text-success:hover, a.text-success:focus {
  color: #2b542c
}

.text-info {
  color: #31708f
}

a.text-info:hover, a.text-info:focus {
  color: #245269
}

.text-warning {
  color: #8a6d3b
}

a.text-warning:hover, a.text-warning:focus {
  color: #66512c
}

.text-danger {
  color: #a94442
}

a.text-danger:hover, a.text-danger:focus {
  color: #843534
}

.bg-primary {
  color: #fff;
  background-color: #ec1b47
}

a.bg-primary:hover, a.bg-primary:focus {
  background-color: #c41036
}

.bg-success {
  background-color: #dff0d8
}

a.bg-success:hover, a.bg-success:focus {
  background-color: #c1e2b3
}

.bg-info {
  background-color: #d9edf7
}

a.bg-info:hover, a.bg-info:focus {
  background-color: #afd9ee
}

.bg-warning {
  background-color: #fcf8e3
}

a.bg-warning:hover, a.bg-warning:focus {
  background-color: #f7ecb5
}

.bg-danger {
  background-color: #f2dede
}

a.bg-danger:hover, a.bg-danger:focus {
  background-color: #e4b9b9
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px
}

ul ul, ol ul, ul ol, ol ol {
  margin-bottom: 0
}

.list-unstyled {
  padding-left: 0;
  list-style: none
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px
}

.list-inline>li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px
}

dl {
  margin-top: 0;
  margin-bottom: 20px
}

dt, dd {
  line-height: 1.42857143
}

dt {
  font-weight: bold
}

dd {
  margin-left: 0
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
  .dl-horizontal dd {
    margin-left: 180px
  }
}

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777
}

.initialism {
  font-size: 90%;
  text-transform: uppercase
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
  margin-bottom: 0
}

blockquote footer, blockquote small, blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777
}

blockquote footer:before, blockquote small:before, blockquote .small:before {
  content: '\2014 \00A0'
}

.blockquote-reverse, blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right
}

.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
  content: ''
}

.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
  content: '\00A0 \2014'
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143
}

code, kbd, pre, samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}

@media (min-width: 768px) {
  .container {
    width: 750px
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}

.row {
  margin-left: -15px;
  margin-right: -15px
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left
}

.col-xs-12 {
  width: 100%
}

.col-xs-11 {
  width: 91.66666667%
}

.col-xs-10 {
  width: 83.33333333%
}

.col-xs-9 {
  width: 75%
}

.col-xs-8 {
  width: 66.66666667%
}

.col-xs-7 {
  width: 58.33333333%
}

.col-xs-6 {
  width: 50%
}

.col-xs-5 {
  width: 41.66666667%
}

.col-xs-4 {
  width: 33.33333333%
}

.col-xs-3 {
  width: 25%
}

.col-xs-2 {
  width: 16.66666667%
}

.col-xs-1 {
  width: 8.33333333%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-pull-11 {
  right: 91.66666667%
}

.col-xs-pull-10 {
  right: 83.33333333%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-8 {
  right: 66.66666667%
}

.col-xs-pull-7 {
  right: 58.33333333%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-5 {
  right: 41.66666667%
}

.col-xs-pull-4 {
  right: 33.33333333%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-2 {
  right: 16.66666667%
}

.col-xs-pull-1 {
  right: 8.33333333%
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-push-11 {
  left: 91.66666667%
}

.col-xs-push-10 {
  left: 83.33333333%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-8 {
  left: 66.66666667%
}

.col-xs-push-7 {
  left: 58.33333333%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-5 {
  left: 41.66666667%
}

.col-xs-push-4 {
  left: 33.33333333%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-2 {
  left: 16.66666667%
}

.col-xs-push-1 {
  left: 8.33333333%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-offset-12 {
  margin-left: 100%
}

.col-xs-offset-11 {
  margin-left: 91.66666667%
}

.col-xs-offset-10 {
  margin-left: 83.33333333%
}

.col-xs-offset-9 {
  margin-left: 75%
}

.col-xs-offset-8 {
  margin-left: 66.66666667%
}

.col-xs-offset-7 {
  margin-left: 58.33333333%
}

.col-xs-offset-6 {
  margin-left: 50%
}

.col-xs-offset-5 {
  margin-left: 41.66666667%
}

.col-xs-offset-4 {
  margin-left: 33.33333333%
}

.col-xs-offset-3 {
  margin-left: 25%
}

.col-xs-offset-2 {
  margin-left: 16.66666667%
}

.col-xs-offset-1 {
  margin-left: 8.33333333%
}

.col-xs-offset-0 {
  margin-left: 0%
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left
  }
  .col-sm-12 {
    width: 100%
  }
  .col-sm-11 {
    width: 91.66666667%
  }
  .col-sm-10 {
    width: 83.33333333%
  }
  .col-sm-9 {
    width: 75%
  }
  .col-sm-8 {
    width: 66.66666667%
  }
  .col-sm-7 {
    width: 58.33333333%
  }
  .col-sm-6 {
    width: 50%
  }
  .col-sm-5 {
    width: 41.66666667%
  }
  .col-sm-4 {
    width: 33.33333333%
  }
  .col-sm-3 {
    width: 25%
  }
  .col-sm-2 {
    width: 16.66666667%
  }
  .col-sm-1 {
    width: 8.33333333%
  }
  .col-sm-pull-12 {
    right: 100%
  }
  .col-sm-pull-11 {
    right: 91.66666667%
  }
  .col-sm-pull-10 {
    right: 83.33333333%
  }
  .col-sm-pull-9 {
    right: 75%
  }
  .col-sm-pull-8 {
    right: 66.66666667%
  }
  .col-sm-pull-7 {
    right: 58.33333333%
  }
  .col-sm-pull-6 {
    right: 50%
  }
  .col-sm-pull-5 {
    right: 41.66666667%
  }
  .col-sm-pull-4 {
    right: 33.33333333%
  }
  .col-sm-pull-3 {
    right: 25%
  }
  .col-sm-pull-2 {
    right: 16.66666667%
  }
  .col-sm-pull-1 {
    right: 8.33333333%
  }
  .col-sm-pull-0 {
    right: auto
  }
  .col-sm-push-12 {
    left: 100%
  }
  .col-sm-push-11 {
    left: 91.66666667%
  }
  .col-sm-push-10 {
    left: 83.33333333%
  }
  .col-sm-push-9 {
    left: 75%
  }
  .col-sm-push-8 {
    left: 66.66666667%
  }
  .col-sm-push-7 {
    left: 58.33333333%
  }
  .col-sm-push-6 {
    left: 50%
  }
  .col-sm-push-5 {
    left: 41.66666667%
  }
  .col-sm-push-4 {
    left: 33.33333333%
  }
  .col-sm-push-3 {
    left: 25%
  }
  .col-sm-push-2 {
    left: 16.66666667%
  }
  .col-sm-push-1 {
    left: 8.33333333%
  }
  .col-sm-push-0 {
    left: auto
  }
  .col-sm-offset-12 {
    margin-left: 100%
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%
  }
  .col-sm-offset-9 {
    margin-left: 75%
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%
  }
  .col-sm-offset-6 {
    margin-left: 50%
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%
  }
  .col-sm-offset-3 {
    margin-left: 25%
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%
  }
  .col-sm-offset-0 {
    margin-left: 0%
  }
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left
  }
  .col-md-12 {
    width: 100%
  }
  .col-md-11 {
    width: 91.66666667%
  }
  .col-md-10 {
    width: 83.33333333%
  }
  .col-md-9 {
    width: 75%
  }
  .col-md-8 {
    width: 66.66666667%
  }
  .col-md-7 {
    width: 58.33333333%
  }
  .col-md-6 {
    width: 50%
  }
  .col-md-5 {
    width: 41.66666667%
  }
  .col-md-4 {
    width: 33.33333333%
  }
  .col-md-3 {
    width: 25%
  }
  .col-md-2 {
    width: 16.66666667%
  }
  .col-md-1 {
    width: 8.33333333%
  }
  .col-md-pull-12 {
    right: 100%
  }
  .col-md-pull-11 {
    right: 91.66666667%
  }
  .col-md-pull-10 {
    right: 83.33333333%
  }
  .col-md-pull-9 {
    right: 75%
  }
  .col-md-pull-8 {
    right: 66.66666667%
  }
  .col-md-pull-7 {
    right: 58.33333333%
  }
  .col-md-pull-6 {
    right: 50%
  }
  .col-md-pull-5 {
    right: 41.66666667%
  }
  .col-md-pull-4 {
    right: 33.33333333%
  }
  .col-md-pull-3 {
    right: 25%
  }
  .col-md-pull-2 {
    right: 16.66666667%
  }
  .col-md-pull-1 {
    right: 8.33333333%
  }
  .col-md-pull-0 {
    right: auto
  }
  .col-md-push-12 {
    left: 100%
  }
  .col-md-push-11 {
    left: 91.66666667%
  }
  .col-md-push-10 {
    left: 83.33333333%
  }
  .col-md-push-9 {
    left: 75%
  }
  .col-md-push-8 {
    left: 66.66666667%
  }
  .col-md-push-7 {
    left: 58.33333333%
  }
  .col-md-push-6 {
    left: 50%
  }
  .col-md-push-5 {
    left: 41.66666667%
  }
  .col-md-push-4 {
    left: 33.33333333%
  }
  .col-md-push-3 {
    left: 25%
  }
  .col-md-push-2 {
    left: 16.66666667%
  }
  .col-md-push-1 {
    left: 8.33333333%
  }
  .col-md-push-0 {
    left: auto
  }
  .col-md-offset-12 {
    margin-left: 100%
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%
  }
  .col-md-offset-9 {
    margin-left: 75%
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%
  }
  .col-md-offset-6 {
    margin-left: 50%
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%
  }
  .col-md-offset-3 {
    margin-left: 25%
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%
  }
  .col-md-offset-0 {
    margin-left: 0%
  }
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left
  }
  .col-lg-12 {
    width: 100%
  }
  .col-lg-11 {
    width: 91.66666667%
  }
  .col-lg-10 {
    width: 83.33333333%
  }
  .col-lg-9 {
    width: 75%
  }
  .col-lg-8 {
    width: 66.66666667%
  }
  .col-lg-7 {
    width: 58.33333333%
  }
  .col-lg-6 {
    width: 50%
  }
  .col-lg-5 {
    width: 41.66666667%
  }
  .col-lg-4 {
    width: 33.33333333%
  }
  .col-lg-3 {
    width: 25%
  }
  .col-lg-2 {
    width: 16.66666667%
  }
  .col-lg-1 {
    width: 8.33333333%
  }
  .col-lg-pull-12 {
    right: 100%
  }
  .col-lg-pull-11 {
    right: 91.66666667%
  }
  .col-lg-pull-10 {
    right: 83.33333333%
  }
  .col-lg-pull-9 {
    right: 75%
  }
  .col-lg-pull-8 {
    right: 66.66666667%
  }
  .col-lg-pull-7 {
    right: 58.33333333%
  }
  .col-lg-pull-6 {
    right: 50%
  }
  .col-lg-pull-5 {
    right: 41.66666667%
  }
  .col-lg-pull-4 {
    right: 33.33333333%
  }
  .col-lg-pull-3 {
    right: 25%
  }
  .col-lg-pull-2 {
    right: 16.66666667%
  }
  .col-lg-pull-1 {
    right: 8.33333333%
  }
  .col-lg-pull-0 {
    right: auto
  }
  .col-lg-push-12 {
    left: 100%
  }
  .col-lg-push-11 {
    left: 91.66666667%
  }
  .col-lg-push-10 {
    left: 83.33333333%
  }
  .col-lg-push-9 {
    left: 75%
  }
  .col-lg-push-8 {
    left: 66.66666667%
  }
  .col-lg-push-7 {
    left: 58.33333333%
  }
  .col-lg-push-6 {
    left: 50%
  }
  .col-lg-push-5 {
    left: 41.66666667%
  }
  .col-lg-push-4 {
    left: 33.33333333%
  }
  .col-lg-push-3 {
    left: 25%
  }
  .col-lg-push-2 {
    left: 16.66666667%
  }
  .col-lg-push-1 {
    left: 8.33333333%
  }
  .col-lg-push-0 {
    left: auto
  }
  .col-lg-offset-12 {
    margin-left: 100%
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%
  }
  .col-lg-offset-9 {
    margin-left: 75%
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%
  }
  .col-lg-offset-6 {
    margin-left: 50%
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%
  }
  .col-lg-offset-3 {
    margin-left: 25%
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%
  }
  .col-lg-offset-0 {
    margin-left: 0%
  }
}

table {
  background-color: transparent
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left
}

th {
  text-align: left
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd
}

.table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd
}

.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
  border-top: 0
}

.table>tbody+tbody {
  border-top: 2px solid #dddddd
}

.table .table {
  background-color: #ffffff
}

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
  padding: 5px
}

.table-bordered {
  border: 1px solid #dddddd
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
  border: 1px solid #dddddd
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
  border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
  background-color: #f5f5f5
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column
}

table td[class*="col-"], table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell
}

.table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th {
  background-color: #f5f5f5
}

.table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr.active:hover>th {
  background-color: #e8e8e8
}

.table>thead>tr>td.success, .table>tbody>tr>td.success, .table>tfoot>tr>td.success, .table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th {
  background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr.success:hover>th {
  background-color: #d0e9c6
}

.table>thead>tr>td.info, .table>tbody>tr>td.info, .table>tfoot>tr>td.info, .table>thead>tr>th.info, .table>tbody>tr>th.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>tbody>tr.info>td, .table>tfoot>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr.info>th, .table>tfoot>tr.info>th {
  background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr.info:hover>th {
  background-color: #c4e3f3
}

.table>thead>tr>td.warning, .table>tbody>tr>td.warning, .table>tfoot>tr>td.warning, .table>thead>tr>th.warning, .table>tbody>tr>th.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>tbody>tr.warning>td, .table>tfoot>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr.warning>th, .table>tfoot>tr.warning>th {
  background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr.warning:hover>th {
  background-color: #faf2cc
}

.table>thead>tr>td.danger, .table>tbody>tr>td.danger, .table>tfoot>tr>td.danger, .table>thead>tr>th.danger, .table>tbody>tr>th.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>tbody>tr.danger>td, .table>tfoot>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr.danger>th, .table>tfoot>tr.danger>th {
  background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr.danger:hover>th {
  background-color: #ebcccc
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd
  }
  .table-responsive>.table {
    margin-bottom: 0
  }
  .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
    white-space: nowrap
  }
  .table-responsive>.table-bordered {
    border: 0
  }
  .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
  }
  .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
  }
  .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0
  }
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold
}

input[type="search"] {
  box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal
}

input[type="file"] {
  display: block
}

input[type="range"] {
  display: block;
  width: 100%
}

select[multiple], select[size] {
  height: auto
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
  border-color: #ec1b47;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 27, 71, 0.6)
}

.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #999999
}

.form-control::-webkit-input-placeholder {
  color: #999999
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed
}

textarea.form-control {
  height: auto
}

input[type="search"] {
  -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
    line-height: 34px
  }
  input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
    line-height: 30px
  }
  input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
    line-height: 46px
  }
}

.form-group {
  margin-bottom: 15px
}

.radio, .checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px
}

.radio label, .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9
}

.radio+.radio, .checkbox+.checkbox {
  margin-top: -5px
}

.radio-inline, .checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer
}

.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
  margin-top: 0;
  margin-left: 10px
}

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed
}

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
  cursor: not-allowed
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
  cursor: not-allowed
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px
}

.form-control-static.input-lg, .form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

select.input-sm {
  height: 30px;
  line-height: 30px
}

textarea.input-sm, select[multiple].input-sm {
  height: auto
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
  height: auto
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px
}

select.input-lg {
  height: 46px;
  line-height: 46px
}

textarea.input-lg, select[multiple].input-lg {
  height: auto
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
  height: auto
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333
}

.has-feedback {
  position: relative
}

.has-feedback .form-control {
  padding-right: 42.5px
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none
}

.input-lg+.form-control-feedback, .input-group-lg+.form-control-feedback, .form-group-lg .form-control+.form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px
}

.input-sm+.form-control-feedback, .input-group-sm+.form-control-feedback, .form-group-sm .form-control+.form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d
}

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8
}

.has-success .form-control-feedback {
  color: #3c763d
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b
}

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3
}

.has-warning .form-control-feedback {
  color: #8a6d3b
}

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

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede
}

.has-error .form-control-feedback {
  color: #a94442
}

.has-feedback label~.form-control-feedback {
  top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
  top: 0
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }
  .form-inline .form-control-static {
    display: inline-block
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle
  }
  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
    width: auto
  }
  .form-inline .input-group>.form-control {
    width: 100%
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .radio, .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .radio label, .form-inline .checkbox label {
    padding-left: 0
  }
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0
  }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px
}

.form-horizontal .radio, .form-horizontal .checkbox {
  min-height: 27px
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.333333px;
    font-size: 18px
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: thin dotted;
  outline: 5px auto #ec1b47;
  outline-offset: -2px
}

.btn:hover, .btn:focus, .btn.focus {
  color: #333333;
  text-decoration: none
}

.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none
}

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none
}

.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc
}

.btn-default:focus, .btn-default.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c
}

.btn-default:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad
}

.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad
}

.btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c
}

.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
  background-image: none
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc
}

.btn-default .badge {
  color: #ffffff;
  background-color: #333333
}

.btn-primary {
  color: #ffffff;
  background-color: #ec1b47;
  border-color: #db123d
}

.btn-primary:focus, .btn-primary.focus {
  color: #ffffff;
  background-color: #c41036;
  border-color: #66081c
}

.btn-primary:hover {
  color: #ffffff;
  background-color: #c41036;
  border-color: #a30e2d
}

.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #c41036;
  border-color: #a30e2d
}

.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #a30e2d;
  border-color: #66081c
}

.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
  background-image: none
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background-color: #ec1b47;
  border-color: #db123d
}

.btn-primary .badge {
  color: #ec1b47;
  background-color: #ffffff
}

.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c
}

.btn-success:focus, .btn-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: #255625
}

.btn-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439
}

.btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439
}

.btn-success:active:hover, .btn-success.active:hover, .open>.dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open>.dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open>.dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: #255625
}

.btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
  background-image: none
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff
}

.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da
}

.btn-info:focus, .btn-info.focus {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #1b6d85
}

.btn-info:hover {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc
}

.btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc
}

.btn-info:active:hover, .btn-info.active:hover, .open>.dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open>.dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open>.dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #269abc;
  border-color: #1b6d85
}

.btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
  background-image: none
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff
}

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

.btn-warning:focus, .btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d
}

.btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512
}

.btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512
}

.btn-warning:active:hover, .btn-warning.active:hover, .open>.dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open>.dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open>.dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: #985f0d
}

.btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
  background-image: none
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff
}

.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a
}

.btn-danger:focus, .btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #761c19
}

.btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925
}

.btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925
}

.btn-danger:active:hover, .btn-danger.active:hover, .open>.dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open>.dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open>.dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: #761c19
}

.btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
  background-image: none
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff
}

.btn-link {
  color: #ec1b47;
  font-weight: normal;
  border-radius: 0
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent
}

.btn-link:hover, .btn-link:focus {
  color: #ac0e30;
  text-decoration: underline;
  background-color: transparent
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none
}

.btn-lg, .btn-group-lg>.btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px
}

.btn-sm, .btn-group-sm>.btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

.btn-xs, .btn-group-xs>.btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block+.btn-block {
  margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear
}

.fade.in {
  opacity: 1
}

.collapse {
  display: none
}

.collapse.in {
  display: block
}

tr.collapse.in {
  display: table-row
}

tbody.collapse.in {
  display: table-row-group
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

.dropup, .dropdown {
  position: relative
}

.dropdown-toggle:focus {
  outline: 0
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #ec1b47
}

.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
  color: #777777
}

.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed
}

.open>.dropdown-menu {
  display: block
}

.open>a {
  outline: 0
}

.dropdown-menu-right {
  left: auto;
  right: 0
}

.dropdown-menu-left {
  left: 0;
  right: auto
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990
}

.pull-right>.dropdown-menu {
  right: 0;
  left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto
  }
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.btn-group>.btn, .btn-group-vertical>.btn {
  position: relative;
  float: left
}

.btn-group>.btn:hover, .btn-group-vertical>.btn:hover, .btn-group>.btn:focus, .btn-group-vertical>.btn:focus, .btn-group>.btn:active, .btn-group-vertical>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn.active {
  z-index: 2
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
  margin-left: -1px
}

.btn-toolbar {
  margin-left: -5px
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
  float: left
}

.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
  margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0
}

.btn-group>.btn:first-child {
  margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.btn-group>.btn-group {
  float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
  border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
  outline: 0
}

.btn-group>.btn+.dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none
}

.btn .caret {
  margin-left: 0
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px
}

.btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
  float: none
}

.btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group {
  margin-top: -1px;
  margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
  border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
  border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate
}

.btn-group-justified>.btn, .btn-group-justified>.btn-group {
  float: none;
  display: table-cell;
  width: 1%
}

.btn-group-justified>.btn-group .btn {
  width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
  left: auto
}

[data-toggle="buttons"]>.btn input[type="radio"], [data-toggle="buttons"]>.btn-group>.btn input[type="radio"], [data-toggle="buttons"]>.btn input[type="checkbox"], [data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0
}

.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px
}

select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn {
  height: 46px;
  line-height: 46px
}

textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn, select[multiple].input-group-lg>.form-control, select[multiple].input-group-lg>.input-group-addon, select[multiple].input-group-lg>.input-group-btn>.btn {
  height: auto
}

.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn {
  height: 30px;
  line-height: 30px
}

textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn, select[multiple].input-group-sm>.form-control, select[multiple].input-group-sm>.input-group-addon, select[multiple].input-group-sm>.input-group-btn>.btn {
  height: auto
}

.input-group-addon, .input-group-btn, .input-group .form-control {
  display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0
}

.input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px
}

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px
}

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px
}

.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
  margin-top: 0
}

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

.input-group-addon:first-child {
  border-right: 0
}

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

.input-group-addon:last-child {
  border-left: 0
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap
}

.input-group-btn>.btn {
  position: relative
}

.input-group-btn>.btn+.btn {
  margin-left: -1px
}

.input-group-btn>.btn:hover, .input-group-btn>.btn:focus, .input-group-btn>.btn:active {
  z-index: 2
}

.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group {
  margin-right: -1px
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
  z-index: 2;
  margin-left: -1px
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none
}

.nav>li {
  position: relative;
  display: block
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px
}

.nav>li>a:hover, .nav>li>a:focus {
  text-decoration: none;
  background-color: #eeeeee
}

.nav>li.disabled>a {
  color: #777777
}

.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
  background-color: #eeeeee;
  border-color: #ec1b47
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.nav>li>a>img {
  max-width: none
}

.nav-tabs {
  border-bottom: 1px solid #dddddd
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px
}

.nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
  border-color: #eeeeee #eeeeee #dddddd
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0
}

.nav-tabs.nav-justified>li {
  float: none
}

.nav-tabs.nav-justified>li>a {
  text-align: center;
  margin-bottom: 5px
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
  top: auto;
  left: auto
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%
  }
  .nav-tabs.nav-justified>li>a {
    margin-bottom: 0
  }
}

.nav-tabs.nav-justified>li>a {
  margin-right: 0;
  border-radius: 4px
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
  border: 1px solid #dddddd
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified>li>a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0
  }
  .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
    border-bottom-color: #ffffff
  }
}

.nav-pills>li {
  float: left
}

.nav-pills>li>a {
  border-radius: 4px
}

.nav-pills>li+li {
  margin-left: 2px
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  color: #ffffff;
  background-color: #ec1b47
}

.nav-stacked>li {
  float: none
}

.nav-stacked>li+li {
  margin-top: 2px;
  margin-left: 0
}

.nav-justified {
  width: 100%
}

.nav-justified>li {
  float: none
}

.nav-justified>li>a {
  text-align: center;
  margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
  top: auto;
  left: auto
}

@media (min-width: 768px) {
  .nav-justified>li {
    display: table-cell;
    width: 1%
  }
  .nav-justified>li>a {
    margin-bottom: 0
  }
}

.nav-tabs-justified {
  border-bottom: 0
}

.nav-tabs-justified>li>a {
  margin-right: 0;
  border-radius: 4px
}

.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus {
  border: 1px solid #dddddd
}

@media (min-width: 768px) {
  .nav-tabs-justified>li>a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0
  }
  .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus {
    border-bottom-color: #ffffff
  }
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px
  }
}

@media (min-width: 768px) {
  .navbar-header {
    float: left
  }
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
  overflow-y: auto
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important
  }
  .navbar-collapse.in {
    overflow-y: visible
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0
  }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
  max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px
  }
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
  margin-right: -15px;
  margin-left: -15px
}

@media (min-width: 768px) {
  .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    margin-right: 0;
    margin-left: 0
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px
}

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0
  }
}

.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030
}

@media (min-width: 768px) {
  .navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0
}

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none
}

.navbar-brand>img {
  display: block
}

@media (min-width: 768px) {
  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -15px
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

.navbar-toggle:focus {
  outline: 0
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none
  }
}

.navbar-nav {
  margin: 7.5px -15px
}

.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none
  }
  .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px
  }
  .navbar-nav .open .dropdown-menu>li>a {
    line-height: 20px
  }
  .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {
    background-image: none
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0
  }
  .navbar-nav>li {
    float: left
  }
  .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px
  }
}

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }
  .navbar-form .form-control-static {
    display: inline-block
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle
  }
  .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
    width: auto
  }
  .navbar-form .input-group>.form-control {
    width: 100%
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle
  }
  .navbar-form .radio, .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
  }
  .navbar-form .radio label, .navbar-form .checkbox label {
    padding-left: 0
  }
  .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0
  }
}

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none
  }
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px
}

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px
}

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px
  }
  .navbar-right~.navbar-right {
    margin-right: 0
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7
}

.navbar-default .navbar-brand {
  color: #777777
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent
}

.navbar-default .navbar-text {
  color: #777777
}

.navbar-default .navbar-nav>li>a {
  color: #777777
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  color: #333333;
  background-color: transparent
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  color: #555555;
  background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus {
  color: #cccccc;
  background-color: transparent
}

.navbar-default .navbar-toggle {
  border-color: #dddddd
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #dddddd
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  background-color: #e7e7e7;
  color: #555555
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #777777
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #333333;
    background-color: transparent
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #555555;
    background-color: #e7e7e7
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: #cccccc;
    background-color: transparent
  }
}

.navbar-default .navbar-link {
  color: #777777
}

.navbar-default .navbar-link:hover {
  color: #333333
}

.navbar-default .btn-link {
  color: #777777
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333333
}

.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
  color: #cccccc
}

.navbar-inverse {
  background-color: #222222;
  border-color: #080808
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent
}

.navbar-inverse .navbar-text {
  color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a {
  color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
  color: #ffffff;
  background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
  color: #ffffff;
  background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus {
  color: #444444;
  background-color: transparent
}

.navbar-inverse .navbar-toggle {
  border-color: #333333
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333333
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
  background-color: #080808;
  color: #ffffff
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
    border-color: #080808
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #9d9d9d
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #ffffff;
    background-color: transparent
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #ffffff;
    background-color: #080808
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: #444444;
    background-color: transparent
  }
}

.navbar-inverse .navbar-link {
  color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
  color: #ffffff
}

.navbar-inverse .btn-link {
  color: #9d9d9d
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #ffffff
}

.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444444
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px
}

.breadcrumb>li {
  display: inline-block
}

.breadcrumb>li+li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc
}

.breadcrumb>.active {
  color: #777777
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px
}

.pagination>li {
  display: inline
}

.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #ec1b47;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
  z-index: 3;
  color: #ac0e30;
  background-color: #eeeeee;
  border-color: #dddddd
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #ec1b47;
  border-color: #ec1b47;
  cursor: default
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed
}

.pagination-lg>li>a, .pagination-lg>li>span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333
}

.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px
}

.pagination-sm>li>a, .pagination-sm>li>span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center
}

.pager li {
  display: inline
}

.pager li>a, .pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px
}

.pager li>a:hover, .pager li>a:focus {
  text-decoration: none;
  background-color: #eeeeee
}

.pager .next>a, .pager .next>span {
  float: right
}

.pager .previous>a, .pager .previous>span {
  float: left
}

.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {
  color: #777777;
  background-color: #ffffff;
  cursor: not-allowed
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em
}

a.label:hover, a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer
}

.label:empty {
  display: none
}

.btn .label {
  position: relative;
  top: -1px
}

.label-default {
  background-color: #777777
}

.label-default[href]:hover, .label-default[href]:focus {
  background-color: #5e5e5e
}

.label-primary {
  background-color: #ec1b47
}

.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #c41036
}

.label-success {
  background-color: #5cb85c
}

.label-success[href]:hover, .label-success[href]:focus {
  background-color: #449d44
}

.label-info {
  background-color: #5bc0de
}

.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5
}

.label-warning {
  background-color: #f0ad4e
}

.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f
}

.label-danger {
  background-color: #d9534f
}

.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.btn-xs .badge, .btn-group-xs>.btn .badge {
  top: 0;
  padding: 1px 5px
}

a.badge:hover, a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer
}

.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
  color: #ec1b47;
  background-color: #ffffff
}

.list-group-item>.badge {
  float: right
}

.list-group-item>.badge+.badge {
  margin-right: 5px
}

.nav-pills>li>a>.badge {
  margin-left: 3px
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee
}

.jumbotron h1, .jumbotron .h1 {
  color: inherit
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200
}

.jumbotron>hr {
  border-top-color: #d5d5d5
}

.container .jumbotron, .container-fluid .jumbotron {
  border-radius: 6px
}

.jumbotron .container {
  max-width: 100%
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px
  }
  .container .jumbotron, .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px
  }
  .jumbotron h1, .jumbotron .h1 {
    font-size: 63px
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out
}

.thumbnail>img, .thumbnail a>img {
  margin-left: auto;
  margin-right: auto
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
  border-color: #ec1b47
}

.thumbnail .caption {
  padding: 9px;
  color: #333333
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px
}

.alert h4 {
  margin-top: 0;
  color: inherit
}

.alert .alert-link {
  font-weight: bold
}

.alert>p, .alert>ul {
  margin-bottom: 0
}

.alert>p+p {
  margin-top: 5px
}

.alert-dismissable, .alert-dismissible {
  padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d
}

.alert-success hr {
  border-top-color: #c9e2b3
}

.alert-success .alert-link {
  color: #2b542c
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f
}

.alert-info hr {
  border-top-color: #a6e1ec
}

.alert-info .alert-link {
  color: #245269
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b
}

.alert-warning hr {
  border-top-color: #f7e1b5
}

.alert-warning .alert-link {
  color: #66512c
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442
}

.alert-danger hr {
  border-top-color: #e4b9c0
}

.alert-danger .alert-link {
  color: #843534
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0
  }
  to {
    background-position: 0 0
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0
  }
  to {
    background-position: 0 0
  }
}

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #ec1b47;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease
}

.progress-striped .progress-bar, .progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px
}

.progress.active .progress-bar, .progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
  background-color: #5cb85c
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
  background-color: #5bc0de
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
  background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
  background-color: #d9534f
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.media {
  margin-top: 15px
}

.media:first-child {
  margin-top: 0
}

.media, .media-body {
  zoom: 1;
  overflow: hidden
}

.media-body {
  width: 10000px
}

.media-object {
  display: block
}

.media-object.img-thumbnail {
  max-width: none
}

.media-right, .media>.pull-right {
  padding-left: 10px
}

.media-left, .media>.pull-left {
  padding-right: 10px
}

.media-left, .media-right, .media-body {
  display: table-cell;
  vertical-align: top
}

.media-middle {
  vertical-align: middle
}

.media-bottom {
  vertical-align: bottom
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px
}

.media-list {
  padding-left: 0;
  list-style: none
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd
}

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

a.list-group-item, button.list-group-item {
  color: #555555
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
  color: #333333
}

a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #f5f5f5
}

button.list-group-item {
  width: 100%;
  text-align: left
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #777777
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #ec1b47;
  border-color: #ec1b47
}

.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading>.small {
  color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #fcd7df
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
  color: #3c763d
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
  color: inherit
}

a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6
}

a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
  color: #31708f
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
  color: inherit
}

a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3
}

a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
  color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
  color: inherit
}

a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc
}

a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
  color: #a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
  color: inherit
}

a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc
}

a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3
}

.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
  padding: 15px
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
  color: inherit
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit
}

.panel-title>a, .panel-title>small, .panel-title>.small, .panel-title>small>a, .panel-title>.small>a {
  color: inherit
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.panel>.list-group, .panel>.panel-collapse>.list-group {
  margin-bottom: 0
}

.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.panel-heading+.list-group .list-group-item:first-child {
  border-top-width: 0
}

.list-group+.panel-footer {
  border-top-width: 0
}

.panel>.table, .panel>.table-responsive>.table, .panel>.panel-collapse>.table {
  margin-bottom: 0
}

.panel>.table caption, .panel>.table-responsive>.table caption, .panel>.panel-collapse>.table caption {
  padding-left: 15px;
  padding-right: 15px
}

.panel>.table:first-child, .panel>.table-responsive:first-child>.table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
  border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
  border-top-right-radius: 3px
}

.panel>.table:last-child, .panel>.table-responsive:last-child>.table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
  border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
  border-bottom-right-radius: 3px
}

.panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body {
  border-top: 1px solid #dddddd
}

.panel>.table>tbody:first-child>tr:first-child th, .panel>.table>tbody:first-child>tr:first-child td {
  border-top: 0
}

.panel>.table-bordered, .panel>.table-responsive>.table-bordered {
  border: 0
}

.panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
  border-left: 0
}

.panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
  border-right: 0
}

.panel>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
  border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
  border-bottom: 0
}

.panel>.table-responsive {
  border: 0;
  margin-bottom: 0
}

.panel-group {
  margin-bottom: 20px
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px
}

.panel-group .panel+.panel {
  margin-top: 5px
}

.panel-group .panel-heading {
  border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
  border-top: 1px solid #dddddd
}

.panel-group .panel-footer {
  border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd
}

.panel-default {
  border-color: #dddddd
}

.panel-default>.panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #dddddd
}

.panel-default>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #dddddd
}

.panel-primary {
  border-color: #ec1b47
}

.panel-primary>.panel-heading {
  color: #ffffff;
  background-color: #ec1b47;
  border-color: #ec1b47
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ec1b47
}

.panel-primary>.panel-heading .badge {
  color: #ec1b47;
  background-color: #ffffff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ec1b47
}

.panel-success {
  border-color: #d6e9c6
}

.panel-success>.panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d6e9c6
}

.panel-info {
  border-color: #bce8f1
}

.panel-info>.panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bce8f1
}

.panel-warning {
  border-color: #faebcc
}

.panel-warning>.panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #faebcc
}

.panel-danger {
  border-color: #ebccd1
}

.panel-danger>.panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
  color: #f2dede;
  background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ebccd1
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%
}

.embed-responsive-4by3 {
  padding-bottom: 75%
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15)
}

.well-lg {
  padding: 24px;
  border-radius: 6px
}

.well-sm {
  padding: 9px;
  border-radius: 3px
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20)
}

.close:hover, .close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50)
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none
}

.modal-open {
  overflow: hidden
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0)
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50)
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px
}

.modal-header .close {
  margin-top: -2px
}

.modal-title {
  margin: 0;
  line-height: 1.42857143
}

.modal-body {
  position: relative;
  padding: 15px
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
  margin-left: 5px;
  margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
  margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
  margin-left: 0
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
  }
  .modal-sm {
    width: 300px
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0)
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90)
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 4px
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.popover.top {
  margin-top: -10px
}

.popover.right {
  margin-left: 10px
}

.popover.bottom {
  margin-top: 10px
}

.popover.left {
  margin-left: -10px
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0
}

.popover-content {
  padding: 9px 14px
}

.popover>.arrow, .popover>.arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.popover>.arrow {
  border-width: 11px
}

.popover>.arrow:after {
  border-width: 10px;
  content: ""
}

.popover.top>.arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px
}

.popover.top>.arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff
}

.popover.right>.arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right>.arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff
}

.popover.bottom>.arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px
}

.popover.bottom>.arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff
}

.popover.left>.arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left>.arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px
}

.carousel {
  position: relative
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%
}

.carousel-inner>.item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
  line-height: 1
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner>.item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
  }
  .carousel-inner>.item.next, .carousel-inner>.item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0
  }
  .carousel-inner>.item.prev, .carousel-inner>.item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0
  }
  .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right, .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0
  }
}

.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
  display: block
}

.carousel-inner>.active {
  left: 0
}

.carousel-inner>.next, .carousel-inner>.prev {
  position: absolute;
  top: 0;
  width: 100%
}

.carousel-inner>.next {
  left: 100%
}

.carousel-inner>.prev {
  left: -100%
}

.carousel-inner>.next.left, .carousel-inner>.prev.right {
  left: 0
}

.carousel-inner>.active.left {
  left: -100%
}

.carousel-inner>.active.right {
  left: 100%
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:hover, .carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90)
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px
}

.carousel-control .icon-prev, .carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif
}

.carousel-control .icon-prev:before {
  content: '\2039'
}

.carousel-control .icon-next:before {
  content: '\203a'
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: transparent
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption .btn {
  text-shadow: none
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px
  }
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -15px
  }
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -15px
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px
  }
  .carousel-indicators {
    bottom: 20px
  }
}

.clearfix:before, .header-search-results ul:before, .sofology-search-wrapper .grid-listview:before, .clearfix:after, .header-search-results ul:after, .sofology-search-wrapper .grid-listview:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
  content: " ";
  display: table
}

.clearfix:after, .header-search-results ul:after, .sofology-search-wrapper .grid-listview:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
  clear: both
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.pull-right {
  float: right !important
}

.pull-left {
  float: left !important
}

.hide {
  display: none !important
}

.show {
  display: block !important
}

.invisible {
  visibility: hidden
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.hidden {
  display: none !important
}

.affix {
  position: fixed
}

@-ms-viewport {
  width: device-width
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
  display: none !important
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important
  }
  table.visible-xs {
    display: table !important
  }
  tr.visible-xs {
    display: table-row !important
  }
  th.visible-xs, td.visible-xs {
    display: table-cell !important
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important
  }
  table.visible-sm {
    display: table !important
  }
  tr.visible-sm {
    display: table-row !important
  }
  th.visible-sm, td.visible-sm {
    display: table-cell !important
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important
  }
  table.visible-md {
    display: table !important
  }
  tr.visible-md {
    display: table-row !important
  }
  th.visible-md, td.visible-md {
    display: table-cell !important
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important
  }
  table.visible-lg {
    display: table !important
  }
  tr.visible-lg {
    display: table-row !important
  }
  th.visible-lg, td.visible-lg {
    display: table-cell !important
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important
  }
}

.visible-print {
  display: none !important
}

@media print {
  .visible-print {
    display: block !important
  }
  table.visible-print {
    display: table !important
  }
  tr.visible-print {
    display: table-row !important
  }
  th.visible-print, td.visible-print {
    display: table-cell !important
  }
}

.visible-print-block {
  display: none !important
}

@media print {
  .visible-print-block {
    display: block !important
  }
}

.visible-print-inline {
  display: none !important
}

@media print {
  .visible-print-inline {
    display: inline !important
  }
}

.visible-print-inline-block {
  display: none !important
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important
  }
}

@media print {
  .hidden-print {
    display: none !important
  }
}

a, .btn, 2 .slick-prev, .slick-next {
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s
}

a:hover {
  text-decoration: none
}

a:active, a:focus {
  text-decoration: none !important
}

.nav>li>a:hover, .nav>li>a:focus {
  background-color: transparent
}

.btn {
  border-radius: 0;
  border-width: 0;
  padding: 12px 16px
}

.btn-borders {
  border-width: 2px;
  border-style: solid;
  background-color: transparent
}

.btn--primary {
  background: #00adef;
  border: none;
  color: white
}

a.see_all {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px
}

#top-link-block {
  z-index: 200;
  position: relative
}

#top-link-block a {
  display: block;
  margin: 0 auto;
  padding: 15px 10px
}

@media (max-width: 991px) {
  #top-link-block a {
    text-align: center;
    border-radius: 0;
    border: 0 none;
    box-shadow: 0 none
  }
}

@media (min-width: 992px) {
  #top-link-block {
    position: fixed;
    bottom: 15px;
    right: 15px;
    padding: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s
  }
  #top-link-block.affix.show {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    opacity: 1
  }
  #top-link-block a {
    width: 45px;
    height: 45px;
    padding: 12px 15px;
    border-radius: 50%
  }
}

ul, ol {
  padding: 0;
  margin: 0 0 16px;
  line-height: 1.4
}

ul {
  margin-left: 16px;
  list-style: disc outside
}

ol {
  margin-left: 20px;
  list-style: decimal
}

ul ul, ol ol {
  padding: 4px 0 0 8px
}

ul ul {
  list-style: circle outside
}

ol ol {
  list-style: lower-roman
}

li {
  margin-bottom: 4px
}

dl dt {
  font-weight: bold;
  padding-bottom: 2px
}

dl dd {
  padding-bottom: 4px
}

ul.nav, ol.nav, nav ul, nav ol, ul.list, ol.list, nav ul li, nav ol li, ul.list li, ol.list li {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1
}

img {
  max-width: 100%;
  height: auto
}

.banner .item img, .gallery .item img, .text-with-image_video .image img {
  width: 100%;
  height: auto
}

.image.video, .banner .image, .promo_pods .image, .listing .image, .gallery .image {
  overflow: hidden;
  padding: 0
}

.image.video a img, .banner .item a img, .promo_pods .item a img, .listing .item a img, .gallery .item a img {
  -webkit-transition: transform 0.2s ease-in-out;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out
}

.image.video a:hover img, .banner .item a:hover img, .promo_pods .item a:hover img, .listing .item a:hover img, .gallery .item a:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}

i.sa {
  margin-right: 5px
}

i.sa.after {
  margin-right: 0;
  margin-left: 5px
}

.glyphicon.lg {
  font-size: 40px
}

@media (max-width: 767px) {
  .text-left-xs {
    text-align: left
  }
  .image img {
    display: block;
    margin: 0 auto
  }
}

.sofology-black {
  background-color: #000000;
  color: #ffffff
}

.sofology-dark-grey {
  background-color: #202020;
  color: #ffffff
}

.sofology-medium-grey {
  background-color: #3f3f3f;
  color: #ffffff
}

.sofology-light-grey {
  background-color: #e5e5e5;
  color: #3f3f3f
}

.sofology-pale-grey {
  background-color: #f7f7f7;
  color: #3f3f3f
}

.sofology-white {
  background-color: #ffffff;
  color: #3f3f3f
}

.sofology-outlet-red {
  background-color: #9F090A;
  color: #ffffff
}

.sofology-blue {
  background-color: #009FEE;
  color: #ffffff
}

body {
  font-family: "FS-Emeric-Light", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.48px;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden
}

input, select, textarea, button {
  font-family: 'Muli', sans-serif;
  font-size: 14px;
  font-weight: 300
}

h1, h2, h3, h4, h5, h6, p.heading, .btn, .tabbed .nav {
  font-family: fs-emeric-light, sans-serif;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -1px;
  text-transform: uppercase
}

.btn {
  font-family: fs-emeric-medium;
  font-weight: 400;
  letter-spacing: 0em
}

h1 {
  font-size: 36px
}

h1 {
  font-weight: 700
}

h2 {
  font-size: 26px
}

h3 {
  font-size: 22px
}

h4 {
  font-size: 20px
}

h5, p.heading {
  font-size: 18px
}

h6 {
  font-size: 16px
}

h1, h2, h3 {
  margin-top: 16px 0
}

#left_col h1:first-child, #right_col h1:first-child, #wide_col h1:first-child, #mid_col h1:first-child {
  margin-top: 0
}

h4, h5, h6, p.heading {
  margin-top: 8px 0
}

p {
  margin: 8px 0 16px
}

p, .text {
  line-height: 1.4
}

.alert .info {
  position: relative !important;
  text-shadow: none !important
}

.alert p {
  margin: 8px 0 0 !important
}

.intro {
  font-size: 120%
}

strong, b {
  font-weight: 600
}

small, .small {
  font-size: 70%
}

p#skip {
  display: none
}

.underline {
  display: inline-block;
  border-width: 0 0 1px;
  border-style: solid
}

@media (min-width: 768px) {
  body {
    font-size: 14px;
    font-weight: 300
  }
  input, select, textarea, button {
    font-size: 14px
  }
  h1 {
    font-size: 42px
  }
  h2 {
    font-size: 32px
  }
  h3 {
    font-size: 28px
  }
  h4 {
    font-size: 22px
  }
  h5, p.heading {
    font-size: 20px
  }
  h6 {
    font-size: 18px
  }
}

@media (min-width: 992px) {
  body {
    font-size: 16px;
    font-weight: 300
  }
  input, select, textarea, button {
    font-size: 16px
  }
  h1 {
    font-size: 48px
  }
  h2 {
    font-size: 36px
  }
  h3 {
    font-size: 32px
  }
  h4 {
    font-size: 26px
  }
  h5, p.heading {
    font-size: 22px
  }
  h6 {
    font-size: 20px
  }
  .cta-strip .intro {
    font-size: 140%
  }
}

@media (min-width: 992px) {
  .col-md-offset-4point5 {
    margin-left: 37.4999998%
  }
  .col-md-offset-1point5 {
    margin-left: 12.5%
  }
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  z-index: 0;
  width: 100%
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 0
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75
}

/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */

.ekko-lightbox-container {
  position: relative
}

.ekko-lightbox-nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%
}

.ekko-lightbox-nav-overlay a {
  z-index: 100;
  display: block;
  width: 49%;
  height: 100%;
  font-size: 30px;
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s
}

.ekko-lightbox-nav-overlay a:empty {
  width: 49%
}

.ekko-lightbox a:hover {
  text-decoration: none;
  opacity: 1
}

.ekko-lightbox .glyphicon-chevron-left {
  left: 0;
  float: left;
  padding-left: 15px;
  text-align: left;
  background-color: transparent
}

.ekko-lightbox .glyphicon-chevron-right {
  right: 0;
  float: right;
  padding-right: 15px;
  text-align: right;
  background-color: transparent
}

.ekko-lightbox .modal-footer {
  text-align: left
}

.modal-backdrop.in {
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
  background-color: #000000
}

.ekko-lightbox .modal-content {
  box-shadow: none;
  border-radius: 0;
  border: none;
  background-color: transparent
}

.ekko-lightbox .modal-header {
  border: 0;
  padding-left: 0;
  padding-right: 0
}

.ekko-lightbox .modal-header .close {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  color: #fff;
  text-shadow: 0;
  margin-top: 5px
}

.ekko-lightbox .modal-header .close:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1
}

.ekko-lightbox .modal-header h4.modal-title {
  color: #fff;
  padding: 0
}

.ekko-lightbox .modal-body {
  padding: 0
}

.ekko-lightbox .modal-footer {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  border: 0;
  color: #fff;
  padding: 0;
  margin: 16px 0
}

.ekko-lightbox-nav-overlay a {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  text-shadow: none
}

.ekko-lightbox .modal-dialog {
  margin: 0 auto !important
}

/*!
	Animate.css - http://daneden.me/animate
	Licensed under the MIT license - http://opensource.org/licenses/MIT

	Copyright (c) 2015 Daniel Eden
*/

.animated, .toast__error {
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated.infinite, .infinite.toast__error {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animated.hinge, .hinge.toast__error {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

.animated.bounceIn, .bounceIn.toast__error, .animated.bounceOut, .bounceOut.toast__error, .animated.flipOutX, .flipOutX.toast__error, .animated.flipOutY, .flipOutY.toast__error {
  -webkit-animation-duration: .75s;
  animation-duration: .75s
}

@-webkit-keyframes bounce {
  0%, 100%, 20%, 53%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

@keyframes bounce {
  0%, 100%, 20%, 53%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes flash {
  0%, 100%, 50% {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}

@keyframes flash {
  0%, 100%, 50% {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}

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

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

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

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1)
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1)
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1)
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1)
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

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

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg)
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg)
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg)
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg)
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg)
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg)
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg)
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg)
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

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

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes bounceIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes bounceIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

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

@-webkit-keyframes bounceInDown {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInDown {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

.bounceInDown, .toast__error {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInLeft {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes bounceInRight {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInRight {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes bounceInUp {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes bounceInUp {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
}

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

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

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

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

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

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

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

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

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

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

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

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

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

.animated.flip, .flip.toast__error {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

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

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

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

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

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

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

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

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

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

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

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

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes rollOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}

@keyframes rollOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}

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

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
  50% {
    opacity: 1
  }
}

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

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

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

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

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

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

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

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

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

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
  100% {
    opacity: 0
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
  100% {
    opacity: 0
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

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

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

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

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

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

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

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

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

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

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

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

@-webkit-keyframes rollInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0deg)
  }
}

@keyframes rollInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg)
  }
}

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

.os-animation {
  opacity: 0
}

.os-animation.animated, .os-animation.toast__error {
  opacity: 1
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  z-index: 0;
  width: 100%
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider style.slick-slide, .slick-slider script.slick-slide {
  display: none !important
}

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 0
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75
}

/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */

.ekko-lightbox-container {
  position: relative
}

.ekko-lightbox-nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%
}

.ekko-lightbox-nav-overlay a {
  z-index: 100;
  display: block;
  width: 49%;
  height: 100%;
  font-size: 30px;
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s
}

.ekko-lightbox-nav-overlay a:empty {
  width: 49%
}

.ekko-lightbox a:hover {
  text-decoration: none;
  opacity: 1
}

.ekko-lightbox .glyphicon-chevron-left {
  left: 0;
  float: left;
  padding-left: 15px;
  text-align: left;
  background-color: transparent
}

.ekko-lightbox .glyphicon-chevron-right {
  right: 0;
  float: right;
  padding-right: 15px;
  text-align: right;
  background-color: transparent
}

.ekko-lightbox .modal-footer {
  text-align: left
}

.modal-backdrop.in {
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
  background-color: #000000
}

.ekko-lightbox .modal-content {
  box-shadow: none;
  border-radius: 0;
  border: none;
  background-color: transparent
}

.ekko-lightbox .modal-header {
  border: 0;
  padding-left: 0;
  padding-right: 0
}

.ekko-lightbox .modal-header .close {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  color: #fff;
  text-shadow: 0;
  margin-top: 5px
}

.ekko-lightbox .modal-header .close:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1
}

.ekko-lightbox .modal-header h4.modal-title {
  color: #fff;
  padding: 0
}

.ekko-lightbox .modal-body {
  padding: 0
}

.ekko-lightbox .modal-footer {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  border: 0;
  color: #fff;
  padding: 0;
  margin: 16px 0
}

.ekko-lightbox-nav-overlay a {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  text-shadow: none
}

.ekko-lightbox .modal-dialog {
  margin: 0 auto !important
}

/*!
	Animate.css - http://daneden.me/animate
	Licensed under the MIT license - http://opensource.org/licenses/MIT

	Copyright (c) 2015 Daniel Eden
*/

.animated, .toast__error {
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated.infinite, .infinite.toast__error {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animated.hinge, .hinge.toast__error {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

.animated.bounceIn, .bounceIn.toast__error, .animated.bounceOut, .bounceOut.toast__error, .animated.flipOutX, .flipOutX.toast__error, .animated.flipOutY, .flipOutY.toast__error {
  -webkit-animation-duration: .75s;
  animation-duration: .75s
}

@-webkit-keyframes bounce {
  0%, 100%, 20%, 53%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

@keyframes bounce {
  0%, 100%, 20%, 53%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes flash {
  0%, 100%, 50% {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}

@keyframes flash {
  0%, 100%, 50% {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}

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

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

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

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1)
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1)
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1)
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1)
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

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

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg)
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg)
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg)
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg)
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg)
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg)
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg)
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg)
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

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

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes bounceIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes bounceIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

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

@-webkit-keyframes bounceInDown {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInDown {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

.bounceInDown, .toast__error {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInLeft {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes bounceInRight {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

@keyframes bounceInRight {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }
  100% {
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes bounceInUp {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes bounceInUp {
  0%, 100%, 60%, 75%, 90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
}

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

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

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

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

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

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

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

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

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

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

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

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

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

.animated.flip, .flip.toast__error {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

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

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

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

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

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

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

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

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

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

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

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

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

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

@-webkit-keyframes rollOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}

@keyframes rollOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}

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

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
  50% {
    opacity: 1
  }
}

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

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

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

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

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

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

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

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

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

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
  100% {
    opacity: 0
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
  100% {
    opacity: 0
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

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

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

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

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

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

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

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

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

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

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

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

@-webkit-keyframes rollInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0deg)
  }
}

@keyframes rollInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg)
  }
}

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

.os-animation {
  opacity: 0
}

.os-animation.animated, .os-animation.toast__error {
  opacity: 1
}

body {
  position: relative
}

@media (max-width: 767px) {
  body {
    position: absolute;
    right: 0;
    left: 0
  }
}

#site {
  margin: 0 auto
}

.generic-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}

@media (min-width: 768px) {
  .generic-container {
    width: 750px
  }
}

@media (min-width: 992px) {
  .generic-container {
    width: 970px
  }
}

@media (min-width: 1200px) {
  .generic-container {
    width: 1170px
  }
}

header {
  position: relative
}

header .generic-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  min-height: 80px;
  z-index: 10
}

header .header-sub-container {
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
  position: relative;
  min-height: 80px
}

header #logo {
  position: absolute;
  top: 25%;
  left: 15px;
  z-index: 501
}

header #logo a {
  text-indent: 9999px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url('https://images.sofology.co.uk/image/upload/v1637258148/Sofology-logo_web-164x36_ojknwx.png');
  width:164px;
  height: 36px;
}

header #logo a:active {
  position: relative;
  top: 1px
}

header .top-navigation-links {
  font-size: 12px;
  border-left: 1px solid white !important;
  margin-left: 10px;
  padding-left: 7px !important;
  padding-right: 7px !important;
  margin-top: 5px
}

@media (min-width: 768px) and (max-width: 900px) {
  header .top-navigation-links {
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px
  }
  header #logo a {
    text-indent: 9999px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url('https://images.sofology.co.uk/image/upload/v1637258148/Sofology-logo_web-164x36_ojknwx.png');
  }
}


.fixed-header {
  position: fixed !important;
  top: 0 !important
}

@media (max-width: 767px) {
  header .generic-container {
    top: 0 !important;
    overflow: hidden
  }
  header #logo a {
    text-indent: 9999px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url('https://images.sofology.co.uk/image/upload/v1637258148/Sofology-logo_web-164x36_ojknwx.png');
  }
  header .generic-container.active-container {
    overflow: visible
  }
  .fixed-flag {
    display: block;
    width: 0;
    height: 0
  }
  .body-canvas-off {
    position: fixed !important;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: visible
  }
  .fixed-nav-width {
    width: 60% !important
  }
  .nav-header-mobile-fixed {
    background-color: #080808;
    z-index: 107159;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: scroll;
    margin-top: 110px
  }
  .nav-header-mobile-fixed__container {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    display: inline-table;
    top: 0;
    bottom: 0;
    right: 0;
    padding-bottom: 15px
  }
  .nav-header-mobile-fixed__parent-url {
    margin: 0;
    overflow: visible;
    text-align: center;
    padding-right: 24px;
    padding-left: 24px
  }
  .nav-header-mobile-fixed__parent-url li {
    float: left;
    height: auto;
    margin: 0;
    width: 100% !important;
    max-width: 100%;
    border-bottom: none;
    color: white;
    font-size: 18px;
    padding: 6px 0;
    text-align: left
  }
  .nav-header-mobile-fixed__parent-url hr {
    float: left;
    margin: 20px 0;
    width: 100%
  }
  .nav-header-mobile-fixed__parent-url li a {
    font-size: 18px;
    color: white;
    display: block;
    font-family: "FS-Emeric-Book", Helvetica, sans-serif;
    position: relative
  }
  .nav-header-mobile-fixed__parent-url li a span {
    display: block;
    margin-right: 20px
  }
  .nav-header-mobile-fixed__parent-url li.has_child ul {
    padding-left: 10px;
    display: none
  }
  .nav-header-mobile-fixed__parent-url li.has_child.open>ul, .nav-header-mobile-fixed__child-url li.has_child.open>ul {
    display: block
  }
  .nav-header-mobile-fixed__child-url li.has_child ul {
    display: none
  }
  .nav-header-mobile-fixed nav.main ul li:hover>a {
    background-color: transparent
  }
  .nav-header-mobile-fixed nav.main {
    visibility: hidden;
    opacity: 0
  }
  .nav-header-mobile-fixed-fadeIn {
    visibility: visible !important;
    opacity: 1 !important
  }
}

@media (max-width: 991px) {
  header .generic-container {
    padding: 0
  }
}

@media (min-width: 768px) {
  .fixed-flag {
    display: none
  }
  header .generic-container {
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease
  }
  .fixed-header {
    position: fixed !important;
    top: 0 !important
  }
  .site-header .header-icon-search-mobile-container {
    display: none
  }
  .search-form.search-bar-mobile {
    display: none
  }
  .nav-header-mobile-fixed {
    display: none
  }
}

@media (min-width: 992px) {
  header {
    min-height: 80px
  }
  body.banner-on-top header.site-header {
    position: absolute;
    width: 100%
  }
  header #logo {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

@media (min-width: 1024px) {
  .navigation nav.main .search form.search-form input.active-search {
    width: 340px
  }
}

@media (max-width: 1023px) {
  .navigation nav.main .search form.search-form input.active-search {
    width: 200px
  }
}

#nav li:not(.cta):hover>ul {
  display: block;
  left: 0;
  right: 0
}

#nav li:not(.cta) ul li:hover>ul {
  display: block;
  left: 200px;
  right: 0;
  top: 0
}

.content {
  padding: 16px 0
}

.content.short {
  padding: 8px 0
}

.inner {
  padding: 15px
}

@media (max-width: 767px) {
  .content #left_col, .content #mid_col {
    padding-bottom: 24px
  }
}

@media (min-width: 768px) {
  .content {
    padding: 24px 0
  }
  .inner {
    padding: 18px
  }
}

@media (min-width: 992px) {
  .content {
    padding: 32px 0
  }
  .inner {
    padding: 20px
  }
}

@media (min-width: 1200px) {
  .content {
    padding: 48px 0
  }
  .inner {
    padding: 24px
  }
}

footer {
  padding: 0;
  font-size: 14px
}

footer p {
  margin: 8px 0 16px;
  font-size: 14px
}

footer .heading {
  font-size: 14px;
  font-family: "FS-Emeric-Medium", Helvetica, sans-serif;
  font-weight: bold;
  margin-top: 0;
  text-align: left
}

footer .trustpilot-widget-wrapper {
  border-bottom: 1px solid white;
  margin: 0 auto;
  max-width: 1093px
}

footer .nav li a {
  padding: 0
}

.footer-copyright-company {
  padding: 10px 0
}

.footer-copyright-company p {
  color: #9a9a9b;
  font-size: 12px
}

.footer-col {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px
}

/* Displaying Phone Number in footer on MOBILE  */

.footer-col-3-text{
      display:inline !important;
      padding: 0
  }


.footer-col-1, .footer-col-2, .footer-col-3, .footer-col-4 {
  width: 100%
}

footer .footer-container.footer-sofology-logo {
  background: url("https://images.sofology.co.uk/image/upload/v1637258148/Sofology-logo_web-164x36_ojknwx.png") no-repeat 0 30px;
  padding-left: 54px;
  padding-top: 30px;
  max-width: 1600px;
  width: 90%;
  margin-right: auto;
  margin-left: auto
}

@media (max-width: 767px) {
  footer .contact, footer .find {
    margin-bottom: 32px
  }
  footer .social {
    margin-bottom: 16px
  }
  .footer-sofology-logo {
    margin-left: 30px
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  footer {
    padding: 0
  }
  footer .social {
    margin: 16px 0
  }
}

@media (min-width: 416px) {
  .footer-col-1, .footer-col-2 {
    width: 50%
  }
}

@media (min-width: 768px) {
  .footer-col-1, .footer-col-2 {
    width: 25%
  }
  .footer-col-3 {
    width: 50%
  }
}

@media (min-width: 1024px) {
  .footer-col-1, .footer-col-2, .footer-col-3 {
    width: 23%
  }
  .footer-col-3-text {
    max-width: 200px
  }
  .footer-col-4 {
    width: 31%
  }
}

.navigation {
  position: relative;
  z-index: 5
}

.navigation .reveal {
  display: none
}

.navigation a.expand {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 300;
  width: 60px;
  height: 60px;
  display: block;
  cursor: pointer;
  text-indent: -9999px
}

.navigation a.expand span {
  display: block;
  width: 30px;
  height: 2px;
  position: absolute;
  right: 15px;
  opacity: 1;
  background-color: #fff;
  -webkit-transition: opacity 0.1s ease-in-out 0s, -webkit-transform 0.2s ease-in-out 0s;
  transition: opacity 0.1s ease-in-out 0s, -webkit-transform 0.2s ease-in-out 0s;
  transition: transform 0.2s ease-in-out 0s, opacity 0.1s ease-in-out 0s;
  transition: transform 0.2s ease-in-out 0s, opacity 0.1s ease-in-out 0s, -webkit-transform 0.2s ease-in-out 0s
}

.navigation a.expand span.top {
  top: 18px
}

.navigation a.expand span.mid {
  top: 28px
}

.navigation a.expand span.bottom {
  top: 38px
}

.navigation a.expand.active span.mid {
  opacity: 0
}

.navigation a.expand.active span.top, .navigation a.expand.active span.bottom {
  top: 28px
}

.navigation a.expand.active span.top {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg)
}

.navigation a.expand.active span.bottom {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg)
}

@media (max-width: 991px) {
  html.reveal_out header {
    z-index: 301;
    width: 100%;
    position: relative
  }
  html.reveal_out .navigation .reveal {
    display: block;
    overflow: hidden
  }
}

@media (min-width: 768px) {
  .navigation nav {
    font-size: 16px
  }
  .navigation a.expand {
    display: none
  }
  .navigation .reveal {
    display: block
  }
}

.navigation nav.main ul li a {
  padding: 22px 15px
}

.navigation nav.main ul li a span {
  display: block
}

.navigation nav.main ul li, .navigation nav.main ul li a {
  position: relative
}

.navigation nav.main ul li i {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  padding-top: 15px;
  text-align: center
}

.navigation nav.main ul li.has_child a span {
  padding-right: 40px
}

.navigation .reveal nav.main ul li a.btn-cta {
  border-radius: 5px;
  width: 140px;
  line-height: 40px;
  height: 40px;
  padding: 0
}

.navigation .reveal nav.main ul li a.btn-cta:hover, nav.main ul li:hover>a.btn-cta {
  color: #fff;
  background-color: #00adef
}

.navigation nav.main ul li.search {
  height: 32px;
  margin-left: 40px;
  top: 8px
}

@media (max-width: 767px) {
  .navigation nav.main {
    position: relative;
    clear: both;
    padding-top: 60px
  }
  .navigation nav.main ul {
    position: relative;
    clear: both;
    border: 0 solid transparent
  }
  .navigation nav.main ul li {
    display: block;
    border-width: 1px 0 0;
    border-style: solid
  }
  .navigation nav.main ul li a {
    min-height: 60px;
    display: block
  }
  .navigation nav.main ul li.has_child a span {
    background-image: none
  }
  .navigation nav.main ul li i {
    font-size: 26px
  }
  .navigation nav.main ul ul {
    display: none;
    padding-right: 60px;
    border-width: 0 0 1px
  }
  .navigation nav.main ul ul li {
    border-width: 0 1px 1px 0
  }
  .navigation nav.main ul ul li:last-child {
    border-bottom: 0 none
  }
  .navigation nav.main ul li.open>ul {
    display: block;
    position: relative;
    top: auto;
    left: auto
  }
  .navigation .reveal nav.main ul li a.btn-cta {
    border-radius: 0;
    width: 100%;
    padding-top: 10px
  }
  footer .contact ul li {
    margin:30px 0;
  }
}

@media (min-width: 768px) {
  .navigation nav.main {
    height: 70px;
    width: auto;
    margin: 0 auto;
    position: relative;
    top: 0;
    z-index: 300
  }
  .navigation nav.main ul:not(.unstyled) {
    overflow: visible;
    line-height: 0;
    width: auto;
    text-align: center;
    float: right
  }
  .navigation nav.main ul li {
    display: inline-block;
    line-height: 1;
    position: relative;
    font-size: 14px;
    margin: 0 5px 0 -2px
  }
  .navigation nav.main ul li a {
    display: block;
    height: 80px;
    padding: 30px 5px
  }
  .navigation nav.main ul li a.active::before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0
  }
  .navigation nav.main ul li.has_child a span {
    padding-right: 20px
  }
  .navigation nav.main ul li i {
    top: 27px;
    right: 8px;
    width: 20px;
    height: 20px;
    padding-top: 2px
  }
  .navigation nav.main ul li ul:not(.unstyled) {
    position: absolute;
    left: -999em;
    top: 80px;
    z-index: 2000;
    min-width: 200px;
    height: auto;
    padding: 0;
    display: block;
    border-top: 0;
    text-align: left
  }
  .navigation nav.main ul li ul li {
    float: none;
    width: auto;
    display: block;
    border: 0 none !important;
    font-size: 16px;
    margin: 0
  }
  .navigation nav.main ul li ul li a {
    float: none;
    display: block;
    height: auto;
    padding: 15px 18px;
    line-height: 1.3
  }
  .navigation nav.main ul ul li a.active::before {
    width: 4px;
    height: 100%;
    right: auto
  }
  .navigation nav.main ul li ul li a span {
    display: block;
    background: none !important
  }
  .navigation nav.main ul ul li i {
    top: 14px
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .navigation nav.main ul li li.open>ul {
    top: 0;
    left: 200px
  }
  .navigation nav.main ul li.open>ul {
    left: 0
  }
}

@media (min-width: 991px) {
  .navigation nav.main ul li {
    margin-right: 10px;
    font-size: 16px
  }
  .navigation nav.main ul li a {
    padding: 30px 5px
  }
  .navigation .reveal nav.main ul li a.btn-cta {
    width: 164px
  }
}

@media (min-width: 1200px) {
  .navigation nav.main ul li li:hover>ul {
    top: 0;
    left: 200px
  }
  .navigation nav.main ul li:hover>ul {
    left: 0
  }
  .navigation nav.main ul li {
    margin-right: 20px;
    font-size: 18px
  }
  .navigation nav.main ul li a {
    padding: 30px 5px
  }
}

.navigation nav.top {
  height: auto;
  z-index: 501
}

.navigation nav.top>ul {
  color: #999
}

.navigation nav.top .dropdown-menu {
  border-radius: 0
}

@media (max-width: 991px) {
  .navigation nav.top>ul {
    position: relative;
    clear: both
  }
  .navigation nav.top>ul li {
    display: block
  }
  .navigation nav.top>ul li a {
    display: block;
    padding: 15px
  }
  .navigation nav.top .dropdown-menu {
    position: relative;
    float: none;
    width: 100%;
    height: auto;
    box-shadow: none;
    margin: 0 0 15px;
    padding: 0
  }
  .navigation nav.top li:last-child .dropdown-menu {
    margin-bottom: 0
  }
  .navigation nav.top .dropdown-menu a {
    padding: 10px 15px
  }
}

@media (min-width: 992px) {
  .navigation nav.top {
    position: absolute;
    top: 0;
    right: -15px
  }
  .navigation nav.top>ul {
    color: #999;
    font-size: 14px
  }
  .navigation nav.top>ul li {
    display: inline;
    float: left;
    margin-left: 0
  }
  .navigation nav.top>ul li a {
    display: block;
    float: left;
    height: 80px;
    padding: 30px 18px
  }
  .navigation nav.top .dropdown-menu {
    margin: 0;
    padding: 0;
    font-size: 14px;
    top: 80px;
    border: 0 none;
    box-shadow: none;
    min-width: 200px
  }
  .navigation nav.top .dropdown-menu a {
    height: auto;
    padding: 15px 18px
  }
}

.navigation nav.top .dropdown-menu li {
  display: block;
  clear: both;
  float: none;
  margin: 0
}

.navigation nav.top .dropdown-menu a {
  display: block;
  float: none
}

nav.sub {
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-bottom: 24px;
  padding-bottom: 15px
}

nav.sub p.heading {
  font-size: 18px
}

nav.sub p.heading a, nav.sub p.heading span {
  display: block;
  padding: 15px 15px 5px
}

nav.sub ul {
  margin: 0;
  padding: 0
}

nav.sub ul ul {
  font-size: 85%
}

nav.sub ul a {
  padding: 10px 15px
}

@media (min-width: 768px) {
  nav.sub p.heading a, nav.sub p.heading span {
    padding: 15px 18px 5px
  }
  nav.sub ul a {
    padding: 10px 18px
  }
}

@media (min-width: 992px) {
  nav.sub p.heading a, nav.sub p.heading span {
    padding: 15px 20px 5px
  }
  nav.sub ul {
    font-size: 16px
  }
  nav.sub ul a {
    padding: 12px 20px
  }
}

@media (min-width: 1200px) {
  nav.sub p.heading a, nav.sub p.heading span {
    padding: 15px 24px 5px
  }
  nav.sub ul a {
    padding: 14px 24px
  }
}

.breadcrumb-trail {
  overflow: hidden
}

.breadcrumb-trail ol {
  padding: 0;
  margin: 0;
  background: transparent;
  font-size: 14px
}

.breadcrumb-trail ol li {
  display: block
}

.breadcrumb-trail {
  height: 60px
}

.breadcrumb-trail ol li {
  position: relative;
  background: url("/images/bg/breadcrumb.png") no-repeat center right
}

.breadcrumb-trail ol li.active {
  background: none;
  padding-left: 10px;
  opacity: 0.6
}

.breadcrumb-trail ol li, .breadcrumb-trail ol li a {
  display: inline-block;
  height: 60px
}

.breadcrumb-trail ol li a {
  padding: 24px 40px 0 10px;
  font-weight: 400
}

.breadcrumb-trail ol li:first-child a {
  padding-left: 0
}

nav#pager {
  margin: 32px 0 32px
}

nav.sitemap {
  overflow: hidden;
  height: 100%;
  position: relative
}

nav.sitemap ul {
  margin: 0 0 8px
}

nav.sitemap ul li {
  display: block;
  padding: 0;
  margin: 0;
  background: url("/images/bg/sitemap_line.png") no-repeat left -31px
}

nav.sitemap ul ul {
  margin-left: 16px
}

.social nav ul {
  line-height: 0
}

.social nav ul li {
  display: inline-block;
  position: relative;
  margin: 4px 2px
}

.social nav ul li a {
  display: block;
  text-indent: -9999px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-image: url("/images/icons/social.png");
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out
}

.social nav ul li a:hover {
  opacity: 0.7
}

.social nav ul li.facebook a {
  background-position: left top
}

.social nav ul li.twitter a {
  background-position: left -40px
}

.social nav ul li.linkedin a {
  background-position: left -80px
}

.social nav ul li.google_plus a {
  background-position: left -120px
}

.social nav ul li.pinterest a {
  background-position: left -160px
}

.social nav ul li.instagram a {
  background-position: left -200px
}

.social nav ul li.flickr a {
  background-position: left -240px
}

.social nav ul li.tumblr a {
  background-position: left -280px
}

.social nav ul li.vimeo a {
  background-position: left -320px
}

.social nav ul li.youtube a {
  background-position: left -360px
}

.social nav ul li.dribble a {
  background-position: left -400px
}

.social nav ul li.skype a {
  background-position: left -440px
}

.social nav ul li.rss a {
  background-position: left -480px
}

.quick_links ul li {
  margin-bottom: 10px
}

nav.footer {
  padding: 16px 0;
  margin-top: 24px
}

nav.footer ul {
  font-size: 12px
}

nav.footer ul li {
  margin: 18px 0;
  display: block
}

nav.footer ul li.site_credit {
  margin: 0
}

nav.footer ul li a, nav.footer ul li div {
  display: inline-block;
  padding: 0;
  background: transparent !important
}

@media (max-width: 767px) {
  nav.footer {
    padding-bottom: 32px
  }
}

@media (min-width: 768px) {
  nav.footer {
    padding: 24px 0;
    margin-top: 32px
  }
  nav.footer ul li {
    margin: 0 8px;
    display: inline-block
  }
}

@media (min-width: 992px) {
  nav.footer {
    padding: 32px 0;
    margin-top: 48px
  }
}

@media (min-width: 1200px) {
  nav.footer {
    margin-top: 74px
  }
}

.slick-prev, .slick-next {
  display: table
}

.slick-prev i.sa, .slick-next i.sa {
  position: relative;
  margin: 0 !important;
  text-align: center;
  display: table-cell;
  vertical-align: middle
}

.slick-prev, .slick-next {
  width: 50px;
  height: 50px;
  background: none;
  border: 0 none;
  cursor: pointer;
  background: transparent
}

@media (max-width: 767px) {
  .slick-prev, .slick-next {
    width: 50%;
    position: relative;
    float: left;
    margin-top: 1px
  }
  .slick-next {
    float: right
  }
}

@media (min-width: 768px) {
  .slick-prev, .slick-next {
    position: absolute;
    z-index: 200;
    top: 45%
  }
  .slick-prev {
    left: 0
  }
  .slick-next {
    right: 0
  }
  .image_carousel .slick-prev, .image_carousel .slick-next {
    top: 40%
  }
}

@media (min-width: 992px) {
  .slick-prev:hover, .slick-next:hover {
    opacity: 0.6
  }
}

.promo_pods {
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-bottom: 24px
}

.promo_pods .item {
  position: relative;
  margin-bottom: 16px
}

.promo_pods .item.imagepod a, .promo_pods .item.videopod a {
  display: block
}

.promo_pods .item a:hover .text {
  text-decoration: none
}

.promo_pods .item .image {
  padding: 16px 0
}

.promo_pods .item img {
  overflow: hidden
}

.promo_pods .item.imagepod .image, .promo_pods .item.videopod .image {
  padding: 0
}

.promo_pods .item.imagepod img, .promo_pods .item.videopod img {
  width: 100%;
  margin: 0
}

.promo_pods .item .heading {
  display: block;
  margin: 0 0 8px;
  font-size: 18px
}

.promo_pods .item .text {
  display: block;
  margin-bottom: 16px
}

.promo_pods .item .text p {
  margin: 0
}

.promo_pods .item .link {
  margin-bottom: 0
}

@media (min-width: 992px) {
  .promo_pods .item .info .heading {
    font-size: 22px
  }
}

@media (min-width: 1200px) {
  .promo_pods .item .info .heading {
    font-size: 24px
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .promo_pods.wide .col-sm-6:nth-child(2n+1) {
    clear: both
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .promo_pods.wide .col-md-4:nth-child(3n+1) {
    clear: both
  }
}

@media (min-width: 1200px) {
  .promo_pods.wide .col-lg-3:nth-child(4n+1) {
    clear: both
  }
}

.listing {
  overflow: hidden;
  height: 100%;
  position: relative;
  padding-top: 8px;
  margin-top: 16px
}

.advanced-component .listing {
  padding: 0;
  margin: 0
}

.listing .item {
  padding-bottom: 16px;
  margin-bottom: 16px
}

.listing .item .image {
  margin-bottom: 8px
}

.listing .item .heading {
  display: block;
  font-size: 18px;
  margin: 0 0 8px
}

.listing .item .text {
  display: block;
  margin: 0 0 16px
}

.listing .item .meta a, .listing .item .text a {
  display: inline
}

@media (max-width: 767px) {
  .listing .item .pull-right {
    float: none;
    text-align: left
  }
}

@media (min-width: 992px) {
  .listing .item .heading {
    font-size: 22px
  }
}

@media (min-width: 1200px) {
  .listing .item .heading {
    font-size: 24px
  }
}

.listing.blog .item {
  clear: both
}

.listing.blog .item .image {
  margin-bottom: 16px
}

div.meta {
  font-size: 12px;
  margin-bottom: 24px
}

.item div.meta {
  margin-top: 16px
}

div.meta div {
  padding-top: 8px;
  overflow: hidden;
  height: 100%
}

.advanced-component div.meta .categories, div.meta .categories {
  padding-top: 8px
}

@media (min-width: 768px) {
  div.meta .categories {
    padding-top: 0
  }
}

@media (min-width: 768px) {
  .listing.section .item .image {
    padding: 24px
  }
}

.listing.grid .item {
  padding: 0 !important;
  margin-bottom: 20px
}

.listing.grid .item a {
  display: block;
  position: relative
}

.listing.grid .item .image {
  margin: 0
}

.listing.grid .item .info {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out
}

.listing.grid .item .info .inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

.listing.grid .item .info .heading {
  font-size: 18px
}

.listing.grid .item, .listing.grid .item a, .listing.grid .item .image, .listing.grid .item .image img, .listing.grid .item .info {
  border-radius: 50%;
  overflow: hidden !important
}

.listing.grid .item {
  border: 15px solid transparent
}

@media (max-width: 767px) {
  .listing.grid .item {
    max-width: 350px;
    float: none;
    margin-right: auto !important;
    margin-left: auto !important
  }
}

@media (min-width: 768px) {
  .listing.section.grid .item .image {
    padding: 0
  }
}

@media (min-width: 1200px) {
  .listing.grid .item .info .text, .listing.grid .item .link {
    width: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: width 0.25s ease-in-out, height 0.25s ease-in-out, overflow 0.25s ease-in-out;
    transition: width 0.25s ease-in-out, height 0.25s ease-in-out, overflow 0.25s ease-in-out
  }
  .listing.grid .item:hover .info .text, .listing.grid .item:hover .link {
    position: relative;
    width: auto;
    height: auto;
    overflow: visible
  }
}

.promo_pods .item .listing {
  padding: 0;
  margin: 0 0 8px;
  border-width: 0 0 1px;
  border-style: solid
}

.promo_pods .item .listing .item {
  padding: 6px 0 4px;
  margin: 0;
  border-width: 1px 0 0;
  border-style: solid
}

.promo_pods .item .listing .item p.heading {
  font-size: 14px;
  margin: 8px 0
}

.promo_pods .item .listing.blog .item p.heading {
  margin: 8px 0 0
}

.promo_pods .item .listing .item div.meta {
  margin: 0 0 8px
}

.promo_pods .item a.see_all {
  top: 20px;
  right: 16px
}

.panel, .panel-default {
  border-radius: 0
}

.panel .panel-body {
  border-radius: 0
}

.page_component {
  position: relative;
  margin-bottom: 24px
}

.page_component.textblock, .page_component.listing {
  margin: 0
}

.tabbed .nav {
  font-size: 14px
}

.tabbed .nav * {
  border-radius: 0;
  box-shadow: none
}

.tabbed .nav li a {
  padding: 16px
}

.tabbed .nav-tabs li.active a {
  background: transparent
}

@media (min-width: 992px) {
  .tabbed .nav i {
    display: none
  }
  .tabbed .tab-content {
    margin-top: -1px
  }
}

.tabbed .panel, .accordion .panel {
  border-radius: 0;
  box-shadow: none
}

.tabbed .panel-default>.panel-heading, .accordion .panel-default>.panel-heading {
  padding: 0;
  font-size: 14px;
  background: transparent
}

.tabbed .panel-default>.panel-heading .panel-title, .accordion .panel-default>.panel-heading .panel-title {
  padding: 0;
  font-size: 14px;
  background: transparent
}

.tabbed .panel-heading .panel-title a, .accordion .panel-heading .panel-title a {
  display: block;
  padding: 12px;
  text-decoration: none
}

blockquote {
  margin: 16px 0;
  padding: 16px;
  border: 0 none;
  text-align: center
}

.promo_pods blockquote {
  padding: 16px
}

blockquote i {
  display: block;
  margin: 0 auto 16px
}

blockquote p {
  font-size: 22px
}

.promo_pods blockquote p {
  font-size: 16px
}

blockquote cite {
  font-size: 12px;
  opacity: 0.8
}

@media (min-width: 992px) {
  blockquote {
    margin: 24px 0;
    padding: 24px 10%
  }
  .promo_pods blockquote {
    padding: 24px
  }
  blockquote p {
    font-size: 28px
  }
  .promo_pods blockquote p {
    font-size: 20px
  }
}

.page_component.image {
  margin-bottom: 16px
}

.page_component.image img {
  display: block;
  overflow: hidden;
  max-width: 100%;
  height: auto
}

.page_component.image .info {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7)
}

.page_component.image .info .text {
  padding: 10px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.8)
}

.gallery .item {
  margin-bottom: 24px
}

.gallery .item .image {
  position: relative
}

.promo_pods .item a .overlayicon, .gallery .item a .overlayicon, .gallery .item .overlayicon, .gallery .item .alt-image-overlay {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  opacity: 0
}

.image.video a .overlayicon, .promo_pods .item.videopod a .overlayicon, .gallery .item.video a .overlayicon, .promo_pods .item a:hover .overlayicon, .gallery .item a:hover .overlayicon, .gallery .item:hover .overlayicon, .gallery .item:hover .alt-image-overlay {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  opacity: 1
}

.image.video a .overlayicon, .promo_pods .item a .overlayicon, .gallery .item a .overlayicon, .gallery .item .overlayicon, .gallery .item .alt-image-overlay {
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  -webkit-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
  transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s
}

.gallery .item a .overlayicon, .gallery .item .overlayicon, .gallery .item .alt-image-overlay {
  left: 0
}

.image.video a .overlayicon i, .promo_pods .item a .overlayicon i, .gallery .item a .overlayicon i, .gallery .item .overlayicon i {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  -webkit-transition: color 0.2s ease-in-out 0s;
  transition: color 0.2s ease-in-out 0s
}

@media (max-width: 767px) {
  .page_component.gallery .item:nth-child(2n+1) {
    clear: both
  }
}

@media (min-width: 768px) {
  .page_component.gallery .item:nth-child(3n+1) {
    clear: both
  }
}

.resources .item {
  padding: 16px
}

.resources .item .heading {
  display: block
}

.resources .item .size {
  font-size: 12px
}

table {
  width: 100%;
  margin-bottom: 16px
}

table tr th, table tr td {
  padding: 8px
}

table tr th {
  padding: 12px 8px
}

.author_bio p.heading {
  margin-bottom: 0
}

.author_bio .image {
  margin-top: 16px
}

.author_bio .info {
  padding: 16px 16px 0
}

.author_bio .info p.heading {
  font-size: 16px
}

@media (min-width: 768px) {
  .author_bio .info {
    padding: 16px 16px 16px 0
  }
}

.slideshow {
  overflow: hidden;
  height: 100%
}

.slideshow .item {
  display: block
}

.slideshow .item .image img {
  display: block;
  overflow: hidden
}

.slideshow .item .info {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7)
}

.slideshow .item .info .text {
  padding: 10px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.8)
}

.advanced-component {
  padding: 24px 0;
  overflow: hidden;
  height: 100%
}

.advanced-component .overview {
  margin-bottom: 24px
}

.advanced-component .outro {
  margin-top: 24px
}

.advanced-component .image.video {
  position: relative
}

.advanced-component.banner {
  padding: 0 !important
}

.advanced-component.banner, .advanced-component.promo_pods {
  margin: 0
}

.advanced-component .heading.main {
  font-size: 22px
}

@media (min-width: 768px) {
  .advanced-component {
    padding: 32px 0
  }
  .advanced-component .heading.main {
    font-size: 26px
  }
}

@media (min-width: 992px) {
  .advanced-component {
    padding: 48px 0
  }
  .advanced-component .heading.main {
    font-size: 30px
  }
}

@media (min-width: 1200px) {
  .advanced-component {
    padding: 64px 0
  }
  .advanced-component .heading.main {
    font-size: 32px
  }
}

.advanced-component.banner {
  overflow: hidden;
  height: 100%;
  position: relative;
  z-index: 0
}

.advanced-component.banner .item {
  position: relative;
  z-index: 0
}

.advanced-component.banner .image {
  position: relative;
  z-index: 5
}

.advanced-component.banner img {
  display: block;
  overflow: hidden
}

.advanced-component.banner .info {
  width: 100%;
  z-index: 100;
  padding: 15px 0
}

.advanced-component.banner .info .heading {
  margin: 8px 0 12px;
  line-height: 1.2
}

.advanced-component.banner .info p {
  padding: 0;
  margin: 0
}

.advanced-component.banner .info p.link {
  margin: 16px 0 0
}

.advanced-component.banner .scroll {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s
}

.advanced-component.banner .scroll a {
  display: block;
  cursor: pointer
}

@media (min-width: 768px) {
  .advanced-component.banner {
    padding: 16px 0 0
  }
  .advanced-component.banner .item .heading {
    font-size: 36px
  }
}

@media (max-width: 991px) {
  .advanced-component.banner .container, .advanced-component.banner .row, .advanced-component.banner .item {
    height: auto !important;
    background-image: none !important
  }
}

@media (min-width: 992px) {
  .advanced-component.banner .container {
    display: table
  }
  .advanced-component.banner .row {
    display: table-cell;
    vertical-align: middle
  }
  .advanced-component.banner .item, .advanced-component.banner .info {
    min-height: 600px
  }
  .advanced-component.banner .item {
    background-repeat: no-repeat
  }
  .advanced-component.banner .info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0
  }
  .advanced-component.banner .info .col-xs-12 {
    padding: 0
  }
  .advanced-component.banner .item {
    font-size: 20px
  }
  .advanced-component.banner .item .heading {
    font-size: 42px
  }
  .advanced-component.banner .item .link {
    padding-top: 24px
  }
  .advanced-component.banner .item .btn {
    font-size: 18px
  }
}

@media (min-width: 1200px) {
  .advanced-component.banner .item {
    font-size: 22px
  }
  .advanced-component.banner .item .heading {
    font-size: 50px;
    font-weight: normal;
    text-transform: none
  }
  .advanced-component.banner .item .btn {
    font-size: 20px
  }
}

@media (min-width: 768px) {
  .banner {
    background-position: center top;
    background-size: cover
  }
  .no-touch .banner.parallax {
    background-attachment: fixed
  }
  .touch .banner.parallax {
    background-attachment: scroll
  }
}

.banner .banner__text {
  border: 0
}

@media (min-width: 992px) {
  .advanced-component.cta-strip .heading {
    font-size: 32px
  }
}

@media (min-width: 1200px) {
  .advanced-component.cta-strip .heading {
    font-size: 38px
  }
}

@media (max-width: 991px) {
  .advanced-component.promo_pods .item:nth-child(2n+1) {
    clear: both !important
  }
}

@media (min-width: 992px) {
  .advanced-component.promo_pods .item:nth-child(4n+1) {
    clear: both !important
  }
}

.advanced-component.blog-with-form .listing .item {
  margin-top: 24px
}

.advanced-component.blog-with-form .listing .item .image {
  padding: 16px
}

.advanced-component.blog-with-form .listing .item .heading {
  font-size: 18px
}

@media (min-width: 992px) {
  .advanced-component.blog-with-form .listing .item .image {
    margin-top: -16px
  }
}

.advanced-component.tabbed-listing .tabbed .nav, .advanced-component.tabbed-listing .tabbed .nav * {
  border: 0 none
}

.advanced-component.tabbed-listing .tabbed .nav li {
  display: inline-block;
  float: none
}

.advanced-component.tabbed-listing .tabbed .tab-content {
  padding: 32px 0 0;
  border: 0 none
}

.advanced-component.tabbed-listing .tabbed .panel {
  background: none;
  border: 0 none;
  padding: 0
}

.advanced-component.tabbed-listing .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border: 0 none !important;
  border-radius: 0 !important
}

.advanced-component.standard-components {
  padding: 8px 0
}

@media (min-width: 768px) {
  .advanced-component.standard-components {
    padding: 12px 0
  }
}

@media (min-width: 992px) {
  .advanced-component.standard-components {
    padding: 16px 0
  }
}

@media (min-width: 1200px) {
  .advanced-component.standard-components {
    padding: 24px 0
  }
}

.advanced-component.image_carousel .heading.main {
  margin-bottom: 0
}

.advanced-component.image_carousel .gallery .item {
  margin: 0
}

.advanced-component.image_carousel .item .image {
  margin: 0 1px 0 0
}

.advanced-component.image_carousel .gallery .item a {
  display: block;
  position: relative
}

.advanced-component.image_carousel .gallery .item a .overlayicon {
  display: block;
  right: 1px
}

.advanced-component.image_carousel .gallery .item .overlayicon, .advanced-component.image_carousel.gallery .item .alt-image-overlay {
  right: 1px
}

textarea {
  resize: none
}

fieldset {
  margin: 0 0 16px
}

legend {
  padding: 0 0 8px;
  margin: 8px 0 16px
}

label {
  font-weight: normal
}

.form-control {
  border-radius: 0;
  min-height: 40px
}

.field-validation-error {
  display: block;
  padding: 5px;
  font-size: 12px
}

.field-validation-valid {
  display: none
}

.validation-summary-valid {
  display: none
}

.site_search {
  padding: 0;
  position: relative
}

.site_search form {
  padding: 0;
  margin: 0
}

.site_search .form-group {
  width: 100%
}

.site_search .form-control {
  width: 100%;
  height: 40px;
  padding-right: 45px
}

.site_search .btn {
  height: 40px;
  position: absolute;
  top: 1px;
  right: 0
}

@media (max-width: 767px) {
  .site_search {
    margin: 15px
  }
}

@media (min-width: 768px) {
  header .site_search {
    position: absolute;
    top: 40px;
    right: 0
  }
  .site_search .btn {
    top: 0
  }
}

.ajax_wrap {
  position: relative;
  width: 100%;
  height: 100%
}

.ajax_wrap .ajax_loading {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10
}

.ajax_wrap .ajax_loading .loading {
  margin: 0;
  position: relative;
  text-align: center;
  display: table;
  width: 100%;
  height: 100%
}

.ajax_wrap .ajax_loading .loading span.message {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  vertical-align: middle;
  background: no-repeat center
}

.cookies {
  padding: 1em;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2)
}

.cookies p.link {
  padding: 0
}

.cookies a.close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  text-decoration: none !important;
  font-weight: bold
}

.cookies a.close:hover {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-opacity: 0.7;
  opacity: 0.7
}

.btn.btn--primary {
  background: #00adef;
  border: none;
  color: white;
  font-size: 14px
}

header.clone {
  display: none
}

@media (min-width: 992px) {
  header.clone, body.banner-on-top header.clone {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-transform: translateY(-130%);
    transform: translateY(-130%);
    -webkit-transition: 0.4s transform cubic-bezier(0.3, 0.73, 0.3, 0.74), 0.4s background-color cubic-bezier(0.3, 0.73, 0.3, 0.74);
    transition: 0.4s transform cubic-bezier(0.3, 0.73, 0.3, 0.74), 0.4s background-color cubic-bezier(0.3, 0.73, 0.3, 0.74)
  }
  body.down header.clone, body.banner-on-top.down header.clone {
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.primary_colour_1-bg, #top-link-block a, .btn-borders.primary_colour_1-borders:hover {
  background-color: #ec1b47;
  background-color: #ec1b47
}

nav.main ul li:hover>a, nav.main ul li.open>a, nav.main ul ul, .navigation nav.main ul li>a.active::before, .navigation nav.top li:hover, .navigation nav.top a:focus, .navigation nav.top a:hover, .navigation nav.top .dropdown-menu {
  background-color: #009FEE
}

.nav-header-mobile-fixed nav.main ul li.open>a {
  background-color: transparent
}

.listing.grid .item:hover .info, .btn.primary_colour_1-bg:hover {
  background-color: rgba(236, 27, 71, 0.8)
}

.primary_colour_2-bg, header.fixed, .reveal_out header, header.standard, table tr th, .btn-borders.primary_colour_2-borders:hover, .navigation nav.main ul ul li a.active::before, .banner {
  background-color: #080808;
  background-color: #080808
}

.btn.primary_colour_2-bg:hover {
  background-color: rgba(8, 8, 8, 0.8)
}

.navigation nav.main ul li ul li a.active, .navigation nav.main ul li ul li a.active:hover, nav.main ul ul li.open>a, nav.main ul ul li.open ul li, nav.main ul ul li:hover>a, nav.main ul ul li:hover ul li {
  background-color: rgba(8, 8, 8, 0.1)
}

.secondary_colour_1-bg, .btn-borders.secondary_colour_1-borders:hover {
  background-color: #202020;
  background-color: #202020
}

.btn.secondary_colour_1-bg:hover {
  background-color: #202020;
  background-color: rgba(32, 32, 32, 0.8)
}

.secondary_colour_2-bg, table tr.even td, blockquote::before, blockquote::after, .btn-borders.secondary_colour_2-borders:hover {
  background-color: #f7f7f7;
  background-color: #f7f7f7
}

.btn.secondary_colour_2-bg:hover {
  background-color: #f7f7f7;
  background-color: rgba(247, 247, 247, 0.8)
}

#site, .secondary_colour_3-bg, .navigation a.expand span, .btn-borders.secondary_colour_3-borders:hover {
  background-color: #ffffff;
  background-color: #fff
}

.ajax_wrap .ajax_loading, .btn.secondary_colour_3-bg:hover {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.8)
}

.primary_colour_1-bg .nav-tabs .active a, .primary_colour_1-bg .nav-tabs a:hover, .primary_colour_2-bg .nav-tabs .active a, .primary_colour_2-bg .nav-tabs a:hover, .secondary_colour_1-bg .nav-tabs .active a, .secondary_colour_1-bg .nav-tabs a:hover {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2)
}

.ajax_wrap .ajax_loading .loading span.message {
  background-image: url("/images/icons/loading_on_white.gif")
}

.slideshow .text, .image .text {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.6)
}

a .overlayicon {
  background-color: transparent
}

.videopod a .overlayicon, .video a .overlayicon {
  background-color: rgba(0, 0, 0, 0.7)
}

a:hover .overlayicon {
  background-color: rgba(0, 0, 0, 0.9)
}

.field-validation-error {
  background-color: #a94442
}

@media (max-width: 767px) {
  .slick-next::before {
    background-color: #ffffff;
    background-color: #fff
  }
}

@media (max-width: 991px) {
  .listing.grid .item .info {
    background-color: rgba(236, 27, 71, 0.8)
  }
}

body {
  color: #656563
}

a {
  color: #ec1b47;
  color: #ec1b47
}

.heading, h1, h2, h3, h4, h5, h6 {
  color: #080808;
  color: #080808
}

.primary_colour_1-bg .umb-grid, .primary_colour_2-bg .umb-grid, .secondary_colour_1-bg .umb-grid, .primary_colour_1-bg .umb-grid h1, .primary_colour_1-bg .umb-grid h2, .primary_colour_1-bg .umb-grid h3, .primary_colour_1-bg .umb-grid h4, .primary_colour_1-bg .umb-grid h5, .primary_colour_1-bg .umb-grid h6, .primary_colour_2-bg .umb-grid h1, .primary_colour_2-bg .umb-grid h2, .primary_colour_2-bg .umb-grid h3, .primary_colour_2-bg .umb-grid h4, .primary_colour_2-bg .umb-grid h5, .primary_colour_2-bg .umb-grid h6, .secondary_colour_1-bg .umb-grid h1, .secondary_colour_1-bg .umb-grid h2, .secondary_colour_1-bg .umb-grid h3, .secondary_colour_1-bg .umb-grid h4, .secondary_colour_1-bg .umb-grid h5, .secondary_colour_1-bg .umb-grid h6, .primary_colour_1-bg a, .primary_colour_2-bg a, .secondary_colour_1-bg a {
  color: #ffffff;
  color: #fff
}

.primary_colour_1-text, a.primary_colour_1-text {
  color: #ec1b47;
  color: #ec1b47
}

.primary_colour_1-text.text-perc_80 {
  color: #ec1b47;
  color: rgba(236, 27, 71, 0.8)
}

.primary_colour_2-text, a.primary_colour_2-text, .btn-borders.secondary_colour_2-borders:hover, .btn-borders.secondary_colour_3-borders:hover, nav.sub>ul>li.active>a, nav.sub>ul ul>li.active>a {
  color: #080808;
  color: #080808
}

.primary_colour_2-text.text-perc_80 {
  color: #080808;
  color: rgba(8, 8, 8, 0.8)
}

.secondary_colour_1-text, a.secondary_colour_1-text {
  color: #202020;
  color: #202020
}

.secondary_colour_1-text.text-perc_80 {
  color: #202020;
  color: rgba(32, 32, 32, 0.8)
}

.secondary_colour_2-text, a.secondary_colour_2-text, footer, nav.footer a {
  color: #f7f7f7;
  color: #f7f7f7
}

.secondary_colour_2-text.text-perc_80 {
  color: #f7f7f7;
  color: rgba(247, 247, 247, 0.8)
}

.secondary_colour_3-text, a.secondary_colour_3-text, .field-validation-error, nav.main a, nav.main i, nav.top a, .slick-next, .slick-prev, #top-link-block a, .btn-borders.primary_colour_2-borders:hover, .btn-borders.primary_colour_1-borders:hover, .btn-borders.secondary_colour_1-borders:hover, .navigation nav.top .dropdown-menu a:hover, .btn.primary_colour_1-bg:hover, .btn.primary_colour_2-bg:hover, .btn.secondary_colour_1-bg:hover, .primary_colour_1-bg .nav-tabs a, .primary_colour_2-bg .nav-tabs a, .secondary_colour_1-bg .nav-tabs a {
  color: #ffffff;
  color: #fff
}

.secondary_colour_3-text.text-perc_80 {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.8)
}

.primary_colour_1-bg .nav-tabs .active a, .primary_colour_2-bg .nav-tabs .active a, .secondary_colour_1-bg .nav-tabs .active a, .primary_colour_1-bg .nav-tabs .active a:hover, .primary_colour_2-bg .nav-tabs .active a:hover, .secondary_colour_1-bg .nav-tabs .active a:hover, .primary_colour_1-bg .nav-tabs .active a:focus, .primary_colour_2-bg .nav-tabs .active a:focus, .secondary_colour_1-bg .nav-tabs .active a:focus {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.6)
}

a:link {
  -webkit-tap-highlight-color: #ec1b47;
  -webkit-tap-highlight-color: #ec1b47
}

fieldset label em.req {
  color: #a94442;
  color: #a94444
}

.primary_colour_1-borders {
  border-color: #ec1b47;
  border-color: #ec1b47
}

.primary_colour_2-borders {
  border-color: #080808;
  border-color: #080808
}

.promo_pods .item .listing, .promo_pods .item .listing .item {
  border-color: #080808;
  border-color: rgba(8, 8, 8, 0.2)
}

.secondary_colour_1-borders {
  border-color: #202020;
  border-color: #202020
}

.secondary_colour_2-borders {
  border-color: #f7f7f7;
  border-color: #f7f7f7
}

.secondary_colour_3-borders, .listing.grid .underline {
  border-color: #ffffff;
  border-color: #fff
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  border-bottom-color: #ffffff;
  border-bottom-color: #fff
}

.input-validation-error, .input-validation-error:focus {
  border-color: #a94442
}

@media (max-width: 991px) {
  .navigation nav.main ul, .navigation nav.main ul li {
    border-color: rgba(255, 255, 255, 0.2)
  }
}

.input-validation-error:focus {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(169, 68, 68, 0.5)
}

header.fixed {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)
}

/*!
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */

p, ul.list--unstyled, ul.slick-dots, ol.list--unstyled, ol.slick-dots, .form .controls {
  margin: 0;
  padding: 0
}

.u-text-center, .slick-dots {
  text-align: center !important
}

.u-text-uppercase {
  text-transform: uppercase !important
}

.u-capitalise {
  text-transform: capitalize
}

.u-underline {
  text-decoration: underline
}

.u-h-centerer, .u-h-centre-img {
  margin: 0 auto
}

.u-h-centre-img {
  display: block
}

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

.configure__configuration header h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.u-hide {
  display: none
}

.show-village {
  display: none !important
}

@media screen and (min-width: 25.94rem) {
  .show-village {
    display: inline-block !important
  }
}

.show-town {
  display: none !important
}

@media screen and (min-width: 46rem) {
  .show-town {
    display: inline-block !important
  }
}

.show-city {
  display: none !important
}

@media screen and (min-width: 48rem) {
  .show-city {
    display: inline-block !important
  }
}

.show-country {
  display: none !important
}

@media screen and (min-width: 64rem) {
  .show-country {
    display: inline-block !important
  }
}

.show-continent {
  display: none !important
}

@media screen and (min-width: 80rem) {
  .show-continent {
    display: inline-block !important
  }
}

.show-world {
  display: none !important
}

@media screen and (min-width: 85.375rem) {
  .show-world {
    display: inline-block !important
  }
}

.hide-town {
  display: inline-block !important
}

@media screen and (min-width: 46rem) {
  .hide-town {
    display: none !important
  }
}

.hide-city {
  display: inline-block !important
}

@media screen and (min-width: 48rem) {
  .hide-city {
    display: none !important
  }
}

.hide-country {
  display: inline-block !important
}

@media screen and (min-width: 64rem) {
  .hide-country {
    display: none !important
  }
}

.hide-world {
  display: inline-block !important
}

@media screen and (min-width: 85.375rem) {
  .hide-world {
    display: none !important
  }
}

.stuck {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%
}

body.ng-pageslide-body-open .stuck {
  position: static
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block
}

audio, canvas, progress, video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

progress {
  vertical-align: baseline
}

template, [hidden] {
  display: none
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active, a:hover {
  outline-width: 0
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b, strong {
  font-weight: inherit
}

b, strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

button, input, optgroup, select, textarea {
  font: inherit;
  margin: 0
}

optgroup {
  font-weight: bold
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

textarea {
  overflow: auto
}

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

html {
  box-sizing: border-box
}

*, *:before, *:after {
  box-sizing: inherit
}

html {
  font-size: 1em;
  line-height: 1.5;
  background-color: #fff;
  color: #333;
  overflow-y: scroll;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased
}

h1 {
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 1.44
}

h2 {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 1.26316
}

h3 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.84615
}

h4 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2
}

h5 {
  font-size: 14px;
  font-size: .875rem;
  line-height: 1.71429
}

h6 {
  font-size: 14px;
  font-size: .875rem;
  line-height: 1.71429
}

img {
  max-width: 100%;
  font-style: italic;
  vertical-align: middle
}

.gm-style img, img[width], img[height] {
  max-width: none
}

.lede {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333
}

li>ul, li>ol {
  margin-bottom: 0
}

* {
  -webkit-tap-highlight-color: transparent !important
}

*:focus {
  outline: none !important
}

::-moz-selection {
  background: #dadada !important;
  text-shadow: none
}

::selection {
  background: #dadada !important;
  text-shadow: none
}

#site {
  background: #202020 !important
}

.container {
  max-width: 90rem;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%
}

@media screen and (min-width: 85.375rem) {
  .container {
    padding: 0 24px;
    max-width: 1440px !important
  }
}

main.main-wrapper {
  margin: 0 auto;
  max-width: 1600px;
  padding-top: 110px
}

.dits main.main-wrapper {
  padding: 0
}

main#sp-page {
  background: #fff;
  /* padding-top: 110px */
}

body.cookieBar main#sp-page {
  padding-top: 216px
}

@media screen and (min-device-width: 568px) and (orientation: landscape) {
  body.cookieBar main#sp-page {
    padding-top: 174px
  }
}

@media screen and (min-device-width: 375px) {
  body.cookieBar main#sp-page {
    padding-top: 197px
  }
}

@media screen and (min-width: 46rem) {
  body.cookieBar main#sp-page {
    padding-top: 174px
  }
}

@media screen and (min-width: 64rem) {
  body.cookieBar main#sp-page {
    padding-top: 157px
  }
}

.layout {
  font-size: 0
}

.layout__item {
  font-size: 1rem
}

.layout__item.layout {
  font-size: 0
}

.row .text:last-of-type {
  margin-bottom: 35px
}

.row .column {
  margin: 15px 0
}

@media screen and (min-width: 45rem) {
  .row .column {
    margin: inherit
  }
}

.row {
  display: block !important
}

@media screen and (min-width: 45rem) {
  .row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.row .column, .row .col-md-offset-2 {
  margin: 0 auto !important
}

@media screen and (min-width: 45rem) {
  .row .column, .row .col-md-offset-2 {
    padding: 35px !important
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .row .col-xs-12, .row .col-md-12 {
    margin-left: 0 !important
  }
}

.col-md-6.column {
  padding: 0 15px
}

@media (min-width: 45em) {
  .col-md-6.column {
    width: 50%
  }
}

.ng-pageslide {
  background: #0d0c0c;
  z-index: 4000 !important
}

.ng-pageslide-body-open {
  position: fixed !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible
}

.ng-pageslide-body-open:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  content: '.';
  display: block;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  z-index: 1
}

.ng-pageslide-body-closed:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  content: '.';
  display: block;
  opacity: 0;
  pointer-events: none;
  z-index: 1
}

.sofologist {
  color: #fff
}



.fs-emeric-thin {
  font-family: "FS-Emeric-Thin", Helvetica, sans-serif
}

.fs-emeric-light, nav.navbar ul.menu li.search input, form.mobile-search-form input, .zeroState, .header-search-results ul li, .header-search-results .product-details span, .header-search-results .product-details a, .header-search-results footer h2, .header-search-results footer p, .header-search-results footer a, form.form--enquiry .controls__control, form.form--enquiry .controls__control--select, .basket-toast .layout, .basket-toast .product-details span, .basket-toast .product-details a, .basket-toast footer h2, .basket-toast footer p, .basket-toast footer a, .faceted-nav--mobile h3, .faceted-nav--mobile h4, .faceted-nav--mobile button.btn, .range-browser ul.styles a.view, .ranges h1, .ranges--mobile h1 {
  font-family: "FS-Emeric-Light", Helvetica, sans-serif
}

.fs-emeric-regular, .story-slider figure.slick-slide figcaption, form.form--enquiry p.free-call a[href^=tel], .faceted-nav h3, .faceted-nav .island p, .faceted-nav .controls__label, .faceted-nav .quick-links p, .faceted-nav--mobile h4, .faceted-nav--mobile .quick-links, .ranges--desktop .tabs h3, .store-locator-form form#find-a-store input[type="text"], .store-locator-form form#find-a-store input.btn, .comfy-ways-to-pay .layout__item p, .comfy-ways-to-pay .layout__item.value p, .store-details .store-address h3, .store-details .opening-hours h3, .store-details .store-address li, .store-details .opening-hours li, .store-details address p, .store-details p, .store-details .store-directions .controls__label, .store-details .store-directions .controls__control, .store-details .store-directions form.form--enquiry .controls__control--select, form.form--enquiry .store-details .store-directions .controls__control--select, .outlet-page header .tabs__link, .outlet-page header p, .product__details p.range-name a, .product__pricing p, .product__actions, .product-modal p, flippy.card flippy-back p, .bundle figure figcaption, .bundle p.stock, ul.pagination li {
  font-family: "FS-Emeric-Regular", Helvetica, sans-serif
}

.fs-emeric-medium, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .ipn-name {
  font-family: "FS-Emeric-Medium", Helvetica, sans-serif
}

.fs-emeric-bold, form.form--enquiry p.intro, .why-shop h2, .comfy-ways-to-pay h2, .comfy-ways-to-pay .layout__item h3, .store-details h2, #terms-and-conditions h1, #terms-and-conditions h2, #terms-and-conditions h3, #terms-and-conditions h4, #privacy-policy h1, #privacy-policy h2, #privacy-policy h3, #privacy-policy h4, .product__pricing p .price, .product__pricing p .price-range, flippy.card flippy-back h3 {
  font-family: "FS-Emeric-Bold", Helvetica, sans-serif
}

.fs-emeric-book, .btn--small, header[role="banner"] .top-bar a, nav.navbar ul.menu li a, nav.navbar--mobile ul.menu li {
  font-family: "FS-Emeric-Book", Helvetica, sans-serif
}

.fs-emeric-core, .range-browser ul.styles a.view strong, .ranges--desktop .tabs__link, .ranges h1 strong, .ranges .tabs__link, .ranges--mobile h1 strong, .ranges--mobile .tabs__link {
  font-family: "FS-Emeric-Core", Helvetica, sans-serif
}

.light {
  font-family: fs-emeric-light
}

.normal {
  font-family: fs-emeric-regular
}

.medium {
  font-family: fs-emeric-medium
}

strong {
  font-weight: normal
}

* {
  text-rendering: optimizeLegibility
}

html {
  font-family: fs-emeric-regular
}

body {
  font-family: fs-emeric-light;
  color: #202020
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  color: inherit !important;
  font-family: fs-emeric-light;
  font-weight: normal;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 35px;
  text-transform: none
}

html.sa-events-typefaces-fs-emeric-light-loading h1, html.sa-events-typefaces-fs-emeric-light-loading .h1, html.sa-events-typefaces-fs-emeric-light-loading h2, html.sa-events-typefaces-fs-emeric-light-loading .h2, html.sa-events-typefaces-fs-emeric-light-loading h3, html.sa-events-typefaces-fs-emeric-light-loading .h3, html.sa-events-typefaces-fs-emeric-light-loading h4, html.sa-events-typefaces-fs-emeric-light-loading .h4, html.sa-events-typefaces-fs-emeric-light-loading h5, html.sa-events-typefaces-fs-emeric-light-loading .h5 {
  opacity: 0
}

html.sa-events-typefaces-fs-emeric-light-ready h1, html.sa-events-typefaces-fs-emeric-light-ready .h1, html.sa-events-typefaces-fs-emeric-light-ready h2, html.sa-events-typefaces-fs-emeric-light-ready .h2, html.sa-events-typefaces-fs-emeric-light-ready h3, html.sa-events-typefaces-fs-emeric-light-ready .h3, html.sa-events-typefaces-fs-emeric-light-ready h4, html.sa-events-typefaces-fs-emeric-light-ready .h4, html.sa-events-typefaces-fs-emeric-light-ready h5, html.sa-events-typefaces-fs-emeric-light-ready .h5 {
  opacity: 1
}

html.sa-events-typefaces-fs-emeric-light-failed h1, html.sa-events-typefaces-fs-emeric-light-failed .h1, html.sa-events-typefaces-fs-emeric-light-failed h2, html.sa-events-typefaces-fs-emeric-light-failed .h2, html.sa-events-typefaces-fs-emeric-light-failed h3, html.sa-events-typefaces-fs-emeric-light-failed .h3, html.sa-events-typefaces-fs-emeric-light-failed h4, html.sa-events-typefaces-fs-emeric-light-failed .h4, html.sa-events-typefaces-fs-emeric-light-failed h5, html.sa-events-typefaces-fs-emeric-light-failed .h5 {
  opacity: 1
}

.dark-bg h1, .dark-bg .h1, .dark-bg h2, .dark-bg .h2, .dark-bg h3, .dark-bg .h3, .dark-bg h4, .dark-bg .h4, .dark-bg h5, .dark-bg .h5 {
  color: #fff
}

h3, .h3, h4, .h4, h5, .h5 {
  font-family: fs-emeric-book
}

h1, .h1 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 34px
}

@media screen and (min-width: 48rem) {
  h1, .h1 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 43px
  }
}

@media screen and (min-width: 64rem) {
  h1, .h1 {
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 45px
  }
}

h2, .h2 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 29px
}

@media screen and (min-width: 48rem) {
  h2, .h2 {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 38px
  }
}

@media screen and (min-width: 64rem) {
  h2, .h2 {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 40px
  }
}

h3, .h3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 23px
}

@media screen and (min-width: 48rem) {
  h3, .h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 23px
  }
}

@media screen and (min-width: 64rem) {
  h3, .h3 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 25px
  }
}

h4, .h4 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20px
}

h5, .h5 {
  font-size: 14px;
  font-size: .875rem;
  line-height: 14px
}

p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  font-family: fs-emeric-regular;
  margin-bottom: 35px
}

@media screen and (min-width: 48rem) {
  p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 21px
  }
}

@media screen and (min-width: 64rem) {
  p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 23px
  }
}

p.lead {
  font-size: 1.125rem
}

p.lede {
  line-height: 1.25em
}

p:last-of-type {
  margin-bottom: 0
}

small {
  font-size: 14px;
  font-size: .875rem;
  line-height: 1.71429;
  font-family: fs-emeric-regular
}

address {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 23px;
  font-style: normal;
  margin-bottom: 24px
}

blockquote {
  font-style: italic
}

.error {
  color: #a94442 !important
}

abbr {
  cursor: help
}

a {
  color: #009FEE;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}

a:hover {
  color: #006ca2;
  text-decoration: none
}

a:focus {
  outline: none
}

ul, ol {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  font-family: fs-emeric-regular;
  margin-bottom: 35px;
  padding-left: 17px
}

@media screen and (min-width: 48rem) {
  ul, ol {
    font-size: 16px;
    font-size: 1rem;
    line-height: 21px
  }
}

@media screen and (min-width: 64rem) {
  ul, ol {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 23px
  }
}

ul.list-unstyled, ol.list-unstyled {
  list-style: none;
  padding-left: 0
}

ul.list-inline, ol.list-inline {
  list-style: none;
  margin-left: -5px;
  padding-left: 0
}

ul.list-inline>li, ol.list-inline>li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px
}

ul.list--unstyled, ul.slick-dots, ol.list--unstyled, ol.slick-dots {
  list-style: none
}

ul.list--inline, ul.slick-dots, ol.list--inline, ol.slick-dots {
  list-style: none;
  margin-left: -5px;
  padding-left: 0
}

ul.list--inline>li, ul.slick-dots>li, ol.list--inline>li, ol.slick-dots>li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px
}

dl dt {
  font-family: fs-emeric-medium
}

dl dd {
  margin: 0
}

.sofology-pink {
  color: #de007b
}

.sofology-yellow {
  color: #fff000
}

.neutral {
  color: #3F3F3F
}

pre {
  background: #202020;
  border-radius: 5px
}

pre code {
  background: none;
  color: #fff;
  font-size: .9375rem
}

code {
  background: #F7F7F7
}

.u-uppercase {
  text-transform: uppercase
}

.layout {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -24px
}

.layout__item {
  display: inline-block;
  padding-left: 24px;
  vertical-align: top;
  width: 100%
}

.layout--tiny {
  margin-left: -6px
}

.layout--tiny>.layout__item {
  padding-left: 6px
}

.layout--small {
  margin-left: -12px
}

.layout--small>.layout__item {
  padding-left: 12px
}

.layout--large {
  margin-left: -48px
}

.layout--large>.layout__item {
  padding-left: 48px
}

.layout--flush {
  margin-left: 0
}

.layout--flush>.layout__item {
  padding-left: 0
}

.layout--rev {
  direction: rtl;
  text-align: left
}

.layout--rev>.layout__item {
  direction: ltr;
  text-align: left
}

.layout--middle>.layout__item {
  vertical-align: middle
}

.layout--center {
  text-align: center
}

.layout--center>.layout__item {
  text-align: left
}

.layout--auto>.layout__item {
  width: auto
}

.table {
  width: 100%
}

.table--fixed {
  table-layout: fixed
}

.table--compact th, .table--compact td {
  padding: 6px
}

.table--cosy th, .table--cosy td {
  padding: 12px
}

.table--comfy th, .table--comfy td {
  padding: 24px
}

.table--cells th, .table--cells td {
  border: 1px solid #ccc
}

.table--rows, .table--rows th, .table--rows td {
  border: 0 solid #ccc
}

.table--rows {
  border-top-width: 1px
}

.table--rows th, .table--rows td {
  border-bottom-width: 1px
}

.table--columns, .table--columns th, .table--columns td {
  border: 0 solid #ccc
}

.table--columns {
  border-left-width: 1px
}

.table--columns th, .table--columns td {
  border-right-width: 1px
}

.btn {
  display: inline-block;
  vertical-align: middle;
  font: inherit;
  text-align: center;
  margin: 0;
  cursor: pointer;
  overflow: visible;
  padding: 11px 23px;
  background-color: transparent;
  border: 1px solid #333
}

.btn, .btn:hover, .btn:active, .btn:focus {
  text-decoration: none;
  color: #333
}

.btn::-moz-focus-inner {
  border: 0;
  padding: 0
}

.btn--small {
  padding: 5px 11px
}

.btn--large {
  padding: 23px 47px
}

.tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: center
}

.tabs__item {
  display: table-cell
}

.tabs__link {
  display: block
}

.block {
  display: block
}

.block__img {
  vertical-align: middle;
  margin-bottom: 24px
}

.block--flush>.block__img {
  margin-bottom: 0
}

.block__body {
  display: block
}

.block--center {
  text-align: center
}

.btn {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 1rem;
  font-family: fs-emeric-medium;
  line-height: 1rem;
  padding: .75rem
}

.sofology-white .btn {
  color: inherit
}

.sofology-white .btn:hover {
  background: #fff;
  color: #3F3F3F !important
}

.sofology-pale-grey .btn {
  border-color: inherit;
  color: inherit
}

.sofology-pale-grey .btn:hover {
  border-color: transparent
}

.btn:hover {
  background: #fff;
  color: #3F3F3F !important
}

.btn .sa {
  margin-right: 12px
}

@media screen and (min-width: 48rem) {
  .btn {
    font-size: 1rem;
    line-height: 1rem;
    padding: .75rem
  }
}

@media screen and (min-width: 64rem) {
  .btn {
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 1.0625rem
  }
}

.btn--small {
  padding: 10px 32px !important;
  font-size: 1.125rem !important;
  line-height: 2rem !important
}

.btn--border {
  border: 2px solid #fff;
  padding: .75rem
}

@media screen and (min-width: 64rem) {
  .btn--border {
    padding: .9375rem 1.0625rem
  }
}

.sofology-white .btn--border {
  border-color: inherit
}

.sofology-white .btn--border:hover {
  border-color: transparent
}

.btn--dark {
  background: #3F3F3F;
  border: 2px solid transparent;
  color: #fff
}

.btn--dark:hover {
  border-color: #3F3F3F;
  background: #fff
}

.btn--border--dark {
  border: 2px solid #3F3F3F;
  color: #3F3F3F
}

.btn--soft {
  border-radius: 50px;
  font-size: .875rem;
  line-height: .875rem;
  padding: .6875rem
}

@media screen and (min-width: 48rem) {
  .btn--soft {
    font-size: .875rem;
    line-height: .875rem;
    padding: .6875rem
  }
}

@media screen and (min-width: 64rem) {
  .btn--soft {
    font-size: 1.25rem;
    line-height: 1.25rem;
    padding: .9375rem 1.0625rem
  }
}

.btn--black {
  background: #000;
  border: 2px solid transparent;
  color: #fff
}

.btn--black:hover {
  border-color: #000;
  background: #fff;
  color: black
}

.btn--white {
  background: #fff;
  color: #000
}

.btn--white:hover {
  color: #000
}

.btn--sofology-blue {
  background: #009fee;
  border: none;
  color: white
}

.btn--sofology-pink {
  background: #de007b;
  border: none;
  color: white
}

.btn--sofology-yellow {
  background: #fff000;
  border: none;
  color: #333000
}

.btn--inverted {
  background: transparent;
  border-color: white;
  color: white !important
}

.btn--inverted:hover, .btn--inverted:active, .btn--inverted:visited {
  color: white !important
}

.btn--flush {
  width: 100%
}

.btn--packages {
  font-size: 1rem;
  margin: .5rem 1rem;
  padding: 1rem;
  width: 90%
}

@media screen and (min-width: 25.94rem) {
  .btn--packages {
    width: 50%
  }
}

@media screen and (min-width: 48rem) {
  .btn--packages {
    font-size: 0.8rem;
    margin: 0;
    padding: .7rem 1rem;
    width: 100%
  }
}

@media screen and (min-width: 64rem) {
  .btn--packages {
    font-size: 0.9rem !important
  }
}

.btn--storeCollect {
  font-size: 14px;
  font-size: .875rem;
  line-height: 0;
  padding: 15px
}

.btn--storeCollect:hover {
  background: #3F3F3F;
  color: #fff !important
}

.btn--storeCollect.active {
  background: #3F3F3F;
  box-shadow: 0;
  color: #fff !important
}

.btn--continue:hover {
  background: #3F3F3F;
  color: white !important
}

.btn--continue--disabled {
    border-color: #808080;
    color: #808080;
}
    .btn--continue--disabled:hover {
        border-color: #808080;
        background-color: #808080;
        cursor: not-allowed;
        color: #FFF;
    }
.btn--continue--no--items {
  font-size: 1rem;
  margin: 1rem 0;
  width: 100% !important
}

.btn--continue--packages {
  width: 100%
}

@media screen and (min-width: 48rem) {
  .btn--continue--packages {
    float: right;
    width: 35%
  }
}

@media screen and (min-width: 64rem) {
  .btn--continue--packages {
    font-size: 1rem
  }
}

.btn--continue--card {
  display: block;
  margin: 0 auto;
  width: 85%
}

.btn--continue--submit--application {
  display: block;
  margin: 0 auto;
  width: 100%
}

.btn--continue--confirmation {
  width: 100%
}

.btn--continue--esign {
  width: 100%
}

.btn--continue--address {
  display: block;
  font-size: 1.1rem;
  margin: 0 auto;
  width: 85%
}

@media screen and (min-width: 48rem) {
  .btn--continue--address {
    width: 100%
  }
}

.btn--continue--date-set {
  font-size: 16px;
  font-size: 1rem;
  line-height: 0;
  margin: 8px 0;
  padding: 24px;
  width: 100% !important
}

.btn--continue--voucher {
  font-size: 16px;
  font-size: 1rem;
  line-height: 0;
  margin: 9.6px 0;
  padding: 24px;
  width: 100%
}

.btn--calculate {
  font-size: 1rem;
  padding: 0.925rem 0 0.925rem;
  width: 38%
}

.btn--logout {
  padding: 0 0 !important
}

.btn--nonMainland {
  font-size: .7rem;
  margin-bottom: 1rem;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .btn--nonMainland {
    font-size: .8rem
  }
}

.btn--finance--address {
  font-size: 1rem;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .btn--finance--address {
    font-size: 1.2rem
  }
}

.btn--finance--address:hover {
  background: #3F3F3F;
  color: white !important
}

.btn--finance--find {
  margin-top: 1rem
}

.btn--checkout {
  display: block;
  text-align: center;
  margin: 0 0 1rem;
  padding: 1rem;
  height: 55px;
  width: 100%
}

.btn--checkout i {
  font-size: 1.2rem;
  margin-right: .3rem;
  clear: both
}

.btn--included {
  background-color: #868686;
  color: white;
  display: block;
  font-size: 0.9rem;
  font-weight: bold;
  letter-spacing: .0325rem;
  margin: .5rem auto;
  text-align: center;
  width: 65%
}

@media screen and (min-width: 48rem) {
  .btn--included {
    float: right;
    margin: .1rem .5rem 0 1rem;
    width: 30%
  }
}

@media screen and (min-width: 64rem) {
  .btn--included {
    margin: 0 .5rem 0 1rem;
    padding: .7rem .7rem
  }
}

@media screen and (min-width: 80rem) {
  .btn--included {
    width: 25%
  }
}

@media screen and (min-width: 85.375rem) {
  .btn--included {
    width: 20%
  }
}

.btn--small {
  font-size: 14px;
  font-size: .875rem;
  line-height: 1.71429;
  height: 2.1875rem;
  padding: 0 16px !important
}

.btn-go {
  font-size: 1rem;
  height: 44px;
  line-height: 24px
}

.brand-sofology-blue {
  background-color: #009fee
}

.brand-sofology-pink {
  background-color: #de007b
}

.brand-sofology-yellow {
  background-color: #fff000;
  color: #333
}

.sofology-white {
  background-color: #fff
}

.gray-darker {
  background-color: #222
}

.gray-dark {
  background-color: #333
}

.gray {
  background-color: #555
}

.gray-light {
  background-color: #999
}

.gray-lighter {
  background-color: #ddd
}

.gray-lightest {
  background-color: #f7f7f7
}

.brand-success {
  background-color: #86c351
}

.brand-warning {
  background-color: #ffbf4d;
  color: #4d3100
}

.brand-info {
  background-color: #02b2e1
}

.brand-danger {
  background-color: #ff5817
}

.text-sofology-blue {
  color: #009fee
}

a.text-sofology-blue {
  color: #007dbb
}

.text-sofology-pink {
  color: #de007b
}

a.text-sofology-pink {
  color: #ab005f
}

.text-sofology-yellow {
  color: #fff000
}

a.text-sofology-yellow {
  color: #ccc000
}

.text-success {
  color: #86c351
}

a.text-success {
  color: #6da73a
}

.text-info {
  color: #02b2e1
}

a.text-info {
  color: #028aae
}

.text-warning {
  color: #ffbf4d
}

a.text-warning {
  color: #ffad1a
}

.text-danger {
  color: #ff5817
}

a.text-danger {
  color: #e34000
}

.sofology-red-bg {
  background-color: #9F090A !important;
  color: #fff !important
}

.sofology-red-bg h1, .sofology-red-bg h2, .sofology-red-bg h3, .sofology-red-bg h4, .sofology-red-bg p {
  color: #fff
}

.sofology-red-bg ul li {
  border-color: #fff !important
}

.sofology-red-bg h1, .sofology-red-bg h2, .sofology-red-bg h3, .sofology-red-bg h4, .sofology-red-bg p {
  color: #fff
}

.sofology-red-bg .c-btn {
  color: #fff !important
}

.sofology-red-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-blue-bg {
  background-color: #009FEE !important;
  color: #fff !important
}

.sofology-blue-bg h1, .sofology-blue-bg h2, .sofology-blue-bg h3, .sofology-blue-bg h4, .sofology-blue-bg p {
  color: #fff
}

.sofology-blue-bg ul li {
  border-color: #fff !important
}

.sofology-blue-bg h1, .sofology-blue-bg h2, .sofology-blue-bg h3, .sofology-blue-bg h4, .sofology-blue-bg p {
  color: #fff
}

.sofology-blue-bg .c-btn {
  color: #fff !important
}

.sofology-blue-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.white-bg {
  background-color: #fff !important;
  color: #3F3F3F !important
}

.white-bg h1, .white-bg h2, .white-bg h3, .white-bg h4, .white-bg p {
  color: #fff
}

.white-bg ul li {
  border-color: #3F3F3F !important
}

.white-bg .c-btn {
  color: #3F3F3F !important
}

.white-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.white-bg h1, .white-bg h2, .white-bg h3, .white-bg p, .white-bg ul, .white-bg li {
  color: inherit !important
}

.pale-grey-bg {
  background-color: #F7F7F7 !important;
  color: #3F3F3F !important
}

.pale-grey-bg h1, .pale-grey-bg h2, .pale-grey-bg h3, .pale-grey-bg h4, .pale-grey-bg p {
  color: #fff
}

.pale-grey-bg ul li {
  border-color: #3F3F3F !important
}

.pale-grey-bg .c-btn {
  color: #3F3F3F !important
}

.pale-grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.pale-grey-bg h1, .pale-grey-bg h2, .pale-grey-bg h3, .pale-grey-bg p, .pale-grey-bg ul, .pale-grey-bg li {
  color: inherit !important
}

.light-grey-bg {
  background-color: #E5E5E5 !important;
  color: #3F3F3F !important
}

.light-grey-bg h1, .light-grey-bg h2, .light-grey-bg h3, .light-grey-bg h4, .light-grey-bg p {
  color: #fff
}

.light-grey-bg ul li {
  border-color: #3F3F3F !important
}

.light-grey-bg .c-btn {
  color: #3F3F3F !important
}

.light-grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.light-grey-bg h1, .light-grey-bg h2, .light-grey-bg h3, .light-grey-bg p, .light-grey-bg ul, .light-grey-bg li {
  color: inherit !important
}

.grey-bg {
  background-color: #6D6D6D !important;
  color: #fff !important
}

.grey-bg h1, .grey-bg h2, .grey-bg h3, .grey-bg h4, .grey-bg p {
  color: #fff
}

.grey-bg ul li {
  border-color: #fff !important
}

.grey-bg h1, .grey-bg h2, .grey-bg h3, .grey-bg h4, .grey-bg p {
  color: #fff
}

.grey-bg .c-btn {
  color: #fff !important
}

.grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.medium-grey-bg {
  background-color: #3F3F3F !important;
  color: #fff !important
}

.medium-grey-bg h1, .medium-grey-bg h2, .medium-grey-bg h3, .medium-grey-bg h4, .medium-grey-bg p {
  color: #fff
}

.medium-grey-bg ul li {
  border-color: #fff !important
}

.medium-grey-bg h1, .medium-grey-bg h2, .medium-grey-bg h3, .medium-grey-bg h4, .medium-grey-bg p {
  color: #fff
}

.medium-grey-bg .c-btn {
  color: #fff !important
}

.medium-grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.mineshaft-bg {
  background-color: #202020 !important;
  color: #fff !important
}

.mineshaft-bg h1, .mineshaft-bg h2, .mineshaft-bg h3, .mineshaft-bg h4, .mineshaft-bg p {
  color: #fff
}

.mineshaft-bg ul li {
  border-color: #fff !important
}

.mineshaft-bg h1, .mineshaft-bg h2, .mineshaft-bg h3, .mineshaft-bg h4, .mineshaft-bg p {
  color: #fff
}

.mineshaft-bg .c-btn {
  color: #fff !important
}

.mineshaft-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.black-bg {
  background-color: #000 !important;
  color: #fff !important
}

.black-bg h1, .black-bg h2, .black-bg h3, .black-bg h4, .black-bg p {
  color: #fff
}

.black-bg ul li {
  border-color: #fff !important
}

.black-bg h1, .black-bg h2, .black-bg h3, .black-bg h4, .black-bg p {
  color: #fff
}

.black-bg .c-btn {
  color: #fff !important
}

.black-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.form__group {
  background-color: #FFF
}

.form__group .ng-active {
  position: absolute;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #e02e2a;
  padding-left: 5px;
  padding-top: 2px;
  pointer-events: none;
  left: 2px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 1
}

@media screen and (min-width: 48rem) {
  .form__group .ng-active {
    padding-left: 10px;
    left: -2px
  }
}

.form__group .ng-active .val__error-msg {
  background-color: #FFF;
  display: block;
  color: #e02e2a;
  font-size: .7rem;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: bold;
  margin: -4px 0 0 -1px
}

.form__group .form__group__innerFieldset .ng-active {
  padding-left: 8px;
  left: -8px
}

@media screen and (min-width: 48rem) {
  .form__group .form__group__innerFieldset .ng-active {
    padding-left: 10px;
    left: -10px
  }
}

.form__group input, .form__group select {
  position: relative
}

.form__group input.ng-invalid-required {
  background-color: rgba(224, 46, 42, 0.06)
}

.form__group select.ng-invalid-required {
  background-color: rgba(224, 46, 42, 0.06);
  background-image: url("https://images.sofology.co.uk/image/upload/q_100/v1477564167/selectArrow_wc02ds.png") !important;
  background-repeat: no-repeat;
  background-position: 95% 20px;
  background-size: 11px
}

.form__group input.ng-invalid, .form__group select.ng-invalid {
  background-color: rgba(224, 46, 42, 0.06)
}

.form__group input.ng-invalid.ng-not-empty, .form__group select.ng-invalid.ng-not-empty {
  background-color: rgba(224, 46, 42, 0.06)
}

.form__group .postcode__val {
  left: -4px;
  top: -3px
}

.toast__notification {
  color: red;
  display: none;
  font-size: .955rem;
  text-align: center
}

.toast__errorlist {
  position: fixed;
  list-style: none;
  top: 20px;
  right: 20px;
  z-index: 1000000
}

.toast__error {
  float: right;
  clear: both
}

.form .controls {
  border: none;
  margin-bottom: 24px
}

.form .controls__label {
  color: #fff;
  display: block
}

.form .controls__label--cb {
  background: url("http://images.sofology.co.uk/image/upload/v1465302441/Sofology/forms/custom-cb.png") no-repeat 0 0;
  line-height: 16px;
  padding-left: 28px
}

.form .controls__label--cb.active {
  background-position: 0 -20px
}

.form .controls__label--cb input[type="checkbox"] {
  display: none
}

.form .controls__label--select {
  display: inline-block;
  position: relative;
  width: 100%
}

.form .controls__label--select:after {
  position: absolute;
  top: 0;
  right: 24px;
  width: 10%;
  height: 100%;
  box-sizing: border-box;
  content: "\f066";
  color: white;
  font-family: Sofology;
  font-size: 1.5rem;
  line-height: 60px;
  pointer-events: none;
  text-align: center;
  z-index: 1
}

.form .controls__label--select select::-ms-expand {
  visibility: hidden
}

.form .controls__control, .form form.form--enquiry .controls__control--select, form.form--enquiry .form .controls__control--select {
  border-radius: 0;
  color: #3F3F3F;
  border: none;
  padding: 12px
}

.form .controls__control--customRadio {
  display: inline-block;
  line-height: 40px;
  margin-right: 5px;
  position: relative;
  text-align: center;
  width: 60px;
  height: 40px;
  z-index: 3
}

.form .controls__control--customRadio [type="radio"]:checked, .form .controls__control--customRadio [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px
}

.form .controls__control--customRadio [type="radio"]:checked+label, .form .controls__control--customRadio [type="radio"]:not(:checked)+label {
  display: inline-block;
  color: #FFF;
  cursor: pointer;
  font-weight: 600;
  line-height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px
}

@media screen and (min-width: 48rem) {
  .form .controls__control--customRadio [type="radio"]:checked+label, .form .controls__control--customRadio [type="radio"]:not(:checked)+label {
    width: 60px
  }
}

@media screen and (min-width: 85.375rem) {
  .form .controls__control--customRadio [type="radio"]:checked+label, .form .controls__control--customRadio [type="radio"]:not(:checked)+label {
    width: 60px
  }
}

.form .controls__control--customRadio [type="radio"]:not(:checked)+label {
  background-color: #FFF;
  border-radius: 3px;
  border: 1px solid #ddd;
  color: #333;
  font-weight: 600;
  -webkit-transition: all 0.1s ease 0.1s;
  transition: all 0.1s ease 0.1s
}

.form .controls__control--customRadio [type="radio"]:checked+label {
  background-color: #00adef;
  border-radius: 3px
}

.form .controls__control--customRadio [type="radio"]:disabled+label {
  pointer-events: none
}

.form .controls__control--customRadio [type="radio"]:disabled:checked+label {
  background-color: rgba(128, 128, 128, 0.21);
  color: #333
}

.form .controls__control--customRadio [type="radio"]:not(:checked):focus+label {
  background-color: #eaeaea
}

.form .controls__control--customRadio--mediumWidth {
  margin-right: 5px;
  display: inline-block;
  width: 120px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  position: relative;
  border-radius: 4px
}

.form .controls__control--customRadio--mediumWidth [type="radio"]:checked, .form .controls__control--customRadio--mediumWidth [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px
}

.form .controls__control--customRadio--mediumWidth [type="radio"]:checked+label, .form .controls__control--customRadio--mediumWidth [type="radio"]:not(:checked)+label {
  position: absolute;
  cursor: pointer;
  line-height: 40px;
  display: inline-block;
  color: #FFF;
  font-weight: 600;
  width: 120px;
  height: 40px;
  top: 0;
  left: 0
}

.form .controls__control--customRadio--mediumWidth [type="radio"]:not(:checked)+label {
  background-color: #FFF;
  border-radius: 3px;
  border: 1px solid #ddd;
  color: #333;
  font-weight: 600;
  -webkit-transition: all 0.1s ease 0.1s;
  transition: all 0.1s ease 0.1s
}

.form .controls__control--customRadio--mediumWidth [type="radio"]:checked+label {
  background-color: #00adef;
  border-radius: 3px
}

.form .controls__control--customRadio--largeWidth {
  background-color: #00adef;
  border-radius: 4px;
  display: inline-block;
  line-height: 40px;
  margin-right: 5px;
  position: relative;
  text-align: center;
  width: 220px;
  height: 40px
}

.form .controls__control--customRadio--largeWidth [type="radio"]:checked, .form .controls__control--customRadio--largeWidth [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px
}

.form .controls__control--customRadio--largeWidth [type="radio"]:checked+label, .form .controls__control--customRadio--largeWidth [type="radio"]:not(:checked)+label {
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  line-height: 40px;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  height: 40px
}

.form .controls__control--customRadio--largeWidth [type="radio"]:not(:checked)+label {
  background-color: #FFF;
  border-radius: 3px;
  border: 1px solid #ddd;
  color: #333;
  -webkit-transition: all 0.1s ease 0.1s;
  transition: all 0.1s ease 0.1s
}

.form .controls__control--customRadio--largeWidth [type="radio"]:checked+label {
  background-color: #00adef;
  border-radius: 3px
}

.form .controls__control--customRadio .gender {
  width: 80px
}

.form .controls__control--custom {
  width: 1rem;
  height: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 24px;
  border: none;
  appearance: none;
  margin-right: 24px
}

.form .controls__control--custom:checked {
  border: none;
  position: relative
}

.form .controls__control--custom:checked:before {
  content: '\e821';
  font-family: "sofology"
}

@media screen and (min-width: 64rem) {
  .form .controls__control, .form form.form--enquiry .controls__control--select, form.form--enquiry .form .controls__control--select {
    padding: 18px 25px
  }
}

.form .controls__control--select {
  padding: 6px
}

.form .controls__control--select--custom {
  background: #009FEE;
  color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 19px 40px
}

.form .controls__control--select--custom:after {
  color: white
}

.form .controls__control--cb+label, .form .controls__control--rb+label {
  margin-left: 4px
}

.form .controls__control--cb--custom, .form .controls__control--rb--custom {
  width: 1rem;
  height: 1rem;
  position: relative;
  top: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white;
  border: none;
  border-radius: 3px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  margin-right: 12px
}

.form .controls__control--transparent {
  background: none;
  border-color: white
}

.form .controls__control--transparent::-webkit-input-placeholder {
  color: white
}

.form .controls__control--transparent::-moz-placeholder {
  color: white
}

.form .controls__control--transparent:-ms-input-placeholder {
  color: white
}

.form .controls__control--transparent::placeholder {
  color: white
}

.form .controls__control--large {
  border-style: solid;
  border-width: 2px
}

.form .controls__control.ng-invalid:not(.ng-pristine), .form form.form--enquiry .ng-invalid.controls__control--select:not(.ng-pristine), form.form--enquiry .form .ng-invalid.controls__control--select:not(.ng-pristine) {
  background: rgba(255, 0, 0, 0.1);
  outline: 1px dashed #f00
}

.form .controls__control.ng-valid, .form form.form--enquiry .ng-valid.controls__control--select, form.form--enquiry .form .ng-valid.controls__control--select, .form .controls__control.ng-pristine, .form form.form--enquiry .ng-pristine.controls__control--select, form.form--enquiry .form .ng-pristine.controls__control--select, .form .controls__control.ng-dirty, .form form.form--enquiry .ng-dirty.controls__control--select, form.form--enquiry .form .ng-dirty.controls__control--select {
  -webkit-transition: background .3s linear;
  transition: background .3s linear
}

.form .controls label.error {
  padding: 6px
}

.form .controls__disclaimer {
  display: block;
  font-size: .75rem;
  margin: 8px 0;
  text-align: left
}

@media screen and (min-width: 62rem) {
  .form .controls__disclaimer {
    position: absolute
  }
}

.form--inline .controls {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  margin-right: 24px;
  padding: 0
}

.form--inline .controls__control, .form--inline form.form--enquiry .controls__control--select, form.form--enquiry .form--inline .controls__control--select {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  max-width: 100%
}

@media (min-width: 320px) and (max-width: 340px) {
  .form--inline .controls__control, .form--inline form.form--enquiry .controls__control--select, form.form--enquiry .form--inline .controls__control--select {
    max-width: 155px
  }
}

@media (min-width: 760px) and (max-width: 768px) {
  .form--inline .controls__control, .form--inline form.form--enquiry .controls__control--select, form.form--enquiry .form--inline .controls__control--select {
    max-width: 170px !important
  }
}

@media screen and (min-width: 48rem) {
  .form--inline .controls__control, .form--inline form.form--enquiry .controls__control--select, form.form--enquiry .form--inline .controls__control--select {
    max-width: none
  }
}

@media screen and (min-width: 64rem) {
  .form--inline .controls__control, .form--inline form.form--enquiry .controls__control--select, form.form--enquiry .form--inline .controls__control--select {
    max-width: 190px
  }
}

@media screen and (min-width: 80rem) {
  .form--inline .controls__control, .form--inline form.form--enquiry .controls__control--select, form.form--enquiry .form--inline .controls__control--select {
    max-width: 60%
  }
}

.form--inline .btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  width: auto
}

@media screen and (min-width: 48rem) {
  .form--inline .btn {
    padding-left: 30px;
    padding-right: 30px
  }
}

@media screen and (min-width: 80rem) {
  .form--inline .btn {
    padding-left: 20px;
    padding-right: 20px
  }
}

.custom__radio__control {
  width: 14% !important;
  height: 40px !important
}

@media screen and (min-width: 48rem) {
  .custom__radio__control {
    width: 14.4% !important
  }
}

input:focus, select:focus, textarea:focus, .btn:focus {
  outline: none
}

.view-tools {
  font-size: 1rem
}

@media screen and (min-width: 48rem) {
  .view-tools {
    position: relative;
    top: -10px;
    margin-right: 24px;
    margin-top: 16px;
    margin-bottom: 16px
  }
}

.view-tools li {
  vertical-align: middle
}

.view-tools li.sort {
  margin-left: 24px
}

.view-tools li.sort-controls {
  margin-right: 12px
}

@media screen and (min-width: 48rem) {
  .view-tools li.sort-controls {
    margin-right: 0
  }
}

.view-tools a {
  color: #E5E5E5
}

.view-tools a:hover {
  color: #3F3F3F
}

.view-tools .sa--active {
  color: #3F3F3F
}

.view-tools .sa:before {
  position: relative;
  top: 3px
}

.view-tools select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("//images.sofology.co.uk/image/upload/v1465208757/Sofology/sprites/indicator-black.png") no-repeat 95% 50%;
  border-radius: 2px;
  border-color: #F7F7F7;
  padding: 8px;
  width: 200px
}

@media screen and (min-width: 48rem) {
  .view-tools select {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 2px 8px
  }
}

fieldset {
  border: none
}

.form__group {
  margin: 0;
  padding: 10px 5px 0;
  position: relative;
  z-index: 1
}

.form__group__inputFields {
  width: 100%;
  height: 50px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: 0;
  padding: 10px;
  line-height: 1.5rem;
  z-index: 3;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important
}

.form__group__inputFields--voucher {
  padding: 8px 0 0
}

.form__group__inputFields--staffInfo {
  margin-top: 10px
}

.form__group .postcode__calculator {
  margin: 3.69231px 0 0;
  text-overflow: ellipsis;
  z-index: 5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.form__group--basketPostcode {
  display: inline-block;
  border: none;
  width: 60%
}

.form__group--postcodeError {
  width: 100%;
  height: 27px;
  display: inline-block;
  border: none;
  font-size: .775rem;
  line-height: 1rem;
  padding: 10px 0 0
}

.form__group--summary {
  clear: both;
  margin: 0;
  padding: 0;
  border: none
}

.form__group--summary .summary-edit-fields {
  background: none;
  border: none;
  border-radius: 3px;
  padding: 5px 0 5px 1px;
  width: 60%
}

.form__group--summary .summary-edit-fields--editable {
  background: #f3f2f2
}

.form__group--summary input.ng-invalid {
  border-bottom: 1px solid #D46D6A
}

.form__group--summary .summary-edit-fields-invalid {
  color: #D46D6A;
  font-size: 0.885rem;
  font-weight: 600;
  margin: 10px 0 0 25px;
  -webkit-font-smoothing: subpixel-antialiased
}

.form__group select.ng-untouched {
  background-color: #FFF
}

.form__group input.ng-untouched {
  background: #fff !important
}

.form__group select:hover {
  box-shadow: 0 0 1.8px #ccc;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s
}

.form__group input:hover {
  box-shadow: 0 0 1.8px #ccc;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s
}

.form__group select:-ms-input-placeholder {
  color: #CCC
}

.form__group input:-ms-input-placeholder {
  color: #CCC
}

.form__group select::-ms-expand {
  display: none
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

figure {
  margin-left: 0
}

iframe {
  max-width: 100%
}

.tabs__link {
  padding: 12px
}

.outlet-page .tabs {
  display: table;
  z-index: 1
}

.fade.ng-enter {
  opacity: 0;
  -webkit-transition: 0.5s linear all;
  transition: 0.5s linear all
}

.fade.ng-enter.ng-enter-active {
  opacity: 1
}

.fade.ng-leave {
  opacity: 1;
  -webkit-transition: 0.5s linear all;
  transition: 0.5s linear all
}

.fade.ng-leave.ng-leave-active {
  opacity: 0
}

flippy {
  float: left;
  -webkit-perspective: 600px;
  perspective: 600px
}

flippy flippy-front, flippy flippy-back {
  position: absolute;
  width: inherit;
  height: inherit;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

flippy flippy-front {
  z-index: 900;
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
  transform: rotate3d(0, 0, 0, 0deg)
}

flippy flippy-back {
  z-index: 800;
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  transform: rotate3d(0, 1, 0, -180deg)
}

flippy.flipped flippy-front {
  z-index: 900;
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg)
}

flippy.flipped flippy-back {
  z-index: 1000;
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
  transform: rotate3d(0, 0, 0, 0deg)
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes pulsate {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.variants-container .slick-dots {
  bottom: 0;
  margin: 0;
  outline: none;
  padding: 0;
  text-align: center
}

.variants-container .slick-dots li {
  display: inline;
  font-size: 1px;
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0 !important;
  width: auto
}

.variants-container .slick-dots li button {
  background: transparent;
  border-radius: 10px;
  border: 2px solid #a0a0a1;
  height: 10px;
  margin: 0 2px;
  outline: none;
  padding: 0;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  width: 10px
}

.variants-container .slick-dots li.slick-active button {
  background: #a0a0a1;
  height: 14px;
  width: 14px
}

.table th, .table td {
  background: transparent !important;
  text-align: left
}

.table--cells th, .table--cells td {
  border: 1px solid #ccc !important
}

.o-media--flush>.o-media__img {
  margin-right: 0;
  margin-left: 0
}

.video-container {
  width: 100%;
  height: 100%;
  z-index: 3
}

.video-container video {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -o-object-fit: cover;
  object-fit: cover
}

*::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none !important;
  color: white !important;
  background-color: white !important;
  border-radius: 50px
}

video::-webkit-media-controls-overlay-play-button {
  display: none
}

.focuspoint {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.focuspoint img {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  display: block;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-height: none;
  max-width: none
}

.zoom {
  max-height: none !important
}

.zoom--1 {
  zoom: 1
}

.zoom--2 {
  zoom: 1.5
}

.zoom--3 {
  zoom: 2
}

.zoom--4 {
  zoom: 2.5
}

.zoom--5 {
  zoom: 3
}

.zoom--6 {
  zoom: 3.5
}

.zoom--7 {
  zoom: 4
}

.zoom--8 {
  zoom: 4.5
}

.zoom--9 {
  zoom: 5
}

.zoom--10 {
  zoom: 5.5
}

.sofology-blue-bg {
  background-color: #009FEE !important;
  color: #fff !important
}

.sofology-blue-bg h1, .sofology-blue-bg h2, .sofology-blue-bg h3, .sofology-blue-bg h4, .sofology-blue-bg p {
  color: #fff
}

.sofology-blue-bg ul li {
  border-color: #fff !important
}

.sofology-blue-bg h1, .sofology-blue-bg h2, .sofology-blue-bg h3, .sofology-blue-bg h4, .sofology-blue-bg p {
  color: #fff
}

.sofology-blue-bg .c-btn {
  color: #fff !important
}

.sofology-blue-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-pink-bg {
  background-color: #de007b !important;
  color: #fff !important
}

.sofology-pink-bg h1, .sofology-pink-bg h2, .sofology-pink-bg h3, .sofology-pink-bg h4, .sofology-pink-bg p {
  color: #fff
}

.sofology-pink-bg ul li {
  border-color: #fff !important
}

.sofology-pink-bg h1, .sofology-pink-bg h2, .sofology-pink-bg h3, .sofology-pink-bg h4, .sofology-pink-bg p {
  color: #fff
}

.sofology-pink-bg .c-btn {
  color: #fff !important
}

.sofology-pink-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-yellow-bg {
  background-color: #fff000 !important;
  color: #3F3F3F !important
}

.sofology-yellow-bg h1, .sofology-yellow-bg h2, .sofology-yellow-bg h3, .sofology-yellow-bg h4, .sofology-yellow-bg p {
  color: #fff
}

.sofology-yellow-bg ul li {
  border-color: #3F3F3F !important
}

.sofology-yellow-bg .c-btn {
  color: #3F3F3F !important
}

.sofology-yellow-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.sofology-yellow-bg h1, .sofology-yellow-bg h2, .sofology-yellow-bg h3, .sofology-yellow-bg p, .sofology-yellow-bg ul, .sofology-yellow-bg li {
  color: inherit !important
}

.sofology-red-bg {
  background-color: #9F090A !important;
  color: #fff !important
}

.sofology-red-bg h1, .sofology-red-bg h2, .sofology-red-bg h3, .sofology-red-bg h4, .sofology-red-bg p {
  color: #fff
}

.sofology-red-bg ul li {
  border-color: #fff !important
}

.sofology-red-bg h1, .sofology-red-bg h2, .sofology-red-bg h3, .sofology-red-bg h4, .sofology-red-bg p {
  color: #fff
}

.sofology-red-bg .c-btn {
  color: #fff !important
}

.sofology-red-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-blue-half-bg {
  background-color: #009FEE !important;
  background: none !important;
  position: relative;
  color: #fff !important
}

.sofology-blue-half-bg:after {
  background-color: #009FEE !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-blue-half-bg h1, .sofology-blue-half-bg h2, .sofology-blue-half-bg h3, .sofology-blue-half-bg h4, .sofology-blue-half-bg p {
  color: #fff
}

.sofology-blue-half-bg ul li {
  border-color: #fff !important
}

.sofology-blue-half-bg h1, .sofology-blue-half-bg h2, .sofology-blue-half-bg h3, .sofology-blue-half-bg h4, .sofology-blue-half-bg p {
  color: #fff
}

.sofology-blue-half-bg .c-btn {
  color: #fff !important
}

.sofology-blue-half-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-pink-half-bg {
  background-color: #de007b !important;
  background: none !important;
  position: relative;
  color: #fff !important
}

.sofology-pink-half-bg:after {
  background-color: #de007b !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-pink-half-bg h1, .sofology-pink-half-bg h2, .sofology-pink-half-bg h3, .sofology-pink-half-bg h4, .sofology-pink-half-bg p {
  color: #fff
}

.sofology-pink-half-bg ul li {
  border-color: #fff !important
}

.sofology-pink-half-bg h1, .sofology-pink-half-bg h2, .sofology-pink-half-bg h3, .sofology-pink-half-bg h4, .sofology-pink-half-bg p {
  color: #fff
}

.sofology-pink-half-bg .c-btn {
  color: #fff !important
}

.sofology-pink-half-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-yellow-half-bg {
  background-color: #fff000 !important;
  background: none !important;
  position: relative;
  color: #3F3F3F !important
}

.sofology-yellow-half-bg:after {
  background-color: #fff000 !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-yellow-half-bg h1, .sofology-yellow-half-bg h2, .sofology-yellow-half-bg h3, .sofology-yellow-half-bg h4, .sofology-yellow-half-bg p {
  color: #fff
}

.sofology-yellow-half-bg ul li {
  border-color: #3F3F3F !important
}

.sofology-yellow-half-bg .c-btn {
  color: #3F3F3F !important
}

.sofology-yellow-half-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.sofology-yellow-half-bg h1, .sofology-yellow-half-bg h2, .sofology-yellow-half-bg h3, .sofology-yellow-half-bg p, .sofology-yellow-half-bg ul, .sofology-yellow-half-bg li {
  color: inherit !important
}

.sofology-red-half-bg {
  background-color: #9F090A !important;
  background: none !important;
  position: relative;
  color: #fff !important
}

.sofology-red-half-bg:after {
  background-color: #9F090A !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-red-half-bg h1, .sofology-red-half-bg h2, .sofology-red-half-bg h3, .sofology-red-half-bg h4, .sofology-red-half-bg p {
  color: #fff
}

.sofology-red-half-bg ul li {
  border-color: #fff !important
}

.sofology-red-half-bg h1, .sofology-red-half-bg h2, .sofology-red-half-bg h3, .sofology-red-half-bg h4, .sofology-red-half-bg p {
  color: #fff
}

.sofology-red-half-bg .c-btn {
  color: #fff !important
}

.sofology-red-half-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-white-bg {
  background-color: #fff !important;
  color: #3F3F3F !important
}

.sofology-white-bg h1, .sofology-white-bg h2, .sofology-white-bg h3, .sofology-white-bg h4, .sofology-white-bg p {
  color: #fff
}

.sofology-white-bg ul li {
  border-color: #3F3F3F !important
}

.sofology-white-bg .c-btn {
  color: #3F3F3F !important
}

.sofology-white-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.sofology-white-bg h1, .sofology-white-bg h2, .sofology-white-bg h3, .sofology-white-bg p, .sofology-white-bg ul, .sofology-white-bg li {
  color: inherit !important
}

.sofology-pale-grey-bg {
  background-color: #F7F7F7 !important;
  color: #3F3F3F !important
}

.sofology-pale-grey-bg h1, .sofology-pale-grey-bg h2, .sofology-pale-grey-bg h3, .sofology-pale-grey-bg h4, .sofology-pale-grey-bg p {
  color: #fff
}

.sofology-pale-grey-bg ul li {
  border-color: #3F3F3F !important
}

.sofology-pale-grey-bg .c-btn {
  color: #3F3F3F !important
}

.sofology-pale-grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.sofology-pale-grey-bg h1, .sofology-pale-grey-bg h2, .sofology-pale-grey-bg h3, .sofology-pale-grey-bg p, .sofology-pale-grey-bg ul, .sofology-pale-grey-bg li {
  color: inherit !important
}

.sofology-light-grey-bg {
  background-color: #E5E5E5 !important;
  color: #3F3F3F !important
}

.sofology-light-grey-bg h1, .sofology-light-grey-bg h2, .sofology-light-grey-bg h3, .sofology-light-grey-bg h4, .sofology-light-grey-bg p {
  color: #fff
}

.sofology-light-grey-bg ul li {
  border-color: #3F3F3F !important
}

.sofology-light-grey-bg .c-btn {
  color: #3F3F3F !important
}

.sofology-light-grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.sofology-light-grey-bg h1, .sofology-light-grey-bg h2, .sofology-light-grey-bg h3, .sofology-light-grey-bg p, .sofology-light-grey-bg ul, .sofology-light-grey-bg li {
  color: inherit !important
}

.sofology-medium-grey-bg {
  background-color: #3F3F3F !important;
  color: #fff !important
}

.sofology-medium-grey-bg h1, .sofology-medium-grey-bg h2, .sofology-medium-grey-bg h3, .sofology-medium-grey-bg h4, .sofology-medium-grey-bg p {
  color: #fff
}

.sofology-medium-grey-bg ul li {
  border-color: #fff !important
}

.sofology-medium-grey-bg h1, .sofology-medium-grey-bg h2, .sofology-medium-grey-bg h3, .sofology-medium-grey-bg h4, .sofology-medium-grey-bg p {
  color: #fff
}

.sofology-medium-grey-bg .c-btn {
  color: #fff !important
}

.sofology-medium-grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-dark-grey-bg {
  background-color: #202020 !important;
  color: #fff !important
}

.sofology-dark-grey-bg h1, .sofology-dark-grey-bg h2, .sofology-dark-grey-bg h3, .sofology-dark-grey-bg h4, .sofology-dark-grey-bg p {
  color: #fff
}

.sofology-dark-grey-bg ul li {
  border-color: #fff !important
}

.sofology-dark-grey-bg h1, .sofology-dark-grey-bg h2, .sofology-dark-grey-bg h3, .sofology-dark-grey-bg h4, .sofology-dark-grey-bg p {
  color: #fff
}

.sofology-dark-grey-bg .c-btn {
  color: #fff !important
}

.sofology-dark-grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-black-bg {
  background-color: #000 !important;
  color: #fff !important
}

.sofology-black-bg h1, .sofology-black-bg h2, .sofology-black-bg h3, .sofology-black-bg h4, .sofology-black-bg p {
  color: #fff
}

.sofology-black-bg ul li {
  border-color: #fff !important
}

.sofology-black-bg h1, .sofology-black-bg h2, .sofology-black-bg h3, .sofology-black-bg h4, .sofology-black-bg p {
  color: #fff
}

.sofology-black-bg .c-btn {
  color: #fff !important
}

.sofology-black-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-white-txt-bg {
  background-color: #fff !important;
  background: none !important;
  position: relative;
  color: #3F3F3F !important
}

.sofology-white-txt-bg:after {
  background-color: #fff !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-white-txt-bg h1, .sofology-white-txt-bg h2, .sofology-white-txt-bg h3, .sofology-white-txt-bg h4, .sofology-white-txt-bg p {
  color: #fff
}

.sofology-white-txt-bg ul li {
  border-color: #3F3F3F !important
}

.sofology-white-txt-bg .c-btn {
  color: #3F3F3F !important
}

.sofology-white-txt-bg .c-btn:hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.sofology-white-txt-bg h1, .sofology-white-txt-bg h2, .sofology-white-txt-bg h3, .sofology-white-txt-bg p, .sofology-white-txt-bg ul, .sofology-white-txt-bg li {
  color: inherit !important
}

.sofology-pale-grey-txt-bg {
  background-color: #F7F7F7 !important;
  background: none !important;
  position: relative;
  color: #3F3F3F !important
}

.sofology-pale-grey-txt-bg:after {
  background-color: #F7F7F7 !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-pale-grey-txt-bg h1, .sofology-pale-grey-txt-bg h2, .sofology-pale-grey-txt-bg h3, .sofology-pale-grey-txt-bg h4, .sofology-pale-grey-txt-bg p {
  color: #fff
}

.sofology-pale-grey-txt-bg ul li {
  border-color: #3F3F3F !important
}

.sofology-pale-grey-txt-bg .c-btn {
  color: #3F3F3F !important
}

.sofology-pale-grey-txt-bg .c-btn:hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.sofology-pale-grey-txt-bg h1, .sofology-pale-grey-txt-bg h2, .sofology-pale-grey-txt-bg h3, .sofology-pale-grey-txt-bg p, .sofology-pale-grey-txt-bg ul, .sofology-pale-grey-txt-bg li {
  color: inherit !important
}

.sofology-light-grey-txt-bg {
  background-color: #E5E5E5 !important;
  background: none !important;
  position: relative;
  color: #3F3F3F !important
}

.sofology-light-grey-txt-bg:after {
  background-color: #E5E5E5 !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-light-grey-txt-bg h1, .sofology-light-grey-txt-bg h2, .sofology-light-grey-txt-bg h3, .sofology-light-grey-txt-bg h4, .sofology-light-grey-txt-bg p {
  color: #fff
}

.sofology-light-grey-txt-bg ul li {
  border-color: #3F3F3F !important
}

.sofology-light-grey-txt-bg .c-btn {
  color: #3F3F3F !important
}

.sofology-light-grey-txt-bg .c-btn:hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.sofology-light-grey-txt-bg h1, .sofology-light-grey-txt-bg h2, .sofology-light-grey-txt-bg h3, .sofology-light-grey-txt-bg p, .sofology-light-grey-txt-bg ul, .sofology-light-grey-txt-bg li {
  color: inherit !important
}

.sofology-medium-grey-txt-bg {
  background-color: #3F3F3F !important;
  background: none !important;
  position: relative;
  color: #fff !important
}

.sofology-medium-grey-txt-bg:after {
  background-color: #3F3F3F !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-medium-grey-txt-bg h1, .sofology-medium-grey-txt-bg h2, .sofology-medium-grey-txt-bg h3, .sofology-medium-grey-txt-bg h4, .sofology-medium-grey-txt-bg p {
  color: #fff
}

.sofology-medium-grey-txt-bg ul li {
  border-color: #fff !important
}

.sofology-medium-grey-txt-bg h1, .sofology-medium-grey-txt-bg h2, .sofology-medium-grey-txt-bg h3, .sofology-medium-grey-txt-bg h4, .sofology-medium-grey-txt-bg p {
  color: #fff
}

.sofology-medium-grey-txt-bg .c-btn {
  color: #fff !important
}

.sofology-medium-grey-txt-bg .c-btn:hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-dark-grey-txt-bg {
  background-color: #202020 !important;
  background: none !important;
  position: relative;
  color: #fff !important
}

.sofology-dark-grey-txt-bg:after {
  background-color: #202020 !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-dark-grey-txt-bg h1, .sofology-dark-grey-txt-bg h2, .sofology-dark-grey-txt-bg h3, .sofology-dark-grey-txt-bg h4, .sofology-dark-grey-txt-bg p {
  color: #fff
}

.sofology-dark-grey-txt-bg ul li {
  border-color: #fff !important
}

.sofology-dark-grey-txt-bg h1, .sofology-dark-grey-txt-bg h2, .sofology-dark-grey-txt-bg h3, .sofology-dark-grey-txt-bg h4, .sofology-dark-grey-txt-bg p {
  color: #fff
}

.sofology-dark-grey-txt-bg .c-btn {
  color: #fff !important
}

.sofology-dark-grey-txt-bg .c-btn:hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-black-txt-bg {
  background-color: #000 !important;
  background: none !important;
  position: relative;
  color: #fff !important
}

.sofology-black-txt-bg:after {
  background-color: #000 !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-black-txt-bg h1, .sofology-black-txt-bg h2, .sofology-black-txt-bg h3, .sofology-black-txt-bg h4, .sofology-black-txt-bg p {
  color: #fff
}

.sofology-black-txt-bg ul li {
  border-color: #fff !important
}

.sofology-black-txt-bg h1, .sofology-black-txt-bg h2, .sofology-black-txt-bg h3, .sofology-black-txt-bg h4, .sofology-black-txt-bg p {
  color: #fff
}

.sofology-black-txt-bg .c-btn {
  color: #fff !important
}

.sofology-black-txt-bg .c-btn:hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-blue-txt-bg {
  background-color: #009FEE !important;
  background: none !important;
  position: relative;
  color: #fff !important
}

.sofology-blue-txt-bg:after {
  background-color: #009FEE !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-blue-txt-bg h1, .sofology-blue-txt-bg h2, .sofology-blue-txt-bg h3, .sofology-blue-txt-bg h4, .sofology-blue-txt-bg p {
  color: #fff
}

.sofology-blue-txt-bg ul li {
  border-color: #fff !important
}

.sofology-blue-txt-bg h1, .sofology-blue-txt-bg h2, .sofology-blue-txt-bg h3, .sofology-blue-txt-bg h4, .sofology-blue-txt-bg p {
  color: #fff
}

.sofology-blue-txt-bg .c-btn {
  color: #fff !important
}

.sofology-blue-txt-bg .c-btn:hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-pink-txt-bg {
  background-color: #de007b !important;
  background: none !important;
  position: relative;
  color: #fff !important
}

.sofology-pink-txt-bg:after {
  background-color: #de007b !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-pink-txt-bg h1, .sofology-pink-txt-bg h2, .sofology-pink-txt-bg h3, .sofology-pink-txt-bg h4, .sofology-pink-txt-bg p {
  color: #fff
}

.sofology-pink-txt-bg ul li {
  border-color: #fff !important
}

.sofology-pink-txt-bg h1, .sofology-pink-txt-bg h2, .sofology-pink-txt-bg h3, .sofology-pink-txt-bg h4, .sofology-pink-txt-bg p {
  color: #fff
}

.sofology-pink-txt-bg .c-btn {
  color: #fff !important
}

.sofology-pink-txt-bg .c-btn:hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-yellow-txt-bg {
  background-color: #fff000 !important;
  background: none !important;
  position: relative;
  color: #3F3F3F !important
}

.sofology-yellow-txt-bg:after {
  background-color: #fff000 !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-yellow-txt-bg h1, .sofology-yellow-txt-bg h2, .sofology-yellow-txt-bg h3, .sofology-yellow-txt-bg h4, .sofology-yellow-txt-bg p {
  color: #fff
}

.sofology-yellow-txt-bg ul li {
  border-color: #3F3F3F !important
}

.sofology-yellow-txt-bg .c-btn {
  color: #3F3F3F !important
}

.sofology-yellow-txt-bg .c-btn:hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.sofology-yellow-txt-bg h1, .sofology-yellow-txt-bg h2, .sofology-yellow-txt-bg h3, .sofology-yellow-txt-bg p, .sofology-yellow-txt-bg ul, .sofology-yellow-txt-bg li {
  color: inherit !important
}

.sofology-red-txt-bg {
  background-color: #9F090A !important;
  background: none !important;
  position: relative;
  color: #fff !important
}

.sofology-red-txt-bg:after {
  background-color: #9F090A !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-red-txt-bg h1, .sofology-red-txt-bg h2, .sofology-red-txt-bg h3, .sofology-red-txt-bg h4, .sofology-red-txt-bg p {
  color: #fff
}

.sofology-red-txt-bg ul li {
  border-color: #fff !important
}

.sofology-red-txt-bg h1, .sofology-red-txt-bg h2, .sofology-red-txt-bg h3, .sofology-red-txt-bg h4, .sofology-red-txt-bg p {
  color: #fff
}

.sofology-red-txt-bg .c-btn {
  color: #fff !important
}

.sofology-red-txt-bg .c-btn:hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-white-half-bg {
  background-color: #fff !important;
  background: none !important;
  position: relative;
  color: #3F3F3F !important
}

.sofology-white-half-bg:after {
  background-color: #fff !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-white-half-bg h1, .sofology-white-half-bg h2, .sofology-white-half-bg h3, .sofology-white-half-bg h4, .sofology-white-half-bg p {
  color: #fff
}

.sofology-white-half-bg ul li {
  border-color: #3F3F3F !important
}

.sofology-white-half-bg .c-btn {
  color: #3F3F3F !important
}

.sofology-white-half-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.sofology-white-half-bg h1, .sofology-white-half-bg h2, .sofology-white-half-bg h3, .sofology-white-half-bg p, .sofology-white-half-bg ul, .sofology-white-half-bg li {
  color: inherit !important
}

.sofology-pale-grey-half-bg {
  background-color: #F7F7F7 !important;
  background: none !important;
  position: relative;
  color: #3F3F3F !important
}

.sofology-pale-grey-half-bg:after {
  background-color: #F7F7F7 !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-pale-grey-half-bg h1, .sofology-pale-grey-half-bg h2, .sofology-pale-grey-half-bg h3, .sofology-pale-grey-half-bg h4, .sofology-pale-grey-half-bg p {
  color: #fff
}

.sofology-pale-grey-half-bg ul li {
  border-color: #3F3F3F !important
}

.sofology-pale-grey-half-bg .c-btn {
  color: #3F3F3F !important
}

.sofology-pale-grey-half-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.sofology-pale-grey-half-bg h1, .sofology-pale-grey-half-bg h2, .sofology-pale-grey-half-bg h3, .sofology-pale-grey-half-bg p, .sofology-pale-grey-half-bg ul, .sofology-pale-grey-half-bg li {
  color: inherit !important
}

.sofology-light-grey-half-bg {
  background-color: #E5E5E5 !important;
  background: none !important;
  position: relative;
  color: #3F3F3F !important
}

.sofology-light-grey-half-bg:after {
  background-color: #E5E5E5 !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-light-grey-half-bg h1, .sofology-light-grey-half-bg h2, .sofology-light-grey-half-bg h3, .sofology-light-grey-half-bg h4, .sofology-light-grey-half-bg p {
  color: #fff
}

.sofology-light-grey-half-bg ul li {
  border-color: #3F3F3F !important
}

.sofology-light-grey-half-bg .c-btn {
  color: #3F3F3F !important
}

.sofology-light-grey-half-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.sofology-light-grey-half-bg h1, .sofology-light-grey-half-bg h2, .sofology-light-grey-half-bg h3, .sofology-light-grey-half-bg p, .sofology-light-grey-half-bg ul, .sofology-light-grey-half-bg li {
  color: inherit !important
}

.sofology-medium-grey-half-bg {
  background-color: #3F3F3F !important;
  background: none !important;
  position: relative;
  color: #fff !important
}

.sofology-medium-grey-half-bg:after {
  background-color: #3F3F3F !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-medium-grey-half-bg h1, .sofology-medium-grey-half-bg h2, .sofology-medium-grey-half-bg h3, .sofology-medium-grey-half-bg h4, .sofology-medium-grey-half-bg p {
  color: #fff
}

.sofology-medium-grey-half-bg ul li {
  border-color: #fff !important
}

.sofology-medium-grey-half-bg h1, .sofology-medium-grey-half-bg h2, .sofology-medium-grey-half-bg h3, .sofology-medium-grey-half-bg h4, .sofology-medium-grey-half-bg p {
  color: #fff
}

.sofology-medium-grey-half-bg .c-btn {
  color: #fff !important
}

.sofology-medium-grey-half-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-dark-grey-half-bg {
  background-color: #202020 !important;
  background: none !important;
  position: relative;
  color: #fff !important
}

.sofology-dark-grey-half-bg:after {
  background-color: #202020 !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-dark-grey-half-bg h1, .sofology-dark-grey-half-bg h2, .sofology-dark-grey-half-bg h3, .sofology-dark-grey-half-bg h4, .sofology-dark-grey-half-bg p {
  color: #fff
}

.sofology-dark-grey-half-bg ul li {
  border-color: #fff !important
}

.sofology-dark-grey-half-bg h1, .sofology-dark-grey-half-bg h2, .sofology-dark-grey-half-bg h3, .sofology-dark-grey-half-bg h4, .sofology-dark-grey-half-bg p {
  color: #fff
}

.sofology-dark-grey-half-bg .c-btn {
  color: #fff !important
}

.sofology-dark-grey-half-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-black-half-bg {
  background-color: #000 !important;
  background: none !important;
  position: relative;
  color: #fff !important
}

.sofology-black-half-bg:after {
  background-color: #000 !important;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.sofology-black-half-bg h1, .sofology-black-half-bg h2, .sofology-black-half-bg h3, .sofology-black-half-bg h4, .sofology-black-half-bg p {
  color: #fff
}

.sofology-black-half-bg ul li {
  border-color: #fff !important
}

.sofology-black-half-bg h1, .sofology-black-half-bg h2, .sofology-black-half-bg h3, .sofology-black-half-bg h4, .sofology-black-half-bg p {
  color: #fff
}

.sofology-black-half-bg .c-btn {
  color: #fff !important
}

.sofology-black-half-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-positive {
  background-color: #59b25a !important;
  color: #fff !important
}

.sofology-positive h1, .sofology-positive h2, .sofology-positive h3, .sofology-positive h4, .sofology-positive p {
  color: #fff
}

.sofology-positive ul li {
  border-color: #fff !important
}

.sofology-positive h1, .sofology-positive h2, .sofology-positive h3, .sofology-positive h4, .sofology-positive p {
  color: #fff
}

.sofology-positive .c-btn {
  color: #fff !important
}

.sofology-positive .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-caution {
  background-color: #ffd57d !important;
  color: #3F3F3F !important
}

.sofology-caution h1, .sofology-caution h2, .sofology-caution h3, .sofology-caution h4, .sofology-caution p {
  color: #fff
}

.sofology-caution ul li {
  border-color: #3F3F3F !important
}

.sofology-caution .c-btn {
  color: #3F3F3F !important
}

.sofology-caution .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.sofology-caution h1, .sofology-caution h2, .sofology-caution h3, .sofology-caution p, .sofology-caution ul, .sofology-caution li {
  color: inherit !important
}

.sofology-negative {
  background-color: #a94442 !important;
  color: #fff !important
}

.sofology-negative h1, .sofology-negative h2, .sofology-negative h3, .sofology-negative h4, .sofology-negative p {
  color: #fff
}

.sofology-negative ul li {
  border-color: #fff !important
}

.sofology-negative h1, .sofology-negative h2, .sofology-negative h3, .sofology-negative h4, .sofology-negative p {
  color: #fff
}

.sofology-negative .c-btn {
  color: #fff !important
}

.sofology-negative .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-info {
  background-color: #357aba !important;
  color: #fff !important
}

.sofology-info h1, .sofology-info h2, .sofology-info h3, .sofology-info h4, .sofology-info p {
  color: #fff
}

.sofology-info ul li {
  border-color: #fff !important
}

.sofology-info h1, .sofology-info h2, .sofology-info h3, .sofology-info h4, .sofology-info p {
  color: #fff
}

.sofology-info .c-btn {
  color: #fff !important
}

.sofology-info .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-positive--txt {
  color: #59b25a
}

.sofology-caution--txt {
  color: #ffd57d
}

.sofology-negative--txt {
  color: #a94442
}

.sofology-info--txt {
  color: #357aba
}

.basket-fa {
  color: #000
}

.basket-fa.sofology-black {
  color: #000
}

.basket-fa-active {
  color: #3F3F3F
}

.basket-fa-active.sofology-medium-grey-bg {
  color: #3F3F3F
}

.sa-facebook {
  color: #03539e;
  -webkit-transition: all linear .7s;
  transition: all linear .7s
}

.sa-facebook:hover {
  color: shade(#03539e, 30%)
}

.sa-twitter {
  color: #35ccff;
  -webkit-transition: all linear .7s;
  transition: all linear .7s
}

.sa-twitter:hover {
  color: shade(#35ccff, 30%)
}

.sa-linkedin {
  color: #217bc1;
  -webkit-transition: all linear .7s;
  transition: all linear .7s
}

.sa-linkedin:hover {
  color: shade(#217bc1, 30%)
}

.sa-google-plus {
  color: #dd4b39;
  -webkit-transition: all linear .7s;
  transition: all linear .7s
}

.sa-google-plus:hover {
  color: shade(#dd4b39, 30%)
}

.sa-pinterest-p {
  color: #cb2027;
  -webkit-transition: all linear .7s;
  transition: all linear .7s
}

.sa-pinterest-p:hover {
  color: shade(#cb2027, 30%)
}

.sa-instagram {
  color: #517fa4;
  -webkit-transition: all linear .7s;
  transition: all linear .7s
}

.sa-instagram:hover {
  color: shade(#517fa4, 30%)
}

.sa-youtube-play {
  color: #e52d27;
  -webkit-transition: all linear .7s;
  transition: all linear .7s
}

.sa-youtube-play:hover {
  color: shade(#e52d27, 30%)
}

.facebook-brand .sa-stack-2x {
  color: #03539e;
  -webkit-transition: color linear .7s;
  transition: color linear .7s
}

.facebook-brand .sa-stack-1x {
  color: #fff
}

.facebook-brand:hover .sa-stack-2x {
  color: shade(#03539e, 30%)
}

.twitter-brand .sa-stack-2x {
  color: #35ccff;
  -webkit-transition: color linear .7s;
  transition: color linear .7s
}

.twitter-brand .sa-stack-1x {
  color: #fff
}

.twitter-brand:hover .sa-stack-2x {
  color: shade(#35ccff, 30%)
}

.linkedin-brand .sa-stack-2x {
  color: #217bc1;
  -webkit-transition: color linear .7s;
  transition: color linear .7s
}

.linkedin-brand .sa-stack-1x {
  color: #fff
}

.linkedin-brand:hover .sa-stack-2x {
  color: shade(#217bc1, 30%)
}

.google-brand .sa-stack-2x {
  color: #dd4b39;
  -webkit-transition: color linear .7s;
  transition: color linear .7s
}

.google-brand .sa-stack-1x {
  color: #fff
}

.google-brand:hover .sa-stack-2x {
  color: shade(#dd4b39, 30%)
}

.pinterest-brand .sa-stack-2x {
  color: #cb2027;
  -webkit-transition: color linear .7s;
  transition: color linear .7s
}

.pinterest-brand .sa-stack-1x {
  color: #fff
}

.pinterest-brand:hover .sa-stack-2x {
  color: shade(#cb2027, 30%)
}

.instagram-brand .sa-stack-2x {
  color: #517fa4;
  -webkit-transition: color linear .7s;
  transition: color linear .7s
}

.instagram-brand .sa-stack-1x {
  color: #fff
}

.instagram-brand:hover .sa-stack-2x {
  color: shade(#517fa4, 30%)
}

.youtube-brand .sa-stack-2x {
  color: #e52d27;
  -webkit-transition: color linear .7s;
  transition: color linear .7s
}

.youtube-brand .sa-stack-1x {
  color: #fff
}

.youtube-brand:hover .sa-stack-2x {
  color: shade(#e52d27, 30%)
}

form.c-form {
  max-width: 25rem
}

form.c-form--inline .c-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* -ms-flex-direction: column;
  flex-direction: column; */
  line-height: 24px
}

@media (min-width: 48em) {
  form.c-form--inline .c-controls {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

.c-controls {
width: 100%;
}

.c-controls__control {
	font-size: 18px;
	line-height: 24px;
	border: 0;
	border-radius: 0;
	color: #3f3f3f;
	padding: 14px 16px;
	width: 100%;
}



.u-margin-bottom-small {
	margin-bottom: 12px !important;
}

form.c-form--inline .c-controls__control {
  border: none;
  max-width: 11.25rem
}

.c-controls__control {
  border-radius: 0;
  color: #3F3F3F;
  margin-bottom: 17.5px;
  padding: 12px
}



@media (min-width: 48em) {
  .c-controls__control {
    margin-bottom: 0
  }
}

@media (min-width: 64em) {
  .c-controls__control {
    padding: 19px 25px
  }
}

.c-controls__control--small {
	font-size: 14px;
	line-height: 24px;
	padding: 12px;
}

.c-controls--search .c-controls__control {
  padding-left: 35px
}

.actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.actions button {
  margin-right: 20px
}

.o-actions {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px;
  margin-left: -13.5px !important
}

.o-actions__inner {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-item-align: center;
  align-self: center;
  width: auto
}

@media (min-width: 80em) {
  .o-actions__inner {
    max-width: 80%
  }
}

.c-banner--h-align-left .o-actions__inner, .c-banner--h-align-right .o-actions__inner, .c-banner--half-left .o-actions__inner, .c-banner--half-right .o-actions__inner {
  width: auto
}

@media (min-width: 48em) {
  .o-actions__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-flow: wrap;
    flex-flow: wrap
  }
}

.o-actions__inner>*:first-child {
  margin-right: 0
}

.c-banner--h-align-left .o-actions__inner, .c-banner--h-align-right .o-actions__inner, .c-banner--half-left .o-actions__inner, .c-banner--half-right .o-actions__inner {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.o-actions__expand {
  margin: 1rem 0 0
}

.o-actions--center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important
}

.o-actions .c-form {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  max-width: none;
  margin: 5px 8.75px
}

.o-actions .c-controls {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: row !important;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  width: 100%
}

.o-actions .c-controls__control {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  margin-bottom: 0
}

.o-actions .c-controls .c-btn {
  margin-right: 0
}

.o-actions .store-finder {
  position: relative
}

.o-actions label.error {
  position: absolute;
  bottom: -30px;
  left: 0
}

.o-actions .c-btn {
  line-height: 24px !important;
  margin: 5px 8.75px
}

.o-actions .c-btn--ghost {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto
}

.c-form .o-actions .c-btn {
  line-height: 24px;
  margin: 0 !important;
  width: auto;
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial
}

.c-banner--h-align-left .c-form .o-actions .c-btn, .c-banner--h-align-right .c-form .o-actions .c-btn, .c-banner--half-left .c-form .o-actions .c-btn, .c-banner--half-right .c-form .o-actions .c-btn {
  margin-right: 0 !important
}

.o-actions .c-form .c-btn {
  margin-bottom: 0;
  margin: 0
}

.o-actions .c-form--inline .c-controls {
  width: 100%
}

.o-actions .c-form--inline .c-controls__control {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  max-width: none
}

@media (min-width: 48em) {
  .o-actions .c-form--inline .c-controls__control {
    margin-bottom: 0
  }
}

.o-actions--left {
  -ms-flex-line-pack: start;
  align-content: flex-start
}

.o-actions--right {
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important
}

.o-actions--right .o-actions__inner {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important
}

.o-actions--center {
  -ms-flex-line-pack: center;
  align-content: center
}

.o-actions--center .o-actions__inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.catalog-banner {
  color: #fff;
  background-position: 0 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  min-height: 12.5rem
}

@media screen and (min-width: 48rem) {
  .catalog-banner {
    min-height: 17.1875rem
  }
}

@media screen and (min-width: 80rem) {
  .catalog-banner {
    background-position: 50% 50%
  }
}

.catalog-banner .text-area {
  margin: 0;
  text-align: center;
  padding-top: 2.25rem;
  width: 100%
}

.catalog-banner h3 {
  color: white;
  font-family: "FS-Emeric-Thin", Helvetica, sans-serif;
  font-size: 1.6875rem;
  font-weight: 200;
  letter-spacing: -0.03em;
  line-height: 1.2;
  margin: 0;
  text-transform: none
}

@media screen and (min-width: 48rem) {
  .catalog-banner h3 {
    font-size: 2.25rem
  }
}

.catalog-banner p {
  font-size: .875rem;
  margin: 32px auto;
  max-width: 333px;
  padding: 0;
  text-align: center
}

@media screen and (min-width: 48rem) {
  .catalog-banner p {
    font-size: 1rem
  }
}

.catalog-banner a.button {
  background-color: transparent;
  border: .09375rem solid white;
  color: white;
  font-family: "FS-Emeric-Light", Helvetica, sans-serif;
  font-size: .75rem;
  font-weight: 200;
  padding: 7px 30px 5px 30px;
  text-transform: uppercase
}

@media screen and (min-width: 48rem) {
  .catalog-banner a.button {
    border: .125rem solid white;
    font-size: 1rem;
    padding: 13px 70px 11px 70px
  }
}

.catalog-banner--store-finder {
  background-image: url("http://res.cloudinary.com/sofaworks/image/upload/q_70/v1453126072/category/1115/banners/store-finder-768.jpg")
}

.catalog-banner--store-finder .text-area {
  text-align: center
}

.catalog-banner--store-finder .text-area h3 {
  margin: 3.75rem 0 .625rem
}

.catalog-banner--store-finder .text-area p {
  display: none
}

@media screen and (min-width: 48rem) {
  .catalog-banner--store-finder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  .catalog-banner--store-finder .text-area {
    width: 50%
  }
  .catalog-banner--store-finder .text-area h3 {
    margin: 0
  }
  .catalog-banner--store-finder .text-area p {
    display: block
  }
}

@media screen and (min-width: 769px) {
  .catalog-banner--store-finder {
    background-image: url("http://images.sofology.co.uk/q_70/v1453126072/category/1115/banners/store-finder-1024.jpg")
  }
}

@media screen and (min-width: 1025px) {
  .catalog-banner--store-finder {
    background-image: url("http://images.sofology.co.uk/q_70/v1453126072/category/1115/banners/store-finder.jpg")
  }
}

.catalog-banner--little-neal {
  background-color: #000;
  background-image: url("http://res.cloudinary.com/sofaworks/image/upload/q_70/v1449495232/category/1115/banners/little-neal-640.jpg");
  background-position: left center;
  background-size: contain
}

@media screen and (min-width: 48rem) {
  .catalog-banner--little-neal {
    background-image: url("http://images.sofology.co.uk/q_70/v1449242155/category/1115/little-neal.jpg");
    background-position: -240px 0;
    background-size: auto auto
  }
}

@media screen and (min-width: 64rem) {
  .catalog-banner--little-neal {
    background: url("http://images.sofology.co.uk/image/upload/q_70/v1449242155/category/1115/little-neal.jpg") no-repeat #000;
    background-position: -60px 0
  }
}

@media screen and (min-width: 80rem) {
  .catalog-banner--little-neal {
    background-position: -60px 0
  }
}

.catalog-banner--little-neal .text-area {
  font-family: "FS-Emeric-Thin", Helvetica, sans-serif;
  padding-top: 4.25rem;
  margin-left: 40%;
  width: 50%
}

@media screen and (min-width: 48rem) {
  .catalog-banner--little-neal .text-area {
    margin-left: 56%;
    padding-top: 5.625rem;
    width: 42%
  }
}

@media screen and (min-width: 64rem) {
  .catalog-banner--little-neal .text-area {
    margin-left: 60%;
    width: 40%
  }
}

@media screen and (min-width: 80rem) {
  .catalog-banner--little-neal .text-area {
    margin-left: 50%;
    width: 50%
  }
}

.catalog-banner--little-neal h3 {
  font-size: 1.5rem
}

@media screen and (min-width: 48rem) {
  .catalog-banner--little-neal h3 {
    font-size: 2.25rem
  }
}

.catalog-banner--little-neal br {
  display: none
}

@media screen and (min-width: 80rem) {
  .catalog-banner--little-neal br {
    display: block
  }
}

.catalog-banner--call-direct {
  background: url("http://images.sofology.co.uk/image/upload/q_70/v1449164660/category/1115/call-direct-640.jpg") no-repeat #000;
  background-size: cover !important;
  padding: 17px
}

.catalog-banner--call-direct .text-area {
  margin-left: 21%;
  padding-top: 0 !important
}

.catalog-banner--call-direct .text-area h2 {
  color: #fff;
  font-size: 22px !important;
  margin-bottom: 4px;
  margin-top: 0;
  line-height: 1.2
}

.catalog-banner--call-direct .text-area .contact-number {
  display: block
}

.catalog-banner--call-direct .text-area--one {
  margin-left: 21%;
  padding-top: 0 !important
}

.catalog-banner--call-direct .text-area--one p {
  font-size: 15px;
  line-height: 54px;
  margin: 4px auto;
  width: 50%
}

.catalog-banner--call-direct .text-area--one a {
  font-size: 12px;
  margin-top: 4px !important
}

@media screen and (min-width: 321px) and (max-width: 375px) {
  .catalog-banner--call-direct .text-area--one p {
    width: 46%
  }
}

@media screen and (min-width: 376px) and (max-width: 414px) {
  .catalog-banner--call-direct .text-area--one p {
    width: 37%
  }
}

@media screen and (min-width: 25.94rem) {
  .catalog-banner--call-direct .text-area--one p {
    width: 26%
  }
}

@media screen and (min-width: 46rem) {
  .catalog-banner--call-direct .text-area--one p {
    width: 22%
  }
}

@media screen and (min-width: 48rem) {
  .catalog-banner--call-direct {
    background: url("http://images.sofology.co.uk/image/upload/q_70/v1448898277/category/1115/banners/call-direct-768.jpg") no-repeat #000;
    height: 241px
  }
  .catalog-banner--call-direct .text-area {
    margin-left: 0
  }
  .catalog-banner--call-direct .text-area h2 {
    float: left;
    font-size: 30px !important
  }
  .catalog-banner--call-direct .text-area--one {
    margin-left: 26px
  }
  .catalog-banner--call-direct .text-area--one p {
    float: right;
    font-size: 30px;
    margin: 0;
    width: 46%
  }
  .catalog-banner--call-direct .text-area--one a {
    font-size: 16px;
    margin-top: 14px !important;
    margin-left: 184px
  }
}

@media screen and (min-width: 48rem) and (-webkit-min-device-pixel-ratio: 0) {
  .catalog-banner--call-direct .text-area {
    margin-left: 0
  }
  .catalog-banner--call-direct .text-area h2 {
    float: left;
    font-size: 30px !important
  }
  .catalog-banner--call-direct .text-area--one {
    margin-left: 26px
  }
  .catalog-banner--call-direct .text-area--one p {
    float: right;
    font-size: 30px;
    margin: 0;
    width: 40%;
    left: -25px;
    position: relative
  }
  .catalog-banner--call-direct .text-area--one a {
    font-size: 16px;
    margin-top: 14px !important;
    margin-left: 184px
  }
}

@media screen and (min-width: 64rem) {
  .catalog-banner--call-direct {
    background: url("http://images.sofology.co.uk/image/upload/q_70/v1448898277/category/1115/banners/call-direct-1024.jpg") no-repeat #000
  }
  .catalog-banner--call-direct .text-area h2 {
    font-size: 36px !important
  }
  .catalog-banner--call-direct .text-area--one {
    top: -30px;
    margin-left: 26px;
    position: relative
  }
  .catalog-banner--call-direct .text-area--one p {
    font-size: 36px;
    max-width: 100%
  }
  .catalog-banner--call-direct .text-area--one .small-text {
    font-size: 18px;
    margin-left: 40px
  }
  .catalog-banner--call-direct .text-area--one a {
    font-size: 16px;
    margin-top: 14px !important;
    margin-left: 54%
  }
}

@media screen and (min-width: 80rem) {
  .catalog-banner--call-direct {
    background: url("http://images.sofology.co.uk/image/upload/q_70/v1448643445/category/1115/banners/call-direct.jpg") no-repeat #000;
    height: 248px;
    min-height: 0;
    padding: 0 12px
  }
  .catalog-banner--call-direct .text-area h2 {
    margin-left: 40px
  }
  .catalog-banner--call-direct .text-area--one {
    margin-left: 0;
    top: 0
  }
  .catalog-banner--call-direct .text-area--one p {
    float: none;
    left: 19%;
    position: relative;
    width: 57%;
    max-width: 100%
  }
  .catalog-banner--call-direct .text-area--one .hide-elems {
    display: none !important
  }
  .catalog-banner--call-direct .text-area--one .small-font {
    font-size: 18px;
    left: -2%
  }
  .catalog-banner--call-direct .text-area--two {
    left: 37%;
    position: relative;
    top: -172px
  }
  .catalog-banner--call-direct .text-area--two p {
    font-size: 18px
  }
}

@media screen and (min-width: 85.375rem) {
  .catalog-banner--call-direct {
    height: 276px;
    min-height: 0
  }
  .catalog-banner--call-direct .text-area .world-mt {
    margin-top: 67px !important
  }
  .catalog-banner--call-direct .text-area--one p {
    left: 20%;
    width: 56%
  }
}

.catalog-banner--low-low {
  background: #CACCC9 !important;
  background-size: contain;
  height: 200px !important
}

.catalog-banner--low-low .panel {
  background: transparent !important
}

.catalog-banner--low-low .layout {
  color: #000
}

.catalog-banner--low-low .layout__item {
  padding-left: 0
}

.catalog-banner--low-low .block {
  margin-top: -24px
}

.catalog-banner--low-low .block h2 {
  font-weight: 200;
  font-size: 27px
}

.catalog-banner--low-low .block p {
  font-size: 13px;
  margin-top: -15px;
  max-width: 100%
}

@media screen and (min-width: 48rem) {
  .catalog-banner--low-low {
    background: url("http://images.sofology.co.uk/image/upload/q_70/v1453133746/category/1115/banners/low-low-768.jpg") no-repeat #CACCC9 !important;
    background-size: contain;
    height: 275px !important
  }
  .catalog-banner--low-low .block {
    margin-top: -20px
  }
  .catalog-banner--low-low .block h2 {
    font-weight: 200;
    font-size: 36px;
    margin-bottom: 10px !important
  }
  .catalog-banner--low-low .block p {
    font-size: 15px;
    margin-top: 0 !important
  }
}

@media screen and (min-width: 64rem) {
  .catalog-banner--low-low {
    background: url("http://images.sofology.co.uk/image/upload/q_70/v1453133746/category/1115/banners/low-low-1024.jpg") no-repeat #CACCC9 !important;
    background-position: right center;
    min-height: 276px !important
  }
  .catalog-banner--low-low .block {
    margin-top: -40px
  }
  .catalog-banner--low-low .block h2 {
    margin-bottom: 25px !important
  }
  .catalog-banner--low-low .block p {
    margin-top: -22px !important
  }
}

@media screen and (min-width: 80rem) {
  .catalog-banner--low-low {
    background: url("http://images.sofology.co.uk/image/upload/q_70/v1453133746/category/1115/banners/low-low.jpg") no-repeat #CACCC9 !important
  }
  .catalog-banner--low-low .block h2 {
    margin-bottom: 30px !important
  }
  .catalog-banner--low-low .block p {
    padding: 0 28px !important
  }
}

@media screen and (min-width: 85.375rem) {
  .catalog-banner--low-low .block h2 {
    margin-bottom: 30px !important
  }
  .catalog-banner--low-low .block p {
    padding: 0 36px !important
  }
}

.catalog-banner--ten-year {
  background: #CACCC9 !important;
  background-size: contain;
  height: 200px !important
}

.catalog-banner--ten-year .panel {
  background: transparent !important
}

.catalog-banner--ten-year .layout {
  color: #000
}

.catalog-banner--ten-year .layout__item {
  padding-left: 0
}

.catalog-banner--ten-year .block h2 {
  font-weight: 200;
  font-size: 22px
}

.catalog-banner--ten-year .block p {
  font-size: 13px;
  margin-top: 0;
  max-width: 100%
}

@media screen and (min-width: 48rem) {
  .catalog-banner--ten-year {
    background: url("http://images.sofology.co.uk/image/upload/q_70/v1449061732/category/1115/banners/guarantee-768.jpg") no-repeat #caccc9 !important
  }
  .catalog-banner--ten-year .block {
    padding: 0 !important
  }
  .catalog-banner--ten-year .block h2 {
    font-weight: 200;
    font-size: 36px;
    margin-bottom: 24px !important
  }
  .catalog-banner--ten-year .block p {
    font-size: 15px;
    padding: 0 24px !important
  }
}

@media screen and (min-width: 64rem) {
  .catalog-banner--ten-year {
    background: url("http://images.sofology.co.uk/image/upload/q_70/v1449061732/category/1115/banners/guarantee-1024.jpg") no-repeat #caccc9 !important
  }
  .catalog-banner--ten-year .block {
    padding: 0 !important
  }
  .catalog-banner--ten-year .block h2 {
    font-weight: 200;
    font-size: 36px
  }
  .catalog-banner--ten-year .block p {
    font-size: 15px
  }
}

@media screen and (min-width: 80rem) {
  .catalog-banner--ten-year {
    background: url("http://images.sofology.co.uk/image/upload/q_70/v1448643445/category/1115/banners/guarantee.jpg") no-repeat #caccc9 !important
  }
  .catalog-banner--ten-year .block p {
    padding: 0 112px !important
  }
}

@media screen and (min-width: 85.375rem) {
  .catalog-banner--ten-year .block p {
    padding: 0 124px !important
  }
}

.catalog-banner--personalisation {
  background: url("http://images.sofology.co.uk/image/upload/q_70/v1449237374/category/1115/fashionista-640.jpg") no-repeat #000 !important;
  background-size: contain !important;
  height: 200px !important
}

.catalog-banner--personalisation .panel {
  background: transparent !important
}

.catalog-banner--personalisation .block {
  color: #fff
}

.catalog-banner--personalisation .block h2 {
  font-weight: 200;
  font-size: 23px
}

.catalog-banner--personalisation .block p {
  font-size: 13px;
  margin-top: -13px;
  max-width: 100%;
  position: relative
}

@media screen and (min-width: 321px) and (max-width: 375px) {
  .catalog-banner--personalisation .block {
    padding: 0 15px !important
  }
  .catalog-banner--personalisation .block h2 {
    margin-bottom: 10px;
    margin-top: 14px
  }
  .catalog-banner--personalisation .block p {
    padding: 0 17px !important
  }
}

@media screen and (min-width: 375px) and (max-width: 414px) {
  .catalog-banner--personalisation .block {
    padding: 0 26px
  }
  .catalog-banner--personalisation .block p {
    padding: 0 26px
  }
}

@media screen and (min-width: 25.94rem) {
  .catalog-banner--personalisation .block {
    padding: 0 26px
  }
  .catalog-banner--personalisation .block h2 {
    font-size: 24px
  }
}

@media screen and (min-width: 569px) and (max-width: 667px) {
  .catalog-banner--personalisation .content {
    margin-top: 0
  }
  .catalog-banner--personalisation .block {
    margin-left: 154px !important
  }
  .catalog-banner--personalisation .block p {
    margin-top: -12px;
    padding: 0 107px !important;
    position: relative
  }
}

@media screen and (min-width: 46rem) {
  .catalog-banner--personalisation .block p {
    padding: 0 148px !important
  }
}

@media screen and (min-width: 48rem) {
  .catalog-banner--personalisation {
    background: url("http://images.sofology.co.uk/image/upload/q_70/v1448976906/category/1115/banners/fashionista-768.jpg") no-repeat #000 !important
  }
  .catalog-banner--personalisation .content {
    bottom: -126px !important;
    left: 36% !important;
    margin-top: 72px !important;
    padding: 0 !important
  }
  .catalog-banner--personalisation .block {
    margin: 0 !important;
    padding: 0 !important
  }
  .catalog-banner--personalisation .block h2 {
    font-size: 35px
  }
  .catalog-banner--personalisation .block p {
    font-size: 16px;
    padding: 0 96px !important
  }
}

@media screen and (min-width: 64rem) {
  .catalog-banner--personalisation {
    background: url("http://images.sofology.co.uk/image/upload/q_70/v1448976906/category/1115/banners/fashionista-1024.jpg") no-repeat #000 !important
  }
  .catalog-banner--personalisation .content {
    padding: 0 48px !important
  }
  .catalog-banner--personalisation .content .block {
    margin-left: 36px !important
  }
}

@media screen and (min-width: 80rem) {
  .catalog-banner--personalisation {
    background: url("http://images.sofology.co.uk/image/upload/q_70/v1448643445/category/1115/banners/fashionista.jpg") no-repeat #000 !important
  }
  .catalog-banner--personalisation .content {
    left: 44% !important
  }
  .catalog-banner--personalisation .block {
    padding: 0 112px !important
  }
  .catalog-banner--personalisation .block p {
    top: -24px;
    position: relative
  }
}

.catalog-banner--no-pressure {
  background: #404041 !important;
  height: auto !important;
  padding: 0 !important
}

.catalog-banner--no-pressure .panel {
  background: transparent !important
}

.catalog-banner--no-pressure .layout__item {
  padding-left: 0
}

.catalog-banner--no-pressure .layout__item .block h2 {
  font-size: 23px
}

.catalog-banner--no-pressure .layout__item .block p {
  font-size: 13px;
  margin: 0
}

@media screen and (min-width: 321px) and (max-width: 375px) {
  .catalog-banner--no-pressure .block {
    padding: 0 26px
  }
}

@media screen and (min-width: 376px) and (max-width: 414px) {
  .catalog-banner--no-pressure .block {
    padding: 0 46px
  }
}

@media screen and (min-width: 25.94rem) {
  .catalog-banner--no-pressure .block p {
    max-width: 100%
  }
}

@media screen and (min-width: 569px) and (max-width: 667px) {
  .catalog-banner--no-pressure .block {
    padding: 0 142px !important
  }
}

@media screen and (min-width: 48rem) {
  .catalog-banner--no-pressure {
    background: url("http://images.sofology.co.uk/image/upload/q_70/v1448992593/category/1115/banners/no-pressure-768.jpg") no-repeat #404041 !important
  }
  .catalog-banner--no-pressure .layout {
    padding-bottom: 0 !important;
    position: relative
  }
  .catalog-banner--no-pressure .layout__item {
    margin-top: -41px;
    padding: 0 12px !important;
    position: relative;
    right: -94px !important
  }
  .catalog-banner--no-pressure .block {
    padding: 0 !important
  }
  .catalog-banner--no-pressure .block h2 {
    font-size: 35px !important;
    line-height: 1.15;
    margin-bottom: 4px;
    margin-top: 10px;
    padding: 0 !important
  }
  .catalog-banner--no-pressure .block p {
    font-size: 16px !important;
    line-height: 1.4;
    margin: 0;
    margin-top: 10px;
    padding: 0 24px !important
  }
}

@media screen and (min-width: 64rem) {
  .catalog-banner--no-pressure {
    background: url("http://images.sofology.co.uk/image/upload/q_70/v1448643445/category/1115/banners/no-pressure.jpg") #404041 no-repeat !important;
    background-position: 17% center !important
  }
  .catalog-banner--no-pressure .block h2 {
    margin-bottom: 24px !important
  }
  .catalog-banner--no-pressure .block p {
    padding: 0 18px !important
  }
}

@media screen and (min-width: 80rem) {
  .catalog-banner--no-pressure .layout {
    padding-top: 0 !important
  }
  .catalog-banner--no-pressure .block p {
    padding: 0 112px !important
  }
}

@media screen and (min-width: 85.375rem) {
  .catalog-banner--no-pressure .block p {
    padding: 0 136px !important
  }
}

@media screen and (min-width: 321px) and (max-width: 414px) {
  .easter-banners-catalog {
    margin-top: 3px
  }
}

@media screen and (min-width: 25.94rem) {
  .easter-banners-catalog {
    margin-top: 4px
  }
}

@media screen and (min-width: 569px) and (max-width: 667px) {
  .easter-banners-catalog {
    margin-top: 4px
  }
}

.easter-banners-catalog .content {
  background: url("http://images.sofology.co.uk/image/upload/v1458054490/banners/Easter/cat-easter-640.jpg") center no-repeat;
  background-size: 100%;
  height: 80px;
  width: auto
}

@media screen and (min-width: 25.94rem) {
  .easter-banners-catalog .content {
    background-size: 100%;
    height: 131px;
    width: auto
  }
}

@media screen and (min-width: 569px) and (max-width: 667px) {
  .easter-banners-catalog .content {
    background: url("http://images.sofology.co.uk/image/upload/v1458054490/banners/Easter/cat-easter-768.jpg") center no-repeat;
    background-size: 100%
  }
}

@media screen and (min-width: 46rem) {
  .easter-banners-catalog .content {
    background: url("http://images.sofology.co.uk/image/upload/v1458054490/banners/Easter/cat-easter-768.jpg") center no-repeat;
    background-size: 100%;
    width: 100%
  }
}

@media screen and (min-width: 48rem) {
  .easter-banners-catalog .content {
    height: 160px
  }
}

@media screen and (min-width: 64rem) {
  .easter-banners-catalog .content {
    background: url("http://images.sofology.co.uk/image/upload/v1458054491/banners/Easter/cat-easter-1280.jpg") center no-repeat;
    background-size: 100%;
    height: 118px
  }
}

@media screen and (min-width: 80rem) {
  .easter-banners-catalog .content {
    background: url("http://images.sofology.co.uk/image/upload/v1458054491/banners/Easter/cat-easter-1366.jpg") center no-repeat;
    background-size: 100%;
    height: 143px
  }
}

@media screen and (min-width: 85.375rem) {
  .easter-banners-catalog .content {
    background: url("http://images.sofology.co.uk/image/upload/v1458054491/banners/Easter/cat-easter-1440.jpg") center no-repeat;
    background-size: 100%;
    height: 149px
  }
}

@media screen and (min-width: 321px) and (max-width: 414px) {
  .easter-banners-catalog.store-locator-page, .easter-banners-catalog.terms-page, .easter-banners-catalog.range-page {
    margin-bottom: 3px
  }
}

@media screen and (min-width: 25.94rem) {
  .easter-banners-catalog.store-locator-page, .easter-banners-catalog.terms-page, .easter-banners-catalog.range-page {
    margin-bottom: 3px
  }
}

@media screen and (min-width: 46rem) {
  .easter-banners-catalog.store-locator-page, .easter-banners-catalog.terms-page, .easter-banners-catalog.range-page {
    margin-bottom: 4px
  }
}

@media screen and (min-width: 48rem) {
  .easter-banners-catalog.store-locator-page, .easter-banners-catalog.terms-page, .easter-banners-catalog.range-page {
    margin: 0
  }
}

@media screen and (min-width: 64rem) {
  .easter-banners-catalog.store-locator-page, .easter-banners-catalog.terms-page, .easter-banners-catalog.range-page {
    margin: 4px 0
  }
}

@media screen and (min-width: 85.375rem) {
  .easter-banners-catalog.store-locator-page, .easter-banners-catalog.terms-page, .easter-banners-catalog.range-page {
    max-width: 1392px;
    margin: 4px auto
  }
}

@media screen and (min-width: 85.375rem) {
  .easter-banners-catalog.terms-page {
    max-width: 1352px
  }
}

@media screen and (min-width: 85.375rem) {
  .easter-banners-catalog.range-page {
    max-width: 1440px
  }
}

.grid-section .container, .promo_pods .container {
  width: 90% !important;
  margin: 0 auto !important
}

@media screen and (min-width: 85.375rem) {
  .grid-section .container, .promo_pods .container {
    padding: 0
  }
}

#top-link-block {
  bottom: 0;
  max-width: 1600px;
  position: relative
}

@media screen and (min-width: 64rem) {
  #top-link-block {
    bottom: 20px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
  }
  #top-link-block.affix {
    position: fixed
  }
}

#top-link-block a {
  background: #009FEE
}

@media screen and (min-width: 64rem) {
  #top-link-block a {
    float: right;
    margin: 0 20px 0 0
  }
}

.advanced-component>div {
  width: 100%
}

.advanced-component.standard-components {
  padding: 35px
}

.advanced-component.image-carousel .container, .advanced-component.text-with-image_video .container {
  max-width: 90%;
  margin: 0 auto;
  padding: 0
}

.advanced-component.image-carousel .row, .advanced-component.text-with-image_video .row {
  margin: 0
}

.advanced-component.image-carousel .col-md-6, .advanced-component.image-carousel .col-md-5, .advanced-component.text-with-image_video .col-md-6, .advanced-component.text-with-image_video .col-md-5 {
  padding: 0
}

@media only screen and (min-width: 992px) {
  .advanced-component.text-with-image_video .row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .advanced-component.text-with-image_video .row-flex.row-column-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
  .advanced-component.text-with-image_video .row-flex .info {
    padding: 35px
  }
  .advanced-component.text-with-image_video .pull-margin-left {
    margin-left: auto
  }
}

.advanced-component .page_component>*:only-child, .advanced-component .page_component>*:last-child {
  margin-bottom: 0
}

.advanced-component h2.heading {
  color: inherit
}

@media screen and (min-width: 64rem) {
  .advanced-component .grid-section .col-md-4:nth-of-type(2) {
    padding: 0 24px
  }
}

.advanced-component .grid-section .col-md-12 {
  width: 78%;
  margin: 0 auto;
  float: none;
  padding: 0
}

.advanced-component.sofology-red-bg {
  background-color: #9F090A !important;
  color: #fff !important
}

.advanced-component.sofology-red-bg h1, .advanced-component.sofology-red-bg h2, .advanced-component.sofology-red-bg h3, .advanced-component.sofology-red-bg h4, .advanced-component.sofology-red-bg p {
  color: #fff
}

.advanced-component.sofology-red-bg ul li {
  border-color: #fff !important
}

.advanced-component.sofology-red-bg h1, .advanced-component.sofology-red-bg h2, .advanced-component.sofology-red-bg h3, .advanced-component.sofology-red-bg h4, .advanced-component.sofology-red-bg p {
  color: #fff
}

.advanced-component.sofology-red-bg .c-btn {
  color: #fff !important
}

.advanced-component.sofology-red-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.advanced-component.sofology-blue-bg {
  background-color: #009FEE !important;
  color: #fff !important
}

.advanced-component.sofology-blue-bg h1, .advanced-component.sofology-blue-bg h2, .advanced-component.sofology-blue-bg h3, .advanced-component.sofology-blue-bg h4, .advanced-component.sofology-blue-bg p {
  color: #fff
}

.advanced-component.sofology-blue-bg ul li {
  border-color: #fff !important
}

.advanced-component.sofology-blue-bg h1, .advanced-component.sofology-blue-bg h2, .advanced-component.sofology-blue-bg h3, .advanced-component.sofology-blue-bg h4, .advanced-component.sofology-blue-bg p {
  color: #fff
}

.advanced-component.sofology-blue-bg .c-btn {
  color: #fff !important
}

.advanced-component.sofology-blue-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.advanced-component.white-bg {
  background-color: #fff !important;
  color: #3F3F3F !important
}

.advanced-component.white-bg h1, .advanced-component.white-bg h2, .advanced-component.white-bg h3, .advanced-component.white-bg h4, .advanced-component.white-bg p {
  color: #fff
}

.advanced-component.white-bg ul li {
  border-color: #3F3F3F !important
}

.advanced-component.white-bg .c-btn {
  color: #3F3F3F !important
}

.advanced-component.white-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.advanced-component.white-bg h1, .advanced-component.white-bg h2, .advanced-component.white-bg h3, .advanced-component.white-bg p, .advanced-component.white-bg ul, .advanced-component.white-bg li {
  color: inherit !important
}

.advanced-component.pale-grey-bg {
  background-color: #F7F7F7 !important;
  color: #3F3F3F !important
}

.advanced-component.pale-grey-bg h1, .advanced-component.pale-grey-bg h2, .advanced-component.pale-grey-bg h3, .advanced-component.pale-grey-bg h4, .advanced-component.pale-grey-bg p {
  color: #fff
}

.advanced-component.pale-grey-bg ul li {
  border-color: #3F3F3F !important
}

.advanced-component.pale-grey-bg .c-btn {
  color: #3F3F3F !important
}

.advanced-component.pale-grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.advanced-component.pale-grey-bg h1, .advanced-component.pale-grey-bg h2, .advanced-component.pale-grey-bg h3, .advanced-component.pale-grey-bg p, .advanced-component.pale-grey-bg ul, .advanced-component.pale-grey-bg li {
  color: inherit !important
}

.advanced-component.light-grey-bg {
  background-color: #E5E5E5 !important;
  color: #3F3F3F !important
}

.advanced-component.light-grey-bg h1, .advanced-component.light-grey-bg h2, .advanced-component.light-grey-bg h3, .advanced-component.light-grey-bg h4, .advanced-component.light-grey-bg p {
  color: #fff
}

.advanced-component.light-grey-bg ul li {
  border-color: #3F3F3F !important
}

.advanced-component.light-grey-bg .c-btn {
  color: #3F3F3F !important
}

.advanced-component.light-grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.advanced-component.light-grey-bg h1, .advanced-component.light-grey-bg h2, .advanced-component.light-grey-bg h3, .advanced-component.light-grey-bg p, .advanced-component.light-grey-bg ul, .advanced-component.light-grey-bg li {
  color: inherit !important
}

.advanced-component.medium-grey-bg {
  background-color: #3F3F3F !important;
  color: #fff !important
}

.advanced-component.medium-grey-bg h1, .advanced-component.medium-grey-bg h2, .advanced-component.medium-grey-bg h3, .advanced-component.medium-grey-bg h4, .advanced-component.medium-grey-bg p {
  color: #fff
}

.advanced-component.medium-grey-bg ul li {
  border-color: #fff !important
}

.advanced-component.medium-grey-bg h1, .advanced-component.medium-grey-bg h2, .advanced-component.medium-grey-bg h3, .advanced-component.medium-grey-bg h4, .advanced-component.medium-grey-bg p {
  color: #fff
}

.advanced-component.medium-grey-bg .c-btn {
  color: #fff !important
}

.advanced-component.medium-grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.advanced-component.mineshaft-bg {
  background-color: #202020 !important;
  color: #fff !important
}

.advanced-component.mineshaft-bg h1, .advanced-component.mineshaft-bg h2, .advanced-component.mineshaft-bg h3, .advanced-component.mineshaft-bg h4, .advanced-component.mineshaft-bg p {
  color: #fff
}

.advanced-component.mineshaft-bg ul li {
  border-color: #fff !important
}

.advanced-component.mineshaft-bg h1, .advanced-component.mineshaft-bg h2, .advanced-component.mineshaft-bg h3, .advanced-component.mineshaft-bg h4, .advanced-component.mineshaft-bg p {
  color: #fff
}

.advanced-component.mineshaft-bg .c-btn {
  color: #fff !important
}

.advanced-component.mineshaft-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.advanced-component.black-bg {
  background-color: #000 !important;
  color: #fff !important
}

.advanced-component.black-bg h1, .advanced-component.black-bg h2, .advanced-component.black-bg h3, .advanced-component.black-bg h4, .advanced-component.black-bg p {
  color: #fff
}

.advanced-component.black-bg ul li {
  border-color: #fff !important
}

.advanced-component.black-bg h1, .advanced-component.black-bg h2, .advanced-component.black-bg h3, .advanced-component.black-bg h4, .advanced-component.black-bg p {
  color: #fff
}

.advanced-component.black-bg .c-btn {
  color: #fff !important
}

.advanced-component.black-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.slick-initialized .slick-slide.banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.banner {
  width: 100%;
  height: 100px;
  background-size: cover !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: auto;
  padding: 35px 0;
  position: relative;
  background-position: 100%
}

.banner.takeover {
  padding: 0
}

.banner__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 90%;
  margin: 0 auto
}

.banner__container {
  width: 90%;
  height: auto;
  margin: 0 5%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.banner__cta {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}

@media screen and (min-width: 48rem) {
  .banner__cta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
  .banner__cta {
    max-width: 410px
  }
}

@media screen and (min-width: 85.375rem) {
  .banner__cta {
    -ms-flex-flow: nowrap;
    flex-flow: nowrap
  }
}

.banner__cta a {
  margin: 0;
  width: 100%
}

.banner__cta a~.form--inline {
  width: 100%
}

@media screen and (min-width: 64rem) {
  .banner__cta a {
    margin-right: 0
  }
}

@media screen and (min-width: 80rem) {
  .banner__cta a {
    margin-right: 0
  }
}

@media screen and (min-width: 85.375rem) {
  .banner__cta a {
    margin-right: 20px;
    width: auto
  }
}

.banner__cta a:first-child:last-child {
  width: auto
}

.banner__cta a:last-child {
  margin-bottom: 0
}

.banner__cta .form--inline {
  width: 100%
}

.banner__cta .controls__control, .banner__cta form.form--enquiry .controls__control--select, form.form--enquiry .banner__cta .controls__control--select {
  max-width: none !important
}

.banner__cta>.btn {
  margin-bottom: 20px
}

@media screen and (min-width: 64rem) {
  .banner__cta>.btn {
    max-height: 58px
  }
}

.banner .scroll {
  position: absolute;
  bottom: 0;
  left: 50%;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1
}

.banner .scroll a:link, .banner .scroll a:hover {
  color: white !important
}

.banner--full:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block
}

.banner--nobg .banner__container {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.banner--nobg .banner__cta {
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media screen and (min-width: 85.375rem) {
  .banner--nobg .banner__cta a {
    margin-right: 10px
  }
}

@media screen and (min-width: 80rem) {
  .banner--nobg .banner__cta {
    -ms-flex-flow: nowrap;
    flex-flow: nowrap
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
  .banner--nobg .banner__cta {
    max-width: 410px
  }
}

.banner--nobg--right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.banner--nobg--right .banner__container {
  width: 100%
}

@media screen and (min-width: 48rem) {
  .banner--nobg--right .banner__container {
    width: 55%
  }
}

@media screen and (min-width: 64rem) {
  .banner--nobg--right .banner__container {
    width: 50%
  }
}

.banner--left .banner__container {
  width: 95%;
  margin: 0 2.5%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.banner--left .banner__cta {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media screen and (min-width: 80rem) {
  .banner--left .banner__cta {
    max-width: 340px
  }
}

.banner--right .banner__container {
  width: 95%;
  margin: 0 2.5%;
  padding: 35px 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media screen and (min-width: 48rem) {
  .banner--right .banner__container {
    width: 97.5%;
    margin: 0 2.5% 0
  }
}

.banner--right .banner__cta {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.banner--half {
  padding: 0
}

.banner--half .banner__wrapper {
  max-width: 100%
}

.banner--half .banner__container {
  margin: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  height: auto
}

.banner--half .banner__cta {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  flex-flow: wrap
}

@media screen and (min-width: 48rem) {
  .banner--half .banner__cta {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media screen and (min-width: 80rem) {
  .banner--half .banner__cta {
    -ms-flex-flow: nowrap;
    flex-flow: nowrap
  }
}

.banner--half .banner__cta>.btn {
  margin-bottom: 20px;
  margin-right: 0;
  max-height: 41px;
  width: 100%
}

@media screen and (min-width: 64rem) {
  .banner--half .banner__cta>.btn {
    max-height: 58px
  }
}

@media screen and (min-width: 80rem) {
  .banner--half .banner__cta>.btn {
    margin-bottom: 0;
    margin-right: 20px;
    width: auto
  }
}

.banner--half .banner__cta form {
  width: 100%
}

@media screen and (min-width: 80rem) {
  .banner--half .banner__cta form {
    width: auto
  }
}

.banner--half .banner__cta form .controls__control, .banner--half .banner__cta form.form--enquiry .controls__control--select {
  max-width: 100%
}

@media (min-width: 340px) and (max-width: 340px) {
  .banner--half .banner__cta form .controls__control, .banner--half .banner__cta form.form--enquiry .controls__control--select {
    max-width: 155px
  }
}

.banner--half--left .banner__wrapper {
  max-width: 100%
}

.banner--half--left .banner__container {
  margin: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.banner--half--left .banner__cta {
  -ms-flex-preferred-size: 340px;
  flex-basis: 340px
}

@media screen and (min-width: 80rem) {
  .banner--half--left .banner__cta {
    -ms-flex-flow: nowrap;
    flex-flow: nowrap
  }
}

.banner--full--left .banner__container {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.banner--full--left .banner__cta {
  max-width: none
}

.banner--full--right .banner__container {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.banner--full--right .banner__cta {
  max-width: none
}

.banner--newsletter {
  background-position: 28% !important
}

@media screen and (min-width: 64rem) {
  .banner--newsletter {
    background-position: 0 !important
  }
}

@media screen and (min-width: 80rem) {
  .banner--newsletter {
    background-position: 100% 0 !important
  }
}

.banner--newsletter .banner__cta {
  max-width: 340px
}

.banner--newsletter .pre-signup {
  display: block
}

.banner--newsletter .post-signup {
  display: none
}

.banner--newsletter.success .pre-signup {
  display: none
}

.banner--newsletter.success .post-signup {
  display: block
}

.banner--newsletter .form--inline .controls {
  position: relative
}

.banner--newsletter .form--inline .controls .controls__control, .banner--newsletter .form--inline .controls form.form--enquiry .controls__control--select, form.form--enquiry .banner--newsletter .form--inline .controls .controls__control--select {
  width: 100px
}

@media (min-width: 768px) {
  .banner--newsletter .form--inline .controls .controls__control, .banner--newsletter .form--inline .controls form.form--enquiry .controls__control--select, form.form--enquiry .banner--newsletter .form--inline .controls .controls__control--select {
    max-width: 72%
  }
}

@media screen and (min-width: 48rem) {
  .banner--newsletter .form--inline .controls .controls__control, .banner--newsletter .form--inline .controls form.form--enquiry .controls__control--select, form.form--enquiry .banner--newsletter .form--inline .controls .controls__control--select {
    width: 140px
  }
}

@media screen and (min-width: 64rem) {
  .banner--newsletter .form--inline .controls .controls__control, .banner--newsletter .form--inline .controls form.form--enquiry .controls__control--select, form.form--enquiry .banner--newsletter .form--inline .controls .controls__control--select {
    width: 240px
  }
}

.banner--newsletter label.error {
  position: absolute;
  margin-top: 40px;
  font-weight: 900;
  font-size: 14px;
  left: 0;
  line-height: 1
}

@media (min-width: 1024px) {
  .banner--newsletter label.error {
    margin-top: 55px
  }
}

.banner--storefinder {
  background-repeat: no-repeat;
  background-size: cover !important;
  padding: 35px 0
}

@media screen and (min-width: 48rem) {
  .banner--storefinder {
    padding: 35px
  }
}

.banner--storefinder .banner__container {
  height: auto;
  width: 90%;
  margin: 0 5%;
  padding: 0
}

@media screen and (min-width: 48rem) {
  .banner--storefinder .banner__container {
    width: auto;
    margin: inherit;
    padding: inherit
  }
}

.banner--storefinder .banner__cta {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 340px
}

@media screen and (min-width: 48rem) {
  .banner--storefinder .banner__cta {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media screen and (min-width: 80rem) {
  .banner--storefinder .banner__cta {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.banner--storefinder .banner__cta>.btn {
  margin-bottom: 20px;
  max-height: 41px
}

@media screen and (min-width: 48rem) {
  .banner--storefinder .banner__cta>.btn {
    margin-bottom: 0
  }
}

@media screen and (min-width: 64rem) {
  .banner--storefinder .banner__cta>.btn {
    max-height: 58px
  }
}

.banner--storefinder .banner__cta .controls {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width: 48rem) {
  .banner--storefinder .banner__cta .controls {
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit
  }
}

.banner--storefinder .form {
  display: inline-block;
  margin: 0;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .banner--storefinder .form {
    margin-left: 20px;
    width: auto
  }
}

@media screen and (min-width: 64rem) {
  .banner--storefinder .form {
    margin-left: 10px
  }
}

.banner--storefinder .controls__control, .banner--storefinder form.form--enquiry .controls__control--select, form.form--enquiry .banner--storefinder .controls__control--select {
  width: 100px
}

@media screen and (min-width: 48rem) {
  .banner--storefinder .controls__control, .banner--storefinder form.form--enquiry .controls__control--select, form.form--enquiry .banner--storefinder .controls__control--select {
    width: 140px
  }
}

@media screen and (min-width: 64rem) {
  .banner--storefinder .controls__control, .banner--storefinder form.form--enquiry .controls__control--select, form.form--enquiry .banner--storefinder .controls__control--select {
    width: 240px
  }
}

.banner--storefinder #store-finder-errors, .banner--storefinder .store-finder-errors {
  margin: 15px 0;
  text-align: left
}

.banner__text--content {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: inherit;
  align-content: inherit;
  -webkit-box-align: inherit;
  -ms-flex-align: inherit;
  -ms-grid-row-align: inherit;
  align-items: center;
  text-align: inherit;
  max-width: 100%
}

.banner--half .banner__text--content, .banner--right .banner__text--content, .banner--left .banner__text--content, .banner--full--right .banner__text--content, .banner--full--left .banner__text--content, .banner--nobg .banner__text--content {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start
}

.banner--half .banner__text--content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.banner__text--content img {
  width: auto !important
}

.banner__text--content .text {
  margin-bottom: 35px
}

.banner__text--content .text:last-of-type {
  margin-bottom: 0
}

.banner .pre-signup .text {
  margin-bottom: 35px
}

.banner .pre-signup .text:last-of-type {
  margin-bottom: 0
}

.banner__text {
  width: 100%;
  height: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 35px 5%;
  text-align: center;
  z-index: 1
}

@media screen and (min-width: 48rem) {
  .banner__text {
    padding: 35px
  }
}

@media screen and (min-width: 48rem) {
  .banner__text {
    width: 82%;
    height: auto
  }
}

.banner__text li {
  margin-bottom: 0
}

.banner__text--nobg {
  background: none;
  color: #3F3F3F;
  left: 0%;
  padding: 0;
  text-align: left;
  width: 100%
}

@media screen and (min-width: 80rem) {
  .banner__text--nobg {
    padding: 35px
  }
}

@media screen and (min-width: 48rem) {
  .banner__text--nobg {
    width: 50%
  }
}

@media screen and (min-width: 64rem) {
  .banner__text--nobg {
    padding: 0;
    width: 50%
  }
}

.banner__text--nobg--right {
  width: 100%
}

.banner__text h1, .banner__text .text, .banner__text p {
  max-width: 100%
}

.banner__text h1 {
  color: inherit !important
}

.banner__text h1 .sofology-white {
  color: #3F3F3F
}

.banner--nobg .banner__text h1 {
  color: #3F3F3F
}

.banner__text h2 {
  color: inherit !important;
  text-align: inherit;
  max-width: 100%
}

.banner__text h2.heading.main {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 29px
}

.banner__text h3, .banner__text h4, .banner__text h5, .banner__text h6 {
  color: inherit !important;
  max-width: 100%
}

.banner__text ul {
  color: inherit !important;
  margin-bottom: 35px
}

.banner__text p {
  color: inherit !important
}

.banner__text p:last-child {
  margin-bottom: 0
}

.banner__text button {
  display: block;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .banner__text button {
    display: inline-block;
    width: auto
  }
}

.banner--nobg .banner__text button {
  border-color: #3F3F3F;
  color: #3F3F3F
}

.banner--left .banner__text {
  -ms-flex-item-align: center;
  align-self: center;
  padding: 35px 2.5%;
  text-align: left;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .banner--left .banner__text {
    width: 50%;
    padding: 35px 2.5%
  }
}

@media screen and (min-width: 80rem) {
  .banner--left .banner__text {
    width: 50%
  }
}

.banner--left.banner--storefinder .banner__text, .banner--right.banner--storefinder .banner__text {
  text-align: left
}

@media screen and (min-width: 64rem) {
  .banner--left.banner--storefinder .banner__text, .banner--right.banner--storefinder .banner__text {
    width: 80%
  }
}

@media screen and (min-width: 80rem) {
  .banner--left.banner--storefinder .banner__text, .banner--right.banner--storefinder .banner__text {
    width: 70%
  }
}

.banner--left.banner--storefinder .banner__text .banner__cta, .banner--right.banner--storefinder .banner__text .banner__cta {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.banner--right .banner__text {
  padding: 35px 2.5%;
  text-align: left;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .banner--right .banner__text {
    width: 50%;
    padding: 35px 2.5%
  }
}

@media screen and (min-width: 80rem) {
  .banner--right .banner__text {
    width: 50%
  }
}

.banner--half .banner__text {
  width: 100%;
  height: 100%;
  -ms-flex-line-pack: center;
  align-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: inherit
}

@media screen and (min-width: 48rem) {
  .banner--half .banner__text {
    width: 50%;
    height: 100%
  }
}

@media screen and (min-width: 80rem) {
  .banner--half .banner__text {
    width: 50%;
    height: 100%;
    padding-right: 5%
  }
}

.banner--half--left .banner__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 35px;
  justify-content: center
}

@media screen and (min-width: 48rem) {
  .banner--half--left .banner__text {
    padding-left: 5%
  }
}

.banner--full .banner__text {
  width: 100%;
  height: auto;
  background: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center
}

@media screen and (min-width: 48rem) {
  .banner--full .banner__text {
    width: 78%;
    height: auto
  }
}

.banner--full--left .banner__text {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
  padding: 0;
  text-align: left;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .banner--full--left .banner__text {
    width: 50%;
    height: 100%
  }
}

@media screen and (min-width: 80rem) {
  .banner--full--left .banner__text {
    width: 50%;
    height: 100%
  }
}

.banner--full--right .banner__text {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
  padding: 0;
  text-align: left;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .banner--full--right .banner__text {
    width: 48%;
    height: 100%
  }
}

.banner--storefinder .banner__text {
  padding-left: 5%;
  padding-right: 5%
}

@media screen and (min-width: 48rem) {
  .banner--storefinder .banner__text {
    padding: 35px
  }
}

.banner--newsletter .banner__text {
  width: 100%;
  height: auto
}

@media screen and (min-width: 48rem) {
  .banner--newsletter .banner__text {
    width: 50%
  }
}

.banner .image.video {
  position: relative;
  margin-bottom: 30px
}

.banner .image.video .overlayicon {
  display: block
}

.banner .image.video .overlayicon i {
  display: block;
  padding-top: 30%
}

.touch .banner--half .banner__container, .touch .banner--left.takeover .banner__container, .touch .banner--right.takeover .banner__container {
  height: 100%
}

.banner.expand-text-mobile i.sa.sa-angle-up, .banner.expand-text-mobile .read-less {
  display: none
}

.btn.expand-button {
  display: none
}

.full-height {
  height: 100% !important
}

@media screen and (max-width: 767px) {
  .banner.expand-text-mobile {
    position: relative;
    background-repeat: no-repeat;
    background-position: top;
    background-size: auto 680px !important;
    padding: 0
  }
  .banner.expand-text-mobile .link-button {
    display: none
  }
  .banner.expand-text-mobile .expand-button {
    display: inline-block
  }
  .banner.expand-text-mobile .expand-button:before {
    display: block
  }
  .banner.expand-text-mobile .expand-button:after {
    content: 'Read More'
  }
  .banner.expand-text-mobile .banner__container {
    margin: 0 0 0 0;
    width: 100%
  }
  .banner.expand-text-mobile .banner__text {
    margin: 2.5%;
    padding: 0;
    background: none;
    width: auto;
    -ms-flex-item-align: end;
    align-self: flex-end
  }
  .banner.expand-text-mobile .banner__text--content {
    padding: 2.5%
  }
  .banner.expand-text-mobile .text {
    display: block;
    height: 75.6px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis
  }
  .banner.expand-text-mobile .text p {
    margin: 0;
    font-size: 18px;
    line-height: 1.4
  }
  .banner.expand-text-mobile .banner__actions {
    width: 100%;
    padding: 0;
    margin-top: 2px
  }
  .banner.expand-text-mobile .banner__actions a.expand-button {
    display: block;
    position: relative;
    border: none;
    padding: 16px 5%;
    text-align: left
  }
  .banner.expand-text-mobile .banner__actions a.expand-button i {
    display: inline-block;
    float: right;
    position: absolute;
    right: 10px;
    top: 8px
  }
  .banner.expand-text-mobile i.sa {
    float: right;
    font-size: 2rem
  }
  .banner.expand-text-mobile .banner__cta {
    padding: 20px 0 0 0;
    position: relative
  }
  .banner.expand-text-mobile.banner-expanded-text {
    height: auto !important
  }
  .banner.expand-text-mobile .show-expanded-text.banner__text {
    margin: 0;
    padding: 40px
  }
  .banner.expand-text-mobile .show-expanded-text.banner__text .banner__text--content {
    padding: 0
  }
  .banner.expand-text-mobile .show-expanded-text.banner__text .text {
    height: auto;
    overflow: visible;
    text-overflow: initial
  }
  .banner.expand-text-mobile .show-expanded-text .banner__actions {
    margin-top: 20px;
    position: relative
  }
  .banner.expand-text-mobile .show-expanded-text .banner__actions a.expand-button {
    display: none
  }
  .banner.expand-text-mobile .show-expanded-text .banner__actions a.link-button.read-less {
    display: inline-block;
    position: absolute;
    background-color: transparent !important
  }
  .banner.expand-text-mobile .show-expanded-text .banner__actions a.link-button.read-less i.sa {
    display: none
  }
  .banner.expand-text-mobile .show-expanded-text .banner__actions i.sa {
    display: inline-block;
    padding: 4px 0 4px 15px
  }
}

@media only screen and (min-device-width: 340px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .banner.expand-text-mobile {
    background-size: cover !important
  }
}

.banner-slider {
  min-height: auto !important
}

@media screen and (min-width: 48rem) {
  .banner-slider .slick-prev {
    left: 15px !important
  }
}

@media screen and (min-width: 48rem) {
  .banner-slider .slick-next {
    right: 15px !important
  }
}

.checkout__flex__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row;
  margin-top: 16px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.checkout__flex__container .flex__aside {
  width: 100%
}

.checkout__flex__container .flex__aside--empty {
  display: none
}

@media screen and (min-width: 46rem) {
  .checkout__flex__container .flex__aside--empty {
    display: block
  }
}

.checkout__flex__container .flex__aside--right {
  margin-bottom: 2rem
}

@media screen and (min-width: 46rem) {
  .checkout__flex__container .flex__aside--right {
    width: 640px
  }
}

@media screen and (min-width: 64rem) {
  .checkout__flex__container .flex__aside--right {
    width: 500px
  }
}

@media screen and (min-width: 64rem) {
  .checkout__flex__container .flex__aside--right {
    width: 590px
  }
}

.checkout--panel {
  background-color: #fff;
  box-shadow: 0 2px 4px #dadada;
  margin: 0 0 16px;
  padding: 9.6px;
  position: relative
}

@media screen and (min-width: 48rem) {
  .checkout--panel {
    padding: 12px
  }
}

.checkout--panel .delivery__Title {
  font-size: 1rem;
  font-weight: bold;
  padding: 0;
  text-align: center;
  width: 100%
}

.checkout--panel .loading {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  padding: 30px 0 0 0;
  z-index: 10
}

.checkout--panel .loading .loader {
  color: #E9168C;
  margin: 0 auto;
  padding: 0
}

.checkout__summary {
  position: relative;
  width: 100%
}

.checkout__summary--title {
  width: 90%;
  height: 20px;
  font-size: 1rem;
  margin: .5rem 0 0 2.3rem;
  position: relative
}

.checkout__summary--title .delivery__Title {
  font-weight: bold;
  text-align: left
}

.checkout__summary--title .icon-delivery {
  position: absolute;
  top: 3px;
  left: -31px;
  margin-right: 0
}

.checkout__summary--title .edit__btn {
  position: absolute;
  top: -5px;
  right: 0;
  display: block;
  color: #333;
  font-size: 1.5rem;
  -webkit-transition: none;
  transition: none
}

.checkout__summary--title .edit__btn--edit i:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}

.checkout__summary--title .edit__btn--active {
  color: #A5C663
}

.checkout__summary--list {
  margin: 0;
  padding: 0
}

.checkout__summary--list-item {
  width: 98%;
  height: 100%;
  list-style: none
}

.checkout__summary--list-item .summary--postcode {
  color: #333;
  font-size: 1rem;
  font-weight: normal
}

.checkout__summary--list-item .summary__delveryPostcode__contanier {
  width: 100%;
  height: 30px
}

.checkout__summary--list-item .summary--delvery-postcode {
  display: inline-block;
  float: left
}

.checkout__summary--list-item .postcodeEdit__icon__position {
  display: inline;
  float: left;
  margin-top: 7px
}

.checkout__summary--list-item .postcode__error {
  width: 100%
}

.checkout__summary--list-item .summary--delvery-cost {
  float: right;
  font-size: .9rem;
  font-weight: bold;
  margin: .4rem .4rem 0 0
}

.checkout__summary--list-item .summary--details {
  font-size: 1rem;
  cursor: pointer
}

.checkout__summary--list-item .summary--details--editable {
  text-decoration: underline
}

.checkout__orderTotal {
  min-height: 55px;
  width: 100%
}

.checkout__orderTotal--std {
  font-size: 1.2rem;
  text-align: right;
  line-height: 1.5rem;
  width: 70%
}

.checkout__orderTotal--std span {
  font-size: .9rem
}

.checkout__orderTotal__separator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.checkout__orderTotal__separator--top {
  border-bottom: 1px solid #E5E5E5;
  padding: 0 0 9.6px 0;
  margin: 0 0 9.6px
}

.checkout__orderTotal__separator--bottom {
  padding: 4.8px 0 0
}

.checkout__orderTotal .panel__title {
  float: left;
  margin-bottom: 0;
  line-height: 1.7rem;
  width: 30%
}

.checkout__voucherPanel {
  background-color: #fff;
  box-shadow: 0 2px 4px #E5E5E5;
  position: relative;
  padding: 9.6px
}

.checkout__voucherPanel .checkout__discountPanel {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 9.6px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.checkout__voucherPanel .checkout__discountPanel--vouchers {
  margin-bottom: 6px
}

.checkout__voucherPanel .checkout__discountPanel--promotions {
  display: block
}

.checkout__voucherPanel .voucherLine {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.checkout__voucherPanel .voucherLine .voucherAmount {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  display: block;
  text-align: right;
  width: 50%
}

@media screen and (min-width: 48rem) {
  .checkout__voucherPanel .voucherLine .voucherAmount {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.4;
    width: 30%
  }
}

.checkout__voucherPanel .voucherLine .voucherName {
  font-size: 15px;
  font-size: .9375rem;
  line-height: 1;
  display: block;
  width: 40%
}

@media screen and (min-width: 48rem) {
  .checkout__voucherPanel .voucherLine .voucherName {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    width: 60%
  }
}

.checkout__voucherPanel .voucherLine--voucher:last-child, .checkout__voucherPanel .voucherLine--promo:last-child {
  padding-bottom: 0
}

.checkout__payment {
  width: 100%
}

.checkout__payment__slider {
  margin-bottom: 8px
}

.checkout__payment__slider .text__contanier {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  -webkit-flex-flow: row
}

.checkout__payment__slider .text__contanier .slider__title, .checkout__payment__slider .text__contanier .slider__payment {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.2rem
}

.checkout__payment__slider .text__contanier .slider__title--smltext, .checkout__payment__slider .text__contanier .slider__payment--smltext {
  color: #8d8d8d;
  font-size: .9rem;
  line-height: 1rem
}

.checkout__payment__slider .text__contanier .slider__title--smltext-aside, .checkout__payment__slider .text__contanier .slider__payment--smltext-aside {
  text-align: right
}

.checkout__payment__slider .text__contanier .slider__title {
  width: 90%
}

.checkout__payment__slider .text__contanier .slider__payment {
  text-align: right;
  width: auto
}

.checkout__payment__slider .cardSlider {
  position: relative;
  margin: 0 auto 15px;
  width: 75%
}

.checkout__payment__slider .cardSlider .irs {
  margin-top: -10px
}

.checkout__payment__slider .cardSlider .irs-slider {
  background: #00a0ee;
  border: none;
  box-shadow: 0 0 3px #000
}

.checkout__payment__slider .cardSlider .minus-btn {
  position: absolute;
  top: 22px;
  left: -2.5rem
}

.checkout__payment__slider .cardSlider .plus-btn {
  position: absolute;
  top: 22px;
  right: -2.5rem
}

.checkout__payment__slider button {
  width: 30px;
  height: 30px;
  background: #FFF;
  border: none;
  box-shadow: 0 0 3px #333;
  border-radius: 50%;
  color: #9c9c9c;
  display: block;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.9rem;
  pointer-events: auto
}

.checkout__payment__slider button i {
  margin-right: 0
}

.checkout__payment__slider button--disable {
  opacity: 0.3;
  pointer-events: none
}

.checkout__payment--methods {
  margin: 0;
  padding: 0
}

.checkout__payment--methods .delivery__Title {
  font-size: 1rem;
  font-weight: bold;
  padding: 0 0 1rem;
  text-align: center;
  width: 100%
}

.checkout__payment--methods .payment__methods--list {
  margin: 0;
  padding: 0
}

.checkout__payment--methods .payment__methods--list-item {
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: .5rem;
  padding: .8rem .8rem;
  list-style: none
}

@media screen and (min-width: 48rem) {
  .checkout__payment--methods .payment__methods--list-item {
    padding: .8rem 1rem
  }
}

.checkout__payment--methods .payment__methods--list-item header {
  background: none !important;
  min-height: 40px
}

.checkout__payment--methods .payment__methods--list-item .payMethod__option {
  display: block;
  width: 100%
}

.checkout__payment--methods .payment__methods--list-item .title {
  font-size: 1rem;
  font-weight: bold
}

.checkout__payment--methods .payment__methods--list-item .desc {
  font-size: .84rem;
  line-height: 1rem
}

@media screen and (min-width: 48rem) {
  .checkout__payment--methods .payment__methods--list-item .desc {
    font-size: .910rem
  }
}

.checkout__payment--methods .payment__methods--list .active {
  border: 1px solid #333;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease
}

.checkout__deliveryCost {
  position: relative;
  width: 100%
}

.checkout__deliveryCost .nonMainland {
  text-align: center
}

.checkout__deliveryCost .nonMainland__title {
  font-size: 1.125rem
}

.checkout__deliveryCost .nonMainland__text {
  font-size: 1rem;
  line-height: 1rem
}

.checkout__deliveryCost .nonMainland__text--bold {
  font-weight: bold;
  text-align: center
}

.checkout__deliveryCost .checkout__eca {
  width: 100%;
  margin: 0;
  padding: 0
}

.checkout__deliveryCost .checkout__eca--desc {
  font-size: .925rem;
  line-height: 1.3rem;
  text-align: center
}

.checkout__deliveryCost .checkout__eca--desc-bold {
  display: block;
  font-size: 1rem
}

.checkout__deliveryCost .checkout__eca--date {
  min-height: 50px;
  width: 100%
}

.checkout__deliveryCost .checkout__eca--date .set__date {
  width: 100%
}

@media screen and (min-width: 25.94rem) {
  .checkout__deliveryCost .checkout__eca--date .set__date {
    width: 385px
  }
}

@media screen and (min-width: 48rem) {
  .checkout__deliveryCost .checkout__eca--date .set__date {
    width: 313px
  }
}

@media screen and (min-width: 85.375rem) {
  .checkout__deliveryCost .checkout__eca--date .set__date {
    width: 318px
  }
}

.checkout__nextStep {
  padding: 16px;
  position: relative;
  width: 100%
}

.basket__content {
  box-shadow: none;
  border-bottom: none;
  max-width: 100%;
  position: relative
}

.basket__content__bundle {
  margin: 0 auto 16px
}

.basket__content--savings, .basket__content--standard {
  border-bottom: 1px #E5E5E5;
  box-shadow: 0 2px 4px #E5E5E5;
  margin: 0 auto 1px
}

.basket__content--standard .itemLoading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 9
}

.basket__content--standard .itemLoading .loader {
  margin-top: 40px;
  z-index: 250
}

.basket__item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #FFF;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .basket__item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

@media screen and (min-width: 64rem) {
  .basket__item {
    padding: 0 16px
  }
}

.basket__item .store__collect {
  margin: 4.36364px 0
}

.basket__item__img {
  margin: 0 auto;
  padding: 16px 0;
  width: 245px
}

@media screen and (min-width: 48rem) {
  .basket__item__img {
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
    padding: 2rem 0 1rem;
    width: auto
  }
}

@media screen and (min-width: 64rem) {
  .basket__item__img {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
  }
}

@media screen and (min-width: 85.375rem) {
  .basket__item__img {
    margin: 16px 0;
    padding: 16px 0
  }
}

.basket__item__img img {
  display: block;
  margin: 0 auto
}

.basket__item__details {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 14.11765px;
  padding-top: 0;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .basket__item__details {
    -ms-flex-preferred-size: 68%;
    flex-basis: 68%;
    padding: 18.46154px
  }
}

@media screen and (min-width: 64rem) {
  .basket__item__details {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    padding-right: 0
  }
}

.basket__overview {
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
  min-height: 120px
}

.basket__overview__title {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1;
  margin: 0 0 5px;
}

.basket__overview__description {
  font-size: 14.5px;
  font-size: .90625rem;
  line-height: 1.2;
  margin: 0 0 5px
}

.basket__overview__details {
  padding: 0 0 0 13.33333px
}

.sofa__config__list {
  margin: 0;
  padding: 0
}

.sofa__config__list__item {
  list-style-type: disc;
  margin: 0 0 0 9.23077px !important
}

.sofa__config__list__item p {
  font-size: .835rem;
  margin-bottom: 0;
  line-height: .9rem
}

.sofa__config__list__item p:first-letter {
  text-transform: capitalize
}

.sofa__config__list__item--adds p {
  line-height: 1rem;
  text-transform: none !important
}

.sofa__range__amend {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  min-height: 120px
}

.trash__can {
  -ms-flex-item-align: end;
  align-self: flex-end;
  background: none;
  border: none;
  font-size: 2rem;
  padding: 0;
  width: 30px
}

.trash__can--smlTrashCan {
  font-size: 1.5rem;
  width: 28px
}

.trash__can--smlTrashCan i {
  margin: 0
}

.sofa__range__amend__free {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 2.2;
  text-transform: uppercase
}

.sofa__range__amend__free:first-letter {
  text-transform: capitalize
}

@media screen and (min-width: 48rem) {
  .sofa__range__amend__free {
    line-height: 2rem
  }
}

.sofa__range__amend__price {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1;
  text-align: right;
  margin: 0 0 5px
}

.sofa__range__savings {
  margin: 0 0 5px;
  text-align: right;
  width: 100%
}

.sofa__range__savings--now {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1;
  display: block
}

.sofa__range__savings--was, .sofa__range__savings--save {
  font-size: 13px;
  font-size: .8125rem;
  line-height: 1;
  display: block
}

.sofa__range__savings .strike {
  text-decoration: line-through
}

.sofa__range__amend__btns {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border: 1px solid #E5E5E5;
  margin-bottom: 5px
}

.sofa__range__amend__btns button {
  width: 35px;
  height: 35px;
  background-color: #F7F7F7;
  border: none;
  line-height: 2.2rem
}

@media screen and (min-width: 48rem) {
  .sofa__range__amend__btns button {
    width: 40px;
    height: 43px
  }
}

.sofa__range__amend__btns button .sa-plus-fa, .sofa__range__amend__btns button .sa-minus {
  font-size: 0.8rem !important;
  margin-right: 0px !important
}

.sofa__range__amend__btns input {
  border: none;
  font-size: 1rem;
  text-align: center;
  width: 35px;
  height: 35px
}

@media screen and (min-width: 48rem) {
  .sofa__range__amend__btns input {
    width: 40px;
    height: 40px
  }
}

@media screen and (min-width: 85.375rem) {
  .sofa__range__amend__btns input {
    width: 30px
  }
}

.checkout__deliveryCost .loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  padding: 30px 0 0 0;
  z-index: 10
}

.checkout__deliveryCost .loading .loader {
  padding: 0;
  margin: 0 auto;
  color: #E9168C
}

.checkout__deliveryCost--calc {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative
}

.checkout__deliveryCost--calc-chooseDelivery {
  width: 100%;
  margin: 0;
  padding: 0
}

.checkout__deliveryCost--calc-chooseDelivery .light--fig-text {
  font-weight: 100
}

.form__btn {
  position: relative;
  margin: 2rem auto 2rem;
  width: 100%
}

@media screen and (min-width: 25.94rem) {
  .form__btn {
    width: 60%
  }
}

@media screen and (min-width: 64rem) {
  .form__btn {
    width: 75%
  }
}

.form__btn--continue, .form__btn--submit {
  width: 100%
}

@media screen and (min-width: 48rem) {
  .form__btn--continue, .form__btn--submit {
    width: 50%
  }
}

.form__btn--return {
  width: 100%
}

@media screen and (min-width: 48rem) {
  .form__btn--return {
    width: 80%
  }
}

@media screen and (min-width: 64rem) {
  .form__btn--return {
    width: 50%
  }
}

@media screen and (min-width: 80rem) {
  .form__btn--return {
    width: 35%
  }
}

.form__btn__text {
  font-size: .955rem;
  text-align: center;
  line-height: 1.2rem
}

.form__btn .submit__warning {
  padding: 0 1rem 1rem;
  margin: 0
}

.form__btn .pay__secure__message {
  padding: 1rem 1rem 0;
  margin: 0
}

.pickadate {
  font-family: 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif
}

.pickadate a {
  color: #FFF
}

.pickadate a:visited {
  color: #FFF
}

.pickadate-header {
  background-color: #00adef;
  padding: .1rem 0;
  position: relative
}

.pickadate-body {
  background-color: #f3f3f3;
  width: 100%
}

.pickadate-main {
  font-size: 1.2rem;
  margin: 0 auto;
  padding: 1rem 0;
  text-align: center;
  width: 270px
}

.pickadate-cell {
  margin: 0;
  padding: 0;
  overflow: hidden
}

.pickadate-cell li {
  color: #787878;
  display: block;
  float: left;
  font-size: .9rem;
  line-height: 1.5rem;
  padding: .4rem 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 35px;
  width: 14.285%
}

.pickadate-cell .pickadate-disabled {
  color: #bfc0c1
}

.pickadate-cell .pickadate-disabled a {
  color: #333
}

.pickadate-cell .pickadate-enabled {
  cursor: pointer;
  color: #666666;
  font-size: .9rem
}

.pickadate-cell .pickadate-today {
  background-color: #d8d8d8;
  color: #333
}

.pickadate-cell .pickadate-active {
  background-color: #00adef;
  border-radius: 50%;
  color: white
}

.pickadate-cell .pickadate-head {
  background: #f3f3f3
}

.pickadate-cell .pickadate-head:nth-child(1), .pickadate-cell .pickadate-head:nth-child(7) {
  background: #f3f3f3
}

.pickadate-centered-heading {
  color: #FFF !important;
  font-weight: 600;
  font-size: 1.1em;
  text-align: center;
  line-height: normal;
  margin: 13px 0 13px 0
}

.pickadate-controls {
  position: absolute;
  top: 2px;
  padding: 0 10px 0;
  width: 100%;
  z-index: 10
}

@media screen and (min-width: 80rem) {
  .pickadate-controls {
    top: 5px
  }
}

.pickadate-controls .pickadate-next {
  float: right
}

.pickadate-controls a {
  font-size: 2em;
  text-decoration: none
}

@media screen and (min-width: 80rem) {
  .pickadate-controls a {
    font-size: 1.5em
  }
}

.pickadate-modal {
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  padding: 0 5px 5px 5px;
  width: 300px;
  z-index: 1000
}


.bundle__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #3f3f3f !important;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 0 !important;
  padding: 10.90909px
}

.bundle__header h3 {
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 0;
  text-transform: lowercase
}

.bundle__header h3:first-letter {
  text-transform: capitalize
}

.bundle__header h3 span {
  display: block;
  font-weight: normal;
  font-size: .9125rem;
  text-transform: lowercase
}

@media screen and (min-width: 48rem) {
  .bundle__header h3 span {
    display: inline-block;
    margin: 0 0 0 3.69231px;
    word-spacing: 2px
  }
}

.bundle__header .basket-fa {
  color: #fff !important;
  font-size: 2rem
}

@media screen and (min-width: 48rem) {
  .bundle__header .basket-fa {
    margin-right: 9.6px
  }
}

.bundle__footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border-top: 1px solid #E5E5E5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 9.6px;
  -webkit-flex-flow: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.bundle__footer__items {
  width: 100%
}

.bundle__footer__items--sml {
  width: 170px
}

@media screen and (min-width: 48rem) {
  .bundle__footer__items--sml {
    width: 150px
  }
}

.bundle__footer__items span {
  color: #333;
  font-size: 1.1rem
}

.bundle__footer .bundle__price--now {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1.5;
  display: block;
  text-align: right;
  width: 100%
}

.bundle__footer .bundle__price--saving {
  text-align: right;
  line-height: 1rem
}

.bundle__footer .bundle__price--was, .bundle__footer .bundle__price--save {
  font-size: 13px;
  font-size: .8125rem;
  line-height: 1;
  color: #333;
  display: block
}

.bundle__footer .bundle__price--was-strike {
  font-size: 13px;
  font-size: .8125rem;
  line-height: 1;
  text-decoration: line-through
}

.c-banner {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow-wrap: break-word;
  position: relative;
  z-index: 2
}

.c-banner--img, .c-banner--video {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.c-banner--video {
  overflow: hidden
}

.c-banner--video:after {
  z-index: -1 !important
}

.c-banner--fixed .c-banner__wrapper {
  padding-top: 0;
  padding-bottom: 0
}

.c-banner--half-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0
}

.c-banner--half-left .parallax {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.c-banner--half-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0
}

.c-banner--half-right .parallax {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.c-banner--takeover {
  height: 100vh;
  overflow: hidden;
  padding: 0
}

.c-banner--parallax {
  padding: 0;
  z-index: 1
}

.c-banner .fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.desktop .c-banner .fixed {
  position: static
}

.c-banner .parallax {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("http://placeimg.com/1572/1118/tech");
  background-attachment: inherit;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100% !important;
  width: 100%
}

.desktop .c-banner .parallax {
  background-attachment: fixed
}

.c-banner .parallax--takeover {
  height: 100% !important
}

.c-banner--muted:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: inherit;
  content: '';
  display: block;
  z-index: 2
}

.c-banner--muted--0:after {
  opacity: 0
}

.c-banner--muted--10:after {
  opacity: .1
}

.c-banner--muted--20:after {
  opacity: .2
}

.c-banner--muted--30:after {
  opacity: .3
}

.c-banner--muted--40:after {
  opacity: .4
}

.c-banner--muted--50:after {
  opacity: .5
}

.c-banner--muted--60:after {
  opacity: .6
}

.c-banner--muted--70:after {
  opacity: .7
}

.c-banner--muted--80:after {
  opacity: .8
}

.c-banner--muted--90:after {
  opacity: .9
}

.c-banner--muted--100:after {
  opacity: 1
}

.c-banner--v-align-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.c-banner--v-align-bottom {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.c-banner__wrapper {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 35px 5%;
  text-align: center;
  width: 100%
}

.c-banner--video .c-banner__wrapper.c-banner__wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2
}

.c-banner--parallax .c-banner__wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.c-banner--v-align-top .c-banner__wrapper {
  -ms-flex-item-align: center;
  align-self: center
}

@media (min-width: 64em) {
  .c-banner--v-align-top .c-banner__wrapper {
    padding-top: 2.5%
  }
}

.c-banner--v-align-bottom .c-banner__wrapper {
  -ms-flex-item-align: center;
  align-self: center
}

@media (min-width: 64em) {
  .c-banner--v-align-bottom .c-banner__wrapper {
    padding-bottom: 2.5%
  }
}

.c-banner--h-align-left .c-banner__wrapper .c-banner__text, .c-banner--h-align-right .c-banner__wrapper .c-banner__text {
  -ms-flex-item-align: start;
  align-self: flex-start;
  text-align: left;
  width: 47.5%
}

.c-banner--h-align-left .c-banner__wrapper .o-actions, .c-banner--h-align-right .c-banner__wrapper .o-actions {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.c-banner--h-align-right .c-banner__wrapper {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.c-banner--h-align-right .c-banner__wrapper .c-banner__text {
  -ms-flex-item-align: end;
  align-self: flex-end
}

.c-banner--muted .c-banner__wrapper {
  z-index: auto
}

.c-banner--half-left .c-banner__wrapper {
  width: 50%;
  height: 100%;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding: 0;
  text-align: left;
  margin-left: 0
}

.c-banner--half-left .c-banner__wrapper .o-actions {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.c-banner--half-left .c-banner__wrapper .c-banner__text {
  width: 100%;
  height: 100%
}

.c-banner--half-right .c-banner__wrapper {
  width: 50%;
  height: 100%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-right: 0;
  padding: 0;
  text-align: left
}

.c-banner--half-right .c-banner__wrapper .o-actions {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.c-banner--half-right .c-banner__wrapper .c-banner__text {
  width: 100%;
  height: 100%
}

.c-banner__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 35px 2.5%;
  width: 100%
}

@media (min-width: 48em) {
  .c-banner__text {
    padding: 35px;
    width: 78%
  }
}

.c-banner--half-left .c-banner__text {
  padding-left: 10%;
  padding-right: 5%
}

.c-banner--half-right .c-banner__text {
  padding-left: 5%;
  padding-right: 10%
}

.c-banner--half-right.c-banner--v-align-bottom .c-banner__text, .c-banner--half-left.c-banner--v-align-bottom .c-banner__text, .c-banner--half-right.c-banner--v-align-top .c-banner__text, .c-banner--half-left.c-banner--v-align-top .c-banner__text {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 5%
}

.c-banner--half-left.c-banner--v-align-bottom .c-banner__text, .c-banner--half-left.c-banner--v-align-top .c-banner__text {
  padding-left: 10%;
  padding-right: 10%
}

.c-banner--half-right.c-banner--v-align-bottom .c-banner__text, .c-banner--half-right.c-banner--v-align-top .c-banner__text {
  padding-right: 10%;
  padding-left: 10%
}

.c-banner__text--inner {
  position: relative;
  z-index: 3
}

.c-banner--half-right.c-banner--v-align-top .c-banner__text--inner, .c-banner--half-left.c-banner--v-align-top .c-banner__text--inner {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.c-banner--half-right.c-banner--v-align-bottom .c-banner__text--inner, .c-banner--half-left.c-banner--v-align-bottom .c-banner__text--inner {
  -ms-flex-item-align: end;
  align-self: flex-end
}

.c-banner .banner-content {
  margin-bottom: 35px
}

.c-banner .banner-content:only-child {
  margin-bottom: 0
}

.c-banner .banner-content~.o-actions .o-actions__inner:empty {
  margin-bottom: -35px
}

.c-banner .banner-content>*:last-child {
  margin: 0
}

.c-btn {
  border-style: solid;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  font: inherit;
  text-align: center;
  line-height: 24px;
  margin: 0;
  cursor: pointer;
  overflow: visible;
  padding: 12px;
  -webkit-transition: .33333s;
  transition: .33333s;
  border-radius: 0;
  width: auto;
  flex-basis: 100%;
  -ms-flex-preferred-size: auto
}



.c-controls .c-btn {
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}


.c-btn--soft {
  border: none;
  border-radius: 50px
}

.c-btn--blue {
  background-color: #009FEE;
  border-color: #009FEE;
  color: #fff;
  font-family: "FS-Emeric-Medium", Helvetica, sans-serif;
  text-transform: uppercase
}





.c-btn--blue:hover {
  background-color: #007dbb;
  border-color: #007dbb
}

.c-btn--blue button i.sa {
  color: #009FEE !important;
  opacity: .3;
  -webkit-transition: all linear .7s;
  transition: all linear .7s
}

.c-btn--blue button i.sa:hover {
  opacity: 1
}

.c-btn--blue button[data-attr="selected"] i.sa, .c-btn--blue button.selected i.sa {
  opacity: 1
}

.c-btn--blue .slick-arrow {
  background-color: #009FEE !important;
  color: #fff !important
}

.c-btn--blue ul.slick-dots {
  background-color: #009FEE !important
}

.c-btn--blue ul.slick-dots li i.sa {
  color: #fff !important
}

.c-btn--yellow {
  background-color: #fff000;
  border-color: #fff000;
  color: #fff;
  font-size: 1rem;
  font-family: "FS-Emeric-Medium", Helvetica, sans-serif;
  text-transform: uppercase;
  color: #202020
}

@media (min-width: 48em) {
  .c-btn--yellow {
    font-size: 1rem;
    line-height: 1rem
  }
}

@media (min-width: 64em) {
  .c-btn--yellow {
    font-size: 1.5rem;
    line-height: 1.5rem
  }
}

.c-btn--yellow:hover {
  background-color: #ccc000;
  border-color: #ccc000
}

.c-btn--yellow button i.sa {
  color: #fff000 !important;
  opacity: .3;
  -webkit-transition: all linear .7s;
  transition: all linear .7s
}

.c-btn--yellow button i.sa:hover {
  opacity: 1
}

.c-btn--yellow button[data-attr="selected"] i.sa, .c-btn--yellow button.selected i.sa {
  opacity: 1
}

.c-btn--yellow .slick-arrow {
  background-color: #fff000 !important;
  color: #202020 !important
}

.c-btn--yellow ul.slick-dots {
  background-color: #fff000 !important
}

.c-btn--yellow ul.slick-dots li i.sa {
  color: #202020 !important
}

.c-btn--pink {
  background-color: #de007b;
  border-color: #de007b;
  color: #fff;
  font-size: 1rem;
  font-family: "FS-Emeric-Medium", Helvetica, sans-serif;
  text-transform: uppercase
}

@media (min-width: 48em) {
  .c-btn--pink {
    font-size: 1rem;
    line-height: 1rem
  }
}

@media (min-width: 64em) {
  .c-btn--pink {
    font-size: 1.5rem;
    line-height: 1.5rem
  }
}

.c-btn--pink:hover {
  background-color: #ab005f;
  border-color: #ab005f
}

.c-btn--pink button i.sa {
  color: #de007b !important;
  opacity: .3;
  -webkit-transition: all linear .7s;
  transition: all linear .7s
}

.c-btn--pink button i.sa:hover {
  opacity: 1
}

.c-btn--pink button[data-attr="selected"] i.sa, .c-btn--pink button.selected i.sa {
  opacity: 1
}

.c-btn--pink .slick-arrow {
  background-color: #de007b !important;
  color: #fff !important
}

.c-btn--pink ul.slick-dots {
  background-color: #de007b !important
}

.c-btn--pink ul.slick-dots li i.sa {
  color: #fff !important
}

.c-btn--red {
  background-color: #9F090A;
  border-color: #9F090A;
  color: #fff;
  font-size: 1rem;
  font-family: "FS-Emeric-Medium", Helvetica, sans-serif;
  text-transform: uppercase
}

@media (min-width: 48em) {
  .c-btn--red {
    font-size: 1rem;
    line-height: 1rem
  }
}

@media (min-width: 64em) {
  .c-btn--red {
    font-size: 1.5rem;
    line-height: 1.5rem
  }
}

.c-btn--red:hover {
  background-color: #6f0607;
  border-color: #6f0607
}

.c-btn--red button i.sa {
  color: #9F090A !important;
  opacity: .3;
  -webkit-transition: all linear .7s;
  transition: all linear .7s
}

.c-btn--red button i.sa:hover {
  opacity: 1
}

.c-btn--red button[data-attr="selected"] i.sa, .c-btn--red button.selected i.sa {
  opacity: 1
}

.c-btn--red .slick-arrow {
  background-color: #9F090A !important;
  color: #fff !important
}

.c-btn--red ul.slick-dots {
  background-color: #9F090A !important
}

.c-btn--red ul.slick-dots li i.sa {
  color: #fff !important
}

.c-btn--dark-grey {
  background-color: #202020;
  border-color: #202020;
  color: #fff;
  font-size: 1rem;
  font-family: "FS-Emeric-Medium", Helvetica, sans-serif;
  text-transform: uppercase
}

@media (min-width: 48em) {
  .c-btn--dark-grey {
    font-size: 1rem;
    line-height: 1rem
  }
}

@media (min-width: 64em) {
  .c-btn--dark-grey {
    font-size: 1.5rem;
    line-height: 1.5rem
  }
}

.c-btn--dark-grey:hover {
  background-color: #070707;
  border-color: #070707
}

.c-btn--dark-grey button i.sa {
  color: #202020 !important;
  opacity: .3;
  -webkit-transition: all linear .7s;
  transition: all linear .7s
}

.c-btn--dark-grey button i.sa:hover {
  opacity: 1
}

.c-btn--dark-grey button[data-attr="selected"] i.sa, .c-btn--dark-grey button.selected i.sa {
  opacity: 1
}

.c-btn--dark-grey .slick-arrow {
  background-color: #202020 !important;
  color: #fff !important
}

.c-btn--dark-grey ul.slick-dots {
  background-color: #202020 !important
}

.c-btn--dark-grey ul.slick-dots li i.sa {
  color: #fff !important
}

.c-btn--black {
  background-color: #000;
  border-color: #000;
  color: #fff;
  font-size: 1rem;
  font-family: "FS-Emeric-Medium", Helvetica, sans-serif;
  text-transform: uppercase
}

@media (min-width: 48em) {
  .c-btn--black {
    font-size: 1rem;
    line-height: 1rem
  }
}

@media (min-width: 64em) {
  .c-btn--black {
    font-size: 1.5rem;
    line-height: 1.5rem
  }
}

.c-btn--black:hover {
  background-color: #000;
  border-color: #000
}

.c-btn--black button i.sa {
  color: #000 !important;
  opacity: .3;
  -webkit-transition: all linear .7s;
  transition: all linear .7s
}

.c-btn--black button i.sa:hover {
  opacity: 1
}

.c-btn--black button[data-attr="selected"] i.sa, .c-btn--black button.selected i.sa {
  opacity: 1
}

.c-btn--black .slick-arrow {
  background-color: #000 !important;
  color: #fff !important
}

.c-btn--black ul.slick-dots {
  background-color: #000 !important
}

.c-btn--black ul.slick-dots li i.sa {
  color: #fff !important
}

.c-btn--small {
  padding: 4px 17px
}

.c-btn--ghost {
  color: white;
  border: 2px solid currentColor;
  font-family: "FS-Emeric-Medium", Helvetica, sans-serif;
  font-size: 1rem;
  text-transform: uppercase
}

@media (min-width: 48em) {
  .c-btn--ghost {
    font-size: 1rem;
    line-height: 1rem;
    padding: .75rem
  }
}

@media (min-width: 64em) {
  .c-btn--ghost {
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 1.0625rem
  }
}

.c-btn--ghost, .c-btn--ghost:hover, .c-btn--ghost:active, .c-btn--ghost:focus {
  background: none
}

.c-btn--ghost:hover {
  background-color: #fff;
  border-color: #fff;
  color: #202020
}

.c-btn--ghost.c-btn--primary {
  color: #4a8ec2
}

.c-btn--ghost.c-btn--primary:hover, .c-btn--ghost.c-btn--primary:focus {
  color: #3774a2
}

.c-btn--ghost.c-btn--secondary {
  color: #2f4054
}

.c-btn--ghost.c-btn--secondary:hover, .c-btn--ghost.c-btn--secondary:focus {
  color: #1d2733
}

.c-btn--ghost.c-btn--tertiary {
  color: #fff
}

.c-btn--ghost.c-btn--tertiary:hover, .c-btn--ghost.c-btn--tertiary:focus {
  color: #fff
}

.c-btn--play {
  width: 115px;
  height: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url("https://images.sofology.co.uk/image/upload/v1482332295/Sofology/Banners/playBtn.png") no-repeat 0 0;
  background-size: cover;
  border: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 4
}

@media (min-width: 48em) {
  .c-btn--play {
    width: 145px;
    height: 52px
  }
}

@media (min-width: 64em) {
  .c-btn--play {
    width: 173px;
    height: 65px
  }
}

.c-btn--play:hover {
  background-color: transparent !important
}

.c-btn--play+.video-container *::-webkit-media-controls-start-playback-button {
  display: none
}

.c-btn--direction {
  background: none;
  border: none;
  color: inherit;
  visibility: hidden;
  font-size: 3rem;
  z-index: 5
}

.c-btn--direction:hover {
  background-color: transparent !important;
  border-color: none !important
}

.c-btn--direction.sa-angle-down {
  position: absolute;
  bottom: 0;
  width: 100%
}

.c-btn--direction.sa-angle-up {
  position: absolute;
  top: 0;
  width: 100%
}

.c-banner--takeover .c-btn--direction {
  visibility: visible
}

.c-btn--expander {
  display: block;
  position: relative;
  border: none;
  padding: 16px 5%;
  text-align: left;
  background-color: inherit !important;
  font-size: 1rem;
  font-family: fs-emeric-medium;
  line-height: 1rem;
  margin-top: .5rem;
  z-index: 3;
  width: 100%
}

.c-btn--expander:after {
  content: 'Read More'
}

@media (min-width: 48em) {
  .c-btn--expander {
    display: none
  }
}

.c-btn--expander i.sa {
  display: inline-block;
  float: right;
  position: absolute;
  right: 5%;
  top: 18%;
  font-size: 2rem
}

.c-btn--expanded {
  margin-top: 0;
  z-index: 3;
  width: 100%
}

.c-btn--expanded:after {
  content: ''
}

.c-btn--expanded i.sa {
  display: inline-block;
  float: right;
  position: absolute;
  right: 5%;
  top: 18%;
  font-size: 2rem
}

.c-expander .c-banner__text--inner {
  display: block;
  height: 265px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis
}

@media (min-width: 48em) {
  .c-expander .c-banner__text--inner {
    height: auto;
    overflow: visible;
    text-overflow: initial
  }
}

.c-expanded .c-banner__text {
  background-color: inherit !important
}

.c-expanded .c-banner__text--inner {
  height: auto !important;
  overflow: visible !important;
  text-overflow: initial !important
}

.c-expanded .o-actions__expand {
  position: relative;
  margin-bottom: 2%
}

.story-container {
  background: black
}

.image_carousel {
  padding: 35px;
  padding-left: 0;
  padding-right: 0
}

.image_carousel .container {
  width: 90% !important;
  margin: 0 5%;
  padding: 0 !important;
  max-width: 1600px !important
}

.image_carousel .row {
  margin: 0 !important
}

.image_carousel .col-xs-12 {
  padding: 0 !important
}

.image_carousel .heading.main {
  margin-bottom: 15px !important;
  font-size: 1.625rem !important
}

@media screen and (min-width: 48rem) {
  .image_carousel .heading.main {
    font-size: 2.375rem !important
  }
}

.image_carousel .slick-prev, .image_carousel .slick-next {
  background-color: #3f3f3f;
  border-radius: 50%
}

.image_carousel .slick-prev.slick-disabled, .image_carousel .slick-next.slick-disabled {
  visibility: hidden !important
}

.image_carousel .slick-prev:hover, .image_carousel .slick-next:hover {
  opacity: 1
}

@media (max-width: 767px) {
  .image_carousel .slick-prev, .image_carousel .slick-next {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 40%;
    z-index: 3
  }
}

.image_carousel .slick-prev {
  left: 0 !important
}

@media screen and (min-width: 48rem) {
  .image_carousel .slick-prev {
    left: -25px !important
  }
}

@media screen and (min-width: 80rem) {
  .image_carousel .slick-prev {
    left: -50px !important
  }
}

@media screen and (min-width: 85.375rem) {
  .image_carousel .slick-prev {
    left: -65px !important
  }
}

.image_carousel .slick-prev i.sa {
  padding-right: 4px
}

.image_carousel .slick-next {
  right: 0 !important
}

@media screen and (min-width: 48rem) {
  .image_carousel .slick-next {
    right: -25px !important
  }
}

@media screen and (min-width: 80rem) {
  .image_carousel .slick-next {
    right: -50px !important
  }
}

@media screen and (min-width: 85.375rem) {
  .image_carousel .slick-next {
    right: -65px !important
  }
}

.image_carousel .slick-next i.sa {
  padding-left: 2px
}

.image_carousel .text-center {
  width: 82%;
  margin: 0 auto;
  float: none
}

.image_carousel .image {
  cursor: pointer
}

.image_carousel .gallery .item {
  display: inline-block
}

.image_carousel .gallery .item .overlayicon.alt-image-overlay {
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent
}

.image_carousel .gallery .item .overlayicon.alt-image-overlay:hover {
  background-color: transparent
}

.image_carousel .gallery .item img {
  max-width: 359px
}

.image_carousel .gallery .item:hover img {
  -webkit-transform: none;
  transform: none
}

@media (max-width: 767px) {
  .banner-slider .slick-prev {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 0 !important;
    z-index: 6
  }
  .banner-slider .slick-next {
    width: 50px;
    height: 50px;
    right: 0 !important;
    position: absolute;
    top: 50%;
    z-index: 6
  }
}

.story-slider {
  color: white;
  margin: 0 auto;
  max-width: 1440px;
  overflow: hidden
}

.story-slider figure.slick-slide {
  margin: 0;
  position: relative
}

.story-slider figure.slick-slide:focus {
  outline: none
}

@media screen and (min-width: 25.94rem) {
  .story-slider figure.slick-slide img {
    margin-top: -360px;
    width: 100%
  }
}

@media screen and (min-width: 64rem) {
  .story-slider figure.slick-slide img {
    margin-top: 0
  }
}

.story-slider figure.slick-slide figcaption {
  position: absolute;
  top: 45%;
  left: 5%;
  width: 40%;
  height: auto;
  font-size: .8125rem;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.story-slider figure.slick-slide figcaption h2 {
  margin: 0 auto 10px;
  width: 75%
}

@media screen and (min-width: 48rem) {
  .story-slider figure.slick-slide figcaption h2 {
    font-size: 2.125rem;
    line-height: 32px
  }
}

.story-slider--tablet figure.slick-slide figcaption {
  position: absolute;
  top: 40%;
  left: 5%;
  width: 47%
}

.story-slider--tablet figure.slick-slide figcaption h2 {
  font-size: 1.875rem;
  width: 80%;
  margin: 0 auto;
  line-height: 32px;
  margin-bottom: 10px
}

.story-slider--mobile figure.slick-slide figcaption {
  position: absolute;
  top: 5%;
  left: 50%;
  width: 80%;
  height: auto;
  font-size: .8125rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (min-width: 46rem) {
  .story-slider--mobile figure.slick-slide figcaption {
    font-size: 1rem
  }
}

@media screen and (min-width: 48rem) {
  .story-slider--mobile figure.slick-slide figcaption {
    font-size: 1.25rem
  }
}

.story-slider--mobile figure.slick-slide figcaption h2 {
  font-size: 1.6875rem;
  line-height: 30px;
  width: 100%
}

.story-slider--mobile button.slick-prev, .story-slider--mobile button.slick-next {
  top: 75% !important
}

.story-slider button.slick-prev, .story-slider button.slick-next {
  width: 100px;
  height: 100px;
  border: none;
  border-radius: 100px;
  background: rgba(37, 37, 37, 0.5);
  z-index: 1001
}

.story-slider button.slick-prev i.sa, .story-slider button.slick-next i.sa {
  font-size: 2.5rem
}

.story-slider button.slick-prev {
  position: absolute;
  top: 50%;
  left: -50px;
  -webkit-transform: translateY(-80%);
  transform: translateY(-80%)
}

.story-slider button.slick-prev i.sa {
  left: -50%;
  -webkit-transform: translate(150%, 0%);
  transform: translate(150%, 0%)
}

.story-slider button.slick-next {
  position: absolute;
  top: 50%;
  right: -50px;
  -webkit-transform: translateY(-80%);
  transform: translateY(-80%)
}

.story-slider button.slick-next i.sa {
  right: 50%;
  -webkit-transform: translate(-150%, 0%);
  transform: translate(-150%, 0%)
}

.story-slider .slick-dots {
  width: 100%;
  height: 70px;
  margin: 0
}

.story-slider .slick-dots li {
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin: 0 5px;
  padding: 0
}

.story-slider .slick-dots li.slick-active {
  width: 26px;
  height: 15px
}

.story-slider .slick-dots li.slick-active button {
  width: 26px;
  height: 15px;
  background: url("http://images.sofology.co.uk/image/upload/v1460118412/Sofology/Test/cloud.png") no-repeat;
  margin: 8px 0;
  position: relative
}

.story-slider .slick-dots li.slick-active button:after {
  position: absolute;
  bottom: -15px;
  left: 50%;
  content: 'Sofology...';
  display: block;
  color: white;
  width: 120px;
  font-size: .875rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.story-slider .slick-dots button {
  width: 12px;
  height: 12px;
  border: 0;
  background: url("http://a5.images.sofology.co.uk/q_60/homepage/carousel-dots-o.png") 0 -12px no-repeat;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  margin: 15px 3px 15px 4px
}

#contact-form-wrapper, #callback-form-wrapper {
  color: #fff
}

#contact-form-wrapper header, #callback-form-wrapper header {
  padding: 35px;
  text-align: center
}

#contact-form-wrapper h2, #callback-form-wrapper h2 {
  color: #fff
}

#contact-form-wrapper p, #callback-form-wrapper p {
  margin-bottom: 0
}

#contact-form-wrapper .form, #callback-form-wrapper .form {
  background: #202020 url("http://images.sofology.co.uk/image/upload/v1471269947/patterns/callback-bg.jpg") no-repeat;
  background-size: cover;
  padding: 0
}

@media screen and (min-width: 48rem) {
  #contact-form-wrapper .form, #callback-form-wrapper .form {
    padding: 140px 35px
  }
}

#contact-form-wrapper .controls, #callback-form-wrapper .controls {
  margin-bottom: 20px
}

#contact-form-wrapper .controls__control, #contact-form-wrapper form.form--enquiry .controls__control--select, form.form--enquiry #contact-form-wrapper .controls__control--select, #callback-form-wrapper .controls__control, #callback-form-wrapper form.form--enquiry .controls__control--select, form.form--enquiry #callback-form-wrapper .controls__control--select {
  width: 100%
}

#contact-form-wrapper #callback, #contact-form-wrapper #enquiry-details, #callback-form-wrapper #callback, #callback-form-wrapper #enquiry-details {
  background: rgba(0, 0, 0, 0.8);
  padding: 35px;
  width: 100%
}

@media screen and (min-width: 48rem) {
  #contact-form-wrapper #callback, #contact-form-wrapper #enquiry-details, #callback-form-wrapper #callback, #callback-form-wrapper #enquiry-details {
    width: 50%
  }
}

.tabs {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #202020;
  z-index: 8
}

.tabs div {
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  padding: 16px;
  position: relative
}

.tabs div img {
  margin-bottom: 8px
}

.tabs div h4 {
  margin: 0;
  text-transform: uppercase
}

.tabs div.separator-line:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  content: '';
  border-right: 1px solid white;
  height: 75%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.tabs div.separator-line:last-of-type:after {
  display: none
}

.tabs~.advanced-component {
  margin-bottom: 57px
}

.dits .configure {
  min-height: 580px;
  padding-bottom: 80px
}

.dits .slick-configure {
  visibility: inherit !important
}

.dits .feature-benefits {
  visibility: inherit !important
}

.dits .custom-slide {
  background: #202020
}

.dits .intro {
  min-height: 800px
}

.dits .intro img {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute !important;
  top: 50% !important
}

@media screen and (min-width: 64rem) {
  .dits .intro img {
    top: 50% !important
  }
}

.dits .intro .banner__container {
  width: 85%
}

.dits .intro__content__details {
  margin: 10px 0
}

@media screen and (min-width: 62rem) {
  .dits .intro__content__details {
    margin: 0
  }
}

.dits .intro__content__details p.price {
  margin-bottom: 1.5rem
}

@media screen and (min-width: 62rem) {
  .dits .intro__content__details p.price {
    margin-bottom: 0
  }
}

.custom-slide-show {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 1s linear;
  transition: opacity 1s linear
}

.custom-slide-hide {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 1s linear;
  transition: opacity 1s linear
}

footer {
  background: black
}

footer .container {
  padding: 0;
  max-width: 1240px
}

footer .layout__item.shopby {
  background: url("https://images.sofology.co.uk/image/upload/v1637258148/Sofology-logo_web-164x36_ojknwx.png") no-repeat 78px 0px;
  padding-left: 54px
}

@media screen and (min-width: 80rem) {
  footer .layout__item.shopby {
    margin-left: -54px
  }
}

footer .layout__item.about-us {
  padding-left: 54px
}

@media screen and (min-width: 48rem) {
  footer .layout__item.about-us {
    padding-left: 20px
  }
}

footer .layout__item.call-us {
  padding-left: 54px
}

@media screen and (min-width: 48rem) {
  footer .layout__item.call-us {
    padding-left: 20px
  }
}

footer .layout__item.socials {
  padding-left: 54px
}

@media screen and (min-width: 64rem) {
  footer .layout__item.socials {
    padding-left: 0
  }
}

@media screen and (min-width: 80rem) {
  footer .layout__item.socials {
    width: 26% !important
  }
}

footer h2 {
  color: white;
  font-family: "FS-Emeric-Medium", Helvetica, sans-serif;
  font-weight: bold;
  margin-top: 0;
  text-transform: uppercase
}

footer p {
  color: white;
  line-height: 18px
}

footer p.copyright {
  color: #9a9a9b;
  line-height: 18px;
  padding-left: 54px
}

@media screen and (min-width: 80rem) {
  footer p.copyright {
    padding-left: 0
  }
}

footer a {
  color: white
}

footer a:hover {
  color: white
}

footer ul {
  margin-bottom: 0
}

footer ul li {
  line-height: 18px;
  font-size: 14px
}

footer ul li a {
  line-height: 18px
}

footer ul.social-icons {
  margin: 0
}

footer ul.social-icons li {
  padding: 0
}

footer ul.social-icons li:nth-child(3) {
  clear: both
}

@media screen and (min-width: 46rem) {
  footer ul.social-icons li {
    float: none
  }
}

@media screen and (min-width: 48rem) {
  footer ul.social-icons li:nth-child(3) {
    clear: none
  }
}

footer .trustpilot-widget-wrapper {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid white;
  height: 80px;
  position: relative;
  max-width: 1600px;
  width: 90%
}

footer .trustpilot-widget-wrapper .trustpilot-widget {
  height: 24px
}

body.banner-on-top header.clone {
  z-index: 9999 !important
}

header.site-header {
  z-index: 3003;
  position: fixed;
  width: 100%;
  display: block;
  -webkit-transition: .2s ease-out !important;
  transition: .2s ease-out !important;
  top: 0
}

body.cookieBar header.site-header.hide-header {
  -webkit-transform: matrix(1, 0, 0, 1, 0, -198) !important;
  transform: matrix(1, 0, 0, 1, 0, -198) !important
}

@media (min-width: 48em) {
  body.cookieBar header.site-header.hide-header {
    -webkit-transform: matrix(1, 0, 0, 1, 0, -178) !important;
    transform: matrix(1, 0, 0, 1, 0, -178) !important
  }
}

@media (min-width: 64em) {
  body.cookieBar header.site-header.hide-header {
    -webkit-transform: matrix(1, 0, 0, 1, 0, -162) !important;
    transform: matrix(1, 0, 0, 1, 0, -162) !important
  }
}

header.site-header.hide-header {
  -webkit-transform: matrix(1, 0, 0, 1, 0, -110);
  transform: matrix(1, 0, 0, 1, 0, -110)
}

header.hideHeader {
  top: -110px
}

body.cookieBar header.hideHeader {
  top: -157px
}

header:not(.site-header) {
  background: transparent
}

.header-icon-search-mobile-container {
  list-style: none !important
}

.fixed-header {
  position: relative !important;
  top: 0 !important;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: .5s ease-out !important;
  transition: .5s ease-out !important
}

#main_content_wrap header {
  max-height: none !important;
  position: relative
}

.header-container {
  position: relative;
  z-index: 4001
}

.header-container .stuck {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 4001
}

header .generic-container {
  padding: 0
}

.top-navigation {
  background: #2e2e2e;
  height: 30px;
  padding: 5px 0
}

.top-navigation nav.top {
  height: 20px;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 0 25px
}

@media screen and (min-width: 48rem) {
  .top-navigation nav.top {
    padding-right: 25px
  }
}

.top-navigation nav ul {
  float: right
}

.top-navigation nav ul li {
  float: left;
  margin-left: 0 !important;
  padding-left: 0px;
  padding-right: 10px
}

html.sa-events-typefaces-fs-emeric-regular-loading .top-navigation nav ul li {
  opacity: 0
}

html.sa-events-typefaces-fs-emeric-regular-ready .top-navigation nav ul li {
  opacity: 1
}

html.sa-events-typefaces-fs-emeric-regular-failed .top-navigation nav ul li {
  opacity: 1
}

.top-navigation nav ul li.tp {
  width: 460px;
  display: none;
  padding: inherit
}

@media screen and (min-width: 48rem) {
  .top-navigation nav ul li.tp {
    display: inline-block
  }
}

.top-navigation nav ul li.tp+li {
  border-left: none
}

@media screen and (min-width: 48rem) {
  .top-navigation nav ul li.tp+li {
    border-left: 1px solid white
  }
}

.top-navigation nav ul li.heart {
  border-left: none !important;
  padding-left: none
}

.top-navigation nav ul li.heart a {
  font-size: 12px;
}

.top-navigation nav ul li.heart a span {
  float: right;
  margin-top: 5px;
  margin-left: 3px
}

.top-navigation nav ul li.heart i.sa.pulsate {
  -webkit-animation: pulsate 2 ease-in-out .3s;
  animation: pulsate 2 ease-in-out .3s
}

.top-navigation nav ul li.heart i.sa:hover:before {
  color: white;
  content: '\f00c'
}

.top-navigation nav ul li.heart i.favourite-active:hover:before {
  color: #de007b;
  content: '\f00d'
}

.top-navigation li.basket-icon {
  border-left: 1px solid #fff !important;
  line-height: 12px;
  margin-top: 5px;
  margin-left: 20px;
  max-height: 12px;
  padding-left: 10px !important;
  padding-right: 10px !important
}

.top-navigation li.basket-icon a {
  position: relative;
  top: -5px
}

.top-navigation li.basket-icon~li {
  border-left: 0;
  padding-left: 5px
}

.top-navigation li.basket-icon .sa-bag, .top-navigation li.basket-icon .sa-trolley {
  font-size: 1.25rem
}

.top-navigation li.basket-icon span.basket-indicator-count {
  display: none;
  position: absolute;
  top: -2px;
  left: 7px;
  width: 14px;
  height: 14px;
  background: #009FEE;
  border-radius: 7px;
  display: inline-block;
  line-height: 14px;
  color: #fff;
  font-size: .75rem;
  line-height: 14px;
  text-align: center;
  z-index: 1
}

@media screen and (min-width: 48rem) {
  .top-navigation li.basket-icon span.basket-indicator-count {
    top: -4px
  }
}

@media screen and (min-width: 64rem) {
  .top-navigation li.basket-icon span.basket-indicator-count {
    top: -2px
  }
}

.top-navigation i.sa {
  font-size: 1.25rem;
  margin-right: 0;
  vertical-align: baseline
}

.top-navigation i.sa.sa-heart-o:hover {
  color: #de007b
}

.top-navigation i.sa.sa-heart-o:hover:before {
  content: '\f00d'
}

.top-navigation i.sa.favourite-active {
  color: #de007b
}

.top-navigation i.sa.favourite-active:before {
  content: '\f00d'
}

.nav-header-mobile-fixed nav.main ul li i.sa-angle-down, .nav-header-mobile-fixed nav.main ul li i.sa-angle-right {
  padding-left: 20px;
  cursor: pointer;
  position: absolute;
  right: -5px;
  top: 0
}

.nav-header-mobile-fixed nav.main ul li a {
  cursor: pointer
}

body.cookieBar .nav-header-mobile-fixed {
  margin-top: 195px
}

@media screen and (min-width: 25.94rem) {
  body.cookieBar .nav-header-mobile-fixed {
    margin-top: 174px
  }
}

button.menu-toggle {
  border: none;
  display: inline-block;
  width: 32px;
  height: auto;
  background-color: #0d0c0c;
  top: 1px;
  position: absolute;
  right: 12px;
  padding: 10px 0px;
  cursor: pointer;
  z-index: 2001
}

button.menu-toggle>span {
  background: white;
  display: block;
  width: 100%;
  height: 2px;
  margin: 9px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px
}

button.menu-toggle:focus {
  outline: none
}

@media screen and (min-width: 48rem) {
  button.menu-toggle {
    display: none
  }
}

header[role="banner"] {
  background: none;
  position: relative;
  z-index: 1001
}

body>header[role="banner"] {
  background: #0d0c0c
}

header[role="banner"] .menu-bar {
  background: #0d0c0c;
  position: fixed;
  top: 60px;
  left: -100%;
  height: 100%;
  -webkit-transition: all .7s ease-out 0;
  transition: all .7s ease-out 0;
  width: 100%;
  z-index: 1001;
  -webkit-transition: .7s;
  transition: .7s
}

header[role="banner"] .menu-bar ul {
  list-style: none;
  margin: 0;
  padding: 0
}

header[role="banner"] .menu-bar li {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  margin: 0;
  margin-bottom: 16px;
  -webkit-font-smoothing: antialiased;
  cursor: pointer
}

header[role="banner"] .menu-bar li:hover {
  color: white
}

header[role="banner"] #menubartoggler {
  display: none
}

header[role="banner"] #menubartoggler:checked+.page-wrap .menu-bar {
  left: 0px;
  -webkit-transition: .7s;
  transition: .7s
}

header[role="banner"] #menubartoggler:checked+.page-wrap {
  left: -100%;
  -webkit-transition: .7s;
  transition: .7s
}

header[role="banner"] .top-bar {
  background-color: #2e2e2e;
  display: none;
  height: 32px
}

@media screen and (min-width: 48rem) {
  header[role="banner"] .top-bar {
    display: block
  }
}

header[role="banner"] .top-bar ul {
  margin: 0
}

header[role="banner"] .top-bar li {
  border-right: 1px solid white;
  font-size: 12px;
  float: left;
  line-height: 12px;
  margin: 10px 0;
  padding: 0 15px
}

header[role="banner"] .top-bar li.tp {
  padding-right: 3px;
  position: relative;
  width: 460px
}

header[role="banner"] .top-bar li:last-of-type {
  border-right: none;
  padding-right: 0
}

header[role="banner"] .top-bar a {
  color: white
}

header[role="banner"] .top-bar .trustpilot-widget {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 3px;
  max-height: 12px;
  width: 460px
}

header[role="banner"] .top-bar .trustpilot-widget #tp-widget-fallback-image img {
  max-width: 80px;
  max-height: 10px
}

.secondary-nav {
  background: #999
}

@media screen and (min-width: 48rem) {
  .secondary-nav {
    display: block !important
  }
}

.secondary-nav ul li {
  height: 42px;
  line-height: 42px;
  text-align: center
}

@media screen and (min-width: 48rem) {
  .secondary-nav ul li {
    text-align: left
  }
}

@media screen and (min-width: 64rem) {
  .secondary-nav ul li {
    text-align: center
  }
}

.secondary-nav ul a {
  color: white;
  font-family: "FS-Emeric-Regular", Helvetica, sans-serif;
  font-size: 13px;
  letter-spacing: -.3px;
  height: 42px
}

.secondary-nav ul a:before {
  bottom: 1px;
  color: #555;
  font-size: 24px;
  padding-right: 10px;
  position: relative;
  vertical-align: middle
}

.secondary-nav ul a:before:before {
  margin: 0
}

.secondary-nav ul a.icon-10yr-guarantee:before {
  font-size: 30px;
  padding-right: 5px
}

nav.navbar {
  background-color: #0d0c0c;
  height: 64px;
  padding: 20px 12px;
  position: relative
}

@media screen and (min-width: 48rem) {
  nav.navbar {
    padding: 20px
  }
}

nav.navbar.stuck {
  position: fixed;
  z-index: 4001
}

nav.navbar .container {
  height: 100%
}

@media screen and (min-width: 48rem) {
  nav.navbar .container {
    position: relative
  }
}

nav.navbar a.logo {
  position: absolute;
  top: 50%;
  left: 0%;
  -webkit-transform: translate(10%, -50%);
  transform: translate(10%, -50%);
  display: inline-block;
  width: 164px
}

@media screen and (min-width: 48rem) {
  nav.navbar a.logo {
    left: auto;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 126px
  }
}

@media screen and (min-width: 64rem) {
  nav.navbar a.logo {
    width: 164px
  }
}

nav.navbar .menu-bar {
  max-width: 1440px
}

nav.navbar .menu-bar.stuck {
  max-width: none
}

nav.navbar ul.menu {
  margin: 0;
  overflow: visible;
  text-align: center
}

@media screen and (min-width: 48rem) {
  nav.navbar ul.menu {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 0
  }
}

nav.navbar ul.menu li {
  border-bottom: 1px solid #464e45;
  float: left;
  height: auto;
  margin: 0;
  padding: 0 12px;
  width: 100% !important;
  max-width: 100%
}

@media screen and (min-width: 48rem) {
  nav.navbar ul.menu li {
    border: none;
    width: auto !important
  }
}

@media screen and (min-width: 64rem) {
  nav.navbar ul.menu li {
    height: 40px;
    line-height: 40px;
    padding: 0 25px
  }
}

nav.navbar ul.menu li.call-to-order {
  margin-right: 20px
}

@media screen and (min-width: 64rem) {
  nav.navbar ul.menu li.call-to-order {
    margin-right: 0
  }
}

nav.navbar ul.menu li.call-to-order .btn {
  border-radius: 5px;
  height: 40px;
  width: 140px
}

@media screen and (min-width: 48rem) {
  nav.navbar ul.menu li.call-to-order .btn {
    line-height: normal
  }
}

@media screen and (min-width: 64rem) {
  nav.navbar ul.menu li.call-to-order .btn {
    line-height: 40px;
    width: 164px
  }
}

nav.navbar ul.menu li.search {
  -webkit-transition: all .7s;
  transition: all .7s;
  margin-right: 0
}

nav.navbar ul.menu li.search:hover input, nav.navbar ul.menu li.search input:focus, nav.navbar ul.menu li.search input.focus {
  background-color: #555;
  background-image: url("https://images.sofology.co.uk/image/upload/v1459867731/Sofology/misc/icon-search.png");
  background-repeat: no-repeat;
  background-size: auto 60%;
  background-position: 5% 50%;
  box-sizing: border-box;
  display: inline-block;
  height: 40px;
  padding: 7px 3px 7px 10px
}

@media screen and (min-width: 48rem) {
  nav.navbar ul.menu li.search:hover input, nav.navbar ul.menu li.search input:focus, nav.navbar ul.menu li.search input.focus {
    width: 200px
  }
}

@media screen and (min-width: 64rem) {
  nav.navbar ul.menu li.search:hover input, nav.navbar ul.menu li.search input:focus, nav.navbar ul.menu li.search input.focus {
    width: 243px
  }
}

nav.navbar ul.menu li.search input:focus, nav.navbar ul.menu li.search input.focus {
  background-color: white;
  background-image: url("https://images.sofology.co.uk/image/upload/v1459867731/Sofology/misc/icon-search-dark.png");
  background-repeat: no-repeat;
  background-size: auto 60%;
  background-position: 5% 50%;
  color: #414142
}

nav.navbar ul.menu li.search input:focus:placeholder, nav.navbar ul.menu li.search input.focus:placeholder {
  color: black
}

nav.navbar ul.menu li.search input:focus+i.icon-cross, nav.navbar ul.menu li.search input.focus+i.icon-cross {
  display: inline-block
}

nav.navbar ul.menu li.search input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent url("https://images.sofology.co.uk/image/upload/v1459867731/Sofology/misc/icon-search.png") no-repeat;
  background-size: auto 60%;
  background-position: 0% 50%;
  box-sizing: border-box;
  border: none;
  border-radius: 5px;
  color: white;
  display: inline-block;
  float: left;
  font-size: 13px;
  height: 40px;
  line-height: 1;
  padding: 0px;
  text-indent: 32px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  width: 32px
}

@media screen and (min-width: 64rem) {
  nav.navbar ul.menu li.search input {
    font-size: 1em
  }
}

nav.navbar ul.menu li.search input.ng-not-empty {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

nav.navbar ul.menu li .search-form {
  border-radius: 5px;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: 0px
}

nav.navbar ul.menu li .search-form.focus {
  box-shadow: 0 0 0 6px #000
}

nav.navbar ul.menu li .search-form i.icon-cross {
  display: none;
  position: absolute;
  top: 10px;
  right: 0px;
  color: #000;
  font-size: 12px;
  cursor: pointer
}

@media screen and (min-width: 64rem) {
  nav.navbar ul.menu li .search-form i.icon-cross {
    top: 2px
  }
}

@media screen and (min-width: 48rem) {
  nav.navbar ul.menu li .search-form .header-search-results {
    width: 200px
  }
}

@media screen and (min-width: 64rem) {
  nav.navbar ul.menu li .search-form .header-search-results {
    width: 243px
  }
}

nav.navbar ul.menu li a {
  color: white;
  display: block;
  font-size: 16px;
  padding: 10px
}

@media screen and (min-width: 48rem) {
  nav.navbar ul.menu li a {
    font-size: 14px;
    padding: 10px 0
  }
}

@media screen and (min-width: 64rem) {
  nav.navbar ul.menu li a {
    padding: 0
  }
}

nav.navbar--mobile {
  background: #050608;
  border-right: 1px solid white;
  height: 100%;
  position: fixed;
  padding: 0;
  max-width: 60%
}

nav.navbar--mobile ul.menu li {
  border-bottom: none;
  color: white;
  font-size: 18px;
  padding: 6px 0;
  text-align: left
}

nav.navbar--mobile ul.menu li a {
  font-size: 18px;
  padding: 6px 0
}

nav.navbar--mobile ul.menu i.sa {
  font-size: 18px;
  line-height: 1.5
}

nav.navbar--mobile ul.menu hr {
  float: left;
  margin: 20px 0;
  width: 100%
}

nav.navbar--mobile .container {
  overflow: scroll;
  height: 100%
}

nav.navbar--mobile .menu-bar {
  margin-bottom: 100px
}

ul.nav-icons {
  position: relative;
  right: 50px
}

ul.nav-icons li {
  padding: 0;
  margin: 0 5px
}

ul.nav-icons li:last-of-type {
  margin-right: 0
}

ul.nav-icons li.search {
  -webkit-transition: all .7s;
  transition: all .7s;
  margin-right: 0
}

ul.nav-icons li.search form {
  width: 32px
}

ul.nav-icons li .search-form {
  box-shadow: 0 0 0 6px #000;
  border-radius: 5px;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: 0px
}

ul.nav-icons li .search-form i.icon-cross {
  display: none;
  position: absolute;
  top: 2px;
  right: 0px;
  color: #000;
  font-size: 12px;
  cursor: pointer
}

ul.nav-icons li a {
  color: white;
  font-size: 25px;
  line-height: 25px
}

ul.nav-icons li a:before {
  margin: 0
}

form.mobile-search-form {
  background: #020404;
  position: absolute;
  top: 0;
  right: -110%;
  height: 64px;
  padding: 12px;
  width: 100%;
  z-index: 3001;
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}

form.mobile-search-form.active {
  right: 0
}

form.mobile-search-form input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("https://images.sofology.co.uk/image/upload/v1459867731/Sofology/misc/icon-search-dark.png") no-repeat;
  background-size: auto 60%;
  background-position: 5% 50%;
  box-sizing: border-box;
  border: 3px solid black;
  border-radius: 5px;
  float: right;
  height: 48px;
  text-indent: 40px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  width: 83%;
  top: -4px;
  position: relative
}

@media screen and (min-width: 25.94rem) {
  form.mobile-search-form input {
    background-position: 2% 50%;
    width: 90%
  }
}

form.mobile-search-form input.focus {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: 45px
}

form.mobile-search-form i.icon-cross {
  color: white;
  font-size: 18px;
  font-style: normal;
  position: relative;
  text-align: center;
  top: -2px
}

form.mobile-search-form i.icon-cross:before {
  margin: 0
}

form.mobile-search-form i.icon-cross span {
  display: block;
  line-height: 1
}

form.mobile-search-form .header-search-results {
  margin-left: 17%;
  margin-top: 40px;
  width: 83%;
  border: 3px solid black;
  border-top: none;
  box-sizing: border-box
}

form.mobile-search-form .header-search-results li {
  width: auto
}

body.home li.home {
  text-decoration: underline
}

body.shop-sofas li.shop-sofas {
  text-decoration: underline
}

body.sofology li.sofology {
  text-decoration: underline
}

body.stores li.store-locator {
  text-decoration: underline
}

body.store li.store-locator {
  text-decoration: underline
}

body.outlet li.outlet {
  text-decoration: underline
}

.zeroState {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: transparent url("https://images.sofology.co.uk/image/upload/v1459867731/Sofology/misc/icon-search.png") no-repeat !important;
  background-size: auto 60% !important;
  background-position: 0% 50% !important;
  box-sizing: border-box !important;
  border: none !important;
  border-radius: 5px !important;
  color: white !important;
  display: inline-block !important;
  float: left !important;
  font-size: 1em !important;
  height: 40px !important;
  line-height: 1 !important;
  padding: 0px !important;
  text-indent: 32px !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important;
  -webkit-transition: all 0.25s !important;
  transition: all 0.25s !important;
  width: 32px !important
}

.zeroState.ng-not-empty {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important
}

.zeroState:hover input, .zeroState input:focus, .zeroState input.focus {
  background-color: #555;
  background-image: url("https://images.sofology.co.uk/image/upload/v1459867731/Sofology/misc/icon-search.png");
  background-repeat: no-repeat;
  background-size: auto 60%;
  background-position: 5% 50%;
  box-sizing: border-box;
  display: inline-block;
  height: 40px;
  padding: 7px 3px 7px 10px
}

@media screen and (min-width: 48rem) {
  .zeroState:hover input, .zeroState input:focus, .zeroState input.focus {
    width: 200px
  }
}

@media screen and (min-width: 64rem) {
  .zeroState:hover input, .zeroState input:focus, .zeroState input.focus {
    width: 243px
  }
}

.navigation nav.main .search form {
  border-radius: 5px;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: 0px;
  padding-bottom: 0
}

.navigation nav.main .search form.focus {
  box-shadow: 0 0 0 6px #000
}

.navigation nav.main .search form span.sa {
  pointer-events: none;
  position: absolute;
  top: 20px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: white;
  -webkit-transition: all .25s;
  transition: all .25s
}

.navigation nav.main .search form span.sa.active-search {
  left: 10%
}

.navigation nav.main .search form span.sa.active-focus {
  left: 10%;
  color: black
}


.navigation nav.main .search form input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  box-sizing: border-box;
  text-align: left;
  border: none;
  border-radius: 5px;
  color: white;
  display: inline-block;
  float: left;
  font-size: 13px;
  height: 40px;
  line-height: 1;
  padding: 0px;
  text-indent: 32px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  width: 32px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.navigation nav.main .search form input.active-search {
  background-color: #555;
  color: white;
  width: 290px;
  padding-left: 40px;
  text-indent: 0;
}

.navigation nav.main .search form input::-ms-clear {
  display: none;
}

.navigation nav.main .search form input.active-search.active-focus {
  background-color: white;
  color: #414142
}

.navigation nav.main .search form input.active-search.disabled-search {
  background: transparent url("https://images.sofology.co.uk/image/upload/v1459867731/Sofology/misc/icon-search.png") no-repeat;
  background-size: auto 60%;
  background-position: 0% 50%;
  color: white;
  width: 32px;
  padding: 0px
}

.navigation nav.main .search form input.active-search.active-focus+.cross-icon-container {
  display: block;
  cursor: pointer
}

.navigation nav.main .search .cross-icon-container {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  top: 12px;
  display: none
}

.navigation nav.main .search .icon-cross {
  background: transparent;
  color: #000;
  font-size: 12px;
  top: 0
}

.navigation nav.main .search .header-search-results {
  display: none
}

@media (max-width: 1023px) {
  .navigation nav.main .search .header-search-results {
    width: 200px
  }
}

.navigation nav.main .search .header-search-results ul {
  background-color: #fff
}

.navigation nav.main .search .header-search-results ul li {
  border: none;
  width: auto;
  float: left;
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important
}

.navigation nav.main .search .header-search-results ul li .layout--flush {
  margin-left: 0
}

.navigation nav.main .search .header-search-results ul li .layout--flush>.layout__item {
  padding-left: 0;
  display: inline-block;
  float: left;
  width: 50%;
  font-size: 14px;
  position: relative;
  padding-left: 0 !important;
  -webkit-transform: none !important;
  transform: none !important
}

.navigation nav.main .search .header-search-results ul li .layout--flush>.layout__item a {
  padding: 5px
}

.navigation nav.main .search .header-search-results ul li .layout--flush>.layout__item a img {
  width: 100%
}

.navigation nav.main .search .header-search-results ul li .layout--flush>.product-details.layout__item {
  float: right
}

.navigation nav.main .search .header-search-results ul li .layout--flush>.product-details.layout__item .product-name a {
  padding: 0;
  padding-top: 10px;
  padding-left: 5px
}

.navigation nav.main .search .header-search-results ul li .layout--flush>.product-details.layout__item .product-price {
  padding-left: 5px
}

.navigation nav.main .search .header-search-results ul li .layout--flush>.product-details.layout__item .product-price em {
  color: #6ab3ae;
  font-style: normal
}

.navigation nav.main .search .header-search-results ul li .layout {
  list-style: none;
  margin: 0;
  padding: 0
}

.navigation nav.main .search .header-search-results ul li .layout a {
  color: #000
}

.navigation nav.main .search .header-search-results footer h2 {
  line-height: 1.6
}

.navigation nav.main .search .header-search-results footer p {
  margin: 0
}

.navigation nav.main .search .header-search-results footer p:last-of-type {
  margin-bottom: 0
}

.navigation nav.main .search .header-search-results footer a {
  display: block;
  color: #414142 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  padding: 0 !important;
  height: auto
}

.header-icon-search-mobile-container {
  display: inline-block;
  position: absolute;
  right: 65px;
  vertical-align: middle;
  top: 16px
}

.header-icon-search-mobile-container li a {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent url("https://images.sofology.co.uk/image/upload/v1459867731/Sofology/misc/icon-search.png") no-repeat;
  background-size: auto 60%;
  background-position: 0% 50%;
  box-sizing: border-box;
  border: none;
  border-radius: 5px;
  color: white;
  display: inline-block;
  float: left;
  font-size: 13px;
  height: 40px;
  line-height: 1;
  padding: 0px;
  text-indent: -9999px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  width: 32px;
  cursor: pointer
}

.search-bar-mobile {
  background: #020404;
  position: absolute;
  top: 35px;
  right: -210%;
  height: 64px;
  padding: 12px;
  width: 100%;
  z-index: 3001;
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}

.search-bar-mobile.active {
  right: 0
}

.search-bar-mobile input {
  background: #fff;
  border: 3px solid #000;
  float: right;
  height: 48px;
  text-indent: 10px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  width: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}


@media screen and (min-width: 690px) { 
span.sa-looking-glass.active-search {display:none;}
  .searchSubmit {  display: none;  }
  
  .searchSubmit button { 
      color: white; 
      position: absolute; 
      background-color: #00adef; 
      height: 50px; 
      width: 35px; 
      right: 0; 
      border: 0; 
      top: 0; 
      padding-bottom: 10px; 
    } 
    .searchSubmit.active-search { 
      display: inline; 
    
    } 
    .navigation nav.main ul li.search button i {
      right: 0 !important;
    }

    .closeSearch .sa-cross {
      top: 5px !important;
      right: -10px !important;
  }

    }
  
  
  
  
  .closeSearch {
    cursor: pointer;
    /* display: none; */
    position: absolute;
    right: 54px;
    z-index: 3000;
    width: 20px;
    height: 100%;
  }
  .closeSearch .sa {
      color: #000;
      font-size: 12px;
      margin-top: 7px;
    
    }
  
    .closeSearch.active-focus { 
      display: inline; 
  
    
    } 
  
   .navigation nav.main ul li.search button i {
      top: 10px !important
    }
}
  





/*Algolis Search additions */ 

 

.searchSubmit button { 
    color: white; 
    position: absolute; 
    background-color: #00adef; 
    height: 50px; 
    width: 50px; 
    right: 0; 
    border: 0; 
    top: 0; 
    padding-bottom: 10px; 
  } 





.closeSearch {
  cursor: pointer;

  position: absolute;
  right: 54px;
  z-index: 3000;
  width: 20px;
  height: 100%;
}
.closeSearch .sa {
    color: #000;
    font-size: 12px;
    margin-top: 7px;
  
  }



 



.search-bar-mobile .searchCta { 

  color: #fff; 
  position: absolute; 
  background-color: #00adef;  
  height: 42px; 
  width: 40px; 
  right: 15px; 
  border: 0; 
  top: 15px; 
  padding-top:10px;
} 

/* .searchSubmit {    color: white; 
/* position: absolute;  */
/* background-color: #00adef;  */
/* height: 50px; 
width: 50px; 
right: 0; 
border: 0; 
top: 0; 
padding-bottom: 10px; 
}  */


.search-bar-mobile .closeSearch {
  cursor: pointer;
  position: absolute;
  right: 54px;
  z-index: 3000;
  width: 20px;
  height: 100%;
}

.search-bar-mobile .closeSearch .sa {
  color:#000;
  margin-top: 19px;
}

/* end algolia search additions */
.search-bar-mobile .icon-cross {
  color: white;
  font-size: 18px;
  font-style: normal;
  position: relative;
  text-align: center;
  top: 5px
}

.search-bar-mobile .icon-cross span {
  display: block;
  margin-top: 5px
}

.header-search-results-mobile {
  width: 83%;
  float: right;
  position: relative;
  border: 3px solid black;
  background-color: #fff;
  margin-left: 17%;
  margin-top: -6px;
  border-top: 0
}

.header-search-results-mobile ul {
  list-style: none;
  margin-left: 0;
  max-height: 520px;
  overflow: scroll;
  margin-bottom: 0;
  padding-left: 0
}

.header-search-results-mobile ul li {
  border: none;
  width: auto;
  float: left;
  border-bottom: 1px solid #ddd;
  padding: 5px
}

.header-search-results-mobile ul li .layout--flush {
  margin-left: 0
}

.header-search-results-mobile ul li .layout--flush>.layout__item {
  padding-left: 0;
  display: inline-block;
  float: left;
  width: 50%;
  font-size: 14px
}

.header-search-results-mobile ul li .layout--flush>.layout__item a {
  padding: 5px
}

.header-search-results-mobile ul li .layout--flush>.layout__item a img {
  width: 100%
}

.header-search-results-mobile ul li .layout--flush>.product-details.layout__item {
  float: right
}

.header-search-results-mobile ul li .layout--flush>.product-details.layout__item .product-name a {
  padding: 0
}

.header-search-results-mobile ul li .layout--flush>.product-details.layout__item .product-name {
  display: block;
  padding-top: 5px;
  padding-left: 10px
}

.header-search-results-mobile ul li .layout--flush>.product-details.layout__item .product-price {
  padding-left: 10px;
  display: block
}

.header-search-results-mobile ul li .layout--flush>.product-details.layout__item .product-price em {
  color: #6ab3ae;
  font-style: normal
}

.header-search-results-mobile ul li .layout {
  list-style: none;
  margin: 0;
  padding: 0
}

.header-search-results-mobile ul li .layout a {
  color: #000
}

.header-search-results-mobile footer {
  background: white;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 24px 20px;
  text-align: left
}

.header-search-results-mobile footer h2 {
  color: gray;
  font-size: 11.25px;
  margin-bottom: 0;
  line-height: 1.6
}

.header-search-results-mobile footer p {
  margin: 0;
  color: #414142;
  font-size: 14px;
  line-height: 21px
}

.header-search-results-mobile footer p:last-of-type {
  margin-bottom: 0
}

.header-search-results-mobile footer a {
  display: block;
  color: #414142 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  padding: 0 !important;
  height: auto
}

.header-search-results-mobile footer em {
  color: #6ab3ae;
  font-style: normal
}

.empty-search {
  width: 100% !important
}

.header-search-results {
  background: white;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-top: 40px;
  width: 243px;
  text-align: left
}

.header-search-results.myBlur {
  display: none
}

.header-search-results.myFocus {
  display: block
}

.header-search-results ul {
  display: block !important;
  position: relative
}

.header-search-results ul li {
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  color: black;
  font-size: 14px;
  height: auto !important;
  line-height: 16px;
  margin: 0;
  padding: 4px 8px !important;
  text-align: left;
  width: 100%
}

.header-search-results .layout {
  display: block;
  position: relative
}

.header-search-results .layout__item {
  height: auto !important
}

.header-search-results .product-details {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute
}

.header-search-results .product-details span, .header-search-results .product-details a {
  color: #555 !important;
  font-size: 14px !important;
  line-height: 1 !important
}

.header-search-results .product-details em {
  color: #6ab3ae;
  font-style: normal
}

.header-search-results span {
  color: black;
  display: block;
  line-height: normal
}

.header-search-results footer {
  background: white;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 24px 20px;
  text-align: left
}

.header-search-results footer h2 {
  color: gray;
  font-size: 11.25px;
  margin-bottom: 0
}

.header-search-results footer p {
  color: #414142;
  font-size: 14px;
  line-height: 21px
}

.header-search-results footer a {
  display: block;
  color: #414142 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  padding: 0 !important
}

.header-search-results footer em {
  color: #6ab3ae;
  font-style: normal
}

.form-modal {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.ngdialog-overlay {
  background: black;
  height: 100%;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .ngdialog-overlay {
    background: transparent !important
  }
}

.ngdialog-content {
  background: black !important;
  width: 90rem !important
}

@media screen and (min-width: 48rem) {
  .ngdialog-content {
    background: transparent !important
  }
}

form.form--enquiry {
  background: #050707 url("http://images.sofology.co.uk/image/upload/v1447334173/homepage/splash/panel-sofology2.jpg") top center no-repeat;
  background-size: auto 70%;
  color: white;
  width: 100%
}

@media screen and (min-width: 48rem) {
  form.form--enquiry {
    background-size: auto 85%;
    top: 95px
  }
}

@media screen and (min-width: 48rem) {
  .stuck-contact form.form--enquiry {
    top: 63px;
    right: 120px
  }
}

@media screen and (min-width: 48rem) {
  form.form--enquiry {
    border: 8px solid #1a1b1b;
    border-radius: 20px;
    padding: 70px 20px 20px !important;
    position: absolute;
    right: 120px;
    width: 322px
  }
  form.form--enquiry:before {
    background-image: url("http://images.sofology.co.uk/image/upload/v1447680843/headers/popup-stalk.png");
    content: "";
    display: block;
    position: absolute;
    top: -18px;
    right: 18px !important;
    width: 22px;
    height: 11px
  }
  form.form--enquiry .layout {
    padding: 0 !important
  }
}

form.form--enquiry .close-dialog {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer
}

form.form--enquiry p {
  font-size: 18px;
  line-height: 18px;
  margin: 10px 0
}

@media screen and (min-width: 48rem) {
  form.form--enquiry p {
    margin: 5px 0
  }
  form.form--enquiry p small {
    margin-bottom: 10px
  }
}

form.form--enquiry p strong {
  text-decoration: underline
}

form.form--enquiry p.intro {
  font-size: 14px;
  letter-spacing: -0.42px;
  line-height: 20px
}

form.form--enquiry p.free-call {
  line-height: normal
}

form.form--enquiry p.free-call a[href^=tel] {
  text-decoration: none !important
}

form.form--enquiry small {
  display: block;
  font-size: 14px;
  line-height: 18px
}

form.form--enquiry a[href^=tel] {
  color: white;
  text-decoration: underline
}

form.form--enquiry .controls {
  margin-bottom: 10px;
  vertical-align: bottom
}

form.form--enquiry .controls.postcode {
  padding-right: 5px
}

form.form--enquiry .controls.email, form.form--enquiry .controls.actions {
  padding-left: 5px
}

form.form--enquiry .controls__control, form.form--enquiry .controls__control--select {
  border-radius: 5px;
  border: none;
  color: black;
  font-size: 16px;
  padding: 7px 10px;
  width: 100%
}

form.form--enquiry .controls__control.ng-invalid:not(.ng-pristine), form.form--enquiry .ng-invalid.controls__control--select:not(.ng-pristine) {
  border: 1px solid red
}

form.form--enquiry .controls__control.ng-invalid:not(.ng-pristine), form.form--enquiry .ng-invalid.controls__control--select:not(.ng-pristine) {
  background: white;
  outline: none
}

form.form--enquiry .controls__control--select {
  background: #fff url("//images.sofology.co.uk/image/upload/img/select-indicator.png") no-repeat 95% 50%;
  font-size: 13px;
  line-height: normal
}

form.form--enquiry .controls .btn {
  border: 2px solid white;
  color: white;
  font-size: 14px;
  line-height: 30px;
  padding: 0;
  width: 100%
}

form.form--enquiry span.error {
  display: block;
  font-size: 13px;
  text-align: left;
  line-height: normal;
  margin-bottom: 5px
}

form.form--enquiry span.error+input, form.form--enquiry span.error+textarea, form.form--enquiry span.error+select {
  border: 1px solid red;
  color: red
}

form.form--enquiry span.error+input::-webkit-input-placeholder, form.form--enquiry span.error+textarea::-webkit-input-placeholder, form.form--enquiry span.error+select::-webkit-input-placeholder {
  color: red
}

form.form--enquiry span.error+input::-moz-placeholder, form.form--enquiry span.error+textarea::-moz-placeholder, form.form--enquiry span.error+select::-moz-placeholder {
  color: red
}

form.form--enquiry span.error+input:-ms-input-placeholder, form.form--enquiry span.error+textarea:-ms-input-placeholder, form.form--enquiry span.error+select:-ms-input-placeholder {
  color: red
}

form.form--enquiry span.error+input::placeholder, form.form--enquiry span.error+textarea::placeholder, form.form--enquiry span.error+select::placeholder {
  color: red
}

form.form--enquiry.callBack {
  background-size: auto 110%
}

form.form--enquiry .callBack-thanks {
  padding: 110px 28px 20px
}

form.form--enquiry .callBack-thanks p {
  font-size: 13px;
  line-height: 18px;
  margin: 0
}

form.form--enquiry .after-sales p {
  font-size: 18px
}

form.form--enquiry .thank-you-message p {
  font-size: 13px;
  margin: 0
}

form.form--enquiry .thank-you-message p.lead {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 10px
}

.nav-login {
  height: 100vh;
  background-color: #3f3f3f;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  z-index: 9999;
  Width: 100%;
}



.nav-login .c-login-form {
	height: 100vh;
}

.nav-login .c-login-form a {
	color: white;
}

@media screen and (min-width: 46rem) {
	.nav-login,
	.nav-login .c-login-form {
		width: 430px;
	}
}

@media screen and (min-width: 64em) {
	.nav-login,
	.nav-login .c-login-form {
		height: auto;
	}
}



.nav-login .c-login-form input {
	font-family: FS-Emeric-Medium,Helvetica,sans-serif;
}

.c-form--error {
  color: #c74441;
}

.c-form—-error::placeholder {
	color: #c74441;
}

label.c-form--error {
  background-color: #c74441;
  border-radius: 3px;
  color: white;
  font-family: FS-Emeric-Medium,Helvetica,sans-serif;
  margin-bottom: 35px;
  outline: none;
  padding: 12px;
  width: 100%;
}


/*@media screen and (min-width: 48rem) {
  .nav-login {
    width: 50%
  }
}

@media screen and (min-width: 64rem) {
  .nav-login {
    width: 38%
  }
}

@media screen and (min-width: 85.375rem) {
  .nav-login {
    width: 390px
  }
}*/

.customer__login {
  margin: 0;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 110px
}

.customer__login__page {
  padding: 15px 10px 0
}

@media screen and (min-width: 48rem) {
  .customer__login__page {
    padding: 15px 15px 5px
  }
}

@media screen and (min-width: 64rem) {
  .customer__login__page {
    padding: 15px 15px 3px
  }
}

.customer__login__page--page2 {
  padding: 15px 5px 15px
}

.customer__login__page--page2 .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.customer__login__page--page2 .or__separator {
  color: #b3b1b1;
  display: inline-block;
  font-size: 18px;
  margin: 10px 15px 0 5px
}

@media screen and (min-width: 64rem) {
  .customer__login__page--page2 .or__separator {
    font-size: 20px
  }
}

.customer__login__page--page2 .login__select__basket {
  background: none;
  border: none;
  color: #FFF;
  font-weight: 600;
  font-size: 75%;
  margin: 0;
  padding: 0;
  text-align: left;
  width: auto
}

@media screen and (min-width: 25.94rem) {
  .customer__login__page--page2 .login__select__basket {
    font-size: 17px
  }
}

.customer__login__page--page2 .login__select__basket .sa-angle-right {
  font-size: 22px;
  margin: 0;
  vertical-align: middle
}

@media screen and (min-width: 64rem) {
  .customer__login__page--page2 .login__select__basket .sa-angle-right {
    margin: 0 5px;
    vertical-align: text-bottom
  }
}

.customer__login__page--page2 .login__select__basket span {
  display: block;
  font-weight: normal;
  font-size: 11px;
  text-align: left
}

@media screen and (min-width: 25.94rem) {
  .customer__login__page--page2 .login__select__basket span {
    font-size: 13px
  }
}

.customer__login .loader {
  top: 12px;
  margin: 0 auto
}

.customer__login .header__title {
  color: #FFF;
  font-size: .75rem;
  font-weight: bold;
  margin: 0 0 8px;
  line-height: 1rem;
  text-transform: none
}

@media screen and (min-width: 48rem) {
  .customer__login .header__title {
    font-size: .9rem;
    font-weight: 600
  }
}

.customer__login .header__title--page2 {
  font-size: 16px;
  margin: 0 0 20px 5px
}

@media screen and (min-width: 64rem) {
  .customer__login .header__title--page2 {
    font-size: 18px
  }
}

.customer__login .customer__login__close {
  color: #FFF;
  cursor: pointer;
  font-size: 17px;
  position: absolute;
  top: 5px;
  right: 3px
}

.customer__login .customer__login__subtext {
  padding: 10px 0 0;
  margin: 0
}

@media screen and (min-width: 48rem) {
  .customer__login .customer__login__subtext {
    padding: 5px 0 0
  }
}

.customer__login .customer__login__reset {
  display: inline-block;
  margin: -5px 0 0;
  vertical-align: top
}

.customer__login .customer__login__reset a {
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  font-style: italic
}

.customer__login__contanier {
  background-color: #FFF;
  position: relative;
  border-right: 0
}

.customer__login .inputFields {
  margin: 0;
  line-height: 1.5rem;
  z-index: 3;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important
}

.customer__login .inputFields--login {
  background: none;
  border: none;
  font-size: .855rem;
  padding: 9px 0 9px 15px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 85%
}

@media screen and (min-width: 25.94rem) {
  .customer__login .inputFields--login {
    width: 100%
  }
}

@media screen and (min-width: 64rem) {
  .customer__login .inputFields--login {
    font-size: .9rem
  }
}

.customer__login__errors {
  position: absolute;
  bottom: -39px;
  left: 0;
  background: none;
  border: 0;
  margin: 0;
  width: 100%
}

.customer__login__errors .val__error-msg {
  display: block;
  background: #c74441;
  color: #FFF;
  font-size: .9rem;
  font-weight: bold;
  padding: 10px;
  width: 100%
}

.customer__login__errors .val__error-msg:after {
  position: absolute;
  top: -70%;
  left: 15px;
  width: 0;
  height: 0;
  content: "";
  border-top: 15px solid #c74441;
  border-right: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid transparent;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.customer__login__facebook {
  width: 100%;
  height: 100%;
  background: #3B5998;
  z-index: 1000;
  line-height: 2.5rem;
  color: #FFF;
  font-weight: 600;
  padding-left: 20px
}

.customer__login__facebook .facebook__link {
  border-bottom: 1px solid #FFF
}

.customer__login__steps {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 40px
}

.customer__login__steps__wrapper {
  display: block;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
  width: 910px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.customer__login__steps__box {
  display: inline-block;
  position: relative;
  width: 300px;
  z-index: 150
}

@media screen and (min-width: 46rem) {
  .customer__login__steps__box {
    width: 310px
  }
}

.customer__login__steps__box input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset
}

.customer__login__btns {
  background-color: #3f3f3f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  width: 90px;
  height: 42px;
  position: relative;
  top: -1px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 160
}

.customer__login__btns .login__type {
  border: none;
  border-radius: 0;
  color: #FFF;
  display: inline-block;
  font-size: 20px;
  width: 49%;
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width: 25.94rem) {
  .customer__login__btns .login__type {
    font-size: 28px
  }
}

.customer__login__btns .login__type.active .sa {
  line-height: 2.5rem;
  padding-bottom: 10px;
  z-index: 2000
}

.customer__login__btns .login__type.active .sa-facebook {
  padding: 0 6px 10px
}

.customer__login__btns .login__type i {
  margin: 0 auto
}

.customer__login__btns .email__login {
  background-color: #333;
  font-size: 17px;
  margin-right: 2px;
  cursor: default
}

@media screen and (min-width: 48rem) {
  .customer__login__btns .email__login {
    font-size: 20px
  }
}

.customer__login__btns .facebook__login {
  background-color: #3B5998;
  right: 0;
  font-size: 25px
}

.customer__login__btns .facebook__login .sa-facebook {
  color: #FFF;
  -webkit-transition: none;
  transition: none
}

.customer__login__email {
  width: 79%
}

.customer__login__email .prev__step {
  background: none;
  border: none;
  color: #333;
  line-height: 0;
  padding: 1.4px 2px 0 3.5px;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 170
}

.customer__login__email .prev__step .prev-arrow {
  font-size: 1.1rem
}

.customer__login__email .next__step {
  background-color: #333;
  border: none;
  border-radius: 50%;
  color: #FFF;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 95px;
  width: 20px;
  height: 20px;
  z-index: 170
}

@media screen and (min-width: 25.94rem) {
  .customer__login__email .next__step {
    right: 105px
  }
}

@media screen and (min-width: 48rem) {
  .customer__login__email .next__step {
    right: 95px
  }
}

.customer__login__email .next__step .next-arrow {
  font-size: 1.1rem;
  padding: 1px 0 0 8px
}

@media screen and (min-width: 48rem) {
  .customer__login__email .next__step .next-arrow {
    padding: 1px 0 0 7.8px
  }
}

.customer__login__user {
  border: 1px solid #ddd;
  padding: 15px 15px;
  line-height: 1;
  height: 50px;
  margin: 0;
  position: relative
}

.customer__login__user .facebook__logo {
  background-color: #3B5998;
  color: #fff;
  display: block;
  font-size: 20px;
  line-height: 1rem;
  width: 50px;
  height: 50px;
  position: absolute;
  top: -1px;
  right: 0
}

.customer__login__user .facebook__logo .sa-facebook {
  font-size: 2rem;
  line-height: 3.3rem;
  padding-left: 15px
}

.customer__login .opt-out-option {
  margin: 15px 0 0;
  text-align: right
}

.customer__login .opt-out-option label {
  font-size: .8rem;
  vertical-align: text-top
}

.customer__login .customer__login__busy {
  background-color: rgba(32, 32, 32, 0.75);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999
}

.customer__login ::-webkit-input-placeholder {
  font-size: 12px;
  font-weight: 600
}

.customer__login :-ms-input-placeholder {
  font-size: 12px;
  font-weight: 600
}

.customer__login ::-moz-placeholder {
  opacity: 1;
  font-size: 12px;
  font-weight: 600
}

.customer__login :-moz-placeholder {
  opacity: 1;
  font-size: 12px;
  font-weight: 600
}

header .generic-container {
  overflow: inherit !important
}

.basket-toast {
  background: white;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 243px;
  text-align: left;
  position: absolute;
  right: 10px;
  top: 80px
}

.basket-toast.myBlur {
  display: none
}

.basket-toast.myFocus {
  display: block
}

.basket-toast .layout {
  display: block;
  position: relative;
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  color: black;
  font-size: 14px;
  height: auto !important;
  line-height: 16px;
  margin: -1px 0 0;
  padding: 10px 0;
  text-align: left;
  width: 100%
}

.basket-toast .layout__item {
  height: auto !important
}

.basket-toast .product-details {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute
}

.basket-toast .product-details span, .basket-toast .product-details a {
  color: #555 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  display: inline !important;
  padding: 0 !important
}

.basket-toast .product-details em {
  color: #6ab3ae;
  font-style: normal
}

.basket-toast span {
  color: black;
  display: block;
  line-height: normal
}

.basket-toast footer {
  background: white;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px 20px;
  text-align: left
}

.basket-toast footer h2 {
  color: gray;
  font-size: 11.25px;
  margin-bottom: 0
}

.basket-toast footer p {
  color: #414142;
  font-size: 14px;
  line-height: 21px
}

.basket-toast footer a {
  display: block;
  color: #414142 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  padding: 0 !important
}

.basket-toast footer em {
  color: #6ab3ae;
  font-style: normal
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@media screen and (max-device-width: 1024px) and (orientation: landscape) {
  .stuck .trustpilot-link {
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 5s;
    animation-duration: 5s
  }
}

.navigation div.basket-icon {
  position: absolute;
  top: 10px;
  right: 110px;
  width: 40px;
  height: 60px
}

@media screen and (min-width: 48rem) {
  .navigation div.basket-icon {
    display: none
  }
}

.navigation div.basket-icon a {
  display: block;
  height: 60px;
  padding: 30px 18px
}

.navigation div.basket-icon span.basket-indicator-count {
  position: absolute;
  top: 10px;
  left: 56%;
  width: 16px;
  height: 16px;
  background: #009FEE;
  border-radius: 8px;
  display: inline-block;
  line-height: 16px;
  color: #fff;
  font-size: .625rem;
  line-height: 17px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1
}

.navigation div.basket-icon i.sa {
  width: auto;
  height: auto;
  color: white;
  font-size: 1.625rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.navigation nav.main {
  height: 80px;
  padding: 0 25px
}

.navigation nav.main ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

html.sa-events-typefaces-fs-emeric-regular-loading .navigation nav.main li {
  opacity: 0
}

html.sa-events-typefaces-fs-emeric-regular-ready .navigation nav.main li {
  opacity: 1
}

html.sa-events-typefaces-fs-emeric-regular-failed .navigation nav.main li {
  opacity: 1
}

@media screen and (min-width: 48rem) {
  .navigation nav.main li.basket-icon {
    width: 40px
  }
}

.navigation nav.main li.basket-icon:hover a {
  background: transparent
}

.navigation nav.main li.basket-icon div {
  height: 80px;
  padding: 30px 18px
}

.navigation nav.main li.basket-icon span.basket-indicator-count {
  position: absolute;
  top: 26px;
  left: 56%;
  width: 16px;
  height: 16px;
  background: #009FEE;
  border-radius: 8px;
  display: inline-block;
  line-height: 16px;
  color: #fff;
  font-size: .75rem;
  line-height: 17px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1
}

.navigation nav.main li.basket-icon i.sa {
  width: auto;
  height: auto;
  font-size: 1.625rem;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.navigation nav.main li.search {
  height: 40px !important;
  top: 0 !important;
  width: 32px;
  margin: 0 !important
}

.touch .link-container {
  overflow: scroll !important
}

.modalScroll {
  position: fixed
}

#c-in-page-sticky-nav-container {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #ffffff;
  width: 100%;
  z-index: 2
}

#c-in-page-sticky-nav-container:before {
  content: "mobile";
  display: none
}

#c-in-page-sticky-nav-container.opaque.sofology-black {
  background-color: #000000 !important;
  color: #ffffff !important
}

#c-in-page-sticky-nav-container.opaque.sofology-black .link-container {
  background-color: #000000 !important;
  color: #ffffff !important
}

#c-in-page-sticky-nav-container.opaque.sofology-dark-grey {
  background-color: #202020 !important;
  color: #ffffff !important
}

#c-in-page-sticky-nav-container.opaque.sofology-dark-grey .link-container {
  background-color: #202020 !important;
  color: #ffffff !important
}

#c-in-page-sticky-nav-container.opaque.sofology-medium-grey {
  background-color: #3f3f3f !important;
  color: #ffffff !important
}

#c-in-page-sticky-nav-container.opaque.sofology-medium-grey .link-container {
  background-color: #3f3f3f !important;
  color: #ffffff !important
}

#c-in-page-sticky-nav-container.opaque.sofology-light-grey {
  background-color: #e5e5e5 !important;
  color: #3f3f3f !important
}

#c-in-page-sticky-nav-container.opaque.sofology-light-grey .link-container {
  background-color: #e5e5e5 !important;
  color: #3f3f3f !important
}

#c-in-page-sticky-nav-container.opaque.sofology-pale-grey {
  background-color: #f7f7f7 !important;
  color: #3f3f3f !important
}

#c-in-page-sticky-nav-container.opaque.sofology-pale-grey .link-container {
  background-color: #f7f7f7 !important;
  color: #3f3f3f !important
}

#c-in-page-sticky-nav-container.opaque.sofology-white {
  background-color: #ffffff !important;
  color: #3f3f3f !important
}

#c-in-page-sticky-nav-container.opaque.sofology-white .link-container {
  background-color: #ffffff !important;
  color: #3f3f3f !important
}

#c-in-page-sticky-nav-container.opaque.sofology-outlet-red {
  background-color: #9F090A !important;
  color: #ffffff !important
}

#c-in-page-sticky-nav-container.opaque.sofology-outlet-red .link-container {
  background-color: #9F090A !important;
  color: #ffffff !important
}

#c-in-page-sticky-nav-container.opaque.sofology-blue {
  background-color: #009FEE !important;
  color: #ffffff !important
}

#c-in-page-sticky-nav-container.opaque.sofology-blue .link-container {
  background-color: #009FEE !important;
  color: #ffffff !important
}

#c-in-page-sticky-nav-container.transparent .fade-after, #c-in-page-sticky-nav-container.transparent .fade-before {
  opacity: 0 !important
}

#c-in-page-sticky-nav-container .in-page-sticky-nav {
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  max-height: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 16px
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .cta-button {
  display: none
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .mobile-cta-button {
  float: right;
  padding-right: 10px
}

@media (max-width: 340px) {
  #c-in-page-sticky-nav-container .in-page-sticky-nav .mobile-cta-button .button-cta {
    padding: 5px
  }
}

@media (min-width: 340px) {
  #c-in-page-sticky-nav-container .in-page-sticky-nav .mobile-cta-button {
    padding: 0 15px
  }
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta {
  background-color: #0D0D0D;
  border-radius: 18px;
  cursor: pointer;
  color: white !important;
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px
}

@media (min-width: 340px) {
  #c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta {
    padding: 5px 12px
  }
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta .sa {
  font-size: 14px !important
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta.sofology-black, #c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta.sofology-black .sa {
  background-color: #000000 !important;
  color: #ffffff !important
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta.sofology-dark-grey, #c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta.sofology-dark-grey .sa {
  background-color: #202020 !important;
  color: #ffffff !important
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta.sofology-medium-grey, #c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta.sofology-medium-grey .sa {
  background-color: #3f3f3f !important;
  color: #ffffff !important
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta.sofology-light-grey, #c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta.sofology-light-grey .sa {
  background-color: #e5e5e5 !important;
  color: #3f3f3f !important
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta.sofology-pale-grey, #c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta .sofology-pale-grey .sa {
  background-color: #f7f7f7 !important;
  color: #3f3f3f !important
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta.sofology-white, #c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta.sofology-white .sa {
  background-color: #ffffff !important;
  color: #3f3f3f !important
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta.sofology-outlet-red, #c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta.sofology-outlet-red .sa {
  background-color: #9F090A !important;
  color: #ffffff !important
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta.sofology-blue, #c-in-page-sticky-nav-container .in-page-sticky-nav .button-cta.sofology-blue .sa {
  background-color: #009FEE !important;
  color: #ffffff !important
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container {
  z-index: 3;
  padding: 0;
  position: relative;
  height: 55px;
  line-height: 55px
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .in-page-nav-back {
  display: inline-block;
  color: #000;
  font-weight: bold;
  font-size: 30px;
  padding-left: 15px;
  width: 30px
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .in-page-nav-back i {
  line-height: 20px
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .ipn-name {
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 5px;
  display: inline-block;
  position: absolute;
  height: 55px;
  line-height: 58px;
  text-transform: capitalize
}

@media screen and (min-width: 48rem) {
  #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .ipn-name {
    position: relative
  }
}


/*todo.. sw moved this out of the containers to reuse in OTP*/
.sa-sofology-coloured {
  color: #fff;
  margin-bottom: -2px;
  background-image: url(/images/icons/sofology-coloured-logo.png);
  width: 21px;
  height: 17px
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .in-page-nav-back+.ipn-name {
  padding-left: 0
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow {
  position: absolute;
  width: 100px;
  height: 55px;
  margin: 0 auto;
  top: 0;
  left: 50%;
  margin-left: -50px
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow:before {
  -webkit-transform: translate(-250%, 185%) rotate(-45deg);
  transform: translate(-250%, 185%) rotate(-45deg);
  left: 51%;
  content: '';
  position: absolute;
  height: 12px;
  width: 2px;
  background: #000000;
  -webkit-transition: all ease-in-out .25s;
  transition: all ease-in-out .25s
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow:after {
  -webkit-transform: translate(250%, 185%) rotate(45deg);
  transform: translate(250%, 185%) rotate(45deg);
  left: 49%;
  content: '';
  position: absolute;
  height: 12px;
  width: 2px;
  background: #000000;
  -webkit-transition: all ease-in-out .25s;
  transition: all ease-in-out .25s
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.iconToggle:after {
  -webkit-transform: translate(250%, 185%) rotate(-45deg);
  transform: translate(250%, 185%) rotate(-45deg)
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.iconToggle:before {
  -webkit-transform: translate(-250%, 185%) rotate(45deg);
  transform: translate(-250%, 185%) rotate(45deg)
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-black, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-dark-grey, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-medium-grey, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-outlet-red, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-blue {
  background-color: transparent !important
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-black:after, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-black:before, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-dark-grey:after, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-dark-grey:before, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-medium-grey:after, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-medium-grey:before, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-outlet-red:after, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-outlet-red:before, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-blue:after, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-blue:before {
  background-color: #ffffff !important
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-light-grey, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-pale-grey, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-white {
  background-color: transparent !important
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-light-grey:after, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-light-grey:before, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-pale-grey:after, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-pale-grey:before, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-white:after, #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow.sofology-white:before {
  background-color: #3f3f3f !important
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .link-container {
  z-index: 2
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .link-container ul {
  position: relative;
  display: none;
  margin: 0 auto;
  list-style: none;
  padding: 0;
  width: 75%
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .link-container ul li {
  height: 55px;
  line-height: 55px;
  font-size: 16px;
  text-align: center;
  margin-bottom: 0;
  border-bottom: 1px solid #e9e9e9
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .link-container ul li a {
  color: inherit;
  display: inline-block;
  -webkit-transition: ease all .0s;
  transition: ease all .0s;
  text-align: center
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .link-container ul li a:focus {
  color: unset
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .link-container ul li a.nav-active {
  font-weight: 800
}

#c-in-page-sticky-nav-container .in-page-sticky-nav .link-container ul li a.mobile-nav-active {
  font-weight: 800;
  letter-spacing: -1.5px
}

#c-in-page-sticky-nav-container ul li.ipn-name {
  font-family: "FS-Emeric-Medium", Helvetica, sans-serif;
  padding: 0 15px
}

#c-in-page-sticky-nav-container ul li.ipn-name .sa-sofology-coloured {
  color: #fff;
  margin-bottom: -2px;
  background-image: url(/images/icons/sofology-coloured-logo.png);
  width: 21px;
  height: 17px
}

@media screen and (min-width: 48rem) {
  #c-in-page-sticky-nav-container:before {
    content: "desktop"
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav {
    max-height: 64px;
    height: 64px;
    line-height: 64px;
    overflow: hidden;
    max-width: 1600px;
    margin: 0 auto
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav .mobile-cta-button {
    display: none
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav .cta-button {
    display: inline-block;
    float: right;
    height: 100%;
    right: 20px;
    padding: 0 20px
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav .fade-after+.cta-button {
    display: none
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-before {
    display: none;
    cursor: pointer;
    width: 40px;
    height: 64px;
    position: absolute;
    z-index: 5;
    content: "";
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #fff 50%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-before.sofology-black {
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #000 50%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #000 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-before.sofology-dark-grey {
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #202020 50%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #202020 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-before.sofology-medium-grey {
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #3f3f3f 50%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #3f3f3f 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-before.sofology-light-grey {
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #e5e5e5 50%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #e5e5e5 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-before.sofology-pale-grey {
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #f7f7f7 50%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #f7f7f7 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-before.sofology-white {
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #fff 50%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-before.sofology-outlet-red {
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #9F090A 50%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #9F090A 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-before.sofology-blue {
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #009FEE 50%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #009FEE 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-after {
    display: none;
    cursor: pointer;
    width: 40px;
    height: 64px;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 5;
    content: "";
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-after.sofology-black {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #000 50%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #000 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-after.sofology-dark-grey {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #202020 50%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #202020 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-after.sofology-medium-grey {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #3f3f3f 50%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #3f3f3f 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-after.sofology-light-grey {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #e5e5e5 50%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #e5e5e5 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-after.sofology-pale-grey {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f7f7f7 50%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f7f7f7 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-after.sofology-white {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 50%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-after.sofology-outlet-red {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #9F090A 50%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #9F090A 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-after.sofology-blue {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #009FEE 50%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #009FEE 50%)
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .fade-after+.cta-button {
    display: inline-block
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .link-container {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    overflow: hidden;
    background-color: transparent !important
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav.scrollable .link-container ul li.cta-button {
    display: none
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav .link-container {
    position: absolute;
    left: 0;
    width: 100%;
    height: 64px;
    display: block;
    float: right;
    text-align: center
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav .link-container ul {
    display: block !important;
    height: 100%;
    white-space: nowrap;
    width: 100%
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav .link-container ul li {
    display: inline-block;
    height: 100%;
    line-height: 64px;
    box-sizing: border-box;
    font-size: 14px;
    border-bottom: none;
    -webkit-transition: ease all 0.3s;
    transition: ease all 0.3s;
    opacity: 1
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav .link-container ul li.notVisible {
    opacity: 0.3
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav .link-container ul li.ipn-name {
    opacity: 1
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav .link-container ul li.cta-button {
    float: none;
    height: 100%;
    position: initial
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav .link-container ul li a {
    padding: 0 15px
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav .link-container ul li a.button-cta {
    padding: 5px 12px
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container {
    height: 64px;
    line-height: 64px;
    display: inline-block;
    float: left;
    left: 0
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .in-page-nav-back i {
    line-height: 20px;
    position: relative;
    top: -1px
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .ipn-name {
    height: 64px;
    line-height: 64px
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .in-page-nav-back+.ipn-name {
    top: -5px
  }
  #c-in-page-sticky-nav-container .in-page-sticky-nav .logo-container .arrow {
    display: none
  }
}

li.cta i.sa {
  position: absolute !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important
}

li.cta ul.hover {
  top: 36px !important;
  left: 0 !important
}

.faceted-nav {
  background: #f4f4f4;
  text-align: left;
  display: none
}

@media screen and (min-width: 48rem) {
  .faceted-nav {
    display: inline-block
  }
}

.faceted-nav.stuck {
  border-bottom: 1px solid #d8d8d8;
  top: 64px;
  z-index: 3001
}

.faceted-nav h3 {
  color: black;
  display: inline-block;
  font-size: 1.1875rem;
  margin-top: 0;
  width: 100%
}

.faceted-nav .island {
  height: 122px
}

.faceted-nav .island p {
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  top: 40%
}

.faceted-nav .controls {
  margin: 0 auto
}

@media screen and (min-width: 80rem) {
  .faceted-nav .controls {
    max-width: 53.125rem
  }
}

.faceted-nav .controls__label {
  color: #404041;
  cursor: pointer;
  display: inline-block !important;
  font-size: .875rem;
  margin-bottom: 8px;
  text-align: left;
  width: 100%
}

.faceted-nav .controls__label:last-child {
  bottom: -10px;
  margin-top: 8px
}

.faceted-nav .controls__label:only-child {
  margin-top: 0
}

.faceted-nav .controls__control--custom {
  width: 20px !important;
  height: 30px !important;
  left: 5%;
  font-size: 20px;
  vertical-align: middle;
  position: relative;
  margin-right: 14px;
  display: none
}

.faceted-nav .layout__item--materials {
  padding: 0 !important;
  width: 160px !important
}

.faceted-nav .layout__item--items {
  width: 260px !important;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  box-sizing: content-box;
  padding: 0 0 0 40px !important;
  margin-right: 40px !important
}

.faceted-nav .layout__item--items .layout__item {
  box-sizing: border-box;
  padding: 0 !important;
  width: 130px !important
}

.faceted-nav .layout__item--others {
  padding: 0 !important;
  width: 160px !important
}

.faceted-nav .layout__item--others .controls__control--custom {
  margin-right: 24px
}

.faceted-nav .layout__item:last-child {
  border-right: none
}

.faceted-nav .layout__item>.layout__item {
  border: none;
  margin-bottom: 0
}

.faceted-nav .layout__item>.layout__item .layout__item {
  border: none;
  outline: none
}

.faceted-nav .filters--collection .layout__item {
  padding: 0 !important
}

.faceted-nav .quick-links {
  max-width: 70%;
  margin: 0 auto
}

@media screen and (min-width: 64rem) {
  .faceted-nav .quick-links {
    max-width: 60%
  }
}

@media screen and (min-width: 80rem) {
  .faceted-nav .quick-links {
    max-width: 40%
  }
}

.faceted-nav .quick-links p {
  margin: 0;
  font-size: .875rem
}

.faceted-nav .quick-links p.quick-express {
  background: url("http://images.sofology.co.uk/image/upload/v1464257754/Sofology/sprites/truck-fast.png") no-repeat 0 50%;
  padding-left: 40px
}

.faceted-nav .quick-links p.quick-latest {
  background: url("http://images.sofology.co.uk/image/upload/v1464257754/Sofology/sprites/tag.png") no-repeat 0 50%;
  padding-left: 30px
}

.faceted-nav .quick-links p a {
  color: #404041
}

.faceted-nav .quick-links p i.sa {
  font-size: 1.125rem;
  line-height: 24px
}

.faceted-nav--mobile {
  display: block;
  background: white;
  overflow: hidden;
  -webkit-transition: height linear .3s;
  transition: height linear .3s
}

@media screen and (min-width: 48rem) {
  .faceted-nav--mobile {
    display: none
  }
}

.faceted-nav--mobile.showFilters {
  position: fixed;
  z-index: 3001;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch
}

.faceted-nav--mobile .controls.filters {
  background: #e7e7e8
}

.faceted-nav--mobile hr {
  border: 0;
  height: 1px;
  background: #d8d8d8
}

.faceted-nav--mobile .island {
  height: auto
}

.faceted-nav--mobile .layout__item {
  border: none;
  padding: 0 !important
}

.faceted-nav--mobile h3, .faceted-nav--mobile h4 {
  border: none;
  font-size: 1.125rem;
  margin: 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

.faceted-nav--mobile h3 a, .faceted-nav--mobile h4 a {
  color: #404041
}

.faceted-nav--mobile h3 .sa, .faceted-nav--mobile h4 .sa {
  padding-right: 10px
}

.faceted-nav--mobile h3 .icon-cross, .faceted-nav--mobile h4 .icon-cross {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.faceted-nav--mobile h3 {
  background: #404041;
  color: white
}

.faceted-nav--mobile h4 {
  font-size: 1rem;
  text-align: left;
  text-transform: none
}

.faceted-nav--mobile h4 .sa {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-60%);
  transform: translateY(-60%)
}

.faceted-nav--mobile .quick-links {
  border-top: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
  padding: 24px 0;
  margin: 0;
  font-size: .875rem;
  width: 100%;
  max-width: 100%
}

.faceted-nav--mobile .quick-links p {
  font-size: .875rem;
  text-align: left
}

@media screen and (min-width: 375px) {
  .faceted-nav--mobile .quick-links p {
    font-size: 1rem
  }
}

.faceted-nav--mobile .quick-links p.quick-express {
  background: url("http://images.sofology.co.uk/image/upload/v1464257754/Sofology/sprites/truck-fast.png") no-repeat 0 50%;
  padding-left: 40px
}

.faceted-nav--mobile .quick-links p.quick-latest {
  background: url("http://images.sofology.co.uk/image/upload/v1464257754/Sofology/sprites/tag.png") no-repeat 0 50%;
  line-height: 22px;
  padding-left: 40px
}

.faceted-nav--mobile button.btn {
  cursor: pointer;
  font-size: .875rem;
  line-height: 14px;
  padding: 12px 30px
}

.faceted-nav--mobile .controls {
  box-sizing: border-box;
  border-top: 1px solid #bcbcbc;
  max-width: 100%;
  height: 100%;
  padding-bottom: 40px
}

.faceted-nav--mobile .controls__control--custom {
  margin-right: 24px
}

.faceted-nav--mobile .layout__item {
  padding-left: 0
}

.faceted-nav--mobile label input.icon-corner, .faceted-nav--mobile label input.icon-sofa {
  width: 25px !important;
  font-size: 25px
}

@media screen and (min-width: 25.94rem) {
  .faceted-nav--mobile label input.icon-recliner {
    width: 30px !important
  }
}

@media screen and (min-width: 48rem) {
  .faceted-nav--mobile label input.icon-recliner {
    width: 20px !important
  }
}

.sofology-outlet-wrapper {
  display: none;
  min-height: 450px
}

.sofology-outlet-wrapper .configure {
  font-family: 'fs-emeric-light' !important;
  text-transform: none !important;
  font-size: 16px !important;
  line-height: 1;
  background-color: #9F090A;
  color: #ffffff;
  width: 100%;
  display: block;
  position: relative
}

.sofology-outlet-wrapper .configure.sofology-black {
  background-color: #000000 !important;
  color: #ffffff !important
}

.sofology-outlet-wrapper .configure.sofology-dark-grey {
  background-color: #202020 !important;
  color: #ffffff !important
}

.sofology-outlet-wrapper .configure.sofology-medium-grey {
  background-color: #3f3f3f !important;
  color: #ffffff !important
}

.sofology-outlet-wrapper .configure.sofology-light-grey {
  background-color: #e5e5e5 !important;
  color: #3f3f3f !important
}

.sofology-outlet-wrapper .configure.sofology-pale-grey {
  background-color: #f7f7f7 !important;
  color: #3f3f3f !important
}

.sofology-outlet-wrapper .configure.sofology-white {
  background-color: #ffffff !important;
  color: #3f3f3f !important
}

.sofology-outlet-wrapper .configure.sofology-outlet-red {
  background-color: #9F090A !important;
  color: #ffffff !important
}

.sofology-outlet-wrapper .configure.sofology-blue {
  background-color: #009FEE !important;
  color: #ffffff !important
}

.sofology-outlet-wrapper .configure .slick-list {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  height: auto !important
}

.sofology-outlet-wrapper .configure .slick-track {
  margin-bottom: 0
}

.sofology-outlet-wrapper .configure .slick-slide {
  padding-bottom: 0
}

.sofology-outlet-wrapper .configure.buttons-medium-grey-bg button i.sa-bag, .sofology-outlet-wrapper .configure.buttons-medium-grey-bg i.sa-angle-left, .sofology-outlet-wrapper .configure.buttons-medium-grey-bg i.sa-angle-right {
  color: #fff !important;
  opacity: 1 !important
}

.sofology-outlet-wrapper .configure header {
  margin-bottom: 0;
  padding-top: 28px
}

.sofology-outlet-wrapper .configure h2, .sofology-outlet-wrapper .configure h3 {
  color: inherit;
  margin-bottom: 5px
}

.sofology-outlet-wrapper .configure h3 {
  font-weight: 700;
  font-size: 35px;
  padding: 0 20px
}

.sofology-outlet-wrapper .configure p:last-child {
  margin-bottom: 0 !important
}

.sofology-outlet-wrapper .configure .outlet-container_sub-title {
  margin: 0
}

.sofology-outlet-wrapper .configure .range-name {
  text-transform: capitalize
}

.sofology-outlet-wrapper .configure .search-carousel-paging, .sofology-outlet-wrapper .configure .result-carousel-paging {
  text-align: center;
  font-size: 16px;
  margin-bottom: 25px
}

.sofology-outlet-wrapper .configure .search-carousel-paging.inactive, .sofology-outlet-wrapper .configure .result-carousel-paging.inactive {
  display: none
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul {
  margin: 0 10%;
  list-style: none;
  padding: 0 10px
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li {
  float: left;
  width: 33%;
  font-size: 14px;
  text-align: right;
  margin: 0
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li:nth-child(2) {
  text-align: center
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li:nth-child(3) {
  text-align: left
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a {
  text-decoration: none;
  cursor: pointer;
  border-color: inherit
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-black {
  background-color: #000 !important;
  color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-black h1, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-black h2, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-black h3, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-black h4, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-black p {
  color: #fff
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-black ul li {
  border-color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-black h1, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-black h2, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-black h3, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-black h4, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-black p {
  color: #fff
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-black .c-btn {
  color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-black .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-dark-grey {
  background-color: #202020 !important;
  color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-dark-grey h1, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-dark-grey h2, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-dark-grey h3, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-dark-grey h4, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-dark-grey p {
  color: #fff
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-dark-grey ul li {
  border-color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-dark-grey h1, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-dark-grey h2, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-dark-grey h3, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-dark-grey h4, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-dark-grey p {
  color: #fff
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-dark-grey .c-btn {
  color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-dark-grey .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-medium-grey {
  background-color: #3F3F3F !important;
  color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-medium-grey h1, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-medium-grey h2, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-medium-grey h3, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-medium-grey h4, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-medium-grey p {
  color: #fff
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-medium-grey ul li {
  border-color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-medium-grey h1, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-medium-grey h2, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-medium-grey h3, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-medium-grey h4, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-medium-grey p {
  color: #fff
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-medium-grey .c-btn {
  color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-medium-grey .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-light-grey {
  background-color: #E5E5E5 !important;
  color: #3F3F3F !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-light-grey h1, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-light-grey h2, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-light-grey h3, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-light-grey h4, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-light-grey p {
  color: #fff
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-light-grey ul li {
  border-color: #3F3F3F !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-light-grey .c-btn {
  color: #3F3F3F !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-light-grey .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-light-grey h1, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-light-grey h2, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-light-grey h3, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-light-grey p, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-light-grey ul, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-light-grey li {
  color: inherit !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-pale-grey {
  background-color: #F7F7F7 !important;
  color: #3F3F3F !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-pale-grey h1, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-pale-grey h2, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-pale-grey h3, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-pale-grey h4, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-pale-grey p {
  color: #fff
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-pale-grey ul li {
  border-color: #3F3F3F !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-pale-grey .c-btn {
  color: #3F3F3F !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-pale-grey .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-pale-grey h1, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-pale-grey h2, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-pale-grey h3, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-pale-grey p, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-pale-grey ul, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-pale-grey li {
  color: inherit !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-white {
  background-color: #fff !important;
  color: #3F3F3F !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-white h1, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-white h2, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-white h3, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-white h4, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-white p {
  color: #fff
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-white ul li {
  border-color: #3F3F3F !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-white .c-btn {
  color: #3F3F3F !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-white .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-white h1, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-white h2, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-white h3, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-white p, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-white ul, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-white li {
  color: inherit !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-outlet-red {
  background-color: #9F090A !important;
  color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-outlet-red h1, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-outlet-red h2, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-outlet-red h3, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-outlet-red h4, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-outlet-red p {
  color: #fff
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-outlet-red ul li {
  border-color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-outlet-red h1, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-outlet-red h2, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-outlet-red h3, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-outlet-red h4, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-outlet-red p {
  color: #fff
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-outlet-red .c-btn {
  color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-outlet-red .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-blue {
  background-color: #009FEE !important;
  color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-blue h1, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-blue h2, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-blue h3, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-blue h4, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-blue p {
  color: #fff
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-blue ul li {
  border-color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-blue h1, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-blue h2, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-blue h3, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-blue h4, .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-blue p {
  color: #fff
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-blue .c-btn {
  color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.sofology-blue .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a[data-count="0"] {
  display: none
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li a.active {
  border-bottom: 1px solid
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul.outlet-container_outlet-links-small {
  width: 80%
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul.outlet-container_outlet-links-small li {
  float: right
}

@media (max-width: 768px) {
  .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul.outlet-container_outlet-links-small li {
    text-align: center
  }
}

.sofology-outlet-wrapper .configure .outlet-container_outlet-links ul.outlet-container_outlet-links-large {
  display: none
}

.sofology-outlet-wrapper .configure .search-carousel, .sofology-outlet-wrapper .configure .result-carousel {
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  height: 100%;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.sofology-outlet-wrapper .configure .search-carousel li, .sofology-outlet-wrapper .configure .result-carousel li {
  color: #9F090A;
  text-align: left;
  font-family: 'fs-emeric-light'
}

.sofology-outlet-wrapper .configure .search-carousel li span, .sofology-outlet-wrapper .configure .result-carousel li span {
  color: black
}

.sofology-outlet-wrapper .configure .search-carousel li i.sa-circle, .sofology-outlet-wrapper .configure .result-carousel li i.sa-circle {
  color: #9F090A;
  position: relative;
  font-size: 8px;
  top: -3px
}

.sofology-outlet-wrapper .configure .search-carousel .bundle-count, .sofology-outlet-wrapper .configure .result-carousel .bundle-count {
  color: #9F090A
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell {
  color: #000;
  background: #cfcdce
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_details, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_details {
  cursor: pointer
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_details>.carousel-cell_content_text-container_overlay, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_details>.carousel-cell_content_text-container_overlay {
  padding: 8px 15px
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container_overlay, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container_overlay {
  color: #333;
  padding: 20px 25px;
  font-size: 1.45em;
  line-height: 1.2
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container_overlay span, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container_overlay span {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container_overlay-small, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container_overlay-small {
  font-size: 15px;
  display: block
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container_price, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container_price {
  background: #ffffff;
  color: black;
  bottom: 0;
  padding: 25px 20px;
  display: table;
  width: 100%;
  table-layout: fixed
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container_price-purchase, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container_price-purchase {
  width: 55%;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.2
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container_btn-container, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container_btn-container {
  width: 45%;
  text-align: center;
  display: table-cell;
  vertical-align: bottom
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container_btn, .sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container_btn-add-to-basket, .sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container_btn-purchase, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container_btn, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container_btn-add-to-basket, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container_btn-purchase {
  color: #ffffff;
  min-height: 30px;
  background: #0D0D0D;
  border-radius: 18px;
  outline: none;
  border: none;
  cursor: pointer;
  width: 100%;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 0.8rem;
  font-weight: bold;
  margin-top: 5px;
  padding: 5px
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container .from, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container .from {
  font-size: 0.9em;
  display: block
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container .price, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container .price {
  font-size: 1.5em;
  display: inline-block;
  white-space: nowrap;
  height: 28px;
  line-height: 28px
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container .t2price, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container .t2price {
  color: #9F090A
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container .save, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container .save {
  font-weight: 700;
  color: #9F090A;
  font-size: 0.75em;
  display: block
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container .t2save, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container .t2save {
  color: #000000;
  font-weight: 100;
  font-size: 0.75em;
  line-height: 0.75em;
  text-transform: uppercase
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container .t2was, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container .t2was {
  color: #000000;
  font-weight: 100;
  display: block;
  font-size: 0.75em;
  text-transform: uppercase;
  margin-bottom: 4px
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container .t2was span, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container .t2was span {
  text-decoration: line-through
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container .caller, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container .caller {
  font-size: 0.7em;
  line-height: 1.2;
  text-align: center;
  display: block
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_image, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_image {
  padding: 30px 20px 0 20px;
  height: 160px
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_image img, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_image img {
  max-height: 100%;
  position: relative;
  max-width: 100%;
  margin: auto
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_image-small, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_image-small {
  text-align: center;
  display: inline-block;
  width: 30%
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_image-small img, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_image-small img {
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  max-height: 60px
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_image-container, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_image-container {
  text-align: center;
  height: 200px
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_details-expanded, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_details-expanded {
  display: none;
  background: white;
  padding: 40px 20px 20px 20px;
  position: relative
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_details-expanded .close, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_details-expanded .close {
  position: absolute;
  padding: 10px 5px;
  right: 0;
  top: 0;
  font-size: 37px;
  opacity: 0.6;
  color: #a6a6a6;
  z-index: 2;
  -webkit-transition: none;
  transition: none
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_details-expanded .close i, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_details-expanded .close i {
  color: #a6a6a6
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell {
  cursor: pointer;
  margin-top: 20px;
  padding-bottom: 0
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell.blurred .carousel-cell_content_image, .sofology-outlet-wrapper .configure .search-carousel .carousel-cell.blurred .carousel-cell_content_text-container {
  opacity: 0.3
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content .carousel-cell_content_text-container_btn:before {
  content: "View"
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content:after {
  height: 40px;
  color: #ffffff;
  width: 40px;
  background-color: #7b7b7b;
  text-align: center;
  line-height: 2;
  font-size: 20px;
  display: block;
  content: attr(data-count);
  position: absolute;
  top: -12px;
  right: -12px;
  border-radius: 100%
}

.sofology-outlet-wrapper .configure .search-carousel .carousel-cell.active .carousel-cell_content_text-container_btn:before {
  content: "Hide"
}

.sofology-outlet-wrapper .configure .search-carousel_refurb .carousel-cell_content .carousel-cell_content_text-container_btn:before {
  content: "Show"
}

.sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container_overlay {
  font-size: 1.55em
}

.sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_details-expanded .carousel-cell_content_information {
  text-align: left;
  font-size: 1em;
  line-height: 1.4
}

.sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_details-expanded .carousel-cell_content_information p {
  font-size: inherit;
  line-height: inherit;
  font-family: 'fs-emeric-light';
  margin-bottom: 10px
}

.sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_details-expanded .carousel-cell_content_text-container_price {
  padding: 0;
  margin: 20px 0
}

.sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_details-expanded .carousel-cell_content_text-container_price-purchase {
  width: 40%
}

.sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_details-expanded .carousel-cell_content_text-container_btn-container {
  width: 60%
}

.sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_details-expanded .carousel-cell_content_text-container button {
  min-height: 35px
}

.sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_details-expanded .carousel-cell_content_disclaimer {
  color: #626262;
  padding: 0;
  font-size: 12px;
  margin-top: 10px;
  line-height: 1.4
}

.sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_details-expanded .carousel-cell_content_disclaimer p {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 10px
}

.sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_content_image {
  padding: 10px 20px;
  height: 130px
}

.sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_content_details-expanded .carousel-cell_content_text-container_overlay {
  text-align: center;
  padding: 10px 0 20px 0
}

.sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_content_details-expanded .carousel-cell_content_image {
  padding: 0;
  height: auto;
  min-height: 180px;
  margin-bottom: 30px
}

.sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_content_details-expanded .carousel-cell_content_image-description {
  color: #000;
  text-align: center;
  width: 210px;
  margin: 0 auto
}

.sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_content_details-expanded .carousel-cell_content_image-description ul {
  margin: 0;
  padding-left: 30px;
  width: 100%
}

.sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_content_details-expanded .carousel-cell_content_image-description p {
  margin: 0;
  font-family: 'fs-emeric-light'
}

.sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_content_details-expanded .carousel-cell_content_image-description_name {
  font-weight: 700
}

.sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_content_details-expanded .carousel-cell_content_image-description_options {
  padding-left: 0;
  margin: 0;
  display: inline-block
}

.sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_content_details-expanded {
  display: none;
  background: white
}

.sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_content_details-expanded .carousel-cell_content_image {
  padding: 10px 0 10px 0;
  height: 100%;
  position: relative
}

.sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_content_details-expanded .carousel-cell_content_image img {
  position: relative
}

.sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_content_details-expanded .carousel-cell_content_image_text {
  position: relative;
  bottom: 0;
  text-align: center;
  padding: 15px 0;
  height: 100%;
  width: 100%;
  display: block;
  color: #333;
  font-size: 1.6em;
  line-height: 1.2
}

.sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_content_details-expanded .carousel-cell_content_information {
  margin: 0;
  margin-top: 20px
}

.sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_content_details-expanded .carousel-cell_content_text-container_btn-container-quantity {
  float: left;
  text-align: left;
  height: 30px;
  margin-top: 10px
}

.sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_content_details-expanded .carousel-cell_content_text-container_btn-container-quantity-selector {
  width: 30px;
  height: 30px;
  text-align: center;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  color: #000
}

.sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_content_details-expanded .carousel-cell_content_text-container_btn-container-quantity .sa {
  padding: 0 8px;
  color: #000;
  font-weight: bold;
  cursor: pointer;
  line-height: 30px;
  margin: 0
}

.sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_content_details-expanded .carousel-cell_content_text-container_btn-container-quantity .sa-minus {
  padding-left: 0;
  padding-right: 10px
}

.sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_content_details-expanded .carousel-cell_content_container_description_options {
  margin: 0;
  text-align: left;
  font-size: 1em;
  line-height: 1
}

.sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_content_details-expanded .carousel-cell_content_container_description_options li {
  margin-bottom: 8px
}

.sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_content_details-expanded .carousel-cell_content_container_description_grade {
  margin-top: 20px
}

.sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_content_details-expanded .carousel-cell_content_container_description_grade h4 {
  margin: 0;
  margin-bottom: 10px;
  font-weight: bold
}

.sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_content_details-expanded .carousel-cell_content_container_description_grade p {
  margin-bottom: 10px;
  font-size: 1em;
  line-height: 1.4;
  font-family: 'fs-emeric-light'
}

@media screen and (min-width: 25.94rem) {
  .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_details-expanded .carousel-cell_content_text-container_price-purchase {
    width: 50%
  }
  .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_details-expanded .carousel-cell_content_text-container_btn-container {
    width: 50%
  }
  .sofology-outlet-wrapper .configure .outlet-container_outlet-links {
    text-align: right;
    position: relative;
    top: -14px;
    right: 0;
    font-size: 14px;
    padding: 0;
    margin: 0 10%;
    width: 80%
  }
  .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul {
    float: right;
    margin: 0;
    width: auto
  }
  .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul li {
    text-align: right !important;
    width: 115px !important
  }
}

@media screen and (min-width: 48rem) {
  .sofology-outlet-wrapper .configure .search-carousel-paging, .sofology-outlet-wrapper .configure .result-carousel-paging {
    font-size: 14px;
    margin: 30px 0 0 0;
    line-height: 1
  }
  .sofology-outlet-wrapper .configure .outlet-container_outlet-links {
    margin: 0 5%;
    width: 90%
  }
  .sofology-outlet-wrapper .configure .outlet-container_outlet-links-small {
    display: none
  }
  .sofology-outlet-wrapper .configure .outlet-container_outlet-links-large {
    display: block !important;
    line-height: 1
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded {
    padding: 20px 40px
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_image {
    width: 50%;
    float: left;
    min-height: 220px
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_image-sizer {
    height: 170px
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_image-sizer img {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_text-container_price {
    right: 0;
    padding: 0
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_text-container_price-purchase {
    width: 40%
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_text-container_overlay {
    text-align: left;
    padding: 15px 0
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_text-container_btn-purchase {
    height: 40px;
    font-size: 11px
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_text-container_btn-container {
    width: 60%
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_container {
    overflow: hidden
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_information {
    width: 50%;
    float: right;
    padding: 0 0 0 20px
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_information-description {
    min-height: 160px
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_information-description p {
    font-size: inherit;
    line-height: 1.4;
    margin-bottom: 10px
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded {
    padding: 35px 40px 20px 40px
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_information-description p {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 20px
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_image {
    padding: 0 20px 0 0;
    width: 50%;
    float: left
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_image_text {
    text-align: left
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_image-description {
    width: 50%;
    float: right
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_container_description {
    width: 50%;
    padding: 0 0 0 20px;
    float: left
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_text-container_price-purchase {
    width: 40%
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_text-container_btn-container {
    width: 60%
  }
}

@media screen and (min-width: 64rem) {
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_text-container_price {
    right: 0
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_image {
    width: 33%
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_information {
    width: 33%
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_image {
    width: 33%
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_image-description {
    width: 50%
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_container_description {
    width: 66%;
    padding: 0 0 20px 0;
    float: right
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_container_description_stats {
    width: 50%;
    display: inline-block
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_information {
    width: 50%;
    float: right;
    padding-left: 20px;
    margin-top: 0
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_information-description {
    min-height: 130px
  }
  .sofology-outlet-wrapper .configure .outlet-container_outlet-links {
    text-align: right
  }
}

@media screen and (min-width: 80rem) {
  .sofology-outlet-wrapper .configure .search-carousel .carousel-cell_content_text-container_overlay, .sofology-outlet-wrapper .configure .result-carousel .carousel-cell_content_text-container_overlay {
    padding: 20px
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded {
    padding: 20px 80px
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_text-container_price {
    margin-right: 0;
    right: 0
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_image {
    width: 25%
  }
  .sofology-outlet-wrapper .configure .result-carousel_ex-display .carousel-cell_details-expanded .carousel-cell_content_information {
    width: 25%
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded {
    padding: 35px 80px 20px 80px
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_image {
    width: 25%
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_image-description {
    width: 33%
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_container_description {
    width: 75%
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_container_description_stats {
    width: 30%
  }
  .sofology-outlet-wrapper .configure .result-carousel_refurb .carousel-cell_details-expanded .carousel-cell_content_information {
    width: 30%;
    float: right;
    padding: 0
  }
}

@media screen and (min-width: 85.375rem) {
  .sofology-outlet-wrapper .configure .outlet-container_outlet-links {
    padding: 0 25px
  }
  .sofology-outlet-wrapper .configure .outlet-container_outlet-links ul {
    padding: 0 5px
  }
}

.outlet-container {
  padding: 0 !important
}

.outlet-content {
  min-height: 582px;
  padding: 40px 0
}

.outlet-overlay {
  position: absolute;
  top: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 12%;
  text-align: center;
  z-index: 1
}

.outlet-overlay p {
  margin-bottom: 30px
}

.outlet-badge {
  max-width: 250px;
  margin-bottom: 60px
}

.selected-postcode-wrapper {
  position: absolute;
  top: 20px;
  right: 10%;
  display: none
}

@media (min-width: 45em) {
  .selected-postcode-wrapper {
    right: 5%
  }
}

@media (min-width: 83.75em) {
  .selected-postcode-wrapper {
    right: 104px
  }
}

.selected-postcode-wrapper i.sa {
  font-size: 24px
}

.selected-postcode-wrapper a {
  color: white;
  text-decoration: underline
}

.postcode-outlet-form.c-form--inline {
  width: 400px;
  max-width: 100%
}

.postcode-outlet-form.c-form--inline .c-controls {
  -ms-flex-flow: row wrap;
  flex-flow: row wrap
}

.postcode-outlet-form.c-form--inline .c-controls__control {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-bottom: 0;
  max-width: none
}

@media (min-width: 62em) {
  .postcode-outlet-form.c-form--inline .c-controls__control {
    min-width: 67%
  }
}

.postcode-outlet-form.c-form--inline .c-btn {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto
}

@media (min-width: 62em) {
  .postcode-outlet-form.c-form--inline .c-btn {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
  }
}

.postcode-outlet-form.c-form--inline label.error {
  color: inherit !important;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

.range-browser {
  text-align: center;
  padding-bottom: 24px
}

.range-browser ul.styles {
  background: #f7f7f7;
  margin: 0
}

.range-browser ul.styles li {
  height: 40px;
  padding: 0 25px;
  letter-spacing: -0.48px;
  margin-bottom: 0
}

.range-browser ul.styles li:first-child {
  padding-left: 0
}

.range-browser ul.styles li:last-child {
  padding-right: 0
}

.range-browser ul.styles a.view {
  color: #404041;
  display: block;
  font-size: 1rem;
  height: 40px;
  padding-top: 8px;
  -webkit-transition: none;
  transition: none
}

@media screen and (min-width: 48rem) {
  .range-browser ul.styles a.view {
    font-size: 1.125rem
  }
}

.range-browser ul.styles a.view strong {
  font-weight: normal
}

.range-browser ul.styles a.view--active {
  border-bottom: 3px solid #009fee
}

.range-browser .container {
  background: #fff;
  color: #000;
  max-width: 1600px;
  padding: 10px 0
}

@media screen and (min-width: 45rem) {
  .range-browser .container {
    padding: 0
  }
}

.ranges--desktop {
  max-width: 90rem;
  margin: 0 auto
}

.ranges--desktop .tabs {
  border-bottom: 1px solid #e7e7e8;
  margin: 0 auto;
  padding: 20px 0
}

@media screen and (min-width: 80rem) {
  .ranges--desktop .tabs {
    padding: 20px 80px
  }
}

.ranges--desktop .tabs__link {
  background: transparent;
  border-radius: 5px;
  color: #333;
  display: block;
  font-size: 1rem;
  margin: 0 10px;
  -webkit-transition: none !important;
  transition: none !important
}

.ranges--desktop .tabs__link:hover, .ranges--desktop .tabs__link--active {
  background: #009fee;
  color: white
}

.ranges--desktop .tabs h3 {
  margin: 0;
  font-size: 1.125rem
}

.ranges {
  max-width: 100rem;
  width: 90%;
  margin: 0 auto
}

.ranges h1 {
  color: #787878;
  display: inline-block;
  float: left;
  font-size: 1.25rem;
  padding: 0;
  text-transform: none;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .ranges h1 {
    width: auto
  }
}

.ranges h1 strong {
  color: #404041;
  font-weight: normal
}

.ranges .slick-track {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto
}

.ranges .slickRange .slick-slide {
  width: auto !important
}

@media screen and (min-width: 64rem) {
  .ranges .slickRange .slick-slide {
    min-width: 173px
  }
}

.ranges .slickCollection .slick-slide {
  width: auto !important
}

@media screen and (min-width: 64rem) {
  .ranges .slickCollection .slick-slide {
    min-width: 190px
  }
}

@media screen and (min-width: 85.375rem) {
  .ranges .slickCollection .slick-slide {
    min-width: 200px
  }
}

.ranges .slick-slide:not(.slick-cloned) .tabs__link--active {
  background: #009fee;
  color: white !important
}

.ranges .tabs__link {
  background: transparent;
  border-radius: 5px;
  color: #333;
  display: block;
  font-size: .875rem;
  margin: 0;
  padding: 6px 20px !important;
  -webkit-transition: none !important;
  transition: none !important
}

@media screen and (min-width: 48rem) {
  .ranges .tabs__link {
    font-size: 1rem
  }
}

@media screen and (min-width: 64rem) {
  .ranges .tabs__link {
    padding: 6px 24px !important
  }
}

.ranges--mobile {
  border-bottom: 1px solid #e7e7e8
}

.ranges--mobile h1 {
  color: #787878;
  display: inline-block;
  float: left;
  font-size: 1.25rem
}

.ranges--mobile h1 strong {
  color: #404041;
  font-weight: normal
}

.ranges--mobile .slick-slide {
  width: auto !important
}

.ranges--mobile .tabs__link {
  background: transparent;
  border-radius: 5px;
  color: #333;
  display: block;
  font-size: .875rem;
  margin: 0;
  padding: 6px 20px !important;
  -webkit-transition: none !important;
  transition: none !important
}

@media screen and (min-width: 48rem) {
  .ranges--mobile .tabs__link {
    font-size: 1rem
  }
}

.ranges--mobile .tabs__link--active {
  background: #009fee;
  color: white !important
}

.sw-range-browser {
  background: #fff;
  padding-bottom: 0 !important
}

.sw-range-browser h1 {
  margin: 1% 0;
  color: white
}

.sw-range-browser h1 strong {
  display: block
}

@media screen and (min-width: 48rem) {
  .sw-range-browser h1 {
    max-width: 600px;
    text-align: left;
    line-height: inherit
  }
  .sw-range-browser h1 strong {
    display: block
  }
}

@media screen and (min-width: 992px) {
  .sw-range-browser h1 {
    padding: 0;
    line-height: 45px
  }
  .sw-range-browser h1 strong {
    display: inline-block
  }
}

.sw-range-browser .view-tools {
  top: 0;
  margin: 17px 0px 0 0;
  width: 100%
}

.sw-range-browser .view-tools select {
  color: #000
}

.sw-range-browser .view-tools a {
  color: #3F3F3F
}

.sw-range-browser .view-tools a.sa--active {
  color: #E5E5E5
}

.sw-range-browser .view-tools a:hover {
  color: #E5E5E5
}

@media screen and (min-width: 48rem) {
  .sw-range-browser .view-tools {
    width: auto;
    margin-top: 20px;
    margin-right: 0
  }
  .sw-range-browser .view-tools select {
    width: 150px
  }
}

.sw-range-browser .change-view-toggle {
  display: none
}

@media screen and (min-width: 48rem) {
  .sw-range-browser .change-view-toggle {
    display: inline-block;
    padding-left: 7px;
    padding-right: 7px
  }
}

.sw-range-browser select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none
}

.sw-range-browser select::-ms-expand {
  display: none
}

.sofology-search-wrapper {
  min-height: 1000px;
  position: relative;
  background-position: center top;
  padding: 0;
  overflow: hidden
}

.sofology-search-wrapper:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
  display: block
}

@media screen and (min-width: 1200px) {
  .sofology-search-wrapper {
    background-attachment: fixed;
    background-size: cover
  }
}

@media screen and (min-width: 85.375rem) {
  .sofology-search-wrapper {
    background-size: contain
  }
}

.sofology-search-wrapper img.bg {
  display: none
}

.sofology-search-wrapper .container {
  padding: 5% 0
}

.sofology-search-wrapper .img-loaded {
  background: none !important
}

.sofology-search-wrapper article {
  -webkit-transform: translate3d(0, 0, 1px);
  transform: translate3d(0, 0, 1px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.sofology-search-wrapper .grid {
  background: none;
  display: block
}

@media screen and (max-width: 767px) {
  .sofology-search-wrapper .grid article {
    display: block !important
  }
}

.sofology-search-wrapper .grid-listview {
  background: none;
  padding-bottom: 2%;
  margin-top: -7%
}

@media screen and (min-width: 48rem) {
  .sofology-search-wrapper .grid-listview {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: block
  }
}

.sofology-search-wrapper .grid-listview.strip-view article {
  display: block
}

.sofology-search-wrapper .sw-range-item {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-flex: 1;
  -ms-flex: 1 auto;
  flex: 1 auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 0 5% 0
}

.sofology-search-wrapper .sw-range-item[data-activeview="roomView"] .roomView, .sofology-search-wrapper .sw-range-item[data-activeview="sofaView"] .sofaView {
  display: block
}

.sofology-search-wrapper .sw-range-item[data-activeview="roomView"] .sofaView, .sofology-search-wrapper .sw-range-item[data-activeview="sofaView"] .roomView {
  display: none
}

.sofology-search-wrapper .sw-range-item__body, .sofology-search-wrapper .sw-range-item__footer {
  background: #000
}

@media screen and (min-width: 48rem) {
  .sofology-search-wrapper .sw-range-item {
    margin: 2% 8% 5% 0;
    width: 46%;
    float: left
  }
  .sofology-search-wrapper .sw-range-item:nth-child(even) {
    margin-right: 0
  }
}

@media screen and (min-width: 64rem) {
  .sofology-search-wrapper .sw-range-item {
    width: 30%;
    margin: 0 5% 5% 0
  }
  .sofology-search-wrapper .sw-range-item:nth-child(even) {
    margin-right: 5%
  }
  .sofology-search-wrapper .sw-range-item:nth-child(3n+0) {
    margin-right: 0
  }
}

.strip .sofology-search-wrapper .sw-range-item {
  background: transparent;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  box-shadow: inherit;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%
}

.sofology-search-wrapper .sw-range-item__header {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: none !important;
  border-bottom: 3px solid #000;
  position: relative !important;
  padding: 5%;
  z-index: 1
}

.sofology-search-wrapper .sw-range-item__header .sa-sofology-coloured {
  color: #fff;
  position: absolute;
  left: 5%;
  margin-top: 1%;
  background-image: url("/images/icons/sofology-coloured-logo.png");
  width: 21px;
  height: 17px
}

.sofology-search-wrapper .sw-range-item__header i.available-for-xmas {
  position: absolute;
  left: 2%;
  margin-top: 1.5%;
  background: url("http://images.sofology.co.uk/image/upload/q_100/v1477998512/xmasParcelTextIcon_mbp5cm.png") no-repeat;
  background-size: 100%;
  padding: 5px;
  height: 42px;
  width: 42px
}

@media screen and (max-width: 330px) {
  .sofology-search-wrapper .sw-range-item__header i.available-for-xmas {
    left: 1%;
    margin-top: 3.5%;
    height: 38px;
    width: 38px
  }
}

@media screen and (min-width: 551px) and (max-width: 767px) {
  .sofology-search-wrapper .sw-range-item__header i.available-for-xmas {
    left: 4%;
    margin-top: 0.5%;
    height: 45px;
    width: 45px
  }
}

@media screen and (min-width: 48rem) {
  .sofology-search-wrapper .sw-range-item__header i.available-for-xmas {
    height: 40px;
    width: 40px;
    left: 2%;
    margin-top: 2%
  }
}

@media screen and (min-width: 64rem) {
  .sofology-search-wrapper .sw-range-item__header i.available-for-xmas {
    height: 35px;
    width: 35px;
    left: 2%;
    margin-top: 3.5%
  }
}

@media screen and (min-width: 80rem) {
  .sofology-search-wrapper .sw-range-item__header i.available-for-xmas {
    height: 40px;
    width: 40px;
    left: 2%;
    margin-top: 2px
  }
}

.strip .sofology-search-wrapper .sw-range-item__header {
  background-color: transparent !important;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.sofology-search-wrapper .sw-range-item__header .popout {
  position: absolute;
  right: 2%;
  padding: 1% 2%;
  text-align: right;
  color: #fff
}

.sofology-search-wrapper .sw-range-item__header .sa-elipses {
  display: inline;
  font-size: 1.375rem
}

.sofology-search-wrapper .sw-range-item__header h2 {
  color: #fff;
  font-size: 1.5rem;
  font-family: fs-emeric-light;
  line-height: normal;
  margin-bottom: 0;
  position: relative;
  text-transform: none;
  width: 90%;
  margin-left: 8%
}

.strip .sofology-search-wrapper .sw-range-item__header h2 {
  width: auto
}

.sofology-search-wrapper .sw-range-item__header h2 strong {
  font-family: fs-emeric-regular
}

.sofology-search-wrapper .sw-range-item__header h2 small {
  display: block;
  font-family: fs-emeric-regular;
  font-size: .9375rem;
  padding-top: 5px;
  padding-left: 10px;
  min-height: 20px;
  color: #e5e5e5
}

@media screen and (min-width: 25.94rem) {
  .sofology-search-wrapper .sw-range-item__header h2 small {
    font-size: 1rem
  }
}

@media screen and (min-width: 64rem) {
  .sofology-search-wrapper .sw-range-item__header h2 small {
    font-size: .875rem
  }
}

@media screen and (min-width: 80rem) {
  .sofology-search-wrapper .sw-range-item__header h2 small {
    font-size: 1rem;
    padding-top: 0
  }
}

.sofology-search-wrapper .sw-range-item__header a {
  color: #fff;
  padding-left: 10px
}

.sofology-search-wrapper .sw-range-item__header .popup-switch {
  width: 166px;
  height: 160px;
  position: absolute;
  top: 45px;
  right: 25px;
  background: url("http://images.sofology.co.uk/image/upload/v1465387108/Sofology/Range/switch-popper.png") no-repeat;
  background-size: 166px 160px;
  border-radius: 5px;
  margin: 0;
  opacity: 0;
  padding: 30px 20px 35px;
  -webkit-transition: opacity linear .35s;
  transition: opacity linear .35s;
  z-index: 2001;
  visibility: hidden
}

.sofology-search-wrapper .sw-range-item__header .popup-switch__show {
  opacity: 1;
  visibility: visible
}

.sofology-search-wrapper .sw-range-item__header .popup-switch__show .activeView {
  cursor: not-allowed
}

.sofology-search-wrapper .sw-range-item__header .popup-switch__show .activeView i.sa-tick-circle {
  opacity: 1
}

.sofology-search-wrapper .sw-range-item__header .popup-switch__switch {
  cursor: pointer;
  line-height: 24px;
  font-family: fs-emeric-regular;
  font-size: 1rem;
  text-indent: 0;
  text-transform: none
}

.sofology-search-wrapper .sw-range-item__header .popup-switch__switch i.sa-tick-circle {
  color: #202020;
  line-height: 24px;
  opacity: 0;
  vertical-align: middle
}

.sofology-search-wrapper .sw-range-item__header .popup-switch li {
  color: #202020
}

.sofology-search-wrapper .sw-range-item__prices {
  font-family: fs-emeric-regular;
  font-size: 1.125rem;
  line-height: 1;
  text-align: center
}

.sofology-search-wrapper .sw-range-item__prices small {
  font-size: .875rem
}

.sofology-search-wrapper .sw-range-item__item {
  width: 100%;
  height: 213px;
  overflow: hidden;
  position: relative
}

@media screen and (min-width: 25.94rem) {
  .sofology-search-wrapper .sw-range-item__item {
    text-align: center
  }
}

@media screen and (min-width: 48rem) {
  .sofology-search-wrapper .sw-range-item__item {
    width: 100%;
    height: 187px
  }
}

@media screen and (min-width: 64rem) {
  .sofology-search-wrapper .sw-range-item__item {
    width: 100%;
    height: 163px
  }
}

@media screen and (min-width: 80rem) {
  .sofology-search-wrapper .sw-range-item__item {
    width: 100%;
    height: 204px
  }
}

@media screen and (min-width: 85.375rem) {
  .sofology-search-wrapper .sw-range-item__item {
    width: 100%;
    height: 223px
  }
}

.sofology-search-wrapper .sw-range-item__item figure {
  position: relative;
  top: 50%;
  margin: 0;
  max-width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap
}

.sofology-search-wrapper .sw-range-item__item figure .variant-image.img-to-load {
  width: 240px;
  height: 101px
}

.sofology-search-wrapper .sw-range-item__item button {
  width: 80px;
  height: 80px;
  border: none;
  border-radius: 100px;
  background: rgba(32, 32, 32, 0.3);
  opacity: 0;
  -webkit-transform: translateY(-70%);
  transform: translateY(-70%);
  z-index: 1001
}

.sofology-search-wrapper .sw-range-item__item button:hover {
  opacity: 1
}

.sofology-search-wrapper .sw-range-item__item button.left {
  position: absolute;
  top: 50%;
  left: -40px
}

.sofology-search-wrapper .sw-range-item__item button.left i.sa {
  left: 15px
}

.sofology-search-wrapper .sw-range-item__item button.right {
  position: absolute;
  top: 50%;
  right: -40px
}

.sofology-search-wrapper .sw-range-item__item button.right i.sa {
  right: 15px
}

.sofology-search-wrapper .sw-range-item__item button i.sa {
  color: #fff;
  font-size: 2.5rem;
  position: relative
}

.sofology-search-wrapper .sw-range-item__item img {
  max-width: 85%;
  max-height: 140px
}

.sofology-search-wrapper .sw-range-item__room {
  width: 100%;
  height: auto
}

.sofology-search-wrapper .sw-range-item__room a {
  min-height: 223px
}

.sofology-search-wrapper .sw-range-item__room img:not(.img-loaded) {
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.sofology-search-wrapper .sw-range-item__room img.img-loaded {
  min-height: 180px;
  width: 100%;
  height: 100%;
  margin-top: 0
}

@media (max-width: 767px) {
  .sofology-search-wrapper .sw-range-item__room img.img-loaded {
    min-height: 190px
  }
}

@media screen and (min-width: 25.94rem) {
  .sofology-search-wrapper .sw-range-item__room {
    text-align: center
  }
}

@media screen and (min-width: 48rem) {
  .sofology-search-wrapper .sw-range-item__room {
    width: 100%;
    height: 187px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    white-space: nowrap
  }
  .sofology-search-wrapper .sw-range-item__room img:not(.animated):not(.toast__error) {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

@media screen and (min-width: 64rem) {
  .sofology-search-wrapper .sw-range-item__room {
    width: 100%;
    height: 163px
  }
}

@media screen and (min-width: 80rem) {
  .sofology-search-wrapper .sw-range-item__room {
    width: 100%;
    height: 204px
  }
}

@media screen and (min-width: 85.375rem) {
  .sofology-search-wrapper .sw-range-item__room {
    width: 100%;
    height: 223px
  }
}

.sofology-search-wrapper .sw-range-item__room a {
  display: block
}

.sofology-search-wrapper .sw-range-item__info {
  position: relative;
  padding: 5%
}

.sofology-search-wrapper .sw-range-item__info i {
  background: #000;
  color: #fff;
  border-radius: 20px;
  position: absolute;
  right: 5%;
  padding: 10px;
  top: -20px;
  display: inline-block;
  margin-right: 0;
  font-size: larger;
  font-weight: bold
}

.sofology-search-wrapper .sw-range-item__info h2 {
  color: #fff;
  font-size: 1.5rem;
  font-family: fs-emeric-light;
  line-height: normal;
  margin-bottom: 0;
  position: relative;
  text-transform: none;
  width: 100%
}

.strip .sofology-search-wrapper .sw-range-item__info h2 {
  width: auto
}

.sofology-search-wrapper .sw-range-item__info h2 strong {
  font-family: fs-emeric-regular
}

.sofology-search-wrapper .sw-range-item__info h2 small {
  color: #E5E5E5;
  display: block;
  font-family: fs-emeric-regular;
  font-size: 1rem
}

.sofology-search-wrapper .sw-range-item__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 4px;
  padding: 0% 2%;
  height: 60px
}

@media screen and (min-width: 46rem) {
  .sofology-search-wrapper .sw-range-item__footer {
    height: 110px
  }
}

@media screen and (min-width: 48rem) {
  .sofology-search-wrapper .sw-range-item__footer {
    height: 50px
  }
}

@media screen and (min-width: 551px) and (max-width: 767px) {
  .sofology-search-wrapper .sw-range-item__footer {
    padding: 2% 5%
  }
}

.strip .sofology-search-wrapper .sw-range-item__footer {
  border-top: 1px solid #F7F7F7;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.sofology-search-wrapper .sw-range-item__footer a.button {
  margin: 0 auto
}

.sofology-search-wrapper .sw-range-item__footer .flex {
  width: 100%
}

.sofology-search-wrapper .sw-range-item__footer .flex__box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.sofology-search-wrapper .sw-range-item__footer__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 7px;
  margin: 0
}

.sofology-search-wrapper .sw-range-item__footer__details__item--xmas {
  margin-right: 25px !important
}

.sofology-search-wrapper .sw-range-item__footer__details li {
  color: #fff;
  font-family: fs-emeric-regular;
  font-size: .875rem;
  line-height: 24px;
  margin: 0;
  padding: 0 !important;
  position: relative;
  width: 33%;
  float: left;
  text-align: center;
  min-height: 20px
}

@media screen and (min-width: 25.94rem) {
  .sofology-search-wrapper .sw-range-item__footer__details li {
    font-size: 1rem
  }
}

@media screen and (min-width: 64rem) {
  .sofology-search-wrapper .sw-range-item__footer__details li {
    font-size: .875rem
  }
}

@media screen and (min-width: 80rem) {
  .sofology-search-wrapper .sw-range-item__footer__details li {
    font-size: 1rem
  }
}

.sofology-search-wrapper .sw-range-item__footer__details li:first-child {
  margin-left: 0
}

.sofology-search-wrapper .sw-range-item__footer__details li:last-child {
  margin-right: 0
}

.sofology-search-wrapper .sw-range-item__footer__details li a {
  color: #fff
}

.sofology-search-wrapper .sw-range-item__footer__details li i.sa {
  font-size: 1.125rem;
  vertical-align: middle
}

.sofology-search-wrapper .sw-range-item__footer__details li i.sa-heart {
  color: #de007b
}

.sofology-search-wrapper .sw-range-item__footer__share-container {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  color: #000;
  position: relative
}

.sofology-search-wrapper .sw-range-item__footer__share-container__close-icon {
  position: absolute;
  right: 0px;
  top: 10px;
  cursor: pointer;
  color: #fff
}

.sofology-search-wrapper .sw-range-item__footer__share-container__item {
  display: inline-block;
  position: relative;
  padding: 0px 15px
}

.sofology-search-wrapper .sw-range-item__footer__share-container__item a {
  display: block;
  text-indent: -9999px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-image: url("/images/icons/social.png");
  background-repeat: no-repeat;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.sofology-search-wrapper .sw-range-item__footer__share-container__item--facebook a {
  background-position: -2px -2px
}

.sofology-search-wrapper .sw-range-item__footer__share-container__item--twitter a {
  background-position: -1px -43px
}

.sofology-search-wrapper .sw-range-item__footer__share-container__item--pinterest a {
  background-position: -2px -162px
}

.sofology-search-wrapper .sw-range-item__footer.show-share .sw-range-item__footer__details {
  display: none
}

.sofology-search-wrapper .sw-range-item__footer.show-share .sw-range-item__footer__share-container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.sofology-search-wrapper .sw-range-item__footer span.available-for-xmas {
  width: 110px;
  height: 40px;
  background: url("http://images.sofology.co.uk/image/upload/q_100/v1477998505/xmasIcon_sgr54x.png") no-repeat;
  background-size: cover;
  display: block
}

.sofology-search-wrapper .lw-range-strip {
  background-color: #000;
  margin: 5% 0;
  padding: 10px 0px;
  position: relative;
  width: 100%
}

.sofology-search-wrapper .lw-range-strip__header {
  background: transparent;
  margin-bottom: 18px;
  z-index: 2;
  min-height: 30px;
  padding: 10px 20px
}

.sofology-search-wrapper .lw-range-strip__header .sa-sofology-coloured {
  color: #3F3F3F;
  position: absolute;
  left: 10px;
  top: 10px;
  background-image: url("/images/icons/sofology-coloured-logo-big.png");
  width: 28px;
  height: 23px
}

.sofology-search-wrapper .lw-range-strip__header i.available-for-xmas {
  position: absolute;
  left: 5px;
  top: 0px;
  background: url("/images/icons/christmas-present-icon.png") no-repeat;
  background-size: 100%;
  padding: 5px;
  height: 40px;
  width: 40px
}

.sofology-search-wrapper .lw-range-strip__header .popout {
  position: absolute;
  right: 2%;
  text-align: right;
  color: #fff
}

.sofology-search-wrapper .lw-range-strip__header .popup-switch {
  width: 166px;
  height: 160px;
  position: absolute;
  top: 45px;
  right: 25px;
  background: url("http://images.sofology.co.uk/image/upload/v1465387108/Sofology/Range/switch-popper.png") no-repeat;
  background-size: 166px 160px;
  border-radius: 5px;
  margin: 0;
  opacity: 0;
  padding: 30px 20px 35px;
  -webkit-transition: opacity linear .35s;
  transition: opacity linear .35s;
  z-index: 2001;
  visibility: hidden
}

.sofology-search-wrapper .lw-range-strip__header .popup-switch__show {
  opacity: 1;
  visibility: visible
}

.sofology-search-wrapper .lw-range-strip__header .popup-switch__switch {
  cursor: pointer;
  line-height: 24px;
  font-family: fs-emeric-regular;
  font-size: 1rem;
  text-indent: 0;
  text-transform: none
}

.sofology-search-wrapper .lw-range-strip__header .popup-switch__switch i.sa-tick-circle {
  color: #202020;
  line-height: 24px;
  opacity: 0;
  vertical-align: middle
}

.sofology-search-wrapper .lw-range-strip__header .popup-switch .activeView {
  cursor: not-allowed
}

.sofology-search-wrapper .lw-range-strip__header .popup-switch .activeView i.sa-tick-circle {
  opacity: 1
}

.sofology-search-wrapper .lw-range-strip__header .popup-switch li {
  color: #202020
}

.sofology-search-wrapper .lw-range-strip__header .sa-elipses {
  display: inline;
  font-size: 1.375rem
}

.sofology-search-wrapper .lw-range-strip__header .switch-wrapper li {
  color: black
}

.sofology-search-wrapper .lw-range-strip__header h2 {
  color: #fff;
  font-size: 1.5rem;
  font-family: fs-emeric-light;
  line-height: normal;
  margin-bottom: 0;
  position: relative;
  text-transform: none;
  margin-left: 20px;
  max-width: 90%
}

.strip .sofology-search-wrapper .lw-range-strip__header h2 {
  width: auto
}

.sofology-search-wrapper .lw-range-strip__header h2 strong {
  font-family: fs-emeric-regular
}

.sofology-search-wrapper .lw-range-strip__header h2 small {
  display: inline-block;
  font-family: fs-emeric-regular;
  font-size: 1rem;
  padding-left: 5px;
  color: #fff
}

.sofology-search-wrapper .lw-range-strip__header h2 a {
  color: inherit;
  padding-left: 10px
}

.sofology-search-wrapper .lw-range-strip__footer {
  background: transparent;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding: 30px 20px 5px 20px
}

@media screen and (min-width: 25.94rem) {
  .sofology-search-wrapper .lw-range-strip__footer {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: auto
  }
}

.sofology-search-wrapper .lw-range-strip__footer__product-details {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.sofology-search-wrapper .lw-range-strip__footer__product-details__item {
  color: #6D6D6D;
  font-family: fs-emeric-regular;
  font-size: 1rem;
  line-height: 24px;
  margin: 0 5px;
  padding-right: 0 !important;
  position: relative;
  text-align: left
}

.sofology-search-wrapper .lw-range-strip__footer__product-details__item:first-child {
  margin-left: 0
}

.sofology-search-wrapper .lw-range-strip__footer__product-details__item:last-child {
  margin-right: 0
}

.sofology-search-wrapper .lw-range-strip__footer__product-details__item i.sa {
  font-size: 1.125rem;
  vertical-align: middle
}

.sofology-search-wrapper .lw-range-strip__footer__flex {
  width: 350px;
  position: absolute;
  right: 0px
}

.sofology-search-wrapper .lw-range-strip__footer__details {
  width: 100%;
  color: #000;
  margin: 0
}

.sofology-search-wrapper .lw-range-strip__footer__details__item {
  color: #fff;
  font-family: fs-emeric-regular;
  font-size: .9375rem;
  line-height: 24px;
  margin: 0;
  padding: 0 !important;
  position: relative;
  width: 33%;
  float: left;
  text-align: center;
  min-height: 20px
}

@media screen and (min-width: 25.94rem) {
  .sofology-search-wrapper .lw-range-strip__footer__details__item {
    font-size: 1rem
  }
}

@media screen and (min-width: 64rem) {
  .sofology-search-wrapper .lw-range-strip__footer__details__item {
    font-size: .875rem
  }
}

@media screen and (min-width: 80rem) {
  .sofology-search-wrapper .lw-range-strip__footer__details__item {
    font-size: 1rem
  }
}

.sofology-search-wrapper .lw-range-strip__footer__details__item:first-child {
  margin-left: 0
}

.sofology-search-wrapper .lw-range-strip__footer__details__item:last-child {
  margin-right: 0
}

.sofology-search-wrapper .lw-range-strip__footer__details__item a {
  color: #fff
}

.sofology-search-wrapper .lw-range-strip__footer__details__item i.sa {
  font-size: 1.125rem;
  vertical-align: middle
}

.sofology-search-wrapper .lw-range-strip__footer__details__item i.sa-heart {
  color: #de007b
}

.sofology-search-wrapper .lw-range-strip__footer__share-container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  color: #000;
  position: relative;
  margin-top: -5px
}

.sofology-search-wrapper .lw-range-strip__footer__share-container__close-icon {
  position: absolute;
  right: 0px;
  top: 10px;
  cursor: pointer;
  color: white
}

.sofology-search-wrapper .lw-range-strip__footer__share-container__item {
  display: inline-block;
  position: relative;
  padding: 0px 30px
}

.sofology-search-wrapper .lw-range-strip__footer__share-container__item a {
  display: block;
  text-indent: -9999px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-image: url("/images/icons/social.png");
  background-repeat: no-repeat;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.sofology-search-wrapper .lw-range-strip__footer__share-container__item--facebook a {
  background-position: -2px -2px
}

.sofology-search-wrapper .lw-range-strip__footer__share-container__item--twitter a {
  background-position: -1px -43px
}

.sofology-search-wrapper .lw-range-strip__footer__share-container__item--pinterest a {
  background-position: -2px -162px
}

.sofology-search-wrapper .lw-range-strip__footer .layout__item {
  color: #000;
  padding-left: 0
}

@media screen and (min-width: 80rem) {
  .sofology-search-wrapper .lw-range-strip__footer .layout__item {
    padding-left: 20px
  }
}

.sofology-search-wrapper .lw-range-strip__footer .button {
  border: 2px solid #414042;
  bottom: -10px;
  color: inherit;
  padding: .75rem 1.875rem;
  font-size: 14px;
  position: relative;
  letter-spacing: -0.08px;
  line-height: 1;
  text-align: center
}

@media screen and (min-width: 48rem) {
  .sofology-search-wrapper .lw-range-strip__footer .button {
    max-width: 13.75rem
  }
}

@media screen and (min-width: 64rem) {
  .sofology-search-wrapper .lw-range-strip__footer .button {
    font-size: 17px;
    max-width: 100%;
    letter-spacing: 0.1px;
    padding: 16px 65px
  }
}

.sofology-search-wrapper .lw-range-strip__mini-view {
  display: block;
  position: relative
}

@media screen and (min-width: 80rem) {
  .sofology-search-wrapper .lw-range-strip__mini-view {
    min-height: 250px
  }
}

.sofology-search-wrapper .lw-range-strip p.preview {
  color: #E5E5E5;
  font-size: 1rem;
  margin-bottom: 1.125rem;
  padding: 0;
  text-align: center;
  width: 100%;
  white-space: nowrap
}

@media (min-width: 1280px) {
  .sofology-search-wrapper .lw-range-strip p.preview {
    margin-bottom: 30px
  }
}

.sofology-search-wrapper .lw-range-strip[data-activeview="roomView"] .room-view, .sofology-search-wrapper .lw-range-strip[data-activeview="sofaView"] .scoop-view {
  display: block
}

.sofology-search-wrapper .lw-range-strip[data-activeview="roomView"] .scoop-view, .sofology-search-wrapper .lw-range-strip[data-activeview="sofaView"] .room-view {
  display: none
}

.sofology-search-wrapper .lw-range-strip .views {
  overflow: hidden
}

.sofology-search-wrapper .lw-range-strip .views.scoop-view {
  padding-bottom: 20px
}

@media screen and (min-width: 64rem) {
  .sofology-search-wrapper .lw-range-strip .views.scoop-view {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.sofology-search-wrapper .lw-range-strip .views.room-view {
  background: #000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: relative;
  top: 0;
  -webkit-transition: opacity 300ms ease-in, z-index 0s linear 300ms;
  transition: opacity 300ms ease-in, z-index 0s linear 300ms;
  width: 100%;
  z-index: -1
}

.sofology-search-wrapper .lw-range-strip .variants-container {
  margin: 0 auto;
  display: block;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  float: left;
  visibility: hidden;
  max-height: 220px
}

@media screen and (min-width: 992px) {
  .sofology-search-wrapper .lw-range-strip .variants-container {
    width: 44%;
    margin-left: 3%;
    margin-right: 3%
  }
}

.sofology-search-wrapper .lw-range-strip .variants-container .variant-slide {
  padding: 5px;
  max-height: 60px
}

.sofology-search-wrapper .lw-range-strip .variants-container .variant-slide img {
  width: 100%;
  height: auto;
  cursor: pointer;
  max-height: 55px
}

.sofology-search-wrapper .lw-range-strip .variants-container .variant-slide img.img-to-load {
  width: 160px;
  height: 70px
}

.sofology-search-wrapper .lw-range-strip .variants-container .variant-slide img[src=''], .sofology-search-wrapper .lw-range-strip .variants-container .variant-slide img:not([src]) {
  background: url(/images/icons/loading_on_black.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.sofology-search-wrapper .lw-range-strip .page.page {
  outline: none
}

.sofology-search-wrapper .lw-range-strip .scoop--hero {
  display: block;
  margin: 2%;
  margin-top: 0;
  position: relative;
  width: 96%;
  float: left;
  overflow: hidden
}

@media screen and (min-width: 992px) {
  .sofology-search-wrapper .lw-range-strip .scoop--hero {
    width: 46%;
    max-height: 250px
  }
}

.sofology-search-wrapper .lw-range-strip .scoop--hero img {
  display: block;
  margin: 0 auto;
  background: url("/images/icons/loading_on_white.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  min-height: 230px;
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

@media screen and (min-width: 992px) {
  .sofology-search-wrapper .lw-range-strip .scoop--hero img {
    max-height: 250px
  }
}

.sofology-search-wrapper .lw-range-strip .scoop--hero img.img-loaded {
  -webkit-transform: none;
  transform: none
}

.sofology-search-wrapper .lw-range-strip .scoop--thumb {
  cursor: pointer;
  float: left;
  height: auto;
  margin-bottom: 20px;
  max-width: 112px;
  width: 33.333333333%
}

@media screen and (min-width: 48rem) {
  .sofology-search-wrapper .lw-range-strip .scoop--thumb {
    width: 20%
  }
}

@media screen and (min-width: 64rem) {
  .sofology-search-wrapper .lw-range-strip .scoop--thumb {
    width: 33.333333333%
  }
}

@media screen and (min-width: 80rem) {
  .sofology-search-wrapper .lw-range-strip .scoop--thumb {
    width: 25%
  }
}

@media screen and (min-width: 85.375rem) {
  .sofology-search-wrapper .lw-range-strip .scoop--thumb {
    width: 20%
  }
}

.sofology-search-wrapper .lw-range-strip .cameo {
  background-position: 50% 50%;
  background-size: cover;
  display: block;
  overflow: hidden
}

.sofology-search-wrapper .lw-range-strip .cameo img {
  background: url("/images/icons/loading_on_white.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%
}

@media screen and (min-width: 992px) {
  .sofology-search-wrapper .lw-range-strip .cameo img {
    height: 234px
  }
}

@media screen and (min-width: 80rem) {
  .sofology-search-wrapper .lw-range-strip .cameo img {
    height: 300px
  }
}

@media screen and (min-width: 85.375rem) {
  .sofology-search-wrapper .lw-range-strip .cameo img {
    height: 320px
  }
}

.sofology-search-wrapper .lw-range-strip .cameo img[src=''], .sofology-search-wrapper .lw-range-strip .cameo img:not([src]) {
  -webkit-transform: scale(1.01);
  transform: scale(1.01)
}

.sofology-search-wrapper .lw-range-strip .cameo--hero {
  width: 100%;
  overflow: hidden
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .sofology-search-wrapper .lw-range-strip .cameo--hero img {
    min-height: 450px
  }
}

@media screen and (min-width: 992px) {
  .sofology-search-wrapper .lw-range-strip .cameo--hero {
    width: 40%;
    float: left;
    border-right: 2px solid #000
  }
}

.sofology-search-wrapper .lw-range-strip .cameo--large {
  background-position: 0 0;
  display: none;
  overflow: hidden
}

@media screen and (min-width: 992px) {
  .sofology-search-wrapper .lw-range-strip .cameo--large {
    border-right: 2px solid #000;
    display: block;
    height: 100%;
    top: 0;
    width: 20%;
    float: left
  }
  .sofology-search-wrapper .lw-range-strip .cameo--large.no-border-right {
    border-right: 0
  }
}

.sofology-search-wrapper .lw-range-strip .cameo--small {
  border-left: 1px solid #fff;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

@media screen and (min-width: 64rem) {
  .sofology-search-wrapper .lw-range-strip .cameo--small {
    height: 50%;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 50%
  }
}

.sofology-search-wrapper .lw-range-strip .cameo--1 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4
}

@media screen and (min-width: 80rem) {
  .sofology-search-wrapper .lw-range-strip .cameo--1 {
    background-color: #000;
    background-image: url("http://images.sofology.co.uk/image/upload/v1450364220/category/1115/free-neal-2.jpg");
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain
  }
}

.sofology-search-wrapper .lw-range-strip .cameo--2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

@media screen and (min-width: 64rem) {
  .sofology-search-wrapper .lw-range-strip .cameo--2 {
    border-left: 0;
    left: 0
  }
}

@media screen and (min-width: 85.375rem) {
  .sofology-search-wrapper .lw-range-strip .cameo--2 {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff
  }
}

.sofology-search-wrapper .lw-range-strip .cameo--3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

@media screen and (min-width: 64rem) {
  .sofology-search-wrapper .lw-range-strip .cameo--3 {
    border-bottom: 1px solid #fff;
    top: 0
  }
}

.sofology-search-wrapper .lw-range-strip .cameo--4 {
  border-left: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

@media screen and (min-width: 64rem) {
  .sofology-search-wrapper .lw-range-strip .cameo--4 {
    border-bottom: 1px solid #fff;
    left: 0;
    top: 0
  }
}

.sofology-search-wrapper .lw-range-strip .flex-col {
  display: none;
  height: 120px
}

@media screen and (min-width: 64rem) {
  .sofology-search-wrapper .lw-range-strip .flex-col {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 32.510729614%
  }
}

@media screen and (min-width: 80rem) {
  .sofology-search-wrapper .lw-range-strip .flex-col {
    width: 23.035714286%
  }
}

.sofology-search-wrapper .lw-range-strip .slick-dots {
  bottom: 0;
  margin: 0;
  outline: none;
  padding: 0;
  text-align: center;
  position: relative
}

.sofology-search-wrapper .lw-range-strip .slick-dots li {
  display: inline-block;
  font-size: 1px;
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-indent: -999em;
  width: auto
}

.sofology-search-wrapper .lw-range-strip .slick-dots li button {
  background: transparent;
  border-radius: 10px;
  border: 2px solid #E5E5E5;
  height: 11px;
  margin: 0 2px;
  outline: none;
  padding: 0;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  width: 11px
}

.sofology-search-wrapper .lw-range-strip .slick-dots li.slick-active button {
  background: #E5E5E5
}

.sofology-search-wrapper .lw-range-strip.lifestyle-view .range-strip__mini-view {
  height: 0;
  overflow: hidden;
  padding-top: 58.5%
}

@media screen and (min-width: 64rem) {
  .sofology-search-wrapper .lw-range-strip.lifestyle-view .range-strip__mini-view {
    height: 354px;
    padding-top: 0
  }
}

.sofology-search-wrapper .lw-range-strip.lifestyle-view .range-strip__footer {
  border-top: 0
}

.sofology-search-wrapper .lw-range-strip.lifestyle-view .views.room-view {
  opacity: 1;
  -webkit-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  z-index: 1
}

.body-canvas-off .sofology-search-wrapper {
  display: none
}

.advanced-component.grid {
  padding-top: 1%;
  padding-bottom: 1%
}

.u-flex-centerer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: auto;
  flex: auto;
  position: relative
}

.card-loader {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5%;
  margin: 0
}

.no-results {
  color: white;
  margin: 50px auto;
  position: relative;
  text-align: center
}

.cards-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 1600px;
  position: relative;
  padding-top: 5%;
  padding-bottom: 5%
}

@media screen and (min-width: 45rem) {
  .cards-wrapper {
    width: 90%
  }
}

.cards {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: flex !important;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 35px 0;
  position: relative
}

@media screen and (min-width: 62rem) {
  .cards {
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    padding-top: 0
  }
}

.c-card {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  box-sizing: content-box;
  color: #202020;
  -webkit-box-flex: 1;
  -ms-flex: 1 100%;
  flex: 1 100%;
  margin-bottom: 16px;
  max-width: 100%
}

@media screen and (min-width: 45rem) {
  .c-card {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -ms-flex-preferred-size: 47.5%;
    flex-basis: 47.5%;
    margin: 0 0 32px;
    max-width: 47.5%
  }
  .c-card:nth-child(odd) {
    margin-right: 2.5%
  }
  .c-card:nth-child(even) {
    margin-left: 2.3%
  }
}

@media screen and (min-width: 62rem) {
  .c-card {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
    max-width: 32%
  }
  .c-card:nth-child(even), .c-card:nth-child(odd) {
    margin: 0 0 2%
  }
  @-moz-document url-prefix() {
    .c-card:nth-child(even), .c-card:nth-child(odd) {
      margin-bottom: 36px
    }
  }
  .c-card:nth-of-type(3n+2) {
    padding: 0 1.9%
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-card {
    margin-bottom: 36px
  }
}

@supports (-ms-accelerator: true) {
  .c-card {
    margin-bottom: 36px
  }
}

@supports (-ms-ime-align: auto) {
  .c-card {
    margin-bottom: 36px !important
  }
}

.c-card__gutter {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 1, 1, 0.25);
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  max-width: 100%
}

.c-card strong {
  font-weight: bold
}

.c-card__header {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 53px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none
}

.c-card__header .c-logo--cluster {
  margin-right: 9px;
  width: 24px
}

.c-card__logo, .c-card__product, .c-card__flag {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  min-width: 0
}

.c-card__logo {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 32px;
  flex: 0 1 32px;
  min-width: 32px;
  padding: 0 0 0 13px
}

.c-card__product p {
  font-family: fs-emeric-medium;
  line-height: 1.875rem;
  margin: 0
}

.c-card__product p a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #202020 !important;
  line-height: normal
}

.c-card__product p span.item-name {
  display: block;
  font-size: .75rem;
  font-family: fs-emeric-regular;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
  width: 90%
}

.c-card__flag {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  font-size: .8125rem;
  height: 33px;
  margin-right: -10px;
  padding: 0 28px 0 12px;
  position: relative;
  width: 140px;
  max-width: 140px;
  min-width: 140px;
  box-sizing: border-box
}

.c-card__flag i.sa {
  padding: 0 10px 0 0
}

.c-card__flag strong {
  white-space: nowrap
}

.c-card__flag--delivery {
  background-color: #000 !important;
  color: #fff !important;
  color: #fff
}

.c-card__flag--delivery h1, .c-card__flag--delivery h2, .c-card__flag--delivery h3, .c-card__flag--delivery h4, .c-card__flag--delivery p {
  color: #fff
}

.c-card__flag--delivery ul li {
  border-color: #fff !important
}

.c-card__flag--delivery h1, .c-card__flag--delivery h2, .c-card__flag--delivery h3, .c-card__flag--delivery h4, .c-card__flag--delivery p {
  color: #fff
}

.c-card__flag--delivery .c-btn {
  color: #fff !important
}

.c-card__flag--delivery .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.c-card__flag--exclusive {
  background-color: #fff !important;
  color: #fff !important;
  box-sizing: border-box;
  border: 1px solid #6D6D6D;
  color: #3F3F3F !important
}

.c-card__flag--exclusive h1, .c-card__flag--exclusive h2, .c-card__flag--exclusive h3, .c-card__flag--exclusive h4, .c-card__flag--exclusive p {
  color: #fff
}

.c-card__flag--exclusive ul li {
  border-color: #fff !important
}

.c-card__flag--exclusive h1, .c-card__flag--exclusive h2, .c-card__flag--exclusive h3, .c-card__flag--exclusive h4, .c-card__flag--exclusive p {
  color: #fff
}

.c-card__flag--exclusive .c-btn {
  color: #fff !important
}

.c-card__flag--exclusive .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.c-card__flag--exclusive img {
  width: 18px;
  height: auto;
  margin-right: 15px
}

.c-card__media {
  overflow: hidden
}

.c-card__gallery {
  position: relative;
  width: 100%
}

.colour-view-active .c-card__gallery {
  display: none
}

.c-card__gallery ul.slick-dots {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: absolute;
  bottom: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  width: 100%
}

.c-card__gallery ul.slick-dots li {
  display: inline-block;
  padding: 0 5px;
  position: relative
}

.c-card__gallery ul.slick-dots li.slick-active button:before {
  background: #202020
}

.c-card__gallery ul.slick-dots button {
  width: 10px;
  height: 10px;
  background: transparent;
  border: 0;
  color: transparent;
  cursor: pointer;
  font-size: 0;
  padding: 0
}

.c-card__gallery ul.slick-dots button:before {
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 5px;
  display: inline-block;
  line-height: 10px;
  content: '';
  font-size: 0
}

.c-card__gallery button {
  width: 20%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  border: none;
  opacity: 0;
  padding: 0;
  -webkit-transition: opacity linear 0.2s;
  transition: opacity linear 0.2s
}

.c-card__gallery button:hover {
  opacity: 1
}

.c-card__gallery button.previous {
  position: absolute;
  right: auto;
  left: 0
}

.c-card__gallery__arrows {
  position: absolute;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  visibility: hidden;
  display: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 1
}

@media (min-width: 62em) {
  .c-card__gallery__arrows {
    display: block;
    visibility: visible
  }
}

.c-card__gallery__arrows__prev-area, .c-card__gallery__arrows__next-area {
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
  z-index: 1
}

@media (min-width: 62em) {
  .c-card__gallery__arrows__prev-area, .c-card__gallery__arrows__next-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.c-card__gallery__arrows__prev-area:hover, .c-card__gallery__arrows__next-area:hover {
  opacity: 1
}

.c-card__gallery__arrows__next-area {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  left: auto;
  right: 0
}

.c-card__gallery__arrows__prev, .c-card__gallery__arrows__next {
  width: 75px;
  height: 75px;
  background: #fff;
  border-radius: 37.5px;
  display: inline-block;
  line-height: 75px;
  position: relative;
  left: calc(-75px/2);
  color: black;
  display: table;
  opacity: .8;
  position: relative
}

.c-card__gallery__arrows__prev i.sa, .c-card__gallery__arrows__next i.sa {
  display: table-cell;
  font-size: 2rem;
  text-align: center;
  vertical-align: middle
}

.c-card__gallery__arrows__prev i.sa:before, .c-card__gallery__arrows__next i.sa:before {
  position: relative;
  right: -15px
}

.c-card__gallery__arrows__prev:hover, .c-card__gallery__arrows__prev:active, .c-card__gallery__arrows__prev:focus, .c-card__gallery__arrows__next:hover, .c-card__gallery__arrows__next:active, .c-card__gallery__arrows__next:focus {
  color: black
}

.c-card__gallery__arrows__next {
  left: auto;
  right: calc(-75px/2)
}

.c-card__gallery__arrows__next i.sa:before {
  right: auto;
  left: -15px
}

@-webkit-keyframes cameo {
  0% {
    top: 0;
    left: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  25% {
    top: 0;
    left: -100%
  }
  50% {
    top: -100%;
    left: -100%
  }
  75% {
    top: -100%;
    left: 0
  }
  100% {
    top: 0;
    left: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
  }
}

@keyframes cameo {
  0% {
    top: 0;
    left: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  25% {
    top: 0;
    left: -100%
  }
  50% {
    top: -100%;
    left: -100%
  }
  75% {
    top: -100%;
    left: 0
  }
  100% {
    top: 0;
    left: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
  }
}

.sofology-carousel {
  font-size: 0;
  overflow: auto;
  width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  -ms-overflow-style: none
}

.sofology-carousel--inner {
  position: relative
}

.sofology-carousel::-webkit-scrollbar {
  display: none
}

.c-card__gallery__image {
  display: inline-block;
  margin: 0;
  overflow: hidden;
  vertical-align: top;
  width: 100%
}

.c-card__gallery__image--animated {
  overflow: hidden
}

.c-card__gallery__image--animated a {
  height: 0
}

.c-card__gallery__image--animated img {
  -o-object-fit: cover;
  object-fit: cover;
  max-width: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: auto !important
}

.c-card__gallery__image--animated.active img {
  -webkit-animation: cameo infinite linear 10s;
  animation: cameo infinite linear 10s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100% !important
}

.c-card__gallery__image--animated.active img.reversed {
  -webkit-animation: cameo reverse infinite linear 10s;
  animation: cameo reverse infinite linear 10s
}

.c-card__gallery__image a {
  display: block;
  position: relative;
  height: auto
}

@media screen and (min-width: 45rem) {
  .c-card__gallery__image a {
    height: auto
  }
}

@media screen and (min-width: 62rem) {
  .c-card__gallery__image a {
    height: auto
  }
}

@media screen and (min-width: 1025px) {
  .c-card__gallery__image a {
    height: auto
  }
}

.c-card__gallery__image img {
  height: inherit;
  width: 100%;
  vertical-align: top
}

@media screen and (min-width: 62rem) {
  .c-card__gallery__image img {
    height: inherit
  }
}

.c-card__gallery__video {
  display: none
}

.c-card__gallery__video.active {
  display: inline-block
}

.c-card__gallery__video video {
  -o-object-fit: cover;
  object-fit: cover
}

.colour-view-active .view-colours {
  display: none
}

.colour-view-active .view-room {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.room-view-active .view-room {
  display: none
}

.room-view-active .view-colours {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.c-card__colours {
  display: none
}

.colour-view-active .c-card__colours {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.c-card__colours {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden
}

.c-card__colours ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 245px;
  margin: 0;
  overflow-x: auto;
  padding: 0;
  width: 100vw
}

@media screen and (min-width: 45rem) {
  .c-card__colours ul {
    width: 100%
  }
}

@media screen and (min-width: 62rem) {
  .c-card__colours ul {
    width: inherit
  }
}

.c-card__colours__image {
  min-width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 10px;
  width: 70%
}

.c-card__colours__image:first-child {
  padding-left: 10px
}

.c-card__colours__image img {
  max-height: 130px
}

@media only screen and (min-device-width: 375px) {
  .c-card__colours__image {
    min-width: 260px
  }
}

@media screen and (min-width: 45rem) {
  .c-card__colours__image {
    min-width: 230px
  }
}

@media screen and (min-width: 62rem) {
  .c-card__colours__image {
    min-width: 70%
  }
}

.c-card__actions {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #E5E5E5;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 15px;
  padding: 12px 0;
  position: relative
}

@media screen and (min-width: 62rem) {
  .c-card__actions {
    margin: 0 13px
  }
}

.c-card__actions a.close-share, .c-card__actions a.view-range {
  position: absolute;
  top: 50%;
  right: 0;
  margin: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.c-card__actions a.close-share {
  display: none;
  z-index: -1
}

.c-card__actions section {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  height: 44px;
  position: relative
}

.c-card__actions section a {
  width: 44px;
  height: 44px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #202020;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.c-card__actions section a:hover {
  color: #202020
}

.c-card__actions section i.sa {
  color: #202020
}

.c-card__actions i.sa {
  font-size: 1.25rem;
  margin-right: 0;
  vertical-align: middle
}

.c-card__actions i.sa.sa-angle-right {
  font-size: 2.125rem;
  line-height: 1.5rem
}

.c-card__actions img.icon-colours {
  max-width: 22px;
  height: auto
}

.c-card__actions a.favourite i.sa {
  position: relative;
  top: 1px;
  font-size: 1.3125rem
}

.c-card__actions a.favourite.favourite-active i.sa {
  -webkit-animation: pulsate 2 ease-in-out .3s;
  animation: pulsate 2 ease-in-out .3s;
  color: #de007b
}

.c-card__actions a.favourite.favourite-active i.sa:before {
  content: '\f00d'
}

.favourite-pop-wrapper {
  z-index: 1000
}

.favourite-pop {
  position: absolute;
  bottom: 25px;
  left: -15px;
  width: 151px;
  height: 131px;
  background: url("http://images.sofology.co.uk/image/upload/v1493030281/Sofology/misc/fav-popper.png") 50% 50%;
  display: none
}

.favourite-pop .pop-txt {
  position: relative;
  top: 0;
  padding: 15px 0 0;
  text-align: center
}

.favourite-pop .pop-txt.pop-txt-limit {
  display: none
}

.favourite-pop .pop-txt i.sa-heart {
  color: #de007b;
  margin: 5px auto 10px
}

.favourite-pop .pop-txt p {
  font-size: 14px;
  line-height: 1.25;
  margin: 0
}

.favourite-pop .pop-txt a.pop-link {
  width: auto;
  height: 17px;
  display: block;
  line-height: 1
}

.favourite-pop .pop-txt i.sa-angle-right {
  color: #3F3F3F;
  font-size: .875rem;
  position: relative;
  vertical-align: middle;
  line-height: 17px
}

.favourite-pop-limit {
  width: 241px;
  height: 120px;
  background: url("http://images.sofology.co.uk/image/upload/v1493112450/Sofology/misc/Limit_Popper.png") no-repeat 50% 50%
}

.favourite-pop-limit .sa-heart {
  position: absolute;
  top: 15px;
  right: 20px
}

.favourite-pop-limit .pop-txt {
  display: none;
  padding: 20px;
  text-align: left
}

.favourite-pop-limit .pop-txt.pop-txt-limit {
  display: block
}

.favourite-pop-limit .pop-txt p:first-of-type {
  margin-bottom: 10px
}

.favourite-pop-limit a.pop-link {
  color: #009FEE;
  display: inline-block !important;
  font-size: .75rem
}

.favourite-pop-limit a.pop-link:hover {
  color: #006ca2
}

.likes {
  position: relative
}

.likes :hover {
  cursor: pointer
}

.likes .likes-pop {
  display: none;
  position: absolute;
  bottom: -10px;
  right: 60%;
  width: 132px;
  height: 120px !important;
  max-height: none;
  background: url("http://images.sofology.co.uk/image/upload/v1493114784/Sofology/misc/like-popper.png") 50% 50%
}

.likes .likes-pop .pop-txt {
  display: block;
  text-align: center;
  padding: 18px 20px;
  top: 0px;
  position: relative
}

.likes .likes-pop .pop-txt p {
  margin: 0;
  font-size: .75rem;
  line-height: 1.25
}

.c-card__share {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  -webkit-transition: opacity .35s linear;
  transition: opacity .35s linear;
  z-index: 1
}

.share-active .c-card__share {
  display: inherit;
  opacity: 1
}

.c-card__share .sa-stack {
  margin: 0 20px
}

.c-card__share i.sa-stack-2x {
  font-size: 2em
}

.c-card__gutter.share-active .c-card__share {
  display: inherit;
  opacity: 1
}

.c-card__gutter.share-active a.view-range {
  display: none
}

.c-card__gutter.share-active a.close-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1
}

.c-card__gutter.share-active a.share {
  opacity: 0.4
}

.c-card__details {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 14px 15px 0
}

@media screen and (min-width: 62rem) {
  .c-card__details {
    padding: 14px 13px 0
  }
}

.c-card__details section {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto
}

.c-card__details section div {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  font-size: .75rem;
  font-family: fs-emeric-core;
  height: 19px;
  max-height: 19px
}

.c-card__details section div:first-child {
  margin-bottom: 18px
}

.c-card__details section div span {
  -ms-flex-item-align: end;
  align-self: flex-end;
  line-height: 1
}

.c-card__details section:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  max-width: 100px
}

.c-card__details .colours img {
  width: 75px;
  height: auto;
  margin-right: 7px
}

.c-card__details .sizes img {
  width: 113px;
  height: auto;
  margin-right: 7px
}

.c-card__details .sizes span {
  position: relative;
  top: 2px
}

.c-card__details .colours a, .c-card__details .sizes a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #202020
}

.c-card__details .delivery i.sa, .c-card__details .likes i.sa {
  color: #202020;
  font-size: .9375rem;
  margin-right: 12px;
  text-align: center;
  width: 20px
}

.c-card__details .delivery i.sa.sa-heart, .c-card__details .likes i.sa.sa-heart {
  position: relative;
  left: 1px
}

p.c-card__price {
  font-size: .875rem;
  line-height: 1;
  margin-bottom: 0;
  padding: 19px 17.5px;
  text-align: center;
  width: 100%
}

.grid-listview {
  padding-top: 32px
}

.grid-listview article {
  margin: 32px 0 !important
}

.o-list-bare {
  list-style: none;
  margin-left: 0
}

.o-list-inline {
  margin-left: 0;
  list-style: none
}

.o-list-inline__item {
  display: inline-block
}

.o-list-inline__item.selected a {
  cursor: default;
  pointer-events: none
}

.c-pager {
  text-align: center;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  width: 100%
}

.c-pager a {
  color: white;
  font-size: .625rem
}

.c-pager .selected a {
  color: black
}

.alert {
  text-align: center
}

.alert>*:last-child {
  margin: 0
}

.alert p {
  font-size: .875rem;
  font-family: fs-emeric-medium;
  line-height: 1.1875rem;
  margin: 0 !important
}

.alert i.sa {
  color: #3F3F3F;
  font-size: 1.25rem
}

@media screen and (min-width: 45rem) {
  .alert i.sa {
    font-size: 1rem
  }
}

.cookie-bar {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
  background-color: #fff;
  display: none;
  z-index: 5000
}

.cookie-bar .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1600px !important;
  padding: 15px
}

.cookie-bar p {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  font-size: .875rem;
  line-height: normal
}

.cookie-bar p a {
  color: inherit;
  font-weight: bold;
  text-decoration: underline
}

.cookie-bar i.sa {
  -ms-flex-item-align: start;
  align-self: flex-start;
  cursor: pointer;
  position: relative;
  top: 3px
}

@media (min-width: 62em) {
  .cookie-bar i.sa {
    top: auto
  }
}

.c-carousel {
  overflow: hidden;
  position: relative
}

.c-carousel__arrows__prev-area, .c-carousel__arrows__next-area {
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
  z-index: 1
}

@media (min-width: 62em) {
  .c-carousel__arrows__prev-area, .c-carousel__arrows__next-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.c-carousel__arrows__prev-area:hover, .c-carousel__arrows__next-area:hover {
  opacity: 1
}

.c-carousel__arrows__next-area {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  left: auto;
  right: 0
}

.c-carousel__arrows__prev, .c-carousel__arrows__next {
  width: 75px;
  height: 75px;
  background: #fff;
  border-radius: 37.5px;
  display: inline-block;
  line-height: 75px;
  position: relative;
  left: calc(-75px/2);
  color: black;
  display: table;
  opacity: .8;
  position: relative
}

.c-carousel__arrows__prev i.sa, .c-carousel__arrows__next i.sa {
  display: table-cell;
  font-size: 2rem;
  text-align: center;
  vertical-align: middle
}

.c-carousel__arrows__prev i.sa:before, .c-carousel__arrows__next i.sa:before {
  position: relative;
  right: -15px
}

.c-carousel__arrows__prev:hover, .c-carousel__arrows__prev:active, .c-carousel__arrows__prev:focus, .c-carousel__arrows__next:hover, .c-carousel__arrows__next:active, .c-carousel__arrows__next:focus {
  color: black
}

.c-carousel__arrows__next {
  left: auto;
  right: calc(-75px/2)
}

.c-carousel__arrows__next i.sa:before {
  right: auto;
  left: -15px
}

.c-carousel video {
  -o-object-fit: initial;
  object-fit: initial
}

.u-m {
  margin: 24px !important
}

.u-mt {
  margin-top: 24px !important
}

.u-mr {
  margin-right: 24px !important
}

.u-mb, dl dd {
  margin-bottom: 24px !important
}

.u-ml {
  margin-left: 24px !important
}

.u-mh {
  margin-right: 24px !important;
  margin-left: 24px !important
}

.u-mv {
  margin-top: 24px !important;
  margin-bottom: 24px !important
}

.u-m-- {
  margin: 6px !important
}

.u-mt-- {
  margin-top: 6px !important
}

.u-mr-- {
  margin-right: 6px !important
}

.u-mb-- {
  margin-bottom: 6px !important
}

.u-ml-- {
  margin-left: 6px !important
}

.u-mh-- {
  margin-right: 6px !important;
  margin-left: 6px !important
}

.u-mv-- {
  margin-top: 6px !important;
  margin-bottom: 6px !important
}

.u-m- {
  margin: 12px !important
}

.u-mt- {
  margin-top: 12px !important
}

.u-mr- {
  margin-right: 12px !important
}

.u-mb- {
  margin-bottom: 12px !important
}

.u-ml- {
  margin-left: 12px !important
}

.u-mh- {
  margin-right: 12px !important;
  margin-left: 12px !important
}

.u-mv- {
  margin-top: 12px !important;
  margin-bottom: 12px !important
}

.u-m\+ {
  margin: 48px !important
}

.u-mt\+ {
  margin-top: 48px !important
}

.u-mr\+ {
  margin-right: 48px !important
}

.u-mb\+ {
  margin-bottom: 48px !important
}

.u-ml\+ {
  margin-left: 48px !important
}

.u-mh\+ {
  margin-right: 48px !important;
  margin-left: 48px !important
}

.u-mv\+ {
  margin-top: 48px !important;
  margin-bottom: 48px !important
}

.u-m\+\+ {
  margin: 96px !important
}

.u-mt\+\+ {
  margin-top: 96px !important
}

.u-mr\+\+ {
  margin-right: 96px !important
}

.u-mb\+\+ {
  margin-bottom: 96px !important
}

.u-ml\+\+ {
  margin-left: 96px !important
}

.u-mh\+\+ {
  margin-right: 96px !important;
  margin-left: 96px !important
}

.u-mv\+\+ {
  margin-top: 96px !important;
  margin-bottom: 96px !important
}

.u-m0 {
  margin: 0 !important
}



.u-mt0 {
  margin-top: 0 !important
}

h3.u-mb0 {
    margin-bottom:10px !important;
}

.u-mr0 {
  margin-right: 0 !important
}

.u-mb0 {
  margin-bottom: 0
}

.u-ml0 {
  margin-left: 0 !important
}

.u-mh0 {
  margin-right: 0 !important;
  margin-left: 0 !important
}

.u-mv0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.u-p, pre {
  padding: 24px !important
}

.u-pt {
  padding-top: 24px !important
}

.u-pr {
  padding-right: 24px !important
}

.u-pb {
  padding-bottom: 24px !important
}

.u-pl {
  padding-left: 24px !important
}

.u-ph {
  padding-right: 24px !important;
  padding-left: 24px !important
}

.u-pv {
  padding-top: 24px !important;
  padding-bottom: 24px !important
}

.u-p-- {
  padding: 6px !important
}

.u-pt-- {
  padding-top: 6px !important
}

.u-pr-- {
  padding-right: 6px !important
}

.u-pb-- {
  padding-bottom: 6px !important
}

.u-pl-- {
  padding-left: 6px !important
}

.u-ph-- {
  padding-right: 6px !important;
  padding-left: 6px !important
}

.u-pv--, .ranges--desktop .tabs__link, .ranges .tabs__link, .ranges--mobile .tabs__link {
  padding-top: 6px !important;
  padding-bottom: 6px !important
}

.u-p- {
  padding: 12px !important
}

.u-pt- {
  padding-top: 12px !important
}

.u-pr- {
  padding-right: 12px !important
}

.u-pb- {
  padding-bottom: 12px !important
}

.u-pl- {
  padding-left: 12px !important
}

.u-ph-, .faceted-nav .layout__item {
  padding-right: 12px !important;
  padding-left: 12px !important
}

.u-pv- {
  padding-top: 12px !important;
  padding-bottom: 12px !important
}

.u-p\+ {
  padding: 48px !important
}

.u-pt\+ {
  padding-top: 48px !important
}

.u-pr\+ {
  padding-right: 48px !important
}

.u-pb\+ {
  padding-bottom: 48px !important
}

.u-pl\+ {
  padding-left: 48px !important
}

.u-ph\+ {
  padding-right: 48px !important;
  padding-left: 48px !important
}

.u-pv\+ {
  padding-top: 48px !important;
  padding-bottom: 48px !important
}

.u-p\+\+ {
  padding: 96px !important
}

.u-pt\+\+ {
  padding-top: 96px !important
}

.u-pr\+\+ {
  padding-right: 96px !important
}

.u-pb\+\+ {
  padding-bottom: 96px !important
}

.u-pl\+\+ {
  padding-left: 96px !important
}

.u-ph\+\+ {
  padding-right: 96px !important;
  padding-left: 96px !important
}

.u-pv\+\+ {
  padding-top: 96px !important;
  padding-bottom: 96px !important
}

.u-p0 {
  padding: 0 !important
}

.u-pt0 {
  padding-top: 0 !important
}

.u-pr0 {
  padding-right: 0 !important
}

.u-pb0 {
  padding-bottom: 0 !important
}

.u-pl0 {
  padding-left: 0 !important
}

.u-ph0 {
  padding-right: 0 !important;
  padding-left: 0 !important
}

.u-pv0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

@media screen and (min-width: 0) {
  .room-m {
    margin: 24px !important
  }
  .room-mt {
    margin-top: 24px !important
  }
  .room-mr {
    margin-right: 24px !important
  }
  .room-mb {
    margin-bottom: 24px !important
  }
  .room-ml {
    margin-left: 24px !important
  }
  .room-mh {
    margin-right: 24px !important;
    margin-left: 24px !important
  }
  .room-mv {
    margin-top: 24px !important;
    margin-bottom: 24px !important
  }
}

@media screen and (min-width: 25.94rem) {
  .village-m {
    margin: 24px !important
  }
  .village-mt {
    margin-top: 24px !important
  }
  .village-mr {
    margin-right: 24px !important
  }
  .village-mb {
    margin-bottom: 24px !important
  }
  .village-ml {
    margin-left: 24px !important
  }
  .village-mh {
    margin-right: 24px !important;
    margin-left: 24px !important
  }
  .village-mv {
    margin-top: 24px !important;
    margin-bottom: 24px !important
  }
}

@media screen and (min-width: 46rem) {
  .town-m {
    margin: 24px !important
  }
  .town-mt {
    margin-top: 24px !important
  }
  .town-mr {
    margin-right: 24px !important
  }
  .town-mb {
    margin-bottom: 24px !important
  }
  .town-ml {
    margin-left: 24px !important
  }
  .town-mh {
    margin-right: 24px !important;
    margin-left: 24px !important
  }
  .town-mv {
    margin-top: 24px !important;
    margin-bottom: 24px !important
  }
}

@media screen and (min-width: 48rem) {
  .city-m {
    margin: 24px !important
  }
  .city-mt {
    margin-top: 24px !important
  }
  .city-mr {
    margin-right: 24px !important
  }
  .city-mb {
    margin-bottom: 24px !important
  }
  .city-ml {
    margin-left: 24px !important
  }
  .city-mh {
    margin-right: 24px !important;
    margin-left: 24px !important
  }
  .city-mv {
    margin-top: 24px !important;
    margin-bottom: 24px !important
  }
}

@media screen and (min-width: 64rem) {
  .country-m {
    margin: 24px !important
  }
  .country-mt {
    margin-top: 24px !important
  }
  .country-mr {
    margin-right: 24px !important
  }
  .country-mb {
    margin-bottom: 24px !important
  }
  .country-ml {
    margin-left: 24px !important
  }
  .country-mh {
    margin-right: 24px !important;
    margin-left: 24px !important
  }
  .country-mv {
    margin-top: 24px !important;
    margin-bottom: 24px !important
  }
}

@media screen and (min-width: 80rem) {
  .continent-m {
    margin: 24px !important
  }
  .continent-mt {
    margin-top: 24px !important
  }
  .continent-mr {
    margin-right: 24px !important
  }
  .continent-mb {
    margin-bottom: 24px !important
  }
  .continent-ml {
    margin-left: 24px !important
  }
  .continent-mh {
    margin-right: 24px !important;
    margin-left: 24px !important
  }
  .continent-mv {
    margin-top: 24px !important;
    margin-bottom: 24px !important
  }
}

@media screen and (min-width: 85.375rem) {
  .world-m {
    margin: 24px !important
  }
  .world-mt {
    margin-top: 24px !important
  }
  .world-mr {
    margin-right: 24px !important
  }
  .world-mb {
    margin-bottom: 24px !important
  }
  .world-ml {
    margin-left: 24px !important
  }
  .world-mh {
    margin-right: 24px !important;
    margin-left: 24px !important
  }
  .world-mv {
    margin-top: 24px !important;
    margin-bottom: 24px !important
  }
}

@media screen and (min-width: 45rem) {
  .tablet-m {
    margin: 24px !important
  }
  .tablet-mt {
    margin-top: 24px !important
  }
  .tablet-mr {
    margin-right: 24px !important
  }
  .tablet-mb {
    margin-bottom: 24px !important
  }
  .tablet-ml {
    margin-left: 24px !important
  }
  .tablet-mh {
    margin-right: 24px !important;
    margin-left: 24px !important
  }
  .tablet-mv {
    margin-top: 24px !important;
    margin-bottom: 24px !important
  }
}

@media screen and (min-width: 62rem) {
  .desktop-m {
    margin: 24px !important
  }
  .desktop-mt {
    margin-top: 24px !important
  }
  .desktop-mr {
    margin-right: 24px !important
  }
  .desktop-mb {
    margin-bottom: 24px !important
  }
  .desktop-ml {
    margin-left: 24px !important
  }
  .desktop-mh {
    margin-right: 24px !important;
    margin-left: 24px !important
  }
  .desktop-mv {
    margin-top: 24px !important;
    margin-bottom: 24px !important
  }
}

@media screen and (max-width: 767px) {
  .city-walled-m {
    margin: 24px !important
  }
  .city-walled-mt {
    margin-top: 24px !important
  }
  .city-walled-mr {
    margin-right: 24px !important
  }
  .city-walled-mb {
    margin-bottom: 24px !important
  }
  .city-walled-ml {
    margin-left: 24px !important
  }
  .city-walled-mh {
    margin-right: 24px !important;
    margin-left: 24px !important
  }
  .city-walled-mv {
    margin-top: 24px !important;
    margin-bottom: 24px !important
  }
}

@media screen and (max-width: 1279px) {
  .continent-walled-m {
    margin: 24px !important
  }
  .continent-walled-mt {
    margin-top: 24px !important
  }
  .continent-walled-mr {
    margin-right: 24px !important
  }
  .continent-walled-mb {
    margin-bottom: 24px !important
  }
  .continent-walled-ml {
    margin-left: 24px !important
  }
  .continent-walled-mh {
    margin-right: 24px !important;
    margin-left: 24px !important
  }
  .continent-walled-mv {
    margin-top: 24px !important;
    margin-bottom: 24px !important
  }
}

@media screen and (min-width: 0) {
  .room-m\+ {
    margin: 48px !important
  }
  .room-mt\+ {
    margin-top: 48px !important
  }
  .room-mr\+ {
    margin-right: 48px !important
  }
  .room-mb\+ {
    margin-bottom: 48px !important
  }
  .room-ml\+ {
    margin-left: 48px !important
  }
  .room-mh\+ {
    margin-right: 48px !important;
    margin-left: 48px !important
  }
  .room-mv\+ {
    margin-top: 48px !important;
    margin-bottom: 48px !important
  }
}

@media screen and (min-width: 25.94rem) {
  .village-m\+ {
    margin: 48px !important
  }
  .village-mt\+ {
    margin-top: 48px !important
  }
  .village-mr\+ {
    margin-right: 48px !important
  }
  .village-mb\+ {
    margin-bottom: 48px !important
  }
  .village-ml\+ {
    margin-left: 48px !important
  }
  .village-mh\+ {
    margin-right: 48px !important;
    margin-left: 48px !important
  }
  .village-mv\+ {
    margin-top: 48px !important;
    margin-bottom: 48px !important
  }
}

@media screen and (min-width: 46rem) {
  .town-m\+ {
    margin: 48px !important
  }
  .town-mt\+ {
    margin-top: 48px !important
  }
  .town-mr\+ {
    margin-right: 48px !important
  }
  .town-mb\+ {
    margin-bottom: 48px !important
  }
  .town-ml\+ {
    margin-left: 48px !important
  }
  .town-mh\+ {
    margin-right: 48px !important;
    margin-left: 48px !important
  }
  .town-mv\+ {
    margin-top: 48px !important;
    margin-bottom: 48px !important
  }
}

@media screen and (min-width: 48rem) {
  .city-m\+ {
    margin: 48px !important
  }
  .city-mt\+ {
    margin-top: 48px !important
  }
  .city-mr\+ {
    margin-right: 48px !important
  }
  .city-mb\+ {
    margin-bottom: 48px !important
  }
  .city-ml\+ {
    margin-left: 48px !important
  }
  .city-mh\+ {
    margin-right: 48px !important;
    margin-left: 48px !important
  }
  .city-mv\+ {
    margin-top: 48px !important;
    margin-bottom: 48px !important
  }
}

@media screen and (min-width: 64rem) {
  .country-m\+ {
    margin: 48px !important
  }
  .country-mt\+ {
    margin-top: 48px !important
  }
  .country-mr\+ {
    margin-right: 48px !important
  }
  .country-mb\+ {
    margin-bottom: 48px !important
  }
  .country-ml\+ {
    margin-left: 48px !important
  }
  .country-mh\+ {
    margin-right: 48px !important;
    margin-left: 48px !important
  }
  .country-mv\+ {
    margin-top: 48px !important;
    margin-bottom: 48px !important
  }
}

@media screen and (min-width: 80rem) {
  .continent-m\+ {
    margin: 48px !important
  }
  .continent-mt\+ {
    margin-top: 48px !important
  }
  .continent-mr\+ {
    margin-right: 48px !important
  }
  .continent-mb\+ {
    margin-bottom: 48px !important
  }
  .continent-ml\+ {
    margin-left: 48px !important
  }
  .continent-mh\+ {
    margin-right: 48px !important;
    margin-left: 48px !important
  }
  .continent-mv\+ {
    margin-top: 48px !important;
    margin-bottom: 48px !important
  }
}

@media screen and (min-width: 85.375rem) {
  .world-m\+ {
    margin: 48px !important
  }
  .world-mt\+ {
    margin-top: 48px !important
  }
  .world-mr\+ {
    margin-right: 48px !important
  }
  .world-mb\+ {
    margin-bottom: 48px !important
  }
  .world-ml\+ {
    margin-left: 48px !important
  }
  .world-mh\+ {
    margin-right: 48px !important;
    margin-left: 48px !important
  }
  .world-mv\+ {
    margin-top: 48px !important;
    margin-bottom: 48px !important
  }
}

@media screen and (min-width: 45rem) {
  .tablet-m\+ {
    margin: 48px !important
  }
  .tablet-mt\+ {
    margin-top: 48px !important
  }
  .tablet-mr\+ {
    margin-right: 48px !important
  }
  .tablet-mb\+ {
    margin-bottom: 48px !important
  }
  .tablet-ml\+ {
    margin-left: 48px !important
  }
  .tablet-mh\+ {
    margin-right: 48px !important;
    margin-left: 48px !important
  }
  .tablet-mv\+ {
    margin-top: 48px !important;
    margin-bottom: 48px !important
  }
}

@media screen and (min-width: 62rem) {
  .desktop-m\+ {
    margin: 48px !important
  }
  .desktop-mt\+ {
    margin-top: 48px !important
  }
  .desktop-mr\+ {
    margin-right: 48px !important
  }
  .desktop-mb\+ {
    margin-bottom: 48px !important
  }
  .desktop-ml\+ {
    margin-left: 48px !important
  }
  .desktop-mh\+ {
    margin-right: 48px !important;
    margin-left: 48px !important
  }
  .desktop-mv\+ {
    margin-top: 48px !important;
    margin-bottom: 48px !important
  }
}

@media screen and (max-width: 767px) {
  .city-walled-m\+ {
    margin: 48px !important
  }
  .city-walled-mt\+ {
    margin-top: 48px !important
  }
  .city-walled-mr\+ {
    margin-right: 48px !important
  }
  .city-walled-mb\+ {
    margin-bottom: 48px !important
  }
  .city-walled-ml\+ {
    margin-left: 48px !important
  }
  .city-walled-mh\+ {
    margin-right: 48px !important;
    margin-left: 48px !important
  }
  .city-walled-mv\+ {
    margin-top: 48px !important;
    margin-bottom: 48px !important
  }
}

@media screen and (max-width: 1279px) {
  .continent-walled-m\+ {
    margin: 48px !important
  }
  .continent-walled-mt\+ {
    margin-top: 48px !important
  }
  .continent-walled-mr\+ {
    margin-right: 48px !important
  }
  .continent-walled-mb\+ {
    margin-bottom: 48px !important
  }
  .continent-walled-ml\+ {
    margin-left: 48px !important
  }
  .continent-walled-mh\+ {
    margin-right: 48px !important;
    margin-left: 48px !important
  }
  .continent-walled-mv\+ {
    margin-top: 48px !important;
    margin-bottom: 48px !important
  }
}

@media screen and (min-width: 0) {
  .room-m\+\+ {
    margin: 96px !important
  }
  .room-mt\+\+ {
    margin-top: 96px !important
  }
  .room-mr\+\+ {
    margin-right: 96px !important
  }
  .room-mb\+\+ {
    margin-bottom: 96px !important
  }
  .room-ml\+\+ {
    margin-left: 96px !important
  }
  .room-mh\+\+ {
    margin-right: 96px !important;
    margin-left: 96px !important
  }
  .room-mv\+\+ {
    margin-top: 96px !important;
    margin-bottom: 96px !important
  }
}

@media screen and (min-width: 25.94rem) {
  .village-m\+\+ {
    margin: 96px !important
  }
  .village-mt\+\+ {
    margin-top: 96px !important
  }
  .village-mr\+\+ {
    margin-right: 96px !important
  }
  .village-mb\+\+ {
    margin-bottom: 96px !important
  }
  .village-ml\+\+ {
    margin-left: 96px !important
  }
  .village-mh\+\+ {
    margin-right: 96px !important;
    margin-left: 96px !important
  }
  .village-mv\+\+ {
    margin-top: 96px !important;
    margin-bottom: 96px !important
  }
}

@media screen and (min-width: 46rem) {
  .town-m\+\+ {
    margin: 96px !important
  }
  .town-mt\+\+ {
    margin-top: 96px !important
  }
  .town-mr\+\+ {
    margin-right: 96px !important
  }
  .town-mb\+\+ {
    margin-bottom: 96px !important
  }
  .town-ml\+\+ {
    margin-left: 96px !important
  }
  .town-mh\+\+ {
    margin-right: 96px !important;
    margin-left: 96px !important
  }
  .town-mv\+\+ {
    margin-top: 96px !important;
    margin-bottom: 96px !important
  }
}

@media screen and (min-width: 48rem) {
  .city-m\+\+ {
    margin: 96px !important
  }
  .city-mt\+\+ {
    margin-top: 96px !important
  }
  .city-mr\+\+ {
    margin-right: 96px !important
  }
  .city-mb\+\+ {
    margin-bottom: 96px !important
  }
  .city-ml\+\+ {
    margin-left: 96px !important
  }
  .city-mh\+\+ {
    margin-right: 96px !important;
    margin-left: 96px !important
  }
  .city-mv\+\+ {
    margin-top: 96px !important;
    margin-bottom: 96px !important
  }
}

@media screen and (min-width: 64rem) {
  .country-m\+\+ {
    margin: 96px !important
  }
  .country-mt\+\+ {
    margin-top: 96px !important
  }
  .country-mr\+\+ {
    margin-right: 96px !important
  }
  .country-mb\+\+ {
    margin-bottom: 96px !important
  }
  .country-ml\+\+ {
    margin-left: 96px !important
  }
  .country-mh\+\+ {
    margin-right: 96px !important;
    margin-left: 96px !important
  }
  .country-mv\+\+ {
    margin-top: 96px !important;
    margin-bottom: 96px !important
  }
}

@media screen and (min-width: 80rem) {
  .continent-m\+\+ {
    margin: 96px !important
  }
  .continent-mt\+\+ {
    margin-top: 96px !important
  }
  .continent-mr\+\+ {
    margin-right: 96px !important
  }
  .continent-mb\+\+ {
    margin-bottom: 96px !important
  }
  .continent-ml\+\+ {
    margin-left: 96px !important
  }
  .continent-mh\+\+ {
    margin-right: 96px !important;
    margin-left: 96px !important
  }
  .continent-mv\+\+ {
    margin-top: 96px !important;
    margin-bottom: 96px !important
  }
}

@media screen and (min-width: 85.375rem) {
  .world-m\+\+ {
    margin: 96px !important
  }
  .world-mt\+\+ {
    margin-top: 96px !important
  }
  .world-mr\+\+ {
    margin-right: 96px !important
  }
  .world-mb\+\+ {
    margin-bottom: 96px !important
  }
  .world-ml\+\+ {
    margin-left: 96px !important
  }
  .world-mh\+\+ {
    margin-right: 96px !important;
    margin-left: 96px !important
  }
  .world-mv\+\+ {
    margin-top: 96px !important;
    margin-bottom: 96px !important
  }
}

@media screen and (min-width: 45rem) {
  .tablet-m\+\+ {
    margin: 96px !important
  }
  .tablet-mt\+\+ {
    margin-top: 96px !important
  }
  .tablet-mr\+\+ {
    margin-right: 96px !important
  }
  .tablet-mb\+\+ {
    margin-bottom: 96px !important
  }
  .tablet-ml\+\+ {
    margin-left: 96px !important
  }
  .tablet-mh\+\+ {
    margin-right: 96px !important;
    margin-left: 96px !important
  }
  .tablet-mv\+\+ {
    margin-top: 96px !important;
    margin-bottom: 96px !important
  }
}

@media screen and (min-width: 62rem) {
  .desktop-m\+\+ {
    margin: 96px !important
  }
  .desktop-mt\+\+ {
    margin-top: 96px !important
  }
  .desktop-mr\+\+ {
    margin-right: 96px !important
  }
  .desktop-mb\+\+ {
    margin-bottom: 96px !important
  }
  .desktop-ml\+\+ {
    margin-left: 96px !important
  }
  .desktop-mh\+\+ {
    margin-right: 96px !important;
    margin-left: 96px !important
  }
  .desktop-mv\+\+ {
    margin-top: 96px !important;
    margin-bottom: 96px !important
  }
}

@media screen and (max-width: 767px) {
  .city-walled-m\+\+ {
    margin: 96px !important
  }
  .city-walled-mt\+\+ {
    margin-top: 96px !important
  }
  .city-walled-mr\+\+ {
    margin-right: 96px !important
  }
  .city-walled-mb\+\+ {
    margin-bottom: 96px !important
  }
  .city-walled-ml\+\+ {
    margin-left: 96px !important
  }
  .city-walled-mh\+\+ {
    margin-right: 96px !important;
    margin-left: 96px !important
  }
  .city-walled-mv\+\+ {
    margin-top: 96px !important;
    margin-bottom: 96px !important
  }
}

@media screen and (max-width: 1279px) {
  .continent-walled-m\+\+ {
    margin: 96px !important
  }
  .continent-walled-mt\+\+ {
    margin-top: 96px !important
  }
  .continent-walled-mr\+\+ {
    margin-right: 96px !important
  }
  .continent-walled-mb\+\+ {
    margin-bottom: 96px !important
  }
  .continent-walled-ml\+\+ {
    margin-left: 96px !important
  }
  .continent-walled-mh\+\+ {
    margin-right: 96px !important;
    margin-left: 96px !important
  }
  .continent-walled-mv\+\+ {
    margin-top: 96px !important;
    margin-bottom: 96px !important
  }
}

@media screen and (min-width: 0) {
  .room-m0 {
    margin: 0 !important
  }
  .room-mt0 {
    margin-top: 0 !important
  }
  .room-mr0 {
    margin-right: 0 !important
  }
  .room-mb0 {
    margin-bottom: 0 !important
  }
  .room-ml0 {
    margin-left: 0 !important
  }
  .room-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }
  .room-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
}

@media screen and (min-width: 25.94rem) {
  .village-m0 {
    margin: 0 !important
  }
  .village-mt0 {
    margin-top: 0 !important
  }
  .village-mr0 {
    margin-right: 0 !important
  }
  .village-mb0 {
    margin-bottom: 0 !important
  }
  .village-ml0 {
    margin-left: 0 !important
  }
  .village-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }
  .village-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
}

@media screen and (min-width: 46rem) {
  .town-m0 {
    margin: 0 !important
  }
  .town-mt0 {
    margin-top: 0 !important
  }
  .town-mr0 {
    margin-right: 0 !important
  }
  .town-mb0 {
    margin-bottom: 0 !important
  }
  .town-ml0 {
    margin-left: 0 !important
  }
  .town-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }
  .town-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
}

@media screen and (min-width: 48rem) {
  .city-m0 {
    margin: 0 !important
  }
  .city-mt0 {
    margin-top: 0 !important
  }
  .city-mr0 {
    margin-right: 0 !important
  }
  .city-mb0 {
    margin-bottom: 0 !important
  }
  .city-ml0 {
    margin-left: 0 !important
  }
  .city-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }
  .city-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
}

@media screen and (min-width: 64rem) {
  .country-m0 {
    margin: 0 !important
  }
  .country-mt0 {
    margin-top: 0 !important
  }
  .country-mr0 {
    margin-right: 0 !important
  }
  .country-mb0 {
    margin-bottom: 0 !important
  }
  .country-ml0 {
    margin-left: 0 !important
  }
  .country-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }
  .country-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
}

@media screen and (min-width: 80rem) {
  .continent-m0 {
    margin: 0 !important
  }
  .continent-mt0 {
    margin-top: 0 !important
  }
  .continent-mr0 {
    margin-right: 0 !important
  }
  .continent-mb0 {
    margin-bottom: 0 !important
  }
  .continent-ml0 {
    margin-left: 0 !important
  }
  .continent-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }
  .continent-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
}

@media screen and (min-width: 85.375rem) {
  .world-m0 {
    margin: 0 !important
  }
  .world-mt0 {
    margin-top: 0 !important
  }
  .world-mr0 {
    margin-right: 0 !important
  }
  .world-mb0 {
    margin-bottom: 0 !important
  }
  .world-ml0 {
    margin-left: 0 !important
  }
  .world-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }
  .world-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
}

@media screen and (min-width: 45rem) {
  .tablet-m0 {
    margin: 0 !important
  }
  .tablet-mt0 {
    margin-top: 0 !important
  }
  .tablet-mr0 {
    margin-right: 0 !important
  }
  .tablet-mb0 {
    margin-bottom: 0 !important
  }
  .tablet-ml0 {
    margin-left: 0 !important
  }
  .tablet-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }
  .tablet-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
}

@media screen and (min-width: 62rem) {
  .desktop-m0 {
    margin: 0 !important
  }
  .desktop-mt0 {
    margin-top: 0 !important
  }
  .desktop-mr0 {
    margin-right: 0 !important
  }
  .desktop-mb0 {
    margin-bottom: 0 !important
  }
  .desktop-ml0 {
    margin-left: 0 !important
  }
  .desktop-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }
  .desktop-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
}

@media screen and (max-width: 767px) {
  .city-walled-m0 {
    margin: 0 !important
  }
  .city-walled-mt0 {
    margin-top: 0 !important
  }
  .city-walled-mr0 {
    margin-right: 0 !important
  }
  .city-walled-mb0 {
    margin-bottom: 0 !important
  }
  .city-walled-ml0 {
    margin-left: 0 !important
  }
  .city-walled-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }
  .city-walled-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
}

@media screen and (max-width: 1279px) {
  .continent-walled-m0 {
    margin: 0 !important
  }
  .continent-walled-mt0 {
    margin-top: 0 !important
  }
  .continent-walled-mr0 {
    margin-right: 0 !important
  }
  .continent-walled-mb0 {
    margin-bottom: 0 !important
  }
  .continent-walled-ml0 {
    margin-left: 0 !important
  }
  .continent-walled-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }
  .continent-walled-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
}

@media screen and (min-width: 0) {
  .room-p {
    padding: 24px !important
  }
  .room-pt {
    padding-top: 24px !important
  }
  .room-pr {
    padding-right: 24px !important
  }
  .room-pb {
    padding-bottom: 24px !important
  }
  .room-pl {
    padding-left: 24px !important
  }
  .room-ph {
    padding-right: 24px !important;
    padding-left: 24px !important
  }
  .room-pv {
    padding-top: 24px !important;
    padding-bottom: 24px !important
  }
}

@media screen and (min-width: 25.94rem) {
  .village-p {
    padding: 24px !important
  }
  .village-pt {
    padding-top: 24px !important
  }
  .village-pr {
    padding-right: 24px !important
  }
  .village-pb {
    padding-bottom: 24px !important
  }
  .village-pl {
    padding-left: 24px !important
  }
  .village-ph {
    padding-right: 24px !important;
    padding-left: 24px !important
  }
  .village-pv {
    padding-top: 24px !important;
    padding-bottom: 24px !important
  }
}

@media screen and (min-width: 46rem) {
  .town-p {
    padding: 24px !important
  }
  .town-pt {
    padding-top: 24px !important
  }
  .town-pr {
    padding-right: 24px !important
  }
  .town-pb {
    padding-bottom: 24px !important
  }
  .town-pl {
    padding-left: 24px !important
  }
  .town-ph {
    padding-right: 24px !important;
    padding-left: 24px !important
  }
  .town-pv {
    padding-top: 24px !important;
    padding-bottom: 24px !important
  }
}

@media screen and (min-width: 48rem) {
  .city-p {
    padding: 24px !important
  }
  .city-pt {
    padding-top: 24px !important
  }
  .city-pr {
    padding-right: 24px !important
  }
  .city-pb {
    padding-bottom: 24px !important
  }
  .city-pl {
    padding-left: 24px !important
  }
  .city-ph {
    padding-right: 24px !important;
    padding-left: 24px !important
  }
  .city-pv {
    padding-top: 24px !important;
    padding-bottom: 24px !important
  }
}

@media screen and (min-width: 64rem) {
  .country-p {
    padding: 24px !important
  }
  .country-pt {
    padding-top: 24px !important
  }
  .country-pr {
    padding-right: 24px !important
  }
  .country-pb {
    padding-bottom: 24px !important
  }
  .country-pl {
    padding-left: 24px !important
  }
  .country-ph {
    padding-right: 24px !important;
    padding-left: 24px !important
  }
  .country-pv {
    padding-top: 24px !important;
    padding-bottom: 24px !important
  }
}

@media screen and (min-width: 80rem) {
  .continent-p {
    padding: 24px !important
  }
  .continent-pt {
    padding-top: 24px !important
  }
  .continent-pr {
    padding-right: 24px !important
  }
  .continent-pb {
    padding-bottom: 24px !important
  }
  .continent-pl {
    padding-left: 24px !important
  }
  .continent-ph {
    padding-right: 24px !important;
    padding-left: 24px !important
  }
  .continent-pv {
    padding-top: 24px !important;
    padding-bottom: 24px !important
  }
}

@media screen and (min-width: 85.375rem) {
  .world-p {
    padding: 24px !important
  }
  .world-pt {
    padding-top: 24px !important
  }
  .world-pr {
    padding-right: 24px !important
  }
  .world-pb {
    padding-bottom: 24px !important
  }
  .world-pl {
    padding-left: 24px !important
  }
  .world-ph {
    padding-right: 24px !important;
    padding-left: 24px !important
  }
  .world-pv {
    padding-top: 24px !important;
    padding-bottom: 24px !important
  }
}

@media screen and (min-width: 45rem) {
  .tablet-p {
    padding: 24px !important
  }
  .tablet-pt {
    padding-top: 24px !important
  }
  .tablet-pr {
    padding-right: 24px !important
  }
  .tablet-pb {
    padding-bottom: 24px !important
  }
  .tablet-pl {
    padding-left: 24px !important
  }
  .tablet-ph {
    padding-right: 24px !important;
    padding-left: 24px !important
  }
  .tablet-pv {
    padding-top: 24px !important;
    padding-bottom: 24px !important
  }
}

@media screen and (min-width: 62rem) {
  .desktop-p {
    padding: 24px !important
  }
  .desktop-pt {
    padding-top: 24px !important
  }
  .desktop-pr {
    padding-right: 24px !important
  }
  .desktop-pb {
    padding-bottom: 24px !important
  }
  .desktop-pl {
    padding-left: 24px !important
  }
  .desktop-ph {
    padding-right: 24px !important;
    padding-left: 24px !important
  }
  .desktop-pv {
    padding-top: 24px !important;
    padding-bottom: 24px !important
  }
}

@media screen and (max-width: 767px) {
  .city-walled-p {
    padding: 24px !important
  }
  .city-walled-pt {
    padding-top: 24px !important
  }
  .city-walled-pr {
    padding-right: 24px !important
  }
  .city-walled-pb {
    padding-bottom: 24px !important
  }
  .city-walled-pl {
    padding-left: 24px !important
  }
  .city-walled-ph {
    padding-right: 24px !important;
    padding-left: 24px !important
  }
  .city-walled-pv {
    padding-top: 24px !important;
    padding-bottom: 24px !important
  }
}

@media screen and (max-width: 1279px) {
  .continent-walled-p {
    padding: 24px !important
  }
  .continent-walled-pt {
    padding-top: 24px !important
  }
  .continent-walled-pr {
    padding-right: 24px !important
  }
  .continent-walled-pb {
    padding-bottom: 24px !important
  }
  .continent-walled-pl {
    padding-left: 24px !important
  }
  .continent-walled-ph {
    padding-right: 24px !important;
    padding-left: 24px !important
  }
  .continent-walled-pv {
    padding-top: 24px !important;
    padding-bottom: 24px !important
  }
}

@media screen and (min-width: 0) {
  .room-p-- {
    padding: 6px !important
  }
  .room-pt-- {
    padding-top: 6px !important
  }
  .room-pr-- {
    padding-right: 6px !important
  }
  .room-pb-- {
    padding-bottom: 6px !important
  }
  .room-pl-- {
    padding-left: 6px !important
  }
  .room-ph-- {
    padding-right: 6px !important;
    padding-left: 6px !important
  }
  .room-pv-- {
    padding-top: 6px !important;
    padding-bottom: 6px !important
  }
}

@media screen and (min-width: 25.94rem) {
  .village-p-- {
    padding: 6px !important
  }
  .village-pt-- {
    padding-top: 6px !important
  }
  .village-pr-- {
    padding-right: 6px !important
  }
  .village-pb-- {
    padding-bottom: 6px !important
  }
  .village-pl-- {
    padding-left: 6px !important
  }
  .village-ph-- {
    padding-right: 6px !important;
    padding-left: 6px !important
  }
  .village-pv-- {
    padding-top: 6px !important;
    padding-bottom: 6px !important
  }
}

@media screen and (min-width: 46rem) {
  .town-p-- {
    padding: 6px !important
  }
  .town-pt-- {
    padding-top: 6px !important
  }
  .town-pr-- {
    padding-right: 6px !important
  }
  .town-pb-- {
    padding-bottom: 6px !important
  }
  .town-pl-- {
    padding-left: 6px !important
  }
  .town-ph-- {
    padding-right: 6px !important;
    padding-left: 6px !important
  }
  .town-pv-- {
    padding-top: 6px !important;
    padding-bottom: 6px !important
  }
}

@media screen and (min-width: 48rem) {
  .city-p-- {
    padding: 6px !important
  }
  .city-pt-- {
    padding-top: 6px !important
  }
  .city-pr-- {
    padding-right: 6px !important
  }
  .city-pb-- {
    padding-bottom: 6px !important
  }
  .city-pl-- {
    padding-left: 6px !important
  }
  .city-ph-- {
    padding-right: 6px !important;
    padding-left: 6px !important
  }
  .city-pv-- {
    padding-top: 6px !important;
    padding-bottom: 6px !important
  }
}

@media screen and (min-width: 64rem) {
  .country-p-- {
    padding: 6px !important
  }
  .country-pt-- {
    padding-top: 6px !important
  }
  .country-pr-- {
    padding-right: 6px !important
  }
  .country-pb-- {
    padding-bottom: 6px !important
  }
  .country-pl-- {
    padding-left: 6px !important
  }
  .country-ph-- {
    padding-right: 6px !important;
    padding-left: 6px !important
  }
  .country-pv-- {
    padding-top: 6px !important;
    padding-bottom: 6px !important
  }
}

@media screen and (min-width: 80rem) {
  .continent-p-- {
    padding: 6px !important
  }
  .continent-pt-- {
    padding-top: 6px !important
  }
  .continent-pr-- {
    padding-right: 6px !important
  }
  .continent-pb-- {
    padding-bottom: 6px !important
  }
  .continent-pl-- {
    padding-left: 6px !important
  }
  .continent-ph-- {
    padding-right: 6px !important;
    padding-left: 6px !important
  }
  .continent-pv-- {
    padding-top: 6px !important;
    padding-bottom: 6px !important
  }
}

@media screen and (min-width: 85.375rem) {
  .world-p-- {
    padding: 6px !important
  }
  .world-pt-- {
    padding-top: 6px !important
  }
  .world-pr-- {
    padding-right: 6px !important
  }
  .world-pb-- {
    padding-bottom: 6px !important
  }
  .world-pl-- {
    padding-left: 6px !important
  }
  .world-ph-- {
    padding-right: 6px !important;
    padding-left: 6px !important
  }
  .world-pv-- {
    padding-top: 6px !important;
    padding-bottom: 6px !important
  }
}

@media screen and (min-width: 45rem) {
  .tablet-p-- {
    padding: 6px !important
  }
  .tablet-pt-- {
    padding-top: 6px !important
  }
  .tablet-pr-- {
    padding-right: 6px !important
  }
  .tablet-pb-- {
    padding-bottom: 6px !important
  }
  .tablet-pl-- {
    padding-left: 6px !important
  }
  .tablet-ph-- {
    padding-right: 6px !important;
    padding-left: 6px !important
  }
  .tablet-pv-- {
    padding-top: 6px !important;
    padding-bottom: 6px !important
  }
}

@media screen and (min-width: 62rem) {
  .desktop-p-- {
    padding: 6px !important
  }
  .desktop-pt-- {
    padding-top: 6px !important
  }
  .desktop-pr-- {
    padding-right: 6px !important
  }
  .desktop-pb-- {
    padding-bottom: 6px !important
  }
  .desktop-pl-- {
    padding-left: 6px !important
  }
  .desktop-ph-- {
    padding-right: 6px !important;
    padding-left: 6px !important
  }
  .desktop-pv-- {
    padding-top: 6px !important;
    padding-bottom: 6px !important
  }
}

@media screen and (max-width: 767px) {
  .city-walled-p-- {
    padding: 6px !important
  }
  .city-walled-pt-- {
    padding-top: 6px !important
  }
  .city-walled-pr-- {
    padding-right: 6px !important
  }
  .city-walled-pb-- {
    padding-bottom: 6px !important
  }
  .city-walled-pl-- {
    padding-left: 6px !important
  }
  .city-walled-ph-- {
    padding-right: 6px !important;
    padding-left: 6px !important
  }
  .city-walled-pv-- {
    padding-top: 6px !important;
    padding-bottom: 6px !important
  }
}

@media screen and (max-width: 1279px) {
  .continent-walled-p-- {
    padding: 6px !important
  }
  .continent-walled-pt-- {
    padding-top: 6px !important
  }
  .continent-walled-pr-- {
    padding-right: 6px !important
  }
  .continent-walled-pb-- {
    padding-bottom: 6px !important
  }
  .continent-walled-pl-- {
    padding-left: 6px !important
  }
  .continent-walled-ph-- {
    padding-right: 6px !important;
    padding-left: 6px !important
  }
  .continent-walled-pv-- {
    padding-top: 6px !important;
    padding-bottom: 6px !important
  }
}

@media screen and (min-width: 0) {
  .room-p- {
    padding: 12px !important
  }
  .room-pt- {
    padding-top: 12px !important
  }
  .room-pr- {
    padding-right: 12px !important
  }
  .room-pb- {
    padding-bottom: 12px !important
  }
  .room-pl- {
    padding-left: 12px !important
  }
  .room-ph- {
    padding-right: 12px !important;
    padding-left: 12px !important
  }
  .room-pv- {
    padding-top: 12px !important;
    padding-bottom: 12px !important
  }
}

@media screen and (min-width: 25.94rem) {
  .village-p- {
    padding: 12px !important
  }
  .village-pt- {
    padding-top: 12px !important
  }
  .village-pr- {
    padding-right: 12px !important
  }
  .village-pb- {
    padding-bottom: 12px !important
  }
  .village-pl- {
    padding-left: 12px !important
  }
  .village-ph- {
    padding-right: 12px !important;
    padding-left: 12px !important
  }
  .village-pv- {
    padding-top: 12px !important;
    padding-bottom: 12px !important
  }
}

@media screen and (min-width: 46rem) {
  .town-p- {
    padding: 12px !important
  }
  .town-pt- {
    padding-top: 12px !important
  }
  .town-pr- {
    padding-right: 12px !important
  }
  .town-pb- {
    padding-bottom: 12px !important
  }
  .town-pl- {
    padding-left: 12px !important
  }
  .town-ph- {
    padding-right: 12px !important;
    padding-left: 12px !important
  }
  .town-pv- {
    padding-top: 12px !important;
    padding-bottom: 12px !important
  }
}

@media screen and (min-width: 48rem) {
  .city-p- {
    padding: 12px !important
  }
  .city-pt- {
    padding-top: 12px !important
  }
  .city-pr- {
    padding-right: 12px !important
  }
  .city-pb- {
    padding-bottom: 12px !important
  }
  .city-pl- {
    padding-left: 12px !important
  }
  .city-ph- {
    padding-right: 12px !important;
    padding-left: 12px !important
  }
  .city-pv- {
    padding-top: 12px !important;
    padding-bottom: 12px !important
  }
}

@media screen and (min-width: 64rem) {
  .country-p- {
    padding: 12px !important
  }
  .country-pt- {
    padding-top: 12px !important
  }
  .country-pr- {
    padding-right: 12px !important
  }
  .country-pb- {
    padding-bottom: 12px !important
  }
  .country-pl- {
    padding-left: 12px !important
  }
  .country-ph- {
    padding-right: 12px !important;
    padding-left: 12px !important
  }
  .country-pv- {
    padding-top: 12px !important;
    padding-bottom: 12px !important
  }
}

@media screen and (min-width: 80rem) {
  .continent-p- {
    padding: 12px !important
  }
  .continent-pt- {
    padding-top: 12px !important
  }
  .continent-pr- {
    padding-right: 12px !important
  }
  .continent-pb- {
    padding-bottom: 12px !important
  }
  .continent-pl- {
    padding-left: 12px !important
  }
  .continent-ph- {
    padding-right: 12px !important;
    padding-left: 12px !important
  }
  .continent-pv- {
    padding-top: 12px !important;
    padding-bottom: 12px !important
  }
}

@media screen and (min-width: 85.375rem) {
  .world-p- {
    padding: 12px !important
  }
  .world-pt- {
    padding-top: 12px !important
  }
  .world-pr- {
    padding-right: 12px !important
  }
  .world-pb- {
    padding-bottom: 12px !important
  }
  .world-pl- {
    padding-left: 12px !important
  }
  .world-ph- {
    padding-right: 12px !important;
    padding-left: 12px !important
  }
  .world-pv- {
    padding-top: 12px !important;
    padding-bottom: 12px !important
  }
}

@media screen and (min-width: 45rem) {
  .tablet-p- {
    padding: 12px !important
  }
  .tablet-pt- {
    padding-top: 12px !important
  }
  .tablet-pr- {
    padding-right: 12px !important
  }
  .tablet-pb- {
    padding-bottom: 12px !important
  }
  .tablet-pl- {
    padding-left: 12px !important
  }
  .tablet-ph- {
    padding-right: 12px !important;
    padding-left: 12px !important
  }
  .tablet-pv- {
    padding-top: 12px !important;
    padding-bottom: 12px !important
  }
}

@media screen and (min-width: 62rem) {
  .desktop-p- {
    padding: 12px !important
  }
  .desktop-pt- {
    padding-top: 12px !important
  }
  .desktop-pr- {
    padding-right: 12px !important
  }
  .desktop-pb- {
    padding-bottom: 12px !important
  }
  .desktop-pl- {
    padding-left: 12px !important
  }
  .desktop-ph- {
    padding-right: 12px !important;
    padding-left: 12px !important
  }
  .desktop-pv- {
    padding-top: 12px !important;
    padding-bottom: 12px !important
  }
}

@media screen and (max-width: 767px) {
  .city-walled-p- {
    padding: 12px !important
  }
  .city-walled-pt- {
    padding-top: 12px !important
  }
  .city-walled-pr- {
    padding-right: 12px !important
  }
  .city-walled-pb- {
    padding-bottom: 12px !important
  }
  .city-walled-pl- {
    padding-left: 12px !important
  }
  .city-walled-ph- {
    padding-right: 12px !important;
    padding-left: 12px !important
  }
  .city-walled-pv- {
    padding-top: 12px !important;
    padding-bottom: 12px !important
  }
}

@media screen and (max-width: 1279px) {
  .continent-walled-p- {
    padding: 12px !important
  }
  .continent-walled-pt- {
    padding-top: 12px !important
  }
  .continent-walled-pr- {
    padding-right: 12px !important
  }
  .continent-walled-pb- {
    padding-bottom: 12px !important
  }
  .continent-walled-pl- {
    padding-left: 12px !important
  }
  .continent-walled-ph- {
    padding-right: 12px !important;
    padding-left: 12px !important
  }
  .continent-walled-pv- {
    padding-top: 12px !important;
    padding-bottom: 12px !important
  }
}

@media screen and (min-width: 0) {
  .room-p\+ {
    padding: 48px !important
  }
  .room-pt\+ {
    padding-top: 48px !important
  }
  .room-pr\+ {
    padding-right: 48px !important
  }
  .room-pb\+ {
    padding-bottom: 48px !important
  }
  .room-pl\+ {
    padding-left: 48px !important
  }
  .room-ph\+ {
    padding-right: 48px !important;
    padding-left: 48px !important
  }
  .room-pv\+ {
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }
}

@media screen and (min-width: 25.94rem) {
  .village-p\+ {
    padding: 48px !important
  }
  .village-pt\+ {
    padding-top: 48px !important
  }
  .village-pr\+ {
    padding-right: 48px !important
  }
  .village-pb\+ {
    padding-bottom: 48px !important
  }
  .village-pl\+ {
    padding-left: 48px !important
  }
  .village-ph\+ {
    padding-right: 48px !important;
    padding-left: 48px !important
  }
  .village-pv\+ {
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }
}

@media screen and (min-width: 46rem) {
  .town-p\+ {
    padding: 48px !important
  }
  .town-pt\+ {
    padding-top: 48px !important
  }
  .town-pr\+ {
    padding-right: 48px !important
  }
  .town-pb\+ {
    padding-bottom: 48px !important
  }
  .town-pl\+ {
    padding-left: 48px !important
  }
  .town-ph\+ {
    padding-right: 48px !important;
    padding-left: 48px !important
  }
  .town-pv\+ {
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }
}

@media screen and (min-width: 48rem) {
  .city-p\+ {
    padding: 48px !important
  }
  .city-pt\+ {
    padding-top: 48px !important
  }
  .city-pr\+ {
    padding-right: 48px !important
  }
  .city-pb\+ {
    padding-bottom: 48px !important
  }
  .city-pl\+ {
    padding-left: 48px !important
  }
  .city-ph\+ {
    padding-right: 48px !important;
    padding-left: 48px !important
  }
  .city-pv\+ {
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }
}

@media screen and (min-width: 64rem) {
  .country-p\+ {
    padding: 48px !important
  }
  .country-pt\+ {
    padding-top: 48px !important
  }
  .country-pr\+ {
    padding-right: 48px !important
  }
  .country-pb\+ {
    padding-bottom: 48px !important
  }
  .country-pl\+ {
    padding-left: 48px !important
  }
  .country-ph\+ {
    padding-right: 48px !important;
    padding-left: 48px !important
  }
  .country-pv\+ {
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }
}

@media screen and (min-width: 80rem) {
  .continent-p\+ {
    padding: 48px !important
  }
  .continent-pt\+ {
    padding-top: 48px !important
  }
  .continent-pr\+ {
    padding-right: 48px !important
  }
  .continent-pb\+ {
    padding-bottom: 48px !important
  }
  .continent-pl\+ {
    padding-left: 48px !important
  }
  .continent-ph\+ {
    padding-right: 48px !important;
    padding-left: 48px !important
  }
  .continent-pv\+ {
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }
}

@media screen and (min-width: 85.375rem) {
  .world-p\+ {
    padding: 48px !important
  }
  .world-pt\+ {
    padding-top: 48px !important
  }
  .world-pr\+ {
    padding-right: 48px !important
  }
  .world-pb\+ {
    padding-bottom: 48px !important
  }
  .world-pl\+ {
    padding-left: 48px !important
  }
  .world-ph\+ {
    padding-right: 48px !important;
    padding-left: 48px !important
  }
  .world-pv\+ {
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }
}

@media screen and (min-width: 45rem) {
  .tablet-p\+ {
    padding: 48px !important
  }
  .tablet-pt\+ {
    padding-top: 48px !important
  }
  .tablet-pr\+ {
    padding-right: 48px !important
  }
  .tablet-pb\+ {
    padding-bottom: 48px !important
  }
  .tablet-pl\+ {
    padding-left: 48px !important
  }
  .tablet-ph\+ {
    padding-right: 48px !important;
    padding-left: 48px !important
  }
  .tablet-pv\+ {
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }
}

@media screen and (min-width: 62rem) {
  .desktop-p\+ {
    padding: 48px !important
  }
  .desktop-pt\+ {
    padding-top: 48px !important
  }
  .desktop-pr\+ {
    padding-right: 48px !important
  }
  .desktop-pb\+ {
    padding-bottom: 48px !important
  }
  .desktop-pl\+ {
    padding-left: 48px !important
  }
  .desktop-ph\+ {
    padding-right: 48px !important;
    padding-left: 48px !important
  }
  .desktop-pv\+ {
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }
}

@media screen and (max-width: 767px) {
  .city-walled-p\+ {
    padding: 48px !important
  }
  .city-walled-pt\+ {
    padding-top: 48px !important
  }
  .city-walled-pr\+ {
    padding-right: 48px !important
  }
  .city-walled-pb\+ {
    padding-bottom: 48px !important
  }
  .city-walled-pl\+ {
    padding-left: 48px !important
  }
  .city-walled-ph\+ {
    padding-right: 48px !important;
    padding-left: 48px !important
  }
  .city-walled-pv\+ {
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }
}

@media screen and (max-width: 1279px) {
  .continent-walled-p\+ {
    padding: 48px !important
  }
  .continent-walled-pt\+ {
    padding-top: 48px !important
  }
  .continent-walled-pr\+ {
    padding-right: 48px !important
  }
  .continent-walled-pb\+ {
    padding-bottom: 48px !important
  }
  .continent-walled-pl\+ {
    padding-left: 48px !important
  }
  .continent-walled-ph\+ {
    padding-right: 48px !important;
    padding-left: 48px !important
  }
  .continent-walled-pv\+ {
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }
}

@media screen and (min-width: 0) {
  .room-p\+\+ {
    padding: 96px !important
  }
  .room-pt\+\+ {
    padding-top: 96px !important
  }
  .room-pr\+\+ {
    padding-right: 96px !important
  }
  .room-pb\+\+ {
    padding-bottom: 96px !important
  }
  .room-pl\+\+ {
    padding-left: 96px !important
  }
  .room-ph\+\+ {
    padding-right: 96px !important;
    padding-left: 96px !important
  }
  .room-pv\+\+ {
    padding-top: 96px !important;
    padding-bottom: 96px !important
  }
}

@media screen and (min-width: 25.94rem) {
  .village-p\+\+ {
    padding: 96px !important
  }
  .village-pt\+\+ {
    padding-top: 96px !important
  }
  .village-pr\+\+ {
    padding-right: 96px !important
  }
  .village-pb\+\+ {
    padding-bottom: 96px !important
  }
  .village-pl\+\+ {
    padding-left: 96px !important
  }
  .village-ph\+\+ {
    padding-right: 96px !important;
    padding-left: 96px !important
  }
  .village-pv\+\+ {
    padding-top: 96px !important;
    padding-bottom: 96px !important
  }
}

@media screen and (min-width: 46rem) {
  .town-p\+\+ {
    padding: 96px !important
  }
  .town-pt\+\+ {
    padding-top: 96px !important
  }
  .town-pr\+\+ {
    padding-right: 96px !important
  }
  .town-pb\+\+ {
    padding-bottom: 96px !important
  }
  .town-pl\+\+ {
    padding-left: 96px !important
  }
  .town-ph\+\+ {
    padding-right: 96px !important;
    padding-left: 96px !important
  }
  .town-pv\+\+ {
    padding-top: 96px !important;
    padding-bottom: 96px !important
  }
}

@media screen and (min-width: 48rem) {
  .city-p\+\+ {
    padding: 96px !important
  }
  .city-pt\+\+ {
    padding-top: 96px !important
  }
  .city-pr\+\+ {
    padding-right: 96px !important
  }
  .city-pb\+\+ {
    padding-bottom: 96px !important
  }
  .city-pl\+\+ {
    padding-left: 96px !important
  }
  .city-ph\+\+ {
    padding-right: 96px !important;
    padding-left: 96px !important
  }
  .city-pv\+\+ {
    padding-top: 96px !important;
    padding-bottom: 96px !important
  }
}

@media screen and (min-width: 64rem) {
  .country-p\+\+ {
    padding: 96px !important
  }
  .country-pt\+\+ {
    padding-top: 96px !important
  }
  .country-pr\+\+ {
    padding-right: 96px !important
  }
  .country-pb\+\+ {
    padding-bottom: 96px !important
  }
  .country-pl\+\+ {
    padding-left: 96px !important
  }
  .country-ph\+\+ {
    padding-right: 96px !important;
    padding-left: 96px !important
  }
  .country-pv\+\+ {
    padding-top: 96px !important;
    padding-bottom: 96px !important
  }
}

@media screen and (min-width: 80rem) {
  .continent-p\+\+ {
    padding: 96px !important
  }
  .continent-pt\+\+ {
    padding-top: 96px !important
  }
  .continent-pr\+\+ {
    padding-right: 96px !important
  }
  .continent-pb\+\+ {
    padding-bottom: 96px !important
  }
  .continent-pl\+\+ {
    padding-left: 96px !important
  }
  .continent-ph\+\+ {
    padding-right: 96px !important;
    padding-left: 96px !important
  }
  .continent-pv\+\+ {
    padding-top: 96px !important;
    padding-bottom: 96px !important
  }
}

@media screen and (min-width: 85.375rem) {
  .world-p\+\+ {
    padding: 96px !important
  }
  .world-pt\+\+ {
    padding-top: 96px !important
  }
  .world-pr\+\+ {
    padding-right: 96px !important
  }
  .world-pb\+\+ {
    padding-bottom: 96px !important
  }
  .world-pl\+\+ {
    padding-left: 96px !important
  }
  .world-ph\+\+ {
    padding-right: 96px !important;
    padding-left: 96px !important
  }
  .world-pv\+\+ {
    padding-top: 96px !important;
    padding-bottom: 96px !important
  }
}

@media screen and (min-width: 45rem) {
  .tablet-p\+\+ {
    padding: 96px !important
  }
  .tablet-pt\+\+ {
    padding-top: 96px !important
  }
  .tablet-pr\+\+ {
    padding-right: 96px !important
  }
  .tablet-pb\+\+ {
    padding-bottom: 96px !important
  }
  .tablet-pl\+\+ {
    padding-left: 96px !important
  }
  .tablet-ph\+\+ {
    padding-right: 96px !important;
    padding-left: 96px !important
  }
  .tablet-pv\+\+ {
    padding-top: 96px !important;
    padding-bottom: 96px !important
  }
}

@media screen and (min-width: 62rem) {
  .desktop-p\+\+ {
    padding: 96px !important
  }
  .desktop-pt\+\+ {
    padding-top: 96px !important
  }
  .desktop-pr\+\+ {
    padding-right: 96px !important
  }
  .desktop-pb\+\+ {
    padding-bottom: 96px !important
  }
  .desktop-pl\+\+ {
    padding-left: 96px !important
  }
  .desktop-ph\+\+ {
    padding-right: 96px !important;
    padding-left: 96px !important
  }
  .desktop-pv\+\+ {
    padding-top: 96px !important;
    padding-bottom: 96px !important
  }
}

@media screen and (max-width: 767px) {
  .city-walled-p\+\+ {
    padding: 96px !important
  }
  .city-walled-pt\+\+ {
    padding-top: 96px !important
  }
  .city-walled-pr\+\+ {
    padding-right: 96px !important
  }
  .city-walled-pb\+\+ {
    padding-bottom: 96px !important
  }
  .city-walled-pl\+\+ {
    padding-left: 96px !important
  }
  .city-walled-ph\+\+ {
    padding-right: 96px !important;
    padding-left: 96px !important
  }
  .city-walled-pv\+\+ {
    padding-top: 96px !important;
    padding-bottom: 96px !important
  }
}

@media screen and (max-width: 1279px) {
  .continent-walled-p\+\+ {
    padding: 96px !important
  }
  .continent-walled-pt\+\+ {
    padding-top: 96px !important
  }
  .continent-walled-pr\+\+ {
    padding-right: 96px !important
  }
  .continent-walled-pb\+\+ {
    padding-bottom: 96px !important
  }
  .continent-walled-pl\+\+ {
    padding-left: 96px !important
  }
  .continent-walled-ph\+\+ {
    padding-right: 96px !important;
    padding-left: 96px !important
  }
  .continent-walled-pv\+\+ {
    padding-top: 96px !important;
    padding-bottom: 96px !important
  }
}

@media screen and (min-width: 0) {
  .room-p0 {
    padding: 0 !important
  }
  .room-pt0 {
    padding-top: 0 !important
  }
  .room-pr0 {
    padding-right: 0 !important
  }
  .room-pb0 {
    padding-bottom: 0 !important
  }
  .room-pl0 {
    padding-left: 0 !important
  }
  .room-ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }
  .room-pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
}

@media screen and (min-width: 25.94rem) {
  .village-p0 {
    padding: 0 !important
  }
  .village-pt0 {
    padding-top: 0 !important
  }
  .village-pr0 {
    padding-right: 0 !important
  }
  .village-pb0 {
    padding-bottom: 0 !important
  }
  .village-pl0 {
    padding-left: 0 !important
  }
  .village-ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }
  .village-pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
}

@media screen and (min-width: 46rem) {
  .town-p0 {
    padding: 0 !important
  }
  .town-pt0 {
    padding-top: 0 !important
  }
  .town-pr0 {
    padding-right: 0 !important
  }
  .town-pb0 {
    padding-bottom: 0 !important
  }
  .town-pl0 {
    padding-left: 0 !important
  }
  .town-ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }
  .town-pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
}

@media screen and (min-width: 48rem) {
  .city-p0 {
    padding: 0 !important
  }
  .city-pt0 {
    padding-top: 0 !important
  }
  .city-pr0 {
    padding-right: 0 !important
  }
  .city-pb0 {
    padding-bottom: 0 !important
  }
  .city-pl0 {
    padding-left: 0 !important
  }
  .city-ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }
  .city-pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
}

@media screen and (min-width: 64rem) {
  .country-p0 {
    padding: 0 !important
  }
  .country-pt0 {
    padding-top: 0 !important
  }
  .country-pr0 {
    padding-right: 0 !important
  }
  .country-pb0 {
    padding-bottom: 0 !important
  }
  .country-pl0 {
    padding-left: 0 !important
  }
  .country-ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }
  .country-pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
}

@media screen and (min-width: 80rem) {
  .continent-p0 {
    padding: 0 !important
  }
  .continent-pt0 {
    padding-top: 0 !important
  }
  .continent-pr0 {
    padding-right: 0 !important
  }
  .continent-pb0 {
    padding-bottom: 0 !important
  }
  .continent-pl0 {
    padding-left: 0 !important
  }
  .continent-ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }
  .continent-pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
}

@media screen and (min-width: 85.375rem) {
  .world-p0 {
    padding: 0 !important
  }
  .world-pt0 {
    padding-top: 0 !important
  }
  .world-pr0 {
    padding-right: 0 !important
  }
  .world-pb0 {
    padding-bottom: 0 !important
  }
  .world-pl0 {
    padding-left: 0 !important
  }
  .world-ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }
  .world-pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
}

@media screen and (min-width: 45rem) {
  .tablet-p0 {
    padding: 0 !important
  }
  .tablet-pt0 {
    padding-top: 0 !important
  }
  .tablet-pr0 {
    padding-right: 0 !important
  }
  .tablet-pb0 {
    padding-bottom: 0 !important
  }
  .tablet-pl0 {
    padding-left: 0 !important
  }
  .tablet-ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }
  .tablet-pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
}

@media screen and (min-width: 62rem) {
  .desktop-p0 {
    padding: 0 !important
  }
  .desktop-pt0 {
    padding-top: 0 !important
  }
  .desktop-pr0 {
    padding-right: 0 !important
  }
  .desktop-pb0 {
    padding-bottom: 0 !important
  }
  .desktop-pl0 {
    padding-left: 0 !important
  }
  .desktop-ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }
  .desktop-pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
}

@media screen and (max-width: 767px) {
  .city-walled-p0 {
    padding: 0 !important
  }
  .city-walled-pt0 {
    padding-top: 0 !important
  }
  .city-walled-pr0 {
    padding-right: 0 !important
  }
  .city-walled-pb0 {
    padding-bottom: 0 !important
  }
  .city-walled-pl0 {
    padding-left: 0 !important
  }
  .city-walled-ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }
  .city-walled-pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
}

@media screen and (max-width: 1279px) {
  .continent-walled-p0 {
    padding: 0 !important
  }
  .continent-walled-pt0 {
    padding-top: 0 !important
  }
  .continent-walled-pr0 {
    padding-right: 0 !important
  }
  .continent-walled-pb0 {
    padding-bottom: 0 !important
  }
  .continent-walled-pl0 {
    padding-left: 0 !important
  }
  .continent-walled-ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }
  .continent-walled-pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
}

.u-p-xc {
  padding: 72px !important
}

.u-pt-xc {
  padding-top: 72px !important
}

.u-prv {
  padding-right: 72px !important
}

.u-pb-xc {
  padding-bottom: 72px !important
}

.u-pl-xc {
  padding-left: 72px !important
}

.u-ph-xc {
  padding-right: 72px !important;
  padding-left: 72px !important
}

.u-pv-xc {
  padding-top: 72px !important;
  padding-bottom: 72px !important
}

@media screen and (min-width: 0) {
  .room-p-xc {
    padding: 72px !important
  }
  .room-pt-xc {
    padding-top: 72px !important
  }
  .room-pr-xc {
    padding-right: 72px !important
  }
  .room-pb-xc {
    padding-bottom: 72px !important
  }
  .room-pl-xc {
    padding-left: 72px !important
  }
  .room-ph-xc {
    padding-right: 72px !important;
    padding-left: 72px !important
  }
  .room-pv-xc {
    padding-top: 72px !important;
    padding-bottom: 72px !important
  }
}

@media screen and (min-width: 25.94rem) {
  .village-p-xc {
    padding: 72px !important
  }
  .village-pt-xc {
    padding-top: 72px !important
  }
  .village-pr-xc {
    padding-right: 72px !important
  }
  .village-pb-xc {
    padding-bottom: 72px !important
  }
  .village-pl-xc {
    padding-left: 72px !important
  }
  .village-ph-xc {
    padding-right: 72px !important;
    padding-left: 72px !important
  }
  .village-pv-xc {
    padding-top: 72px !important;
    padding-bottom: 72px !important
  }
}

@media screen and (min-width: 46rem) {
  .town-p-xc {
    padding: 72px !important
  }
  .town-pt-xc {
    padding-top: 72px !important
  }
  .town-pr-xc {
    padding-right: 72px !important
  }
  .town-pb-xc {
    padding-bottom: 72px !important
  }
  .town-pl-xc {
    padding-left: 72px !important
  }
  .town-ph-xc {
    padding-right: 72px !important;
    padding-left: 72px !important
  }
  .town-pv-xc {
    padding-top: 72px !important;
    padding-bottom: 72px !important
  }
}

@media screen and (min-width: 48rem) {
  .city-p-xc {
    padding: 72px !important
  }
  .city-pt-xc {
    padding-top: 72px !important
  }
  .city-pr-xc {
    padding-right: 72px !important
  }
  .city-pb-xc {
    padding-bottom: 72px !important
  }
  .city-pl-xc {
    padding-left: 72px !important
  }
  .city-ph-xc {
    padding-right: 72px !important;
    padding-left: 72px !important
  }
  .city-pv-xc {
    padding-top: 72px !important;
    padding-bottom: 72px !important
  }
}

@media screen and (min-width: 64rem) {
  .country-p-xc {
    padding: 72px !important
  }
  .country-pt-xc {
    padding-top: 72px !important
  }
  .country-pr-xc {
    padding-right: 72px !important
  }
  .country-pb-xc {
    padding-bottom: 72px !important
  }
  .country-pl-xc {
    padding-left: 72px !important
  }
  .country-ph-xc {
    padding-right: 72px !important;
    padding-left: 72px !important
  }
  .country-pv-xc {
    padding-top: 72px !important;
    padding-bottom: 72px !important
  }
}

@media screen and (min-width: 80rem) {
  .continent-p-xc {
    padding: 72px !important
  }
  .continent-pt-xc {
    padding-top: 72px !important
  }
  .continent-pr-xc {
    padding-right: 72px !important
  }
  .continent-pb-xc {
    padding-bottom: 72px !important
  }
  .continent-pl-xc {
    padding-left: 72px !important
  }
  .continent-ph-xc {
    padding-right: 72px !important;
    padding-left: 72px !important
  }
  .continent-pv-xc {
    padding-top: 72px !important;
    padding-bottom: 72px !important
  }
}

@media screen and (min-width: 85.375rem) {
  .world-p-xc {
    padding: 72px !important
  }
  .world-pt-xc {
    padding-top: 72px !important
  }
  .world-pr-xc {
    padding-right: 72px !important
  }
  .world-pb-xc {
    padding-bottom: 72px !important
  }
  .world-pl-xc {
    padding-left: 72px !important
  }
  .world-ph-xc {
    padding-right: 72px !important;
    padding-left: 72px !important
  }
  .world-pv-xc {
    padding-top: 72px !important;
    padding-bottom: 72px !important
  }
}

@media screen and (min-width: 45rem) {
  .tablet-p-xc {
    padding: 72px !important
  }
  .tablet-pt-xc {
    padding-top: 72px !important
  }
  .tablet-pr-xc {
    padding-right: 72px !important
  }
  .tablet-pb-xc {
    padding-bottom: 72px !important
  }
  .tablet-pl-xc {
    padding-left: 72px !important
  }
  .tablet-ph-xc {
    padding-right: 72px !important;
    padding-left: 72px !important
  }
  .tablet-pv-xc {
    padding-top: 72px !important;
    padding-bottom: 72px !important
  }
}

@media screen and (min-width: 62rem) {
  .desktop-p-xc {
    padding: 72px !important
  }
  .desktop-pt-xc {
    padding-top: 72px !important
  }
  .desktop-pr-xc {
    padding-right: 72px !important
  }
  .desktop-pb-xc {
    padding-bottom: 72px !important
  }
  .desktop-pl-xc {
    padding-left: 72px !important
  }
  .desktop-ph-xc {
    padding-right: 72px !important;
    padding-left: 72px !important
  }
  .desktop-pv-xc {
    padding-top: 72px !important;
    padding-bottom: 72px !important
  }
}

@media screen and (max-width: 767px) {
  .city-walled-p-xc {
    padding: 72px !important
  }
  .city-walled-pt-xc {
    padding-top: 72px !important
  }
  .city-walled-pr-xc {
    padding-right: 72px !important
  }
  .city-walled-pb-xc {
    padding-bottom: 72px !important
  }
  .city-walled-pl-xc {
    padding-left: 72px !important
  }
  .city-walled-ph-xc {
    padding-right: 72px !important;
    padding-left: 72px !important
  }
  .city-walled-pv-xc {
    padding-top: 72px !important;
    padding-bottom: 72px !important
  }
}

@media screen and (max-width: 1279px) {
  .continent-walled-p-xc {
    padding: 72px !important
  }
  .continent-walled-pt-xc {
    padding-top: 72px !important
  }
  .continent-walled-pr-xc {
    padding-right: 72px !important
  }
  .continent-walled-pb-xc {
    padding-bottom: 72px !important
  }
  .continent-walled-pl-xc {
    padding-left: 72px !important
  }
  .continent-walled-ph-xc {
    padding-right: 72px !important;
    padding-left: 72px !important
  }
  .continent-walled-pv-xc {
    padding-top: 72px !important;
    padding-bottom: 72px !important
  }
}

.u-1\/1p {
   width: 100% 
}



.u-1\/2 {
  width: 50% !important
}

.u-1\/3 {
  width: 33.33333% !important
}

.u-2\/3 {
  width: 66.66667% !important
}

.u-1\/4 {
  width: 25% !important
}

.u-2\/4 {
  width: 50% !important
}

.u-3\/4 {
  width: 75% !important
}

.u-1\/5 {
  width: 20% !important
}

.u-2\/5 {
  width: 40% !important
}

.u-3\/5 {
  width: 60% !important
}

.u-4\/5 {
  width: 80% !important
}

.u-1\/6 {
  width: 16.66667% !important
}

.u-2\/6 {
  width: 33.33333% !important
}

.u-3\/6 {
  width: 50% !important
}

.u-4\/6 {
  width: 66.66667% !important
}

.u-5\/6 {
  width: 83.33333% !important
}

.u-1\/7 {
  width: 14.28571% !important
}

.u-2\/7 {
  width: 28.57143% !important
}

.u-3\/7 {
  width: 42.85714% !important
}

.u-4\/7 {
  width: 57.14286% !important
}

.u-5\/7 {
  width: 71.42857% !important
}

.u-6\/7 {
  width: 85.71429% !important
}

.u-1\/8 {
  width: 12.5% !important
}

.u-2\/8 {
  width: 25% !important
}

.u-3\/8 {
  width: 37.5% !important
}

.u-4\/8 {
  width: 50% !important
}

.u-5\/8 {
  width: 62.5% !important
}

.u-6\/8 {
  width: 75% !important
}

.u-7\/8 {
  width: 87.5% !important
}

@media screen and (min-width: 0) {
  .u-1\/1-room {
    width: 100% 
  }
  .u-1\/2-room {
    width: 50% !important
  }
  .u-1\/3-room {
    width: 33.33333% !important
  }
  .u-2\/3-room {
    width: 66.66667% !important
  }
  .u-1\/4-room {
    width: 25% !important
  }
  .u-2\/4-room {
    width: 50% !important
  }
  .u-3\/4-room {
    width: 75% !important
  }
  .u-1\/5-room {
    width: 20% !important
  }
  .u-2\/5-room {
    width: 40% !important
  }
  .u-3\/5-room {
    width: 60% !important
  }
  .u-4\/5-room {
    width: 80% !important
  }
  .u-1\/6-room {
    width: 16.66667% !important
  }
  .u-2\/6-room {
    width: 33.33333% !important
  }
  .u-3\/6-room {
    width: 50% !important
  }
  .u-4\/6-room {
    width: 66.66667% !important
  }
  .u-5\/6-room {
    width: 83.33333% !important
  }
  .u-1\/7-room {
    width: 14.28571% !important
  }
  .u-2\/7-room {
    width: 28.57143% !important
  }
  .u-3\/7-room {
    width: 42.85714% !important
  }
  .u-4\/7-room {
    width: 57.14286% !important
  }
  .u-5\/7-room {
    width: 71.42857% !important
  }
  .u-6\/7-room {
    width: 85.71429% !important
  }
  .u-1\/8-room {
    width: 12.5% !important
  }
  .u-2\/8-room {
    width: 25% !important
  }
  .u-3\/8-room {
    width: 37.5% !important
  }
  .u-4\/8-room {
    width: 50% !important
  }
  .u-5\/8-room {
    width: 62.5% !important
  }
  .u-6\/8-room {
    width: 75% !important
  }
  .u-7\/8-room {
    width: 87.5% !important
  }
}

@media screen and (min-width: 25.94rem) {
  .u-1\/1-village {
    width: 100% !important
  }
  .u-1\/2-village {
    width: 50% !important
  }
  .u-1\/3-village {
    width: 33.33333% !important
  }
  .u-2\/3-village {
    width: 66.66667% !important
  }
  .u-1\/4-village {
    width: 25% !important
  }
  .u-2\/4-village {
    width: 50% !important
  }
  .u-3\/4-village {
    width: 75% !important
  }
  .u-1\/5-village {
    width: 20% !important
  }
  .u-2\/5-village {
    width: 40% !important
  }
  .u-3\/5-village {
    width: 60% !important
  }
  .u-4\/5-village {
    width: 80% !important
  }
  .u-1\/6-village {
    width: 16.66667% !important
  }
  .u-2\/6-village {
    width: 33.33333% !important
  }
  .u-3\/6-village {
    width: 50% !important
  }
  .u-4\/6-village {
    width: 66.66667% !important
  }
  .u-5\/6-village {
    width: 83.33333% !important
  }
  .u-1\/7-village {
    width: 14.28571% !important
  }
  .u-2\/7-village {
    width: 28.57143% !important
  }
  .u-3\/7-village {
    width: 42.85714% !important
  }
  .u-4\/7-village {
    width: 57.14286% !important
  }
  .u-5\/7-village {
    width: 71.42857% !important
  }
  .u-6\/7-village {
    width: 85.71429% !important
  }
  .u-1\/8-village {
    width: 12.5% !important
  }
  .u-2\/8-village {
    width: 25% !important
  }
  .u-3\/8-village {
    width: 37.5% !important
  }
  .u-4\/8-village {
    width: 50% !important
  }
  .u-5\/8-village {
    width: 62.5% !important
  }
  .u-6\/8-village {
    width: 75% !important
  }
  .u-7\/8-village {
    width: 87.5% !important
  }
}

@media screen and (min-width: 46rem) {
  .u-1\/1-town {
    width: 100% !important
  }
  .u-1\/2-town {
    width: 50% !important
  }
  .u-1\/3-town {
    width: 33.33333% !important
  }
  .u-2\/3-town {
    width: 66.66667% !important
  }
  .u-1\/4-town {
    width: 25% !important
  }
  .u-2\/4-town {
    width: 50% !important
  }
  .u-3\/4-town {
    width: 75% !important
  }
  .u-1\/5-town {
    width: 20% !important
  }
  .u-2\/5-town {
    width: 40% !important
  }
  .u-3\/5-town {
    width: 60% !important
  }
  .u-4\/5-town {
    width: 80% !important
  }
  .u-1\/6-town {
    width: 16.66667% !important
  }
  .u-2\/6-town {
    width: 33.33333% !important
  }
  .u-3\/6-town {
    width: 50% !important
  }
  .u-4\/6-town {
    width: 66.66667% !important
  }
  .u-5\/6-town {
    width: 83.33333% !important
  }
  .u-1\/7-town {
    width: 14.28571% !important
  }
  .u-2\/7-town {
    width: 28.57143% !important
  }
  .u-3\/7-town {
    width: 42.85714% !important
  }
  .u-4\/7-town {
    width: 57.14286% !important
  }
  .u-5\/7-town {
    width: 71.42857% !important
  }
  .u-6\/7-town {
    width: 85.71429% !important
  }
  .u-1\/8-town {
    width: 12.5% !important
  }
  .u-2\/8-town {
    width: 25% !important
  }
  .u-3\/8-town {
    width: 37.5% !important
  }
  .u-4\/8-town {
    width: 50% !important
  }
  .u-5\/8-town {
    width: 62.5% !important
  }
  .u-6\/8-town {
    width: 75% !important
  }
  .u-7\/8-town {
    width: 87.5% !important
  }
}

@media screen and (min-width: 48rem) {
  .u-1\/1-city {
    width: 100% !important
  }
  .u-1\/2-city {
    width: 50% !important
  }
  .u-1\/3-city {
    width: 33.33333% !important
  }
  .u-2\/3-city {
    width: 66.66667% !important
  }
  .u-1\/4-city {
    width: 25% !important
  }
  .u-2\/4-city {
    width: 50% !important
  }
  .u-3\/4-city {
    width: 75% !important
  }
  .u-1\/5-city {
    width: 20% !important
  }
  .u-2\/5-city {
    width: 40% !important
  }
  .u-3\/5-city {
    width: 60% !important
  }
  .u-4\/5-city {
    width: 80% !important
  }
  .u-1\/6-city {
    width: 16.66667% !important
  }
  .u-2\/6-city {
    width: 33.33333% !important
  }
  .u-3\/6-city {
    width: 50% !important
  }
  .u-4\/6-city {
    width: 66.66667% !important
  }
  .u-5\/6-city {
    width: 83.33333% !important
  }
  .u-1\/7-city {
    width: 14.28571% !important
  }
  .u-2\/7-city {
    width: 28.57143% !important
  }
  .u-3\/7-city {
    width: 42.85714% !important
  }
  .u-4\/7-city {
    width: 57.14286% !important
  }
  .u-5\/7-city {
    width: 71.42857% !important
  }
  .u-6\/7-city {
    width: 85.71429% !important
  }
  .u-1\/8-city {
    width: 12.5% !important
  }
  .u-2\/8-city {
    width: 25% !important
  }
  .u-3\/8-city {
    width: 37.5% !important
  }
  .u-4\/8-city {
    width: 50% !important
  }
  .u-5\/8-city {
    width: 62.5% !important
  }
  .u-6\/8-city {
    width: 75% !important
  }
  .u-7\/8-city {
    width: 87.5% !important
  }
}

@media screen and (min-width: 64rem) {
  .u-1\/1-country {
    width: 100% !important
  }
  .u-1\/2-country {
    width: 50% !important
  }
  .u-1\/3-country {
    width: 33.33333% !important
  }
  .u-2\/3-country {
    width: 66.66667% !important
  }
  .u-1\/4-country {
    width: 25% !important
  }
  .u-2\/4-country {
    width: 50% !important
  }
  .u-3\/4-country {
    width: 75% !important
  }
  .u-1\/5-country {
    width: 20% !important
  }
  .u-2\/5-country {
    width: 40% !important
  }
  .u-3\/5-country {
    width: 60% !important
  }
  .u-4\/5-country {
    width: 80% !important
  }
  .u-1\/6-country {
    width: 16.66667% !important
  }
  .u-2\/6-country {
    width: 33.33333% !important
  }
  .u-3\/6-country {
    width: 50% !important
  }
  .u-4\/6-country {
    width: 66.66667% !important
  }
  .u-5\/6-country {
    width: 83.33333% !important
  }
  .u-1\/7-country {
    width: 14.28571% !important
  }
  .u-2\/7-country {
    width: 28.57143% !important
  }
  .u-3\/7-country {
    width: 42.85714% !important
  }
  .u-4\/7-country {
    width: 57.14286% !important
  }
  .u-5\/7-country {
    width: 71.42857% !important
  }
  .u-6\/7-country {
    width: 85.71429% !important
  }
  .u-1\/8-country {
    width: 12.5% !important
  }
  .u-2\/8-country {
    width: 25% !important
  }
  .u-3\/8-country {
    width: 37.5% !important
  }
  .u-4\/8-country {
    width: 50% !important
  }
  .u-5\/8-country {
    width: 62.5% !important
  }
  .u-6\/8-country {
    width: 75% !important
  }
  .u-7\/8-country {
    width: 87.5% !important
  }
}

@media screen and (min-width: 80rem) {
  .u-1\/1-continent {
    width: 100% !important
  }
  .u-1\/2-continent {
    width: 50% !important
  }
  .u-1\/3-continent {
    width: 33.33333% !important
  }
  .u-2\/3-continent {
    width: 66.66667% !important
  }
  .u-1\/4-continent {
    width: 25% !important
  }
  .u-2\/4-continent {
    width: 50% !important
  }
  .u-3\/4-continent {
    width: 75% !important
  }
  .u-1\/5-continent {
    width: 20% !important
  }
  .u-2\/5-continent {
    width: 40% !important
  }
  .u-3\/5-continent {
    width: 60% !important
  }
  .u-4\/5-continent {
    width: 80% !important
  }
  .u-1\/6-continent {
    width: 16.66667% !important
  }
  .u-2\/6-continent {
    width: 33.33333% !important
  }
  .u-3\/6-continent {
    width: 50% !important
  }
  .u-4\/6-continent {
    width: 66.66667% !important
  }
  .u-5\/6-continent {
    width: 83.33333% !important
  }
  .u-1\/7-continent {
    width: 14.28571% !important
  }
  .u-2\/7-continent {
    width: 28.57143% !important
  }
  .u-3\/7-continent {
    width: 42.85714% !important
  }
  .u-4\/7-continent {
    width: 57.14286% !important
  }
  .u-5\/7-continent {
    width: 71.42857% !important
  }
  .u-6\/7-continent {
    width: 85.71429% !important
  }
  .u-1\/8-continent {
    width: 12.5% !important
  }
  .u-2\/8-continent {
    width: 25% !important
  }
  .u-3\/8-continent {
    width: 37.5% !important
  }
  .u-4\/8-continent {
    width: 50% !important
  }
  .u-5\/8-continent {
    width: 62.5% !important
  }
  .u-6\/8-continent {
    width: 75% !important
  }
  .u-7\/8-continent {
    width: 87.5% !important
  }
}

@media screen and (min-width: 85.375rem) {
  .u-1\/1-world {
    width: 100% !important
  }
  .u-1\/2-world {
    width: 50% !important
  }
  .u-1\/3-world {
    width: 33.33333% !important
  }
  .u-2\/3-world {
    width: 66.66667% !important
  }
  .u-1\/4-world {
    width: 25% !important
  }
  .u-2\/4-world {
    width: 50% !important
  }
  .u-3\/4-world {
    width: 75% !important
  }
  .u-1\/5-world {
    width: 20% !important
  }
  .u-2\/5-world {
    width: 40% !important
  }
  .u-3\/5-world {
    width: 60% !important
  }
  .u-4\/5-world {
    width: 80% !important
  }
  .u-1\/6-world {
    width: 16.66667% !important
  }
  .u-2\/6-world {
    width: 33.33333% !important
  }
  .u-3\/6-world {
    width: 50% !important
  }
  .u-4\/6-world {
    width: 66.66667% !important
  }
  .u-5\/6-world {
    width: 83.33333% !important
  }
  .u-1\/7-world {
    width: 14.28571% !important
  }
  .u-2\/7-world {
    width: 28.57143% !important
  }
  .u-3\/7-world {
    width: 42.85714% !important
  }
  .u-4\/7-world {
    width: 57.14286% !important
  }
  .u-5\/7-world {
    width: 71.42857% !important
  }
  .u-6\/7-world {
    width: 85.71429% !important
  }
  .u-1\/8-world {
    width: 12.5% !important
  }
  .u-2\/8-world {
    width: 25% !important
  }
  .u-3\/8-world {
    width: 37.5% !important
  }
  .u-4\/8-world {
    width: 50% !important
  }
  .u-5\/8-world {
    width: 62.5% !important
  }
  .u-6\/8-world {
    width: 75% !important
  }
  .u-7\/8-world {
    width: 87.5% !important
  }
}

@media screen and (min-width: 45rem) {
  .u-1\/1-tablet {
    width: 100% !important
  }
  .u-1\/2-tablet {
    width: 50% !important
  }
  .u-1\/3-tablet {
    width: 33.33333% !important
  }
  .u-2\/3-tablet {
    width: 66.66667% !important
  }
  .u-1\/4-tablet {
    width: 25% !important
  }
  .u-2\/4-tablet {
    width: 50% !important
  }
  .u-3\/4-tablet {
    width: 75% !important
  }
  .u-1\/5-tablet {
    width: 20% !important
  }
  .u-2\/5-tablet {
    width: 40% !important
  }
  .u-3\/5-tablet {
    width: 60% !important
  }
  .u-4\/5-tablet {
    width: 80% !important
  }
  .u-1\/6-tablet {
    width: 16.66667% !important
  }
  .u-2\/6-tablet {
    width: 33.33333% !important
  }
  .u-3\/6-tablet {
    width: 50% !important
  }
  .u-4\/6-tablet {
    width: 66.66667% !important
  }
  .u-5\/6-tablet {
    width: 83.33333% !important
  }
  .u-1\/7-tablet {
    width: 14.28571% !important
  }
  .u-2\/7-tablet {
    width: 28.57143% !important
  }
  .u-3\/7-tablet {
    width: 42.85714% !important
  }
  .u-4\/7-tablet {
    width: 57.14286% !important
  }
  .u-5\/7-tablet {
    width: 71.42857% !important
  }
  .u-6\/7-tablet {
    width: 85.71429% !important
  }
  .u-1\/8-tablet {
    width: 12.5% !important
  }
  .u-2\/8-tablet {
    width: 25% !important
  }
  .u-3\/8-tablet {
    width: 37.5% !important
  }
  .u-4\/8-tablet {
    width: 50% !important
  }
  .u-5\/8-tablet {
    width: 62.5% !important
  }
  .u-6\/8-tablet {
    width: 75% !important
  }
  .u-7\/8-tablet {
    width: 87.5% !important
  }
}

@media screen and (min-width: 62rem) {
  .u-1\/1-desktop {
    width: 100% !important
  }
  .u-1\/2-desktop {
    width: 50% !important
  }
  .u-1\/3-desktop {
    width: 33.33333% !important
  }
  .u-2\/3-desktop {
    width: 66.66667% !important
  }
  .u-1\/4-desktop {
    width: 25% !important
  }
  .u-2\/4-desktop {
    width: 50% !important
  }
  .u-3\/4-desktop {
    width: 75% !important
  }
  .u-1\/5-desktop {
    width: 20% !important
  }
  .u-2\/5-desktop {
    width: 40% !important
  }
  .u-3\/5-desktop {
    width: 60% !important
  }
  .u-4\/5-desktop {
    width: 80% !important
  }
  .u-1\/6-desktop {
    width: 16.66667% !important
  }
  .u-2\/6-desktop {
    width: 33.33333% !important
  }
  .u-3\/6-desktop {
    width: 50% !important
  }
  .u-4\/6-desktop {
    width: 66.66667% !important
  }
  .u-5\/6-desktop {
    width: 83.33333% !important
  }
  .u-1\/7-desktop {
    width: 14.28571% !important
  }
  .u-2\/7-desktop {
    width: 28.57143% !important
  }
  .u-3\/7-desktop {
    width: 42.85714% !important
  }
  .u-4\/7-desktop {
    width: 57.14286% !important
  }
  .u-5\/7-desktop {
    width: 71.42857% !important
  }
  .u-6\/7-desktop {
    width: 85.71429% !important
  }
  .u-1\/8-desktop {
    width: 12.5% !important
  }
  .u-2\/8-desktop {
    width: 25% !important
  }
  .u-3\/8-desktop {
    width: 37.5% !important
  }
  .u-4\/8-desktop {
    width: 50% !important
  }
  .u-5\/8-desktop {
    width: 62.5% !important
  }
  .u-6\/8-desktop {
    width: 75% !important
  }
  .u-7\/8-desktop {
    width: 87.5% !important
  }
}

@media screen and (max-width: 767px) {
  .u-1\/1-city-walled {
    width: 100% !important
  }
  .u-1\/2-city-walled {
    width: 50% !important
  }
  .u-1\/3-city-walled {
    width: 33.33333% !important
  }
  .u-2\/3-city-walled {
    width: 66.66667% !important
  }
  .u-1\/4-city-walled {
    width: 25% !important
  }
  .u-2\/4-city-walled {
    width: 50% !important
  }
  .u-3\/4-city-walled {
    width: 75% !important
  }
  .u-1\/5-city-walled {
    width: 20% !important
  }
  .u-2\/5-city-walled {
    width: 40% !important
  }
  .u-3\/5-city-walled {
    width: 60% !important
  }
  .u-4\/5-city-walled {
    width: 80% !important
  }
  .u-1\/6-city-walled {
    width: 16.66667% !important
  }
  .u-2\/6-city-walled {
    width: 33.33333% !important
  }
  .u-3\/6-city-walled {
    width: 50% !important
  }
  .u-4\/6-city-walled {
    width: 66.66667% !important
  }
  .u-5\/6-city-walled {
    width: 83.33333% !important
  }
  .u-1\/7-city-walled {
    width: 14.28571% !important
  }
  .u-2\/7-city-walled {
    width: 28.57143% !important
  }
  .u-3\/7-city-walled {
    width: 42.85714% !important
  }
  .u-4\/7-city-walled {
    width: 57.14286% !important
  }
  .u-5\/7-city-walled {
    width: 71.42857% !important
  }
  .u-6\/7-city-walled {
    width: 85.71429% !important
  }
  .u-1\/8-city-walled {
    width: 12.5% !important
  }
  .u-2\/8-city-walled {
    width: 25% !important
  }
  .u-3\/8-city-walled {
    width: 37.5% !important
  }
  .u-4\/8-city-walled {
    width: 50% !important
  }
  .u-5\/8-city-walled {
    width: 62.5% !important
  }
  .u-6\/8-city-walled {
    width: 75% !important
  }
  .u-7\/8-city-walled {
    width: 87.5% !important
  }
}

@media screen and (max-width: 1279px) {
  .u-1\/1-continent-walled {
    width: 100% !important
  }
  .u-1\/2-continent-walled {
    width: 50% !important
  }
  .u-1\/3-continent-walled {
    width: 33.33333% !important
  }
  .u-2\/3-continent-walled {
    width: 66.66667% !important
  }
  .u-1\/4-continent-walled {
    width: 25% !important
  }
  .u-2\/4-continent-walled {
    width: 50% !important
  }
  .u-3\/4-continent-walled {
    width: 75% !important
  }
  .u-1\/5-continent-walled {
    width: 20% !important
  }
  .u-2\/5-continent-walled {
    width: 40% !important
  }
  .u-3\/5-continent-walled {
    width: 60% !important
  }
  .u-4\/5-continent-walled {
    width: 80% !important
  }
  .u-1\/6-continent-walled {
    width: 16.66667% !important
  }
  .u-2\/6-continent-walled {
    width: 33.33333% !important
  }
  .u-3\/6-continent-walled {
    width: 50% !important
  }
  .u-4\/6-continent-walled {
    width: 66.66667% !important
  }
  .u-5\/6-continent-walled {
    width: 83.33333% !important
  }
  .u-1\/7-continent-walled {
    width: 14.28571% !important
  }
  .u-2\/7-continent-walled {
    width: 28.57143% !important
  }
  .u-3\/7-continent-walled {
    width: 42.85714% !important
  }
  .u-4\/7-continent-walled {
    width: 57.14286% !important
  }
  .u-5\/7-continent-walled {
    width: 71.42857% !important
  }
  .u-6\/7-continent-walled {
    width: 85.71429% !important
  }
  .u-1\/8-continent-walled {
    width: 12.5% !important
  }
  .u-2\/8-continent-walled {
    width: 25% !important
  }
  .u-3\/8-continent-walled {
    width: 37.5% !important
  }
  .u-4\/8-continent-walled {
    width: 50% !important
  }
  .u-5\/8-continent-walled {
    width: 62.5% !important
  }
  .u-6\/8-continent-walled {
    width: 75% !important
  }
  .u-7\/8-continent-walled {
    width: 87.5% !important
  }
}

.widget-breakpoint {
  display: none
}

#styleguide .widget-breakpoint {
  display: inline-block
}

.debug {
  outline: 1px dashed hotpink
}

.navigation nav.main ul li.search {
  z-index: 2001
}

.navigation nav.main ul li.search {
  z-index: 2001
}

.in-page-nav a.btn {
  text-transform: uppercase
}

.colour-picker h2, .colour-picker-strip h2 {
  margin-bottom: 0
}

.irs-bar {
  border-top: 1px solid #009FEE !important;
  border-bottom: 1px solid #009FEE !important;
  background: #009FEE !important;
  background: -webkit-linear-gradient(bottom, #009fee 0%, #009fee 100%) !important;
  background: linear-gradient(to top, #009fee 0%, #009fee 100%) !important
}

.irs-bar-edge {
  border: 1px solid #009FEE !important;
  border-right: 0;
  background: #009FEE !important;
  background: -webkit-linear-gradient(bottom, #009fee 0%, #009fee 100%) !important;
  background: linear-gradient(to top, #009fee 0%, #009fee 100%) !important
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    opacity: .1
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  100% {
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    opacity: .1
  }
}

ul.card-loader li {
  margin: 0 5px
}

li.u-sofology-blue {
  width: 24px;
  height: 24px;
  background: #009fee;
  border-radius: 12px;
  display: inline-block;
  line-height: 24px;
  -webkit-animation: pulse infinite linear 1.5s;
  animation: pulse infinite linear 1.5s;
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
  -webkit-transform: scale(0);
  transform: scale(0)
}

@media screen and (min-width: 25.94rem) {
  li.u-sofology-blue {
    width: 32px;
    height: 32px;
    background: #009fee;
    border-radius: 16px;
    display: inline-block;
    line-height: 32px
  }
}

li.u-sofology-pink {
  width: 24px;
  height: 24px;
  background: #de007b;
  border-radius: 12px;
  display: inline-block;
  line-height: 24px;
  -webkit-animation: pulse infinite linear 1.5s;
  animation: pulse infinite linear 1.5s;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-transform: scale(0);
  transform: scale(0)
}

@media screen and (min-width: 25.94rem) {
  li.u-sofology-pink {
    width: 32px;
    height: 32px;
    background: #de007b;
    border-radius: 16px;
    display: inline-block;
    line-height: 32px
  }
}

li.u-sofology-yellow {
  width: 24px;
  height: 24px;
  background: #fff000;
  border-radius: 12px;
  display: inline-block;
  line-height: 24px;
  -webkit-animation: pulse infinite linear 1.5s;
  animation: pulse infinite linear 1.5s;
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
  -webkit-transform: scale(0);
  transform: scale(0)
}

@media screen and (min-width: 25.94rem) {
  li.u-sofology-yellow {
    width: 32px;
    height: 32px;
    background: #fff000;
    border-radius: 16px;
    display: inline-block;
    line-height: 32px
  }
}

.basket {
  background-color: #f5f5f5;
  height: 100%
}

.basket .anom__customer {
  position: absolute;
  top: 29px;
  right: 15px;
  background: none;
  border: none
}

.basket .anom__customer .basket-fa {
  color: #FFF !important;
  font-size: 25px !important
}

.basket__summarybar {
  background: #FFF;
  width: 100%;
  height: 85px
}

.basket__summarybar .your__basket__title {
  margin: 0 auto;
  width: 210px
}

@media screen and (min-width: 48rem) {
  .basket__summarybar .your__basket__title {
    margin: 0;
    width: 100%
  }
}

@media screen and (min-width: 85.375rem) {
  .basket__summarybar .your__basket__title {
    width: 70%
  }
}

.basket__summarybar .your__basket__title .summaryh1 {
  color: #333;
  font-weight: bold;
  font-size: 1.3rem;
  letter-spacing: .2px;
  line-height: 1rem;
  margin: 8px 0;
  padding-left: 68.57143px;
  position: relative;
  text-align: left;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .basket__summarybar .your__basket__title .summaryh1 {
    float: left;
    width: 75% !important
  }
}

.basket__summarybar .your__basket__title .summaryh1--login {
  text-align: center
}

.basket__summarybar .your__basket__title .summaryh1 .summary__basket--count {
  position: absolute;
  top: -15px;
  left: 26px;
  width: 25px;
  height: 25px;
  background-color: #009FEE;
  border-radius: 50%;
  color: #FFF;
  display: block;
  font-size: 1.025rem;
  line-height: 1.4rem;
  padding: 2.4px;
  text-align: center;
  z-index: 3
}

@media screen and (min-width: 48rem) {
  .basket__summarybar .your__basket__title .summaryh1 .summary__basket--count {
    position: absolute;
    top: -10px;
    left: 27px
  }
}

.basket__summarybar .your__basket__title .summaryh1 img {
  position: absolute;
  top: -22px;
  left: -.4rem;
  width: 60px
}

.basket__summarybar .your__basket__title .logOut {
  position: absolute;
  right: 0
}

@media screen and (min-width: 48rem) {
  .basket__summarybar .your__basket__title .logOut {
    position: absolute;
    right: 10%
  }
}

.basket__summarybar .your__basket__title .customer__login {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5
}

.basket__container {
  max-width: 100%
}

@media screen and (min-width: 48rem) {
  .basket__container {
    max-width: 90%;
    margin: 0 auto
  }
}

@media screen and (min-width: 64rem) {
  .basket__container {
    max-width: 70%
  }
}

@media screen and (min-width: 80rem) {
  .basket__container {
    max-width: 65%
  }
}

@media screen and (min-width: 85.375rem) {
  .basket__container {
    max-width: 60%
  }
}

.basket__continue__shopping {
  color: #000 !important;
  display: block;
  flex: 1 100%;
  font-size: 1.1rem;
  font-weight: 600;
  margin-top: 16px;
  text-align: center;
  text-decoration: underline;
  -webkit-box-flex: 1;
  -ms-flex: 1 100%
}

.basket .basket__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%
}

.basket .basket__list:last-child {
  border-bottom: none
}

.basket .basket__list__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 0;
  position: relative
}

.basket .basket__list__item--bundle {
  border-bottom: 0
}

@media screen and (min-width: 48rem) {
  .basket .basket__list__item {
    margin-bottom: 0
  }
}

.btn__animations {
  background: rgba(245, 245, 245, 0.9);
  text-align: center;
  z-index: 3
}

.btn__animations__continue {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 60px
}

.btn__animations__address, .btn__animations__status {
  position: absolute;
  top: -7px;
  left: 0;
  width: 100%;
  height: 60px
}

@media screen and (min-width: 64rem) {
  .btn__animations__address, .btn__animations__status {
    position: absolute;
    top: 0
  }
}

.btn__animations__login {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: rgba(255, 255, 255, 0.89)
}

.btn__animations__packages {
  position: absolute;
  top: -7px;
  right: 0;
  width: 100%;
  height: 60px
}

@media screen and (min-width: 48rem) {
  .btn__animations__packages {
    position: absolute;
    top: -.3rem;
    width: 35%
  }
}

@media screen and (min-width: 64rem) {
  .btn__animations__packages {
    position: absolute;
    top: 0;
    width: 258px
  }
}

@media screen and (min-width: 80rem) {
  .btn__animations__packages {
    width: 260px
  }
}

@media screen and (min-width: 85.375rem) {
  .btn__animations__packages {
    width: 317px
  }
}

.btn__animations .loader {
  margin-top: 0;
  z-index: 250
}

.emptyBasket {
  margin: 0 auto;
  width: 100%
}

.emptyBasket__container {
  text-align: center
}

.emptyBasket__container h2 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 600;
  padding: 0 10px
}

@media screen and (min-width: 48rem) {
  .emptyBasket__container h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2
  }
}

.btn__no__items {
  margin: 2rem auto;
  position: relative;
  width: 90%
}

@media screen and (min-width: 25.94rem) {
  .btn__no__items {
    width: 250px
  }
}

.packages {
  padding: 0
}

@media screen and (min-width: 48rem) {
  .packages {
    background-color: #373737;
    padding: 1.5rem
  }
}

.packages .packagesBanner {
  background-image: url("http://images.sofology.co.uk/image/upload/q_70/v1473338060/catSofaLarge_mp1n7e.jpg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 50rem;
  margin: 0 auto;
  padding: 1rem
}

@media screen and (min-width: 85.375rem) {
  .packages .packagesBanner {
    max-width: 60rem
  }
}

.packages .packagesBanner .bannerBox {
  background-color: rgba(0, 0, 0, 0.69);
  color: #FFF !important;
  font-family: fs-emeric-light;
  padding: 1rem;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .packages .packagesBanner .bannerBox {
    padding: 0.5rem;
    width: 50%
  }
}

@media screen and (min-width: 85.375rem) {
  .packages .packagesBanner .bannerBox {
    width: 35%
  }
}

.packages .packagesBanner .bannerBox__title {
  color: white !important;
  font-size: 1.75rem;
  font-weight: lighter;
  line-height: 30px;
  margin: 0 auto;
  padding: 0 2rem 0 0
}

@media screen and (min-width: 48rem) {
  .packages .packagesBanner .bannerBox__title {
    font-size: 2rem;
    padding: 1rem 1rem .5rem
  }
}

@media screen and (min-width: 64rem) {
  .packages .packagesBanner .bannerBox__title {
    padding: 1rem 1.3rem .5rem
  }
}

.packages .packagesBanner .bannerBox__body {
  font-size: 1.2rem;
  line-height: 1.3rem;
  margin: 1rem auto
}

@media screen and (min-width: 48rem) {
  .packages .packagesBanner .bannerBox__body {
    font-size: 1rem;
    padding: 0.5rem 1rem
  }
}

@media screen and (min-width: 64rem) {
  .packages .packagesBanner .bannerBox__body {
    padding: 0.5rem 1.3rem
  }
}

.packages .packagesBody {
  background-color: #FFF;
  padding: 1rem 1rem 0;
  position: relative;
  margin: 0 auto;
  max-width: 50rem;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody {
    padding: 2rem
  }
}

@media screen and (min-width: 85.375rem) {
  .packages .packagesBody {
    max-width: 60rem
  }
}

.packages .packagesBody__title {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 2.5rem;
  text-align: center;
  width: 100%;
  margin-bottom: 0 !important
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody__title {
    text-align: right;
    width: 27%
  }
}

@media screen and (min-width: 85.375rem) {
  .packages .packagesBody__title {
    width: 20%
  }
}

.packages .packagesBody .guaranteeTick {
  background-color: #66c2ff;
  border-radius: 50%;
  display: block;
  padding: .1rem .3rem;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 10px;
  left: 5px
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .guaranteeTick {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 25px;
    left: 20px
  }
}

.packages .packagesBody .guaranteeTick .tick {
  font-size: 2rem;
  line-height: 1.8rem;
  margin: 0 0 0 .2rem
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .guaranteeTick .tick {
    font-size: 1.3rem;
    line-height: 1.2rem;
    margin: 0 0 0 .1rem
  }
}

.packages .packagesBody .guaranteeTick i.sa {
  color: white;
  margin-right: 0
}

.packages .packagesBody .guarantee {
  border-color: #66c2ff;
  border-style: solid;
  border-width: thin;
  border-radius: 5pt;
  padding: 0.5rem;
  margin-bottom: 1rem
}

.packages .packagesBody .guarantee__body {
  color: #868686;
  display: inline-block;
  font-size: 1rem;
  margin: 0;
  text-align: center;
  vertical-align: baseline;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .guarantee__body {
    text-align: left;
    margin-left: .3rem;
    width: 30%
  }
}

.packages .packagesBody .cardContainer {
  display: inline-block;
  width: 100%
}

.packages .packagesBody .cardContainer .card__left {
  width: 100%
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .cardContainer .card__left {
    display: inline-block;
    float: left;
    padding: .5rem .5rem .5rem 0;
    width: 50%
  }
}

.packages .packagesBody .cardContainer .card__right {
  width: 100%
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .cardContainer .card__right {
    display: inline-block;
    padding: .5rem 0 .5rem 0.5rem;
    width: 50%
  }
}

.packages .packagesBody .card {
  width: 100%;
  height: 100%;
  background-color: #333333;
  border-radius: .4rem;
  min-height: 25rem;
  margin: 0 0 1rem;
  position: relative
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .card {
    min-height: 45rem
  }
}

@media screen and (min-width: 64rem) {
  .packages .packagesBody .card {
    min-height: 43rem
  }
}

.packages .packagesBody .card__title {
  color: #FFF !important;
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5rem;
  margin: 0;
  padding: 1.5rem 2rem 1rem;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .card__title {
    font-size: 1.3rem;
    padding: 1.5rem 1.5rem 1rem;
    line-height: 1.8rem
  }
}

@media screen and (min-width: 64rem) {
  .packages .packagesBody .card__title {
    font-size: 1.4rem
  }
}

.packages .packagesBody .card__desc {
  padding: .5rem 1rem;
  width: 100%
}

.packages .packagesBody .card__desc--text {
  color: #FFF;
  font-size: 1rem;
  line-height: 1rem;
  margin-bottom: .5rem
}

.packages .packagesBody .card__desc .dn {
  display: none
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .card__desc .dn {
    display: block
  }
}

.packages .packagesBody .card__img {
  background-repeat: no-repeat;
  height: 150px;
  width: 100%;
  -webkit-border-top-left-radius: .4rem;
  -webkit-border-top-right-radius: .4rem;
  -moz-border-radius-topleft: .4rem;
  -moz-border-radius-topright: .4rem;
  border-top-left-radius: .4rem;
  border-top-right-radius: .4rem
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .card__img--large {
    float: left;
    width: 40%;
    height: 300px;
    -webkit-border-top-left-radius: .4rem;
    -webkit-border-bottom-left-radius: .4rem;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: .4rem;
    -moz-border-radius-bottomleft: .4rem;
    -moz-border-radius-topright: 0;
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem;
    border-top-right-radius: 0
  }
}

@media screen and (min-width: 85.375rem) {
  .packages .packagesBody .card__img--large {
    float: none;
    width: 100%;
    height: 150px;
    -webkit-border-top-left-radius: .4rem;
    -webkit-border-top-right-radius: .4rem;
    -moz-border-radius-topleft: .4rem;
    -moz-border-radius-topright: .4rem;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem
  }
}

.packages .packagesBody .card .stain__removal {
  background-image: url("http://images.sofology.co.uk/image/upload/q_70/v1473338060/dogSofaLarge_elqptk.jpg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (min-width: 85.375rem) {
  .packages .packagesBody .card .stain__removal {
    background-image: url("http://images.sofology.co.uk/image/upload/q_70/v1473338060/dogSofaLarge_elqptk.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }
}

.packages .packagesBody .card .fabric__careKit {
  background-image: url("http://images.sofology.co.uk/image/upload/v1471523892/ecom/cream.jpg");
  background-position: 0 -218px;
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .card .fabric__careKit {
    background-image: url("http://images.sofology.co.uk/image/upload/v1471523892/ecom/cream.jpg");
    background-position: 0 -230px;
    background-repeat: no-repeat;
    background-size: cover
  }
}

@media screen and (min-width: 85.375rem) {
  .packages .packagesBody .card .fabric__careKit {
    background-image: url("http://images.sofology.co.uk/image/upload/v1471523892/ecom/cream.jpg");
    background-position: 0 -305px;
    background-repeat: no-repeat;
    background-size: cover
  }
}

.packages .packagesBody .card__list {
  color: #30a9e3;
  line-height: 1rem;
  margin: 0;
  padding: 0.5rem 1.2rem 1rem 2.3rem
}

.packages .packagesBody .card__list--item {
  font-size: .9rem;
  list-style-type: disc;
  margin-bottom: 1rem
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .card__list--item {
    margin-bottom: .5rem
  }
}

.packages .packagesBody .card__list--text {
  color: #FFF;
  font-family: fs-emeric-light;
  font-size: 1rem;
  letter-spacing: .1px;
  line-height: 1rem;
  margin-bottom: 0
}

.packages .packagesBody .card__footer {
  margin-bottom: .5rem;
  padding-top: 0;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .card__footer {
    position: absolute;
    bottom: 1rem
  }
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .card__footer--right {
    position: absolute;
    bottom: .825rem
  }
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .card__footer--rightSingle {
    position: absolute;
    bottom: .6rem
  }
}

.packages .packagesBody .card__footer--price {
  display: block;
  margin-left: 1rem;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .card__footer--price {
    display: inline-block;
    margin-left: 0;
    width: 45%
  }
}

@media screen and (min-width: 80rem) {
  .packages .packagesBody .card__footer--price {
    margin-left: .4rem;
    width: 45%
  }
}

@media screen and (min-width: 85.375rem) {
  .packages .packagesBody .card__footer--price {
    margin-left: .4rem;
    width: 40%
  }
}

.packages .packagesBody .card__footer--price-fabric {
  padding-bottom: .4rem
}

.packages .packagesBody .card__footer--price-pair {
  display: block;
  margin-left: 1rem;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .card__footer--price-pair {
    display: inline-block;
    margin-left: 0;
    width: 52%
  }
}

@media screen and (min-width: 80rem) {
  .packages .packagesBody .card__footer--price-pair {
    width: 50%
  }
}

@media screen and (min-width: 85.375rem) {
  .packages .packagesBody .card__footer--price-pair {
    width: 45%
  }
}

.packages .packagesBody .card__footer--price-text {
  color: #FFF;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1rem;
  margin-bottom: 0px
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .card__footer--price-text {
    font-size: 1.1rem
  }
}

@media screen and (min-width: 64rem) {
  .packages .packagesBody .card__footer--price-text {
    font-size: 1.3rem
  }
}

@media screen and (min-width: 80rem) {
  .packages .packagesBody .card__footer--price-text {
    font-size: 1.2rem
  }
}

@media screen and (min-width: 85.375rem) {
  .packages .packagesBody .card__footer--price-text {
    font-size: 1.4rem
  }
}

.packages .packagesBody .card__footer--price-perSeat {
  color: #FFF;
  line-height: .7rem;
  margin: 0.8rem 0 0 0.9rem
}

.packages .packagesBody .card__footer--btn {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 0
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .card__footer--btn {
    display: inline-block;
    width: 51%
  }
}

@media screen and (min-width: 80rem) {
  .packages .packagesBody .card__footer--btn {
    width: 50%
  }
}

@media screen and (min-width: 85.375rem) {
  .packages .packagesBody .card__footer--btn {
    width: 55%
  }
}

.packages .packagesBody .card__footer--btn-pair {
  display: block;
  width: 100%;
  text-align: center
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .card__footer--btn-pair {
    display: inline-block;
    width: 44%
  }
}

@media screen and (min-width: 80rem) {
  .packages .packagesBody .card__footer--btn-pair {
    width: 46%
  }
}

@media screen and (min-width: 85.375rem) {
  .packages .packagesBody .card__footer--btn-pair {
    width: 51%
  }
}

.packages .packagesBody .card .footer-tablet-large {
  height: 50px
}

@media screen and (min-width: 48rem) {
  .packages .packagesBody .card .footer-tablet-large {
    padding-top: 0
  }
}

@media screen and (min-width: 80rem) {
  .packages .packagesBody .card .footer-tablet-large {
    height: 45px
  }
}

.packages .packagesBody .continueContainer {
  position: relative;
  margin: 1rem 0;
  height: 60px;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .packages .banner--anim {
    -webkit-animation: Anim 20s infinite;
    animation: Anim 20s infinite;
    background-size: cover
  }
}

@media screen and (min-width: 48rem) and (min-width: 64rem) {
  .packages .banner--anim {
    background-size: cover
  }
}

@keyframes Anim {
  0% {
    background-image: url("http://images.sofology.co.uk/image/upload/q_70/v1473338060/dogSofaLarge_elqptk.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }
  33.3% {
    background-image: url("http://images.sofology.co.uk/image/upload/q_70/v1473338060/catSofaLarge_mp1n7e.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }
  66.6% {
    background-image: url("http://images.sofology.co.uk/image/upload/q_70/v1473338060/childrenSofaLarge_zbwutx.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }
  100% {
    background-image: url("http://images.sofology.co.uk/image/upload/q_70/v1473338060/dogSofaLarge_elqptk.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }
}

@-webkit-keyframes Anim {
  0% {
    background-image: url("http://images.sofology.co.uk/image/upload/q_70/v1473338060/dogSofaLarge_elqptk.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }
  33.3% {
    background-image: url("http://images.sofology.co.uk/image/upload/q_70/v1473338060/catSofaLarge_mp1n7e.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }
  66.6% {
    background-image: url("http://images.sofology.co.uk/image/upload/q_70/v1473338060/childrenSofaLarge_zbwutx.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }
  100% {
    background-image: url("http://images.sofology.co.uk/image/upload/q_70/v1473338060/dogSofaLarge_elqptk.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }
}

@media screen and (min-width: 48rem) {
  .store-details .flexible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
  }
  .store-details .flexible .layout--flush {
    width: 100%
  }
}

.store-locator-form {
  background: url("http://a1.images.sofology.co.uk/q_90/elem/pages/store-finder-header.jpg") no-repeat center center;
  background-size: cover;
  padding: 0
}

@media screen and (min-width: 48rem) {
  .store-locator-form {
    padding: 30px
  }
}

.store-locator-form div {
  background: rgba(0, 0, 0, 0.7);
  color: white
}

@media screen and (min-width: 48rem) {
  .store-locator-form div.layout__item {
    float: right
  }
}

.store-locator-form form#find-a-store input[type="text"] {
  border: none;
  border-radius: 0;
  padding: 8px;
  line-height: 24px;
  box-sizing: content-box;
  color: #222;
  font-size: 18px;
  text-rendering: optimizeLegibility
}

@media screen and (min-width: 48rem) {
  .store-locator-form form#find-a-store input[type="text"] {
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle
  }
}

@media screen and (min-width: 64rem) {
  .store-locator-form form#find-a-store input[type="text"] {
    font-size: 18px;
    line-height: 24px;
    padding: 14px 16px
  }
}

.store-locator-form form#find-a-store input[type="text"]::-webkit-input-placeholder {
  color: #222
}

.store-locator-form form#find-a-store input[type="text"]::-moz-placeholder {
  color: #222
}

.store-locator-form form#find-a-store input[type="text"]:-ms-input-placeholder {
  color: #222
}

.store-locator-form form#find-a-store input[type="text"]::placeholder {
  color: #222
}

.store-locator-form form#find-a-store input.btn {
  border: none;
  background: black;
  color: white;
  padding: 8px;
  font-size: 18px;
  line-height: 24px;
  vertical-align: top
}

@media screen and (min-width: 48rem) {
  .store-locator-form form#find-a-store input.btn {
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    vertical-align: middle
  }
}

@media screen and (min-width: 64rem) {
  .store-locator-form form#find-a-store input.btn {
    font-size: 18px;
    line-height: 24px;
    padding: 14px 16px
  }
}

@media screen and (min-width: 48rem) {
  .stores {
    padding: 0 !important
  }
}

.stores p.searched-for em {
  color: #de007b;
  font-style: normal
}

@media screen and (min-width: 64rem) {
  .stores-list {
    float: left;
    height: 595px;
    overflow-y: scroll
  }
}

.stores-list.store-block-container {
  height: auto;
  overflow-y: auto
}

.stores-list .layout__item {
  border-top: 1px solid #f7f7f7;
  margin-top: 30px;
  padding-top: 30px
}

@media screen and (min-width: 48rem) {
  .stores-list .layout__item:nth-of-type(1) {
    border-top: none;
    margin-top: 0;
    padding-top: 0
  }
  .stores-list .layout__item:nth-of-type(2) {
    border-top: none;
    margin-top: 0;
    padding-top: 0
  }
}

.stores-list .layout__item.store-block {
  width: 100% !important;
  border-top: 1px solid #f7f7f7;
  margin-top: 30px;
  padding-top: 30px
}

.stores-list .layout__item.store-block:nth-of-type(1) {
  border-top: none;
  margin-top: 0;
  padding-top: 0
}

.stores-list .layout__item.store-block p.address1 {
  margin-bottom: 10px;
  min-height: auto
}

.stores-list address {
  font-style: normal;
  position: relative
}

@media screen and (min-width: 48rem) {
  .stores-list address {
    height: 260px
  }
}

@media screen and (min-width: 64rem) {
  .stores-list address {
    height: 300px
  }
}

.stores-list address h2 a {
  color: #000;
  font-size: 17px;
  font-weight: bold
}

.stores-list address p {
  font-family: inherit
}

.stores-list address p.tel {
  margin-bottom: 0
}

.stores-list address p.address1 {
  margin-bottom: 30px
}

@media screen and (min-width: 48rem) {
  .stores-list address p.address1 {
    min-height: 126px
  }
}

.stores-list address a.btn {
  font-family: fs-emeric-light;
  font-size: 14px
}

@media screen and (min-width: 48rem) {
  .stores-list address a.btn {
    position: absolute;
    bottom: 20px
  }
}

.stores-list span.distance {
  display: block
}

.map {
  display: none
}

@media screen and (min-width: 48rem) {
  .map {
    display: block
  }
}

@media screen and (min-width: 64rem) {
  .map {
    float: right
  }
}

.stores-map {
  height: 400px !important
}

@media screen and (min-width: 64rem) {
  .stores-map {
    height: 595px !important
  }
}

.stores-map .gmap {
  height: 100%
}

.why-shop {
  background: #f7f7f7
}

.why-shop .container {
  padding: 0
}

.why-shop h2 {
  margin: 0 0 30px
}

@media screen and (min-width: 46rem) {
  .why-shop .layout__item {
    padding: 0 5px !important
  }
  .why-shop .layout__item:first-of-type {
    padding-left: 0 !important
  }
  .why-shop .layout__item:last-of-type {
    padding-right: 0 !important
  }
}

@media screen and (min-width: 48rem) {
  .why-shop .layout__item {
    padding: 0 5px !important
  }
  .why-shop .layout__item:first-of-type {
    padding-left: 0 !important
  }
  .why-shop .layout__item:last-of-type {
    padding-right: 0 !important
  }
}

.comfy-ways-to-pay {
  background: #999
}

.comfy-ways-to-pay h2 {
  padding: 0 20px 10px;
  border-bottom: 1px solid black;
  display: inline-block;
  line-height: 14px;
  margin: 0 0 20px;
  color: white;
  font-size: 14px
}

@media screen and (min-width: 48rem) {
  .comfy-ways-to-pay .layout .triangle {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-top: 12px solid #fcc31d;
    position: relative;
    top: -2px
  }
}

.comfy-ways-to-pay .layout__item {
  color: white;
  padding-bottom: 30px
}

.comfy-ways-to-pay .layout__item h3 {
  line-height: 20px
}

.comfy-ways-to-pay .layout__item p {
  font-size: 14px;
  line-height: 17px
}

.comfy-ways-to-pay .layout__item.value {
  border-top: 2px solid #fcc31d;
  border-bottom: 0;
  padding-bottom: 0
}

.comfy-ways-to-pay .layout__item.value .triangle {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-top: 8px solid #fcc31d;
  position: relative;
  top: 0;
  right: 1px
}

.comfy-ways-to-pay .layout__item.value p {
  color: #fcc31d;
  clear: both;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 20px
}

@media screen and (min-width: 48rem) {
  .store-details>.layout {
    border-bottom: 1px solid #333
  }
}

.store-details h2 {
  color: black;
  margin-top: 0;
  margin-bottom: 30px
}

@media screen and (min-width: 48rem) {
  .store-details .store-address {
    border-right: 1px solid #eee
  }
}

.store-details .layout__item.store-contact {
  padding-top: 30px !important;
}

.store-details .store-address, .store-details .opening-hours {
  padding: 0
}

.store-details .store-address h3, .store-details .opening-hours h3 {
  font-style: italic;
  font-weight: bold;
  line-height: 17px;
  margin: 0
}

@media screen and (min-width: 48rem) {
  .store-details .store-address ul, .store-details .opening-hours ul {
    margin-bottom: 30px
  }
}

.store-details .store-address li, .store-details .opening-hours li {
  color: black;
  line-height: 20px
}

@media screen and (min-width: 48rem) {
  .store-details .store-address a.btn, .store-details .opening-hours a.btn {
    position: absolute;
    bottom: 0;
    Font-size: 18px;
  }
}

.store-details address {
  color: black;
  font-style: normal;
  line-height: 20px
}

.store-details p {
  color: black;
  line-height: 20px
}

.store-details .store-directions {
  border-top: 1px solid;
  padding-left: 0;
  opacity: 1;
  -webkit-transition: opacity linear .3s;
  transition: opacity linear .3s
}

.store-details .store-directions.ng-hide {
  opacity: 0
}

.store-details .store-directions .controls {
  margin: 0
}

.store-details .store-directions .controls:nth-of-type(1) {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -ms-flex-flow: wrap !important;
  flex-flow: wrap !important;
  padding-right: 5px
}

.store-details .store-directions .controls:nth-of-type(1) .controls__control, .store-details .store-directions .controls:nth-of-type(1) form.form--enquiry .controls__control--select, form.form--enquiry .store-details .store-directions .controls:nth-of-type(1) .controls__control--select {
  background: #f7f7f7
}

.store-details .store-directions .controls:nth-of-type(2) {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important
}

.store-details .store-directions .controls:nth-of-type(2) .controls__control, .store-details .store-directions .controls:nth-of-type(2) form.form--enquiry .controls__control--select, form.form--enquiry .store-details .store-directions .controls:nth-of-type(2) .controls__control--select {
  background: #ccc
}

.store-details .store-directions .controls__label {
  color: black;
  width: 100%;
}

.store-details .store-directions .controls__control, .store-details .store-directions form.form--enquiry .controls__control--select, form.form--enquiry .store-details .store-directions .controls__control--select {
  border: none;
  line-height: 14px;
  padding: 10px;
  width: 100%
}

.store-details .store-directions #directions-panel {
  padding-left: 0
}

.store-details .store-directions .adp-placemark {
  width: 100%
}

.store-details .store-directions .adp-placemark td {
  padding: 5px
}

.store-details .store-directions .adp-placemark td img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%
}

.store-details .store-directions .adp-text {
  width: 95%
}

.store-details .store-interiors img {
  margin-bottom: 10px
}

.store-details .store-map {
  height: 360px !important
}

@media screen and (min-width: 64rem) {
  .store-details .store-map {
    height: 465px !important
  }
}

@media screen and (min-width: 80rem) {
  .store-details .store-map {
    height: 730px !important
  }
}

.store-details .store-map .gmap {
  height: 100%;
  width: 100%
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .store-top-img {
    display: none
  }
  .store-details .layout__item.store-contact {
    padding-top: 0 !important;
    padding-right: 0 !important
  }
}

#terms-and-conditions h1, #privacy-policy h1 {
  border-bottom: 2px solid black;
  margin-top: 0
}

#terms-and-conditions h2, #terms-and-conditions h3, #privacy-policy h2, #privacy-policy h3 {
  margin: 24px 0;
  text-decoration: underline
}

#terms-and-conditions h3, #privacy-policy h3 {
  text-decoration: none
}

#terms-and-conditions p a, #privacy-policy p a {
  text-decoration: underline
}


header .t-outlet-banner-container {
	display:none!important;
  }
  
  .outlet-page.ng-scope header {
  	display:none!important;
  }
  
  div.layout.layout--tiny {
    display: none!important;
  }
  
.t-outlet-banner {
  background: #d30f16;
  width: 100%;
}

.t-outlet-banner a {
	color: inherit;
}
.t-outlet-banner-container {
  color: white;
  padding: 48px 24px;
  display: flex;
  flex-flow: column nowrap;
  max-width: 1440px;
  margin: 0 auto 35px;
}
@media (min-width: 1024px) {
  .t-outlet-banner-container {
    flex-flow: row nowrap;
  }
}
.t-outlet-banner-container span {
  display: flex;
  align-items: center;
}

.t-outlet-banner-message,
.t-outlet-banner-cats {
  flex: 1;
}

.t-outlet-banner-message {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 48px;
  text-align: center;
}
@media (min-width: 1024px) {
  .t-outlet-banner-message {
    margin: 0;
  }
}
@media (min-width: 1024px) {
  .t-outlet-banner-message .u-mob-only {
    display: none;
  }
}
.t-outlet-banner-message h1 {
  font-size: 48px;
  line-height: 1;
  text-align: center;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .t-outlet-banner-message h1 {
    font-size: 72px;
  }
}
.t-outlet-banner-message h1 strong {
  display: block;
}
.t-outlet-banner-message .t-outlet-banner-button {

  background: white;
  border: none;
  border-radius: 6px;
  color: #d30f16;
  font-size: 28px;
  font-weight: bold;
  padding: 0 24px;
  align-items: center;
  margin-bottom: 12px;
}
.t-outlet-banner-message .t-outlet-banner-button-or {
  font-size: 20px;
  padding: 0 16px;
  text-align: center;
  	align-items: center;
	justify-content: center;
}

.t-outlet-banner-cats {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-items: center;
  border: 1px solid white;
  padding: 24px 36px;
  position: relative;
}

.t-outlet-banner-cats-legend {
  margin-bottom: 0;
  position: absolute;
  top: -12px;
  background: #d30f16;
  padding: 0 16px;
  font-size: 13px;
}
@media (min-width: 768px) {
	
	.t-outlet-banner-message .t-outlet-banner-button {
	display: flex;

	}
	
	.t-outlet-banner-cats-grid-el h2 i.sa {
		font-size:26px;
		padding-right:5px;
	} 
	
	.t-outlet-banner-cats-grid-el h2 {
  margin-bottom: 0;
  font-size: 32px !important;
}

  .t-outlet-banner-cats-legend {
    font-size: 16px;
  }
}

.t-outlet-banner-cats-grid {
  display: flex;
  flex-flow: row wrap;
}


.t-outlet-banner-cats-grid-el:nth-child(odd) p {
  padding-right: 48px;
}

.t-outlet-banner-cats-grid-el h2 {
  margin-bottom: 0;
  font-size: 22px;
}

.t-outlet-banner-cats-grid-el p {
  font-size: 16px;
  margin-bottom: 35px !important;
}

@media (min-width: 768px) {
	
	.t-outlet-banner-cats-grid-el {
  flex: 50%;
}
	
  .t-outlet-banner-cats-grid-el:nth-child(3) p,
  .t-outlet-banner-cats-grid-el:nth-child(4) p {
    margin-bottom: 0 !important;
  }
}

.t-sofology-black {
  color: black;
}
  
.layout .layout--tiny {
  display:none;
  }

@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
    .t-outlet-banner-cats-legend {
      left: 50%;
      transform: translateX(-50%);
      padding: 0 7px;
    }
    
    .t-outlet-banner-cats {
      display: block;
    }
}


#refurb-container .items {
  top: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 300px
}

.product {
  border: 1px solid #ddd
}

.product:hover {
  border: 1px solid #9f090a
}

.product img.lifestyle-image {
  max-width: 100%;
  height: auto
}

.product__details p.range-name {
  height: 60px;
  line-height: 17px;
  margin-bottom: 0
}

.product__details p.range-name a {
  color: black;
  font-size: 16px
}

.product__details p.range-name a:hover {
  color: #570505
}

.product__details p.range-name a span {
  color: #9f090a;
  text-transform: uppercase
}

.product__details p.range-name a span:hover {
  color: #570505
}

.product__pricing {
  border-top: 1px solid black;
  border-bottom: 1px solid black
}

.product__pricing p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0
}

.product__pricing p .price, .product__pricing p .price-range {
  display: block;
  font-size: 22px;
  line-height: 28px
}

@media screen and (min-width: 25.94rem) {
  .product__pricing p .price, .product__pricing p .price-range {
    font-size: 16px;
    line-height: 20px
  }
}

.product__pricing .price {
  color: #9f090a
}

.product__pricing .saving {
  background: #9f090a;
  color: white
}

.product__pricing .saving span.price {
  color: white
}

.product__actions i.sa {
  font-size: .875rem;
  padding-right: 3px
}

.product__actions i.sa.sa-angle-right {
  padding-right: 0;
  padding-left: 3px
}

.product__actions a {
  color: black;
  line-height: normal
}

.product-modal {
  border: 1px solid #9f090a
}

.product-modal .product-header {
  width: 100%;
  border-bottom: 1px dotted black
}

.product-modal .product-header span.counts {
  display: block
}

@media screen and (min-width: 46rem) {
  .product-modal .product-header span.counts {
    display: inline-block
  }
}

.product-modal .product-info {
  font-size: 14px;
  font-weight: bold
}

.product-modal .product-info strong {
  color: #9f090a
}

.product-modal .product-info span.counts {
  display: block
}

@media screen and (max-width: 414px) and (orientation: portrait) {
  .product-modal .product-info .delivery {
    display: block;
    padding-left: 0 !important
  }
}

.product-modal .product-info .delivery strong {
  color: black
}

.product-modal .product-info i.sa {
  padding-right: 3px
}

.product-modal a.close {
  color: #9f090a;
  font-size: 14px;
  opacity: 1 !important
}

.product-modal a.close i.sa {
  vertical-align: middle
}

.product-modal .slick-slider {
  margin-bottom: 0;
  padding-bottom: 0
}

.product-modal .slick-slider.bundle-slider .slick-list {
  height: 100% !important
}

.product-modal .slick-slider.bundle-slider .slick-track {
  max-height: 100%
}

@media screen and (min-width: 48rem) {
  .product-modal .slick-slider .slick-list {
    min-height: 0
  }
}

.product-modal .slick-slide {
  position: relative
}

@media screen and (min-width: 80rem) {
  .product-modal .slick-slide.bundle-slider {
    border-right: 1px dotted #ccc
  }
  .product-modal .slick-slide.bundle-slider:nth-of-type(even) {
    border-right: none
  }
}

.product-modal .slick-slide:focus {
  outline: none
}

.product-modal .slick-next, .product-modal .slick-prev {
  z-index: 1;
  font-size: 30px;
  height: 30px;
  position: absolute;
  padding: 0;
  border: none;
  background: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: auto
}

.product-modal .slick-next:before, .product-modal .slick-prev:before {
  display: none
}

.product-modal .slick-next:focus, .product-modal .slick-prev:focus {
  outline: none
}

.product-modal .slick-next {
  right: -27px
}

.product-modal .slick-prev {
  left: -27px
}

.product-modal .slick-next i.sa, .product-modal .slick-prev i.sa {
  position: absolute
}

.product-modal .sa-stack {
  width: 30px;
  height: 30px;
  line-height: 30px
}

.product-modal .sa-stack .sa-stack-2x {
  color: #555;
  font-size: 30px
}

.product-modal .sa-stack .sa-stack-1x {
  color: white;
  font-size: 20px;
  position: absolute
}

.product-modal .product-details {
  height: 100%
}

.product-modal .product-details p.product-description {
  font-size: 14px;
  height: 54px;
  line-height: 18px
}

.product-modal .product-details p a {
  color: black
}

.product-modal .product-details .variant {
  display: block
}

.product-modal .product-details figure.swatch-image {
  margin: 0
}

.product-modal .product-details a.btn {
  border-color: #ccc;
  color: #9f090a;
  font-size: 14px
}

.product-modal .prices {
  position: relative
}

.product-modal p {
  margin-bottom: 0
}

.product-modal p.price {
  color: #9f090a;
  font-size: 30px;
  font-weight: bold;
  line-height: 20px;
  position: absolute;
  bottom: 0;
  left: 0
}

.product-modal p.savings {
  color: #9f090a;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  text-align: right
}

@media screen and (min-width: 46rem) {
  .product-modal p.savings {
    font-size: 16px;
    line-height: 16px
  }
}

.product-modal p.savings span.was {
  color: black;
  line-height: 20px
}

@media screen and (min-width: 46rem) {
  .product-modal p.savings span.was {
    line-height: 16px
  }
}

.product-modal p.refurbished {
  color: black;
  font-size: 12px;
  line-height: 15px;
  height: 9px;
  border-bottom: 1px solid #9f090a
}

@media screen and (min-width: 46rem) {
  .product-modal p.refurbished {
    font-size: 14px;
    line-height: 17px
  }
}

.product-modal p.refurbished span {
  background: white;
  display: inline-block;
  padding: 0 5px
}

.product-modal p.stock {
  color: #9f090a;
  font-size: 14px;
  line-height: 17px
}

.product-modal .order-direct {
  border-top: 2px solid #9f090a
}

.product-modal .order-direct small {
  font-size: 12px;
  line-height: 15px;
  width: 100%;
  text-align: center;
  display: inline-block;
  color: black
}

@media screen and (min-width: 46rem) {
  .product-modal .order-direct small {
    width: 50%;
    float: left;
    text-align: left
  }
}

.product-modal .order-direct span {
  line-height: normal
}

.product-modal .order-direct a.btn {
  border-color: #ccc;
  border-width: 1px;
  color: #9f090a;
  font-size: 14px;
  margin: 20px auto;
  display: block;
  width: auto
}

@media screen and (min-width: 46rem) {
  .product-modal .order-direct a.btn {
    float: right;
    margin: 0;
    display: inline-block;
    width: auto;
    max-width: 50%
  }
}

flippy.card {
  position: relative;
  cursor: pointer;
  height: 490px;
  width: 100%
}

@media screen and (min-width: 25.94rem) {
  flippy.card {
    height: 540px
  }
}

@media screen and (min-width: 46rem) {
  flippy.card {
    height: 430px
  }
}

@media screen and (max-width: 414px) and (orientation: portrait) {
  flippy.card {
    height: 415px
  }
}

@media screen and (min-width: 80rem) {
  flippy.card {
    height: 450px
  }
}

@media screen and (min-width: 85.375rem) {
  flippy.card {
    height: 470px
  }
}

flippy.card flippy-front {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: inherit;
  height: inherit;
  background: white;
  text-align: center
}

flippy.card flippy-front i.sa {
  position: absolute;
  font-size: 20px;
  top: 0;
  right: -24px
}

@media screen and (min-width: 25.94rem) {
  flippy.card flippy-front i.sa {
    right: 0
  }
}

@media screen and (min-width: 80rem) {
  flippy.card flippy-front i.sa {
    top: 12px;
    right: 12px
  }
}

flippy.card flippy-back {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 901;
  width: inherit;
  height: inherit;
  background: #babcc0;
  text-align: center
}

flippy.card flippy-back h3 {
  font-size: 14px;
  line-height: 20px;
  margin: 0
}

flippy.card flippy-back h3:after {
  content: '';
  display: block;
  max-width: 80px;
  border-top: 2px solid white;
  margin: 15px auto
}

flippy.card flippy-back p {
  font-size: 14px;
  line-height: 17px
}

flippy.card flippy-back i.sa {
  position: absolute;
  font-size: 20px;
  top: 12px;
  right: 12px
}

ul.bundles {
  height: 50px;
  margin-top: 16px;
  margin-bottom: 16px
}

ul.bundles .bundle-border {
  border: 1px solid #ccc
}

.bundle figure {
  margin: 0
}

.bundle figure figcaption {
  font-size: 14px;
  line-height: 14px;
  text-transform: capitalize
}

.bundle .product__pricing {
  border: none;
  position: relative
}

.bundle .product__pricing p.savings {
  line-height: 20px
}

.bundle p.stock {
  border-top: 1px solid #9f090a;
  color: black;
  font-size: 18px;
  font-weight: bold
}

.bundle small {
  line-height: normal;
  display: inline-block;
  text-align: center;
  font-size: 12px
}

@media screen and (min-width: 46rem) {
  .bundle small {
    line-height: 15px;
    text-align: left
  }
}

ul.pagination li {
  font-size: 14px;
  line-height: 17px
}

ul.pagination li.page {
  display: block;
  text-align: right;
  width: 100%
}

ul.pagination li.disabled {
  display: none
}

ul.pagination li a {
  color: black
}

ul.pagination li.active a {
  font-weight: bold
}

.in-page-nav {
  background: #fff;
  padding: 12px 0;
  text-align: center
}

@media screen and (min-width: 48rem) {
  .in-page-nav .container {
    margin: 0;
    width: 100% !important;
    max-width: 100% !important
  }
}

.in-page-nav ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width: 48rem) {
  .in-page-nav ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
}

@media screen and (min-width: 80rem) {
  .in-page-nav ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.in-page-nav li {
  margin-bottom: 0;
  font-family: fs-emeric-medium;
  line-height: 1.1875rem;
  letter-spacing: -.03em;
  margin: 0 5px
}

@media screen and (min-width: 64rem) {
  .in-page-nav li {
    margin: 0 15px
  }
}

.in-page-nav li a:not(.btn) {
  color: #3F3F3F;
  opacity: .7
}

.in-page-nav li a:not(.btn):hover {
  opacity: 1
}

.in-page-nav li.range-name {
  margin-left: 29px;
  margin-right: 0;
  text-transform: capitalize
}

@media screen and (min-width: 48rem) {
  .in-page-nav li.range-name {
    margin: 0
  }
}

.in-page-nav li.back {
  position: absolute;
  top: 50%;
  left: 1%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  color: #3F3F3F;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate(-5%, -50%);
  transform: translate(-5%, -50%)
}

.in-page-nav li.back a {
  opacity: 1
}

.in-page-nav li.back i.sa {
  position: relative;
  top: -2px;
  font-size: 1.5rem;
  padding-right: 4px
}

.in-page-nav li a i.sa {
  position: relative;
  top: -2px;
  font-size: 1.125rem;
  padding-left: 4px;
  vertical-align: middle;
  width: 16px
}

.in-page-nav li.has-dd {
  position: relative
}

.in-page-nav li.has-dd a.btn {
  font-size: .875rem !important;
  padding: 0 8px !important
}

@media screen and (min-width: 48rem) {
  .in-page-nav li.has-dd a.btn {
    font-size: inherit;
    padding: 0 16px !important
  }
}

.in-page-nav li.has-dd a.btn:hover {
  background-color: #000;
  border-color: transparent;
  color: #fff !important
}

.in-page-nav li.has-dd a i.sa {
  margin-left: 0;
  margin-right: 0
}

@media screen and (min-width: 48rem) {
  .in-page-nav li.has-dd a i.sa {
    margin-left: 12px
  }
}

.in-page-nav li ul.dd {
  position: absolute;
  top: 50px;
  left: 50%;
  background-color: #000;
  display: none;
  padding: 10px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1001;
  width: 90%
}

.in-page-nav li ul.dd:before {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #000;
  border-top: 10px solid transparent;
  position: absolute;
  top: -20px;
  right: 12px;
  content: '';
  display: block
}

.in-page-nav li ul.dd.show {
  display: block
}

.in-page-nav li ul.dd li {
  text-align: left;
  margin: 0 0 10px
}

.in-page-nav li ul.dd li:last-of-type {
  margin-bottom: 0
}

.in-page-nav li ul.dd a {
  color: #fff;
  font-size: 1rem;
  line-height: normal;
  opacity: 1
}

#intro-panel {
  overflow: hidden;
  position: relative;
  padding: 105px 5%;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

#intro-panel>img {
  margin-bottom: 40px;
  max-height: 90%;
  width: 100%;
  z-index: 3
}

@media screen and (min-width: 48rem) {
  #intro-panel>img {
    position: absolute;
    top: 30%;
    right: 50%;
    margin-bottom: 0;
    width: auto
  }
}

@media screen and (min-width: 64rem) {
  #intro-panel>img {
    position: inherit;
    right: 55%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
  }
}

.intro {
  min-height: 800px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.intro h1.available-for-xmas {
  background: url("http://images.sofology.co.uk/image/upload/c_scale,w_100/v1476104757/Christmas%202017/box.png") no-repeat 0 50%;
  background-size: 25% auto;
  line-height: 34px;
  padding: 20px 0 20px 85px;
  font-size: 2rem
}

@media screen and (min-width: 25.94rem) {
  .intro h1.available-for-xmas {
    background-size: 10% auto;
    background-position: 0 0;
    padding: 20px 0 20px 53px;
    margin-bottom: 10px
  }
}

@media screen and (min-width: 46rem) {
  .intro h1.available-for-xmas {
    padding: 20px 0 20px 60px
  }
}

@media screen and (min-width: 48rem) {
  .intro h1.available-for-xmas {
    background-size: 15% auto;
    background-position: 0 5px;
    font-size: 2.35rem;
    line-height: 40px;
    padding: 20px 0 20px 65px
  }
}

@media screen and (min-width: 64rem) {
  .intro h1.available-for-xmas {
    background-size: 12% auto;
    background-position: 0 0;
    padding-left: 65px
  }
}

@media screen and (min-width: 80rem) {
  .intro h1.available-for-xmas {
    background-size: 60px auto;
    background-position: 0 0;
    padding-left: 75px
  }
}

.intro h1 span.range-name {
  text-transform: capitalize
}

.intro .banner__text {
  padding: 0
}

@media screen and (min-width: 48rem) {
  .intro .banner__text {
    width: 50%
  }
}

@media screen and (min-width: 64rem) {
  .intro .banner__text {
    width: 55%
  }
}

@media screen and (min-width: 80rem) {
  .intro .banner__text {
    padding: 0 5% 0 2%
  }
}

.intro .banner__container {
  margin: 0 auto;
  width: 82%
}

@media screen and (min-width: 48rem) {
  .intro .banner__container {
    margin: 0 5%;
    width: 90%
  }
}

@media screen and (min-width: 64rem) {
  .intro .banner__container {
    position: absolute;
    top: 50%;
    left: 0;
    margin: 0 5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 90%
  }
}

@media (min-width: 80em) {
  .intro .banner__container {
    left: inherit
  }
}

.intro__content__details {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

@media screen and (min-width: 48rem) {
  .intro__content__details {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
  }
}

.intro__content__details .pull-left {
  float: left
}

.intro__content__details .pull-right {
  float: right
}

.intro__content__details ul {
  margin-bottom: 0
}

@media screen and (min-width: 64rem) {
  .intro__content__details ul {
    -ms-flex-item-align: start;
    align-self: flex-start
  }
}

@media screen and (min-width: 64rem) {
  .intro__content__details p {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-bottom: 0
  }
}

.intro__content__details p.price {
  line-height: 1.9375rem;
  margin-bottom: 24px
}

@media screen and (min-width: 62rem) {
  .intro__content__details p.price {
    margin-bottom: 0
  }
}

@media screen and (min-width: 64rem) {
  .intro__content__details p.price {
    font-size: 38px;
    line-height: 38px
  }
}

.intro__content__details a.btn {
  background-color: #000 !important;
  color: #fff !important;
  border-color: transparent;
  margin-bottom: 3rem
}

@media screen and (min-width: 64rem) {
  .intro__content__details a.btn {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 0
  }
}

.intro__content__details a.btn:hover {
  background-color: #fff !important;
  color: #000 !important;
  border-color: transparent
}

.intro__content__details ul {
  margin-bottom: 16px
}

.intro__content__details ul li {
  line-height: 1.125rem;
  letter-spacing: 0
}

.intro__content__details ul li:first-child {
  border-right: 1px solid #202020;
  padding-right: 5px
}

.intro__content__details ul li:last-child {
  padding-left: 0
}

.xmas-countdown-banner {
  width: 100%;
  height: 70px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #3F3F3F;
  color: white;
  font-family: fs-emeric-medium;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.xmas-countdown-banner .inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 50px
}

@media screen and (min-width: 48rem) {
  .xmas-countdown-banner .inner {
    padding: 0
  }
}

.xmas-countdown-banner .inner p.available-for-xmas-icon {
  background: url(http://images.sofology.co.uk/image/upload/c_scale,w_100/v1476104757/Christmas%202017/box.png) no-repeat 0 0;
  background-size: 50px;
  display: block;
  font-size: 1rem;
  line-height: 1.3rem;
  margin: 0;
  padding: 0 0 0 60px;
  text-align: left;
  width: 160px
}

@media screen and (min-width: 48rem) {
  .xmas-countdown-banner .inner p.available-for-xmas-icon {
    font-size: 1.25rem;
    width: auto
  }
}

.xmas-countdown-banner .inner p.available-for-xmas-icon .strong {
  font-weight: 600
}

.xmas-countdown-banner .inner p.available-for-xmas-icon .xmas-font-image {
  width: 60px;
  height: 10px;
  display: inline-block;
  background: url(http://images.sofology.co.uk/image/upload/c_scale,w_300/v1476446884/christmas_1_lgoco6.png) no-repeat 0 0;
  background-size: 80px;
  padding: 10px;
  vertical-align: middle
}

@media screen and (min-width: 48rem) {
  .xmas-countdown-banner .inner p.available-for-xmas-icon .xmas-font-image {
    background-size: 130px;
    width: 112px;
    height: 30px
  }
}

@media screen and (min-width: 80rem) {
  .xmas-countdown-banner .inner p.available-for-xmas-icon .xmas-font-image {
    background-size: 150px;
    width: 130px;
    height: 35px
  }
}

.lifestyle img {
  width: 100%;
  height: auto
}

.views-wrapper {
  position: relative
}

.views-wrapper .views-options {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 18px 5%;
  z-index: 1
}

@media screen and (min-width: 48rem) {
  .views-wrapper .views-options {
    position: absolute;
    top: 35px;
    right: 5%;
    padding: 0
  }
}

.views-wrapper .views-options button {
  background: none;
  border: none;
  padding: 0;
  margin-right: 18px
}

.views-wrapper .views-options button:last-of-type {
  margin-right: 0
}

.views-wrapper .views-options button i.sa {
  font-size: 1.875rem;
  margin: 0
}

.colour-picker, .colour-picker-strip {
  background-color: #D7D8D1;
  padding: 18px 0
}

@media screen and (min-width: 48rem) {
  .colour-picker, .colour-picker-strip {
    padding: 35px 0
  }
}

.colour-picker span.pagingInfo, .colour-picker-strip span.pagingInfo {
  display: block;
  font-family: fs-emeric-regular;
  font-size: 1.125rem;
  padding-top: 20px;
  text-align: center
}

.colour-picker .container, .colour-picker-strip .container {
  margin: 0 10%;
  width: 80%
}

@media screen and (min-width: 48rem) {
  .colour-picker .container, .colour-picker-strip .container {
    margin: 0 5%;
    width: 90% !important
  }
}

.colour-picker header, .colour-picker-strip header {
  background-color: transparent !important;
  margin-bottom: 30px;
  text-align: center
}

.colour-picker h2, .colour-picker-strip h2 {
  color: #202020;
  margin-bottom: 5px
}

.colour-picker small, .colour-picker-strip small {
  color: #202020;
  font-size: 1.125rem;
  font-family: fs-emeric-regular;
  line-height: 1.3125rem
}

.colour-picker small.current-fabric, .colour-picker-strip small.current-fabric {
  display: none
}

.colour-picker .slick-colour-strip figure.slick-center small.current-fabric, .colour-picker-strip .slick-colour-strip figure.slick-center small.current-fabric {
  display: block
}

.colour-picker .slick-colour .slick-slide>div, .colour-picker .slick-colour-strip .slick-slide>div, .colour-picker-strip .slick-colour .slick-slide>div, .colour-picker-strip .slick-colour-strip .slick-slide>div {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.colour-picker .slick-colour span.available-for-xmas, .colour-picker .slick-colour-strip span.available-for-xmas, .colour-picker-strip .slick-colour span.available-for-xmas, .colour-picker-strip .slick-colour-strip span.available-for-xmas {
  width: 50px;
  height: 50px;
  background: url("http://images.sofology.co.uk/image/upload/c_scale,w_55/v1476104757/Christmas%202017/box.png") no-repeat 0 50%;
  display: inline-block;
  opacity: 1;
  left: auto;
  right: 60px
}

.colour-picker .slick-colour .slick-arrow, .colour-picker .slick-colour-strip .slick-arrow, .colour-picker-strip .slick-colour .slick-arrow, .colour-picker-strip .slick-colour-strip .slick-arrow {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 35%;
  border-radius: 45px;
  background-color: #656760;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1
}

@media screen and (min-width: 48rem) {
  .colour-picker .slick-colour .slick-arrow, .colour-picker .slick-colour-strip .slick-arrow, .colour-picker-strip .slick-colour .slick-arrow, .colour-picker-strip .slick-colour-strip .slick-arrow {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 45%;
    border-radius: 50%
  }
}

.colour-picker .slick-colour .slick-arrow:before, .colour-picker .slick-colour-strip .slick-arrow:before, .colour-picker-strip .slick-colour .slick-arrow:before, .colour-picker-strip .slick-colour-strip .slick-arrow:before {
  color: #3F3F3F;
  font-size: 2rem
}

.colour-picker .slick-colour .slick-arrow.slick-disabled, .colour-picker .slick-colour-strip .slick-arrow.slick-disabled, .colour-picker-strip .slick-colour .slick-arrow.slick-disabled, .colour-picker-strip .slick-colour-strip .slick-arrow.slick-disabled {
  opacity: .25
}

.colour-picker .slick-colour .slick-prev, .colour-picker .slick-colour-strip .slick-prev, .colour-picker-strip .slick-colour .slick-prev, .colour-picker-strip .slick-colour-strip .slick-prev {
  left: -20px
}

@media screen and (min-width: 48rem) {
  .colour-picker .slick-colour .slick-prev, .colour-picker .slick-colour-strip .slick-prev, .colour-picker-strip .slick-colour .slick-prev, .colour-picker-strip .slick-colour-strip .slick-prev {
    left: -22px
  }
}

@media screen and (min-width: 64rem) {
  .colour-picker .slick-colour .slick-prev, .colour-picker .slick-colour-strip .slick-prev, .colour-picker-strip .slick-colour .slick-prev, .colour-picker-strip .slick-colour-strip .slick-prev {
    left: -15px
  }
}

@media screen and (min-width: 80rem) {
  .colour-picker .slick-colour .slick-prev, .colour-picker .slick-colour-strip .slick-prev, .colour-picker-strip .slick-colour .slick-prev, .colour-picker-strip .slick-colour-strip .slick-prev {
    left: -45px
  }
}

.colour-picker .slick-colour .slick-next, .colour-picker .slick-colour-strip .slick-next, .colour-picker-strip .slick-colour .slick-next, .colour-picker-strip .slick-colour-strip .slick-next {
  right: -20px
}

@media screen and (min-width: 48rem) {
  .colour-picker .slick-colour .slick-next, .colour-picker .slick-colour-strip .slick-next, .colour-picker-strip .slick-colour .slick-next, .colour-picker-strip .slick-colour-strip .slick-next {
    right: -22px
  }
}

@media screen and (min-width: 64rem) {
  .colour-picker .slick-colour .slick-next, .colour-picker .slick-colour-strip .slick-next, .colour-picker-strip .slick-colour .slick-next, .colour-picker-strip .slick-colour-strip .slick-next {
    right: -15px
  }
}

@media screen and (min-width: 80rem) {
  .colour-picker .slick-colour .slick-next, .colour-picker .slick-colour-strip .slick-next, .colour-picker-strip .slick-colour .slick-next, .colour-picker-strip .slick-colour-strip .slick-next {
    right: -45px
  }
}

.colour-picker .slick-colour ul.slick-dots, .colour-picker .slick-colour-strip ul.slick-dots, .colour-picker-strip .slick-colour ul.slick-dots, .colour-picker-strip .slick-colour-strip ul.slick-dots {
  position: absolute;
  bottom: -50px;
  left: 50%;
  background: #fff;
  border-radius: 32px;
  padding: 8px 16px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  width: auto
}

.colour-picker .slick-colour ul.slick-dots li, .colour-picker .slick-colour-strip ul.slick-dots li, .colour-picker-strip .slick-colour ul.slick-dots li, .colour-picker-strip .slick-colour-strip ul.slick-dots li {
  margin: 0 5px;
  padding: 0;
  text-align: center;
  width: auto
}

.colour-picker .slick-colour ul.slick-dots li i.sa, .colour-picker .slick-colour-strip ul.slick-dots li i.sa, .colour-picker-strip .slick-colour ul.slick-dots li i.sa, .colour-picker-strip .slick-colour-strip ul.slick-dots li i.sa {
  color: #656760;
  font-size: .625rem
}

.colour-picker .slick-colour ul.slick-dots li.slick-active i.sa:before, .colour-picker .slick-colour-strip ul.slick-dots li.slick-active i.sa:before, .colour-picker-strip .slick-colour ul.slick-dots li.slick-active i.sa:before, .colour-picker-strip .slick-colour-strip ul.slick-dots li.slick-active i.sa:before {
  content: '\f04c'
}

.colour-picker .slick-colour ul.slick-dots li button, .colour-picker .slick-colour-strip ul.slick-dots li button, .colour-picker-strip .slick-colour ul.slick-dots li button, .colour-picker-strip .slick-colour-strip ul.slick-dots li button {
  text-align: center
}

.colour-picker .slick-colour ul.slick-dots li button:before, .colour-picker .slick-colour-strip ul.slick-dots li button:before, .colour-picker-strip .slick-colour ul.slick-dots li button:before, .colour-picker-strip .slick-colour-strip ul.slick-dots li button:before {
  width: 100%
}

.colour-picker .slick-colour figure, .colour-picker .slick-colour-strip figure, .colour-picker-strip .slick-colour figure, .colour-picker-strip .slick-colour-strip figure {
  border: 3px solid transparent;
  margin-right: 0;
  margin-bottom: 0;
  padding: 10px;
  position: relative;
  text-align: center
}

.colour-picker .slick-colour figure img, .colour-picker .slick-colour-strip figure img, .colour-picker-strip .slick-colour figure img, .colour-picker-strip .slick-colour-strip figure img {
  margin: 0 auto
}

.colour-picker .slick-colour figure a, .colour-picker .slick-colour-strip figure a, .colour-picker-strip .slick-colour figure a, .colour-picker-strip .slick-colour-strip figure a {
  display: block
}

.colour-picker .slick-colour figure figcaption, .colour-picker .slick-colour-strip figure figcaption, .colour-picker-strip .slick-colour figure figcaption, .colour-picker-strip .slick-colour-strip figure figcaption {
  color: #F7F7F7;
  font-family: fs-emeric-light;
  font-size: .875rem;
  text-transform: capitalize
}

@media screen and (min-width: 48rem) {
  .colour-picker .slick-colour figure figcaption, .colour-picker .slick-colour-strip figure figcaption, .colour-picker-strip .slick-colour figure figcaption, .colour-picker-strip .slick-colour-strip figure figcaption {
    font-family: fs-emeric-regular;
    font-size: 1.125rem
  }
}

.colour-picker .slick-colour figure.slick-current figcaption, .colour-picker .slick-colour-strip figure.slick-current figcaption, .colour-picker-strip .slick-colour figure.slick-current figcaption, .colour-picker-strip .slick-colour-strip figure.slick-current figcaption {
  opacity: 1
}

.colour-picker .slick-colour figure span, .colour-picker-strip .slick-colour figure span {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #3F3F3F;
  color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  z-index: 1001
}

.colour-picker .slick-colour figure span.available-for-xmas, .colour-picker-strip .slick-colour figure span.available-for-xmas {
  width: 30px;
  height: 30px;
  background-size: cover;
  display: inline-block;
  right: 5px;
  top: 5px
}

.colour-picker .slick-colour figure span i.sa, .colour-picker-strip .slick-colour figure span i.sa {
  position: relative;
  top: -2px;
  right: -2px
}

.colour-picker .slick-colour figure span i.sa:before, .colour-picker-strip .slick-colour figure span i.sa:before {
  font-weight: bold
}

.colour-picker .slick-colour figure a, .colour-picker-strip .slick-colour figure a {
  color: #3F3F3F
}

.colour-picker .slick-colour figure a:hover, .colour-picker-strip .slick-colour figure a:hover {
  color: #3F3F3F
}

.colour-picker .slick-colour figure:hover, .colour-picker .slick-colour figure.active, .colour-picker-strip .slick-colour figure:hover, .colour-picker-strip .slick-colour figure.active {
  border-color: #3F3F3F;
  cursor: pointer
}

.colour-picker .slick-colour figure:hover span, .colour-picker .slick-colour figure.active span, .colour-picker-strip .slick-colour figure:hover span, .colour-picker-strip .slick-colour figure.active span {
  opacity: 1
}

.colour-picker .slick-colour-strip figure span, .colour-picker-strip .slick-colour-strip figure span {
  display: none
}

@media screen and (min-width: 80rem) {
  .colour-picker .slick-colour-strip .slick-track, .colour-picker-strip .slick-colour-strip .slick-track {
    padding: 0 0 100px 0
  }
}

.colour-picker .slick-colour-strip .slick-slide, .colour-picker-strip .slick-colour-strip .slick-slide {
  min-width: 350px
}

.colour-picker .slick-colour-strip .slick-slide img, .colour-picker-strip .slick-colour-strip .slick-slide img {
  max-width: 200px;
  min-width: 200px;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: -webkit-transform linear .3s;
  transition: -webkit-transform linear .3s;
  transition: transform linear .3s;
  transition: transform linear .3s, -webkit-transform linear .3s
}

@media screen and (min-width: 48rem) {
  .colour-picker .slick-colour-strip .slick-slide img, .colour-picker-strip .slick-colour-strip .slick-slide img {
    max-width: 350px;
    min-width: 350px
  }
}

@media screen and (min-width: 80rem) {
  .colour-picker .slick-colour-strip .slick-slide img, .colour-picker-strip .slick-colour-strip .slick-slide img {
    max-width: 700px;
    min-width: 700px;
    min-height: 300px
  }
}

@media screen and (min-width: 85.375rem) {
  .colour-picker .slick-colour-strip .slick-slide img, .colour-picker-strip .slick-colour-strip .slick-slide img {
    max-width: 900px;
    min-width: 900px
  }
}

.colour-picker .slick-colour-strip figure, .colour-picker-strip .slick-colour-strip figure {
  margin-right: 0
}

.colour-picker .slick-colour-strip figure span.available-for-xmas, .colour-picker-strip .slick-colour-strip figure span.available-for-xmas {
  display: none
}

.colour-picker .slick-colour-strip figure figcaption, .colour-picker-strip .slick-colour-strip figure figcaption {
  opacity: 0
}

.colour-picker .slick-colour-strip figure.slick-center, .colour-picker-strip .slick-colour-strip figure.slick-center {
  padding-bottom: 0
}

@media screen and (min-width: 48rem) {
  .colour-picker .slick-colour-strip figure.slick-center, .colour-picker-strip .slick-colour-strip figure.slick-center {
    min-width: 350px
  }
}

.colour-picker .slick-colour-strip figure.slick-center figcaption, .colour-picker-strip .slick-colour-strip figure.slick-center figcaption {
  margin-top: 30px;
  opacity: 1
}

.colour-picker .slick-colour-strip figure.slick-center img, .colour-picker-strip .slick-colour-strip figure.slick-center img {
  -webkit-transform: scale(1.25);
  transform: scale(1.25)
}

@media screen and (min-width: 80rem) {
  .colour-picker .slick-colour-strip figure.slick-center img, .colour-picker-strip .slick-colour-strip figure.slick-center img {
    max-width: 700px
  }
}

@media screen and (min-width: 85.375rem) {
  .colour-picker .slick-colour-strip figure.slick-center img, .colour-picker-strip .slick-colour-strip figure.slick-center img {
    max-width: 900px
  }
}

.colour-picker .slick-colour-strip figure.slick-center span.available-for-xmas, .colour-picker-strip .slick-colour-strip figure.slick-center span.available-for-xmas {
  width: 35px;
  height: 35px;
  display: inline-block;
  right: 50px;
  top: -20px
}

@media screen and (min-width: 48rem) {
  .colour-picker .slick-colour-strip figure.slick-center span.available-for-xmas, .colour-picker-strip .slick-colour-strip figure.slick-center span.available-for-xmas {
    width: 45px;
    height: 45px;
    display: inline-block;
    right: -30px;
    top: -10px
  }
}

@media screen and (min-width: 64rem) {
  .colour-picker .slick-colour-strip figure.slick-center span.available-for-xmas, .colour-picker-strip .slick-colour-strip figure.slick-center span.available-for-xmas {
    width: 55px;
    height: 55px;
    display: inline-block;
    right: 0;
    top: -10px
  }
}

.colour-picker .slick-colour-strip figure a, .colour-picker-strip .slick-colour-strip figure a {
  color: #202020
}

.colour-picker .slick-colour-strip figure a:hover, .colour-picker-strip .slick-colour-strip figure a:hover {
  color: #202020
}

.colour-picker .slick-colour-strip figure figcaption, .colour-picker-strip .slick-colour-strip figure figcaption {
  color: #202020;
  font-family: fs-emeric-regular;
  line-height: 1.125rem;
  text-align: center
}

.colour-picker .slick-colour-strip .slick-arrow, .colour-picker-strip .slick-colour-strip .slick-arrow {
  z-index: 1
}

.colour-picker .slick-colour-strip .slick-prev, .colour-picker-strip .slick-colour-strip .slick-prev {
  left: -20px
}

@media screen and (min-width: 48rem) {
  .colour-picker .slick-colour-strip .slick-prev, .colour-picker-strip .slick-colour-strip .slick-prev {
    left: 17px
  }
}

@media screen and (min-width: 64rem) {
  .colour-picker .slick-colour-strip .slick-prev, .colour-picker-strip .slick-colour-strip .slick-prev {
    left: 37px
  }
}

.colour-picker .slick-colour-strip .slick-next, .colour-picker-strip .slick-colour-strip .slick-next {
  right: -20px
}

@media screen and (min-width: 48rem) {
  .colour-picker .slick-colour-strip .slick-next, .colour-picker-strip .slick-colour-strip .slick-next {
    right: 17px
  }
}

@media screen and (min-width: 64rem) {
  .colour-picker .slick-colour-strip .slick-next, .colour-picker-strip .slick-colour-strip .slick-next {
    right: 37px
  }
}

.colour-picker.sofology-red-bg, .colour-picker-strip.sofology-red-bg {
  background-color: #9F090A !important;
  color: #fff !important
}

.colour-picker.sofology-red-bg h1, .colour-picker.sofology-red-bg h2, .colour-picker.sofology-red-bg h3, .colour-picker.sofology-red-bg h4, .colour-picker.sofology-red-bg p, .colour-picker-strip.sofology-red-bg h1, .colour-picker-strip.sofology-red-bg h2, .colour-picker-strip.sofology-red-bg h3, .colour-picker-strip.sofology-red-bg h4, .colour-picker-strip.sofology-red-bg p {
  color: #fff
}

.colour-picker.sofology-red-bg ul li, .colour-picker-strip.sofology-red-bg ul li {
  border-color: #fff !important
}

.colour-picker.sofology-red-bg h1, .colour-picker.sofology-red-bg h2, .colour-picker.sofology-red-bg h3, .colour-picker.sofology-red-bg h4, .colour-picker.sofology-red-bg p, .colour-picker-strip.sofology-red-bg h1, .colour-picker-strip.sofology-red-bg h2, .colour-picker-strip.sofology-red-bg h3, .colour-picker-strip.sofology-red-bg h4, .colour-picker-strip.sofology-red-bg p {
  color: #fff
}

.colour-picker.sofology-red-bg .c-btn, .colour-picker-strip.sofology-red-bg .c-btn {
  color: #fff !important
}

.colour-picker.sofology-red-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover, .colour-picker-strip.sofology-red-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.colour-picker.sofology-red-bg small, .colour-picker-strip.sofology-red-bg small {
  color: #fff !important
}

.colour-picker.sofology-red-bg figure figcaption, .colour-picker-strip.sofology-red-bg figure figcaption {
  color: #fff !important
}

.colour-picker.sofology-red-bg figure:hover, .colour-picker-strip.sofology-red-bg figure:hover {
  border-color: #fff !important
}

.colour-picker.sofology-red-bg figure:hover:before, .colour-picker-strip.sofology-red-bg figure:hover:before {
  background-color: #fff !important;
  color: #3F3F3F !important
}

.colour-picker.sofology-blue-bg, .colour-picker-strip.sofology-blue-bg {
  background-color: #009FEE !important;
  color: #fff !important
}

.colour-picker.sofology-blue-bg h1, .colour-picker.sofology-blue-bg h2, .colour-picker.sofology-blue-bg h3, .colour-picker.sofology-blue-bg h4, .colour-picker.sofology-blue-bg p, .colour-picker-strip.sofology-blue-bg h1, .colour-picker-strip.sofology-blue-bg h2, .colour-picker-strip.sofology-blue-bg h3, .colour-picker-strip.sofology-blue-bg h4, .colour-picker-strip.sofology-blue-bg p {
  color: #fff
}

.colour-picker.sofology-blue-bg ul li, .colour-picker-strip.sofology-blue-bg ul li {
  border-color: #fff !important
}

.colour-picker.sofology-blue-bg h1, .colour-picker.sofology-blue-bg h2, .colour-picker.sofology-blue-bg h3, .colour-picker.sofology-blue-bg h4, .colour-picker.sofology-blue-bg p, .colour-picker-strip.sofology-blue-bg h1, .colour-picker-strip.sofology-blue-bg h2, .colour-picker-strip.sofology-blue-bg h3, .colour-picker-strip.sofology-blue-bg h4, .colour-picker-strip.sofology-blue-bg p {
  color: #fff
}

.colour-picker.sofology-blue-bg .c-btn, .colour-picker-strip.sofology-blue-bg .c-btn {
  color: #fff !important
}

.colour-picker.sofology-blue-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover, .colour-picker-strip.sofology-blue-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.colour-picker.sofology-blue-bg small, .colour-picker-strip.sofology-blue-bg small {
  color: #fff !important
}

.colour-picker.sofology-blue-bg figure figcaption, .colour-picker-strip.sofology-blue-bg figure figcaption {
  color: #fff !important
}

.colour-picker.sofology-blue-bg figure:hover, .colour-picker-strip.sofology-blue-bg figure:hover {
  border-color: #fff !important
}

.colour-picker.sofology-blue-bg figure:hover:before, .colour-picker-strip.sofology-blue-bg figure:hover:before {
  background-color: #fff !important;
  color: #3F3F3F !important
}

.colour-picker.white-bg, .colour-picker-strip.white-bg {
  background-color: #fff !important;
  color: #3F3F3F !important
}

.colour-picker.white-bg h1, .colour-picker.white-bg h2, .colour-picker.white-bg h3, .colour-picker.white-bg h4, .colour-picker.white-bg p, .colour-picker-strip.white-bg h1, .colour-picker-strip.white-bg h2, .colour-picker-strip.white-bg h3, .colour-picker-strip.white-bg h4, .colour-picker-strip.white-bg p {
  color: #fff
}

.colour-picker.white-bg ul li, .colour-picker-strip.white-bg ul li {
  border-color: #3F3F3F !important
}

.colour-picker.white-bg .c-btn, .colour-picker-strip.white-bg .c-btn {
  color: #3F3F3F !important
}

.colour-picker.white-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover, .colour-picker-strip.white-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.colour-picker.white-bg small, .colour-picker-strip.white-bg small {
  color: #3F3F3F !important
}

.colour-picker.white-bg figure figcaption, .colour-picker-strip.white-bg figure figcaption {
  color: #3F3F3F !important
}

.colour-picker.white-bg figure:hover, .colour-picker-strip.white-bg figure:hover {
  border-color: #3F3F3F !important
}

.colour-picker.white-bg figure:hover:before, .colour-picker-strip.white-bg figure:hover:before {
  background-color: #3F3F3F !important;
  color: #fff !important
}

.colour-picker.white-bg h1, .colour-picker.white-bg h2, .colour-picker.white-bg h3, .colour-picker.white-bg p, .colour-picker.white-bg ul, .colour-picker.white-bg li, .colour-picker-strip.white-bg h1, .colour-picker-strip.white-bg h2, .colour-picker-strip.white-bg h3, .colour-picker-strip.white-bg p, .colour-picker-strip.white-bg ul, .colour-picker-strip.white-bg li {
  color: inherit !important
}

.colour-picker.pale-grey-bg, .colour-picker-strip.pale-grey-bg {
  background-color: #F7F7F7 !important;
  color: #3F3F3F !important
}

.colour-picker.pale-grey-bg h1, .colour-picker.pale-grey-bg h2, .colour-picker.pale-grey-bg h3, .colour-picker.pale-grey-bg h4, .colour-picker.pale-grey-bg p, .colour-picker-strip.pale-grey-bg h1, .colour-picker-strip.pale-grey-bg h2, .colour-picker-strip.pale-grey-bg h3, .colour-picker-strip.pale-grey-bg h4, .colour-picker-strip.pale-grey-bg p {
  color: #fff
}

.colour-picker.pale-grey-bg ul li, .colour-picker-strip.pale-grey-bg ul li {
  border-color: #3F3F3F !important
}

.colour-picker.pale-grey-bg .c-btn, .colour-picker-strip.pale-grey-bg .c-btn {
  color: #3F3F3F !important
}

.colour-picker.pale-grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover, .colour-picker-strip.pale-grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.colour-picker.pale-grey-bg small, .colour-picker-strip.pale-grey-bg small {
  color: #3F3F3F !important
}

.colour-picker.pale-grey-bg figure figcaption, .colour-picker-strip.pale-grey-bg figure figcaption {
  color: #3F3F3F !important
}

.colour-picker.pale-grey-bg figure:hover, .colour-picker-strip.pale-grey-bg figure:hover {
  border-color: #3F3F3F !important
}

.colour-picker.pale-grey-bg figure:hover:before, .colour-picker-strip.pale-grey-bg figure:hover:before {
  background-color: #3F3F3F !important;
  color: #fff !important
}

.colour-picker.pale-grey-bg h1, .colour-picker.pale-grey-bg h2, .colour-picker.pale-grey-bg h3, .colour-picker.pale-grey-bg p, .colour-picker.pale-grey-bg ul, .colour-picker.pale-grey-bg li, .colour-picker-strip.pale-grey-bg h1, .colour-picker-strip.pale-grey-bg h2, .colour-picker-strip.pale-grey-bg h3, .colour-picker-strip.pale-grey-bg p, .colour-picker-strip.pale-grey-bg ul, .colour-picker-strip.pale-grey-bg li {
  color: inherit !important
}

.colour-picker.light-grey-bg, .colour-picker-strip.light-grey-bg {
  background-color: #E5E5E5 !important;
  color: #3F3F3F !important
}

.colour-picker.light-grey-bg h1, .colour-picker.light-grey-bg h2, .colour-picker.light-grey-bg h3, .colour-picker.light-grey-bg h4, .colour-picker.light-grey-bg p, .colour-picker-strip.light-grey-bg h1, .colour-picker-strip.light-grey-bg h2, .colour-picker-strip.light-grey-bg h3, .colour-picker-strip.light-grey-bg h4, .colour-picker-strip.light-grey-bg p {
  color: #fff
}

.colour-picker.light-grey-bg ul li, .colour-picker-strip.light-grey-bg ul li {
  border-color: #3F3F3F !important
}

.colour-picker.light-grey-bg .c-btn, .colour-picker-strip.light-grey-bg .c-btn {
  color: #3F3F3F !important
}

.colour-picker.light-grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover, .colour-picker-strip.light-grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #3F3F3F !important;
  color: #fff !important;
  border-color: #3F3F3F !important
}

.colour-picker.light-grey-bg small, .colour-picker-strip.light-grey-bg small {
  color: #3F3F3F !important
}

.colour-picker.light-grey-bg figure figcaption, .colour-picker-strip.light-grey-bg figure figcaption {
  color: #3F3F3F !important
}

.colour-picker.light-grey-bg figure:hover, .colour-picker-strip.light-grey-bg figure:hover {
  border-color: #3F3F3F !important
}

.colour-picker.light-grey-bg figure:hover:before, .colour-picker-strip.light-grey-bg figure:hover:before {
  background-color: #3F3F3F !important;
  color: #fff !important
}

.colour-picker.light-grey-bg h1, .colour-picker.light-grey-bg h2, .colour-picker.light-grey-bg h3, .colour-picker.light-grey-bg p, .colour-picker.light-grey-bg ul, .colour-picker.light-grey-bg li, .colour-picker-strip.light-grey-bg h1, .colour-picker-strip.light-grey-bg h2, .colour-picker-strip.light-grey-bg h3, .colour-picker-strip.light-grey-bg p, .colour-picker-strip.light-grey-bg ul, .colour-picker-strip.light-grey-bg li {
  color: inherit !important
}

.colour-picker.medium-grey-bg, .colour-picker-strip.medium-grey-bg {
  background-color: #3F3F3F !important;
  color: #fff !important
}

.colour-picker.medium-grey-bg h1, .colour-picker.medium-grey-bg h2, .colour-picker.medium-grey-bg h3, .colour-picker.medium-grey-bg h4, .colour-picker.medium-grey-bg p, .colour-picker-strip.medium-grey-bg h1, .colour-picker-strip.medium-grey-bg h2, .colour-picker-strip.medium-grey-bg h3, .colour-picker-strip.medium-grey-bg h4, .colour-picker-strip.medium-grey-bg p {
  color: #fff
}

.colour-picker.medium-grey-bg ul li, .colour-picker-strip.medium-grey-bg ul li {
  border-color: #fff !important
}

.colour-picker.medium-grey-bg h1, .colour-picker.medium-grey-bg h2, .colour-picker.medium-grey-bg h3, .colour-picker.medium-grey-bg h4, .colour-picker.medium-grey-bg p, .colour-picker-strip.medium-grey-bg h1, .colour-picker-strip.medium-grey-bg h2, .colour-picker-strip.medium-grey-bg h3, .colour-picker-strip.medium-grey-bg h4, .colour-picker-strip.medium-grey-bg p {
  color: #fff
}

.colour-picker.medium-grey-bg .c-btn, .colour-picker-strip.medium-grey-bg .c-btn {
  color: #fff !important
}

.colour-picker.medium-grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover, .colour-picker-strip.medium-grey-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.colour-picker.medium-grey-bg small, .colour-picker-strip.medium-grey-bg small {
  color: #fff !important
}

.colour-picker.medium-grey-bg figure figcaption, .colour-picker-strip.medium-grey-bg figure figcaption {
  color: #fff !important
}

.colour-picker.medium-grey-bg figure:hover, .colour-picker-strip.medium-grey-bg figure:hover {
  border-color: #fff !important
}

.colour-picker.medium-grey-bg figure:hover:before, .colour-picker-strip.medium-grey-bg figure:hover:before {
  background-color: #fff !important;
  color: #3F3F3F !important
}

.colour-picker.mineshaft-bg, .colour-picker-strip.mineshaft-bg {
  background-color: #202020 !important;
  color: #fff !important
}

.colour-picker.mineshaft-bg h1, .colour-picker.mineshaft-bg h2, .colour-picker.mineshaft-bg h3, .colour-picker.mineshaft-bg h4, .colour-picker.mineshaft-bg p, .colour-picker-strip.mineshaft-bg h1, .colour-picker-strip.mineshaft-bg h2, .colour-picker-strip.mineshaft-bg h3, .colour-picker-strip.mineshaft-bg h4, .colour-picker-strip.mineshaft-bg p {
  color: #fff
}

.colour-picker.mineshaft-bg ul li, .colour-picker-strip.mineshaft-bg ul li {
  border-color: #fff !important
}

.colour-picker.mineshaft-bg h1, .colour-picker.mineshaft-bg h2, .colour-picker.mineshaft-bg h3, .colour-picker.mineshaft-bg h4, .colour-picker.mineshaft-bg p, .colour-picker-strip.mineshaft-bg h1, .colour-picker-strip.mineshaft-bg h2, .colour-picker-strip.mineshaft-bg h3, .colour-picker-strip.mineshaft-bg h4, .colour-picker-strip.mineshaft-bg p {
  color: #fff
}

.colour-picker.mineshaft-bg .c-btn, .colour-picker-strip.mineshaft-bg .c-btn {
  color: #fff !important
}

.colour-picker.mineshaft-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover, .colour-picker-strip.mineshaft-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.colour-picker.mineshaft-bg small, .colour-picker-strip.mineshaft-bg small {
  color: #fff !important
}

.colour-picker.mineshaft-bg figure figcaption, .colour-picker-strip.mineshaft-bg figure figcaption {
  color: #fff !important
}

.colour-picker.mineshaft-bg figure:hover, .colour-picker-strip.mineshaft-bg figure:hover {
  border-color: #fff !important
}

.colour-picker.mineshaft-bg figure:hover:before, .colour-picker-strip.mineshaft-bg figure:hover:before {
  background-color: #fff !important;
  color: #3F3F3F !important
}

.colour-picker.black-bg, .colour-picker-strip.black-bg {
  background-color: #000 !important;
  color: #fff !important
}

.colour-picker.black-bg h1, .colour-picker.black-bg h2, .colour-picker.black-bg h3, .colour-picker.black-bg h4, .colour-picker.black-bg p, .colour-picker-strip.black-bg h1, .colour-picker-strip.black-bg h2, .colour-picker-strip.black-bg h3, .colour-picker-strip.black-bg h4, .colour-picker-strip.black-bg p {
  color: #fff
}

.colour-picker.black-bg ul li, .colour-picker-strip.black-bg ul li {
  border-color: #fff !important
}

.colour-picker.black-bg h1, .colour-picker.black-bg h2, .colour-picker.black-bg h3, .colour-picker.black-bg h4, .colour-picker.black-bg p, .colour-picker-strip.black-bg h1, .colour-picker-strip.black-bg h2, .colour-picker-strip.black-bg h3, .colour-picker-strip.black-bg h4, .colour-picker-strip.black-bg p {
  color: #fff
}

.colour-picker.black-bg .c-btn, .colour-picker-strip.black-bg .c-btn {
  color: #fff !important
}

.colour-picker.black-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover, .colour-picker-strip.black-bg .c-btn:not(.c-btn--direction):not(.c-btn--play):hover {
  background-color: #fff !important;
  color: #3F3F3F !important;
  border-color: #fff !important
}

.colour-picker.black-bg small, .colour-picker-strip.black-bg small {
  color: #fff !important
}

.colour-picker.black-bg figure figcaption, .colour-picker-strip.black-bg figure figcaption {
  color: #fff !important
}

.colour-picker.black-bg figure:hover, .colour-picker-strip.black-bg figure:hover {
  border-color: #fff !important
}

.colour-picker.black-bg figure:hover:before, .colour-picker-strip.black-bg figure:hover:before {
  background-color: #fff !important;
  color: #3F3F3F !important
}

.colour-picker .slick-colour-strip figure:hover, .colour-picker-strip .slick-colour-strip figure:hover {
  border-color: transparent !important
}

.colour-picker-strip figure {
  max-height: 405px
}

.colour-picker-strip figcaption {
  opacity: 0
}

@media screen and (min-width: 48rem) {
  .colour-picker-strip figcaption {
    opacity: 1
  }
}

.colour-picker-strip .container {
  margin: 0 10%;
  width: 80%
}

@media screen and (min-width: 25.94rem) {
  .colour-picker-strip .container {
    width: 90%;
    margin: 0 5%
  }
}

@media screen and (min-width: 48rem) {
  .colour-picker-strip .container {
    width: 100% !important;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important
  }
}

@media screen and (min-width: 85.375rem) {
  .colour-picker-strip .container {
    max-width: 100% !important
  }
}

.dits ul.slick-dots {
  position: absolute;
  bottom: -32px !important;
  left: 50%
}

.configure-wrapper {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.configure {
  background: #212320;
  padding: 0 0 40px
}

@media screen and (min-width: 64rem) {
  .configure {
    padding: 40px 0 40px
  }
}

.configure header {
  background-color: transparent !important;
  margin-bottom: 30px;
  padding-top: 18px;
  text-align: center
}

@media screen and (min-width: 80rem) {
  .configure header {
    padding: 0
  }
}

.configure h2 {
  color: #fff;
  margin-bottom: 5px
}

.configure small {
  display: block;
  font-size: 1.125rem;
  font-family: fs-emeric-regular;
  font-weight: 300;
  line-height: 1.3125rem
}

.configure .container {
  margin: 0 10%;
  width: 80%
}

@media screen and (min-width: 48rem) {
  .configure .container {
    margin: 0 5%;
    width: 90%
  }
}

.configure .container span.slick-configure-paging-info {
  display: block;
  font-family: "FS-Emeric-Regular", Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1;
  padding-top: 20px;
  text-align: center
}

.configure .slick-track {
  margin-bottom: 20px
}

.configure .slick-arrow {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  border-radius: 45px;
  background-color: #6A6C65;
  background-color: #dedede;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1
}

@media screen and (min-width: 48rem) {
  .configure .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 50%
  }
}

.configure .slick-arrow:before {
  color: #3F3F3F;
  font-size: 2rem
}

.configure .slick-arrow.slick-disabled {
  opacity: .25
}

.configure .slick-arrow i.sa {
  color: black
}

.configure .slick-prev {
  left: -20px
}

@media screen and (min-width: 48rem) {
  .configure .slick-prev {
    left: -22px
  }
}

@media screen and (min-width: 64rem) {
  .configure .slick-prev {
    left: -15px
  }
}

@media screen and (min-width: 80rem) {
  .configure .slick-prev {
    left: -65px
  }
}

.configure .slick-next {
  right: -20px
}

@media screen and (min-width: 48rem) {
  .configure .slick-next {
    right: -22px
  }
}

@media screen and (min-width: 64rem) {
  .configure .slick-next {
    right: -15px
  }
}

@media screen and (min-width: 80rem) {
  .configure .slick-next {
    right: -65px
  }
}

.configure ul.slick-dots {
  position: absolute;
  bottom: -12px;
  left: 50%;
  background: #dedede;
  border-radius: 32px;
  padding: 4px 16px;
  margin: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  width: auto
}

@media screen and (min-width: 48rem) {
  .configure ul.slick-dots {
    padding: 8px 16px
  }
}

.configure ul.slick-dots li {
  margin: 0 4px;
  padding: 0;
  text-align: center;
  width: auto
}

@media screen and (min-width: 48rem) {
  .configure ul.slick-dots li {
    margin: 0 5px
  }
}

.configure ul.slick-dots li i.sa {
  color: #000000;
  font-size: .625rem;
  margin: 0 auto
}

@media screen and (min-width: 48rem) {
  .configure ul.slick-dots li i.sa {
    font-size: .75rem;
    margin: inherit
  }
}

.configure ul.slick-dots li.slick-active i.sa:before {
  content: '\f04c'
}

.configure ul.slick-dots button {
  text-align: center
}

.configure ul.slick-dots button:before {
  width: 100%
}

.configure .slick-slide {
  margin: 0 20px;
  padding-bottom: 40px;
  max-width: 1412px
}

@media screen and (min-width: 48rem) {
  .configure .slick-slide {
    padding-bottom: 0
  }
}

.configure .slick-slide img {
  height: auto;
  max-height: 170px;
  margin: 0 auto
}

.configure .slick-list {
  margin: -40px -10px 0;
  padding-bottom: 40px;
  padding-top: 40px
}

.configure__configuration {
  background: #fff;
  display: inline-block;
  position: relative
}

.configure__configuration a, .configure__configuration a:hover {
  color: white
}

.configure__configuration i.sa-search-plus {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 64px;
  height: 64px;
  color: #fff;
  cursor: pointer;
  font-size: 4rem;
  opacity: 0;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: opacity linear .3s;
  transition: opacity linear .3s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.configure__configuration:hover i.sa-search-plus {
  opacity: 1
}

.configure__configuration header {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background-color: #B8B6B0 !important;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 210px;
  margin-bottom: 0;
  padding: 20px 20px 0;
  text-align: left
}

.configure__configuration header span.available-for-xmas {
  width: 40px;
  height: 40px;
  position: absolute;
  top: -20px;
  right: -14px;
  left: auto;
  background: url("http://images.sofology.co.uk/image/upload/c_scale,w_55/v1476104757/Christmas%202017/box.png") no-repeat 0 50%;
  background-size: cover;
  display: inline-block;
  opacity: 1
}

.configure__configuration header h3 {
  color: #3F3F3F;
  font-size: 1.4375rem;
  font-family: fs-emeric-light;
  line-height: 1.9375rem;
  margin-bottom: 0
}

.configure__configuration header img {
  max-height: 116px !important;
  -ms-flex-item-align: center;
  align-self: center
}

.configure__configuration__details {
  padding: 20px
}

@media screen and (min-width: 85.375rem) {
  .configure__configuration__details small {
    max-width: 45%;
    line-height: 1 !important
  }
}

.configure__configuration__price {
  font-size: 1.625rem;
  font-family: fs-emeric-light;
  font-weight: normal;
  line-height: 1.9375rem;
  margin-bottom: 0
}

.configure__configuration small {
  font-size: .875rem;
  font-family: fs-emeric-medium;
  line-height: 1.9375rem;
  opacity: .7
}

.configure__configuration i.sa {
  padding-right: 4px
}

.configure__configuration .btn {
  background: #000 !important;
  border: 2px solid transparent !important;
  color: #fff !important;
  font-size: 1rem !important;
  text-transform: uppercase;
  padding-top: 4px !important;
  padding-bottom: 4px !important
}

.configure__configuration .btn:hover {
  border-color: #3F3F3F !important;
  background: #fff !important;
  color: #3F3F3F !important
}

.slick-configure-full.hide-configurator {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

.slick-configure-full.active {
  display: block
}

.slick-configure-full.basket-disabled.config-enabled {
  height: 600px
}

.slick-configure-full.basket-disabled.config-enabled .slick-slide {
  min-height: 600px
}

@media screen and (min-width: 48rem) {
  .slick-configure-full.basket-enabled.config-enabled .slick-slide {
    margin: 0 20px
  }
}

.slick-configure-full .slick-slide {
  background-color: #FFFFFE;
  margin: 0
}

.slick-configure-full .slick-slide i.sa-spin {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #202020;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.slick-configure-full .slick-slide .configurator-header {
  text-align: center
}

.slick-configure-full .slick-slide .configurator-header>header {
  background-color: #212320 !important;
  padding: 35px
}

.slick-configure-full .slick-slide .configurator-header>header h2 {
  color: #fff !important;
  margin-bottom: 0
}

.slick-configure-full .slick-slide .configurator-header img {
  display: inline-block;
  margin-bottom: 20px;
  max-height: 300px
}

@media screen and (min-width: 48rem) {
  .slick-configure-full .slick-slide .configurator-header img {
    height: 300px
  }
}

.slick-configure-full .slick-slide .configurator-header .modal__inner {
  position: relative
}

.slick-configure-full .slick-slide .configurator-header .modal__inner .close {
  position: absolute;
  top: 20px;
  right: 10px;
  color: #202020;
  cursor: pointer;
  font-size: 1.5rem;
  opacity: .8;
  z-index: 2
}

.slick-configure-full .slick-slide .configurator-header .modal__inner header {
  background-color: transparent !important;
  padding: 20px 35px
}

@media screen and (min-width: 48rem) {
  .slick-configure-full .slick-slide .configurator-header .modal__inner header {
    padding: 35px
  }
}

.slick-configure-full .slick-slide .configurator-header .modal__inner header .available-for-xmas {
  height: auto;
  display: inline-block
}

.slick-configure-full .slick-slide .configurator-header .modal__inner header h3 {
  color: #3F3F3F !important;
  margin-bottom: 10px;
  display: inline-block
}

.slick-configure-full .slick-slide .configurator-header .modal__inner header small.dimensions {
  color: #3F3F3F;
  font-size: 1.125rem;
  display: block
}

.slick-configure-full .slick-slide .config {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: white;
  border-radius: 10px;
  margin: 0 5% 20px;
  width: 90%;
  min-height: 410px
}

@media screen and (min-width: 48rem) {
  .slick-configure-full .slick-slide .config {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-flow: wrap;
    flex-flow: wrap
  }
}

.slick-configure-full .slick-slide .config:empty {
  padding: 0
}

.slick-configure-full .slick-slide .config__col, .slick-configure-full .slick-slide .config .summary-container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 auto 20px;
  width: 90%
}

@media screen and (min-width: 48rem) {
  .slick-configure-full .slick-slide .config__col, .slick-configure-full .slick-slide .config .summary-container {
    width: inherit;
    margin: inherit
  }
}

@media screen and (min-width: 48rem) {
  .slick-configure-full .slick-slide .config__col:last-of-type, .slick-configure-full .slick-slide .config .summary-container:last-of-type {
    margin-right: 0
  }
}

@media screen and (min-width: 48rem) {
  .slick-configure-full .slick-slide .config__col:last-of-type, .slick-configure-full .slick-slide .config__col:first-of-type, .slick-configure-full .slick-slide .config__col:nth-of-type(odd), .slick-configure-full .slick-slide .config .summary-container:last-of-type, .slick-configure-full .slick-slide .config .summary-container:first-of-type, .slick-configure-full .slick-slide .config .summary-container:nth-of-type(odd) {
    margin-left: 0
  }
}

@media screen and (min-width: 48rem) {
  .slick-configure-full .slick-slide .config__col, .slick-configure-full .slick-slide .config .summary-container {
    margin-right: 20px
  }
  .slick-configure-full .slick-slide .config__col:nth-of-type(even), .slick-configure-full .slick-slide .config .summary-container:nth-of-type(even) {
    margin-right: 0
  }
}

@media screen and (min-width: 64rem) {
  .slick-configure-full .slick-slide .config__col:nth-of-type(even), .slick-configure-full .slick-slide .config .summary-container:nth-of-type(even) {
    margin-right: 20px;
    margin-left: 0
  }
  .slick-configure-full .slick-slide .config__col:nth-of-type(3), .slick-configure-full .slick-slide .config .summary-container:nth-of-type(3) {
    margin-right: 0
  }
  .slick-configure-full .slick-slide .config__col:last-of-type, .slick-configure-full .slick-slide .config .summary-container:last-of-type {
    margin-right: 0
  }
}

@media screen and (min-width: 80rem) {
  .slick-configure-full .slick-slide .config__col, .slick-configure-full .slick-slide .config .summary-container {
    margin-bottom: 0
  }
  .slick-configure-full .slick-slide .config__col:nth-of-type(3), .slick-configure-full .slick-slide .config .summary-container:nth-of-type(3) {
    margin-right: 20px
  }
}

@media screen and (min-width: 85.375rem) {
  .slick-configure-full .slick-slide .config__col, .slick-configure-full .slick-slide .config .summary-container {
    max-width: 293px
  }
}

.slick-configure-full .slick-slide .config__col header, .slick-configure-full .slick-slide .config .summary-container header {
  background: transparent !important;
  padding: 20px 0 0;
  min-height: auto
}

@media screen and (min-width: 48rem) {
  .slick-configure-full .slick-slide .config__col header, .slick-configure-full .slick-slide .config .summary-container header {
    margin-bottom: 10px
  }
}

.slick-configure-full .slick-slide .config__col header h4, .slick-configure-full .slick-slide .config .summary-container header h4 {
  color: #3F3F3F !important;
  font-size: 1.125rem;
  margin-bottom: 0px
}

.slick-configure-full .slick-slide .config__col header small, .slick-configure-full .slick-slide .config .summary-container header small {
  color: #3F3F3F;
  font-size: 1rem;
  opacity: .8
}

.slick-configure-full .slick-slide .config__col__item, .slick-configure-full .slick-slide .config .summary-container__item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  -webkit-box-flex: 1;
  -ms-flex: 1 auto;
  flex: 1 auto;
  margin-bottom: 20px;
  opacity: .5;
  padding: 10px;
  -webkit-transition: all .1s linear;
  transition: all .1s linear
}

.slick-configure-full .slick-slide .config__col__item:last-of-type, .slick-configure-full .slick-slide .config .summary-container__item:last-of-type {
  margin-bottom: 0
}

.slick-configure-full .slick-slide .config__col__item:hover, .slick-configure-full .slick-slide .config__col__item.active, .slick-configure-full .slick-slide .config .summary-container__item:hover, .slick-configure-full .slick-slide .config .summary-container__item.active {
  border-color: #000;
  cursor: pointer;
  opacity: 1
}

.slick-configure-full .slick-slide .config__col__item .product-img, .slick-configure-full .slick-slide .config .summary-container__item .product-img {
  margin: 0;
  margin-right: 20px;
  width: 50%;
  -ms-flex-item-align: start;
  align-self: flex-start
}

.slick-configure-full .slick-slide .config__col__item .product-img img, .slick-configure-full .slick-slide .config .summary-container__item .product-img img {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto 10px;
  max-width: 100%;
  max-height: 130px;
  width: auto
}

.slick-configure-full .slick-slide .config__col__item .product-details, .slick-configure-full .slick-slide .config .summary-container__item .product-details {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left
}

@media screen and (min-width: 64rem) {
  .slick-configure-full .slick-slide .config__col__item .product-details, .slick-configure-full .slick-slide .config .summary-container__item .product-details {
    width: 100%
  }
}

.slick-configure-full .slick-slide .config__col__item .product-title, .slick-configure-full .slick-slide .config .summary-container__item .product-title {
  color: #3F3F3F !important;
  font-family: fs-emeric-medium;
  font-size: 1rem;
  text-transform: capitalize
}

.slick-configure-full .slick-slide .config__col__item .product-price, .slick-configure-full .slick-slide .config .summary-container__item .product-price {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.slick-configure-full .slick-slide .config__col__item:first-of-type:nth-last-of-type(1), .slick-configure-full .slick-slide .config .summary-container__item:first-of-type:nth-last-of-type(1) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.slick-configure-full .slick-slide .config__col__item:first-of-type:nth-last-of-type(1) .product-img, .slick-configure-full .slick-slide .config .summary-container__item:first-of-type:nth-last-of-type(1) .product-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
  max-width: 100%;
  margin-right: 0
}

.slick-configure-full .slick-slide .config__col__item:first-of-type:nth-last-of-type(1) .product-details, .slick-configure-full .slick-slide .config .summary-container__item:first-of-type:nth-last-of-type(1) .product-details {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.slick-configure-full .slick-slide .config__col__item:first-of-type:nth-last-of-type(2), .slick-configure-full .slick-slide .config__col__item:first-of-type:nth-last-of-type(2)~.slick-configure-full .slick-slide .config__col__item, .slick-configure-full .slick-slide .config .summary-container__item:first-of-type:nth-last-of-type(2), .slick-configure-full .slick-slide .config .summary-container__item:first-of-type:nth-last-of-type(2)~.slick-configure-full .slick-slide .config__col__item, .slick-configure-full .slick-slide .config__col__item:first-of-type:nth-last-of-type(2)~.slick-configure-full .slick-slide .config .summary-container__item, .slick-configure-full .slick-slide .config .summary-container__item:first-of-type:nth-last-of-type(2)~.slick-configure-full .slick-slide .config .summary-container__item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.slick-configure-full .slick-slide .config__col__item:first-of-type:nth-last-of-type(2) .product-img, .slick-configure-full .slick-slide .config__col__item:first-of-type:nth-last-of-type(2)~.slick-configure-full .slick-slide .config__col__item .product-img, .slick-configure-full .slick-slide .config .summary-container__item:first-of-type:nth-last-of-type(2) .product-img, .slick-configure-full .slick-slide .config .summary-container__item:first-of-type:nth-last-of-type(2)~.slick-configure-full .slick-slide .config__col__item .product-img, .slick-configure-full .slick-slide .config__col__item:first-of-type:nth-last-of-type(2)~.slick-configure-full .slick-slide .config .summary-container__item .product-img, .slick-configure-full .slick-slide .config .summary-container__item:first-of-type:nth-last-of-type(2)~.slick-configure-full .slick-slide .config .summary-container__item .product-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  max-width: 100%;
  margin-right: 0;
  width: 100%
}

.slick-configure-full .slick-slide .config__col__item:first-of-type:nth-last-of-type(2) .product-details, .slick-configure-full .slick-slide .config__col__item:first-of-type:nth-last-of-type(2)~.slick-configure-full .slick-slide .config__col__item .product-details, .slick-configure-full .slick-slide .config .summary-container__item:first-of-type:nth-last-of-type(2) .product-details, .slick-configure-full .slick-slide .config .summary-container__item:first-of-type:nth-last-of-type(2)~.slick-configure-full .slick-slide .config__col__item .product-details, .slick-configure-full .slick-slide .config__col__item:first-of-type:nth-last-of-type(2)~.slick-configure-full .slick-slide .config .summary-container__item .product-details, .slick-configure-full .slick-slide .config .summary-container__item:first-of-type:nth-last-of-type(2)~.slick-configure-full .slick-slide .config .summary-container__item .product-details {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.slick-configure-full .slick-slide .config__col--summary, .slick-configure-full .slick-slide .config .summary-container--summary {
  width: 100%
}

@media screen and (min-width: 48rem) {
  .slick-configure-full .slick-slide .config__col--summary, .slick-configure-full .slick-slide .config .summary-container--summary {
    max-width: 205px !important
  }
}

@media screen and (min-width: 64rem) {
  .slick-configure-full .slick-slide .config__col--summary, .slick-configure-full .slick-slide .config .summary-container--summary {
    max-width: 270px !important;
    margin-right: 0 !important
  }
}

@media screen and (min-width: 80rem) {
  .slick-configure-full .slick-slide .config__col--summary, .slick-configure-full .slick-slide .config .summary-container--summary {
    max-width: 278px !important
  }
}

@media screen and (min-width: 85.375rem) {
  .slick-configure-full .slick-slide .config__col--summary, .slick-configure-full .slick-slide .config .summary-container--summary {
    max-width: 293px !important
  }
}

.slick-configure-full .slick-slide .config__col--summary .summary-inner header, .slick-configure-full .slick-slide .config .summary-container--summary .summary-inner header {
  padding: 20px 0 0
}

.slick-configure-full .slick-slide .config__col--summary p, .slick-configure-full .slick-slide .config .summary-container--summary p {
  color: #202020 !important
}

.slick-configure-full .slick-slide .config__col--summary header small, .slick-configure-full .slick-slide .config .summary-container--summary header small {
  display: none
}

@media screen and (min-width: 48rem) {
  .slick-configure-full .slick-slide .config__col--summary header small, .slick-configure-full .slick-slide .config .summary-container--summary header small {
    display: block
  }
}

.slick-configure-full .slick-slide .config__col:first-of-type:nth-last-of-type(2) .summary-inner, .slick-configure-full .slick-slide .config__col:first-of-type:nth-last-of-type(2)~.slick-configure-full .slick-slide .config__col .summary-inner, .slick-configure-full .slick-slide .config .summary-container:first-of-type:nth-last-of-type(2) .summary-inner, .slick-configure-full .slick-slide .config .summary-container:first-of-type:nth-last-of-type(2)~.slick-configure-full .slick-slide .config__col .summary-inner, .slick-configure-full .slick-slide .config__col:first-of-type:nth-last-of-type(2)~.slick-configure-full .slick-slide .config .summary-container .summary-inner, .slick-configure-full .slick-slide .config .summary-container:first-of-type:nth-last-of-type(2)~.slick-configure-full .slick-slide .config .summary-container .summary-inner {
  max-width: 100%
}

@media screen and (min-width: 48rem) {
  .slick-configure-full .slick-slide .config__col:first-of-type:nth-last-of-type(3) .summary-inner, .slick-configure-full .slick-slide .config__col:first-of-type:nth-last-of-type(3)~.slick-configure-full .slick-slide .config__col .summary-inner, .slick-configure-full .slick-slide .config .summary-container:first-of-type:nth-last-of-type(3) .summary-inner, .slick-configure-full .slick-slide .config .summary-container:first-of-type:nth-last-of-type(3)~.slick-configure-full .slick-slide .config__col .summary-inner, .slick-configure-full .slick-slide .config__col:first-of-type:nth-last-of-type(3)~.slick-configure-full .slick-slide .config .summary-container .summary-inner, .slick-configure-full .slick-slide .config .summary-container:first-of-type:nth-last-of-type(3)~.slick-configure-full .slick-slide .config .summary-container .summary-inner {
    max-width: 49%
  }
}

.slick-configure-full .slick-slide .config__col:first-of-type:nth-last-of-type(4) .summary-inner, .slick-configure-full .slick-slide .config__col:first-of-type:nth-last-of-type(4)~.slick-configure-full .slick-slide .config__col .summary-inner, .slick-configure-full .slick-slide .config .summary-container:first-of-type:nth-last-of-type(4) .summary-inner, .slick-configure-full .slick-slide .config .summary-container:first-of-type:nth-last-of-type(4)~.slick-configure-full .slick-slide .config__col .summary-inner, .slick-configure-full .slick-slide .config__col:first-of-type:nth-last-of-type(4)~.slick-configure-full .slick-slide .config .summary-container .summary-inner, .slick-configure-full .slick-slide .config .summary-container:first-of-type:nth-last-of-type(4)~.slick-configure-full .slick-slide .config .summary-container .summary-inner {
  max-width: 100%
}

.slick-configure-full .slick-slide .config__col__summary, .slick-configure-full .slick-slide .config .summary-container__summary {
  background: #EBEBE5;
  border-radius: 10px;
  padding: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1 auto;
  flex: 1 auto;
  margin-bottom: 20px
}

.slick-configure-full .slick-slide .config__col__summary p, .slick-configure-full .slick-slide .config .summary-container__summary p {
  font-size: .875rem;
  line-height: 1.1875rem;
  margin: 0 0 20px
}

.slick-configure-full .slick-slide .config__col__summary p:last-of-type, .slick-configure-full .slick-slide .config .summary-container__summary p:last-of-type {
  margin-bottom: 0
}

.slick-configure-full .slick-slide .config__col__summary p i.sa, .slick-configure-full .slick-slide .config .summary-container__summary p i.sa {
  padding: 1px
}

.slick-configure-full .slick-slide .config__col__price, .slick-configure-full .slick-slide .config .summary-container__price {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background: #EBEBE5;
  border-radius: 10px;
  padding: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-bottom: 20px
}

.slick-configure-full .slick-slide .config__col__price p, .slick-configure-full .slick-slide .config .summary-container__price p {
  margin: 0
}

.slick-configure-full .slick-slide .config__col__price small, .slick-configure-full .slick-slide .config .summary-container__price small {
  font-size: 1rem
}

.slick-configure-full .slick-slide .config__col__price strong, .slick-configure-full .slick-slide .config .summary-container__price strong {
  font-family: fs-emeric-medium
}

.slick-configure-full .slick-slide .config__col__actions, .slick-configure-full .slick-slide .config .summary-container__actions {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-flow: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-bottom: 0
}

.slick-configure-full .slick-slide .config__col__actions .quantity, .slick-configure-full .slick-slide .config .summary-container__actions .quantity {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 auto;
  flex: 1 auto;
  width: auto;
  margin-bottom: 24px
}

@media only screen and (min-device-width: 375px) {
  .slick-configure-full .slick-slide .config__col__actions .quantity, .slick-configure-full .slick-slide .config .summary-container__actions .quantity {
    margin-bottom: 0
  }
}

@media screen and (min-width: 48rem) {
  .slick-configure-full .slick-slide .config__col__actions .quantity, .slick-configure-full .slick-slide .config .summary-container__actions .quantity {
    margin-bottom: 20px
  }
}

@media screen and (min-width: 64rem) {
  .slick-configure-full .slick-slide .config__col__actions .quantity, .slick-configure-full .slick-slide .config .summary-container__actions .quantity {
    margin-bottom: 0
  }
}

.slick-configure-full .slick-slide .config__col__actions .quantity i.sa, .slick-configure-full .slick-slide .config .summary-container__actions .quantity i.sa {
  color: #000 !important;
  font-size: .75rem;
  margin: 0;
  text-align: center;
  vertical-align: middle
}

.slick-configure-full .slick-slide .config__col__actions .quantity__change, .slick-configure-full .slick-slide .config .summary-container__actions .quantity__change {
  border: none;
  color: #000 !important;
  padding: 0 5px;
  text-align: center
}

.slick-configure-full .slick-slide .config__col__actions .quantity__change:focus, .slick-configure-full .slick-slide .config .summary-container__actions .quantity__change:focus {
  outline: none
}

.slick-configure-full .slick-slide .config__col__actions .quantity input, .slick-configure-full .slick-slide .config .summary-container__actions .quantity input {
  border: 1px solid #202020 !important;
  border-radius: 2px;
  color: #000 !important;
  font-family: fs-emeric-regular;
  font-size: inherit;
  text-align: center;
  width: 30px
}

.slick-configure-full .slick-slide .config__col__actions a.btn, .slick-configure-full .slick-slide .config .summary-container__actions a.btn {
  background: #000 !important;
  border: 1px solid #000 !important;
  color: #fff !important;
  -webkit-box-flex: 1;
  -ms-flex: 1 auto;
  flex: 1 auto;
  font-size: 1rem;
  text-transform: uppercase
}

.slick-configure-full .slick-slide .config__col__actions a.btn:hover, .slick-configure-full .slick-slide .config .summary-container__actions a.btn:hover {
  background: #fff !important;
  color: #000 !important
}

.touch .slick-configure-full .slick-slide .config__col__actions a.btn, .touch .slick-configure-full .slick-slide .config .summary-container__actions a.btn {
  background: #000 !important;
  border: 1px solid #000 !important;
  color: #fff !important
}

.slick-configure-full .slick-slide .config__col__actions a.checkout, .slick-configure-full .slick-slide .config .summary-container__actions a.checkout {
  color: #000 !important;
  -webkit-box-flex: 1;
  -ms-flex: 1 100%;
  flex: 1 100%;
  font-size: 1rem;
  font-family: fs-emeric-light;
  display: block;
  text-align: center;
  text-decoration: underline;
  text-transform: capitalize;
  margin-top: 20px
}

.slick-configure-full .slick-slide .config__col {
  width: 100%;
  margin-left: 0;
  margin-right: 0
}

@media screen and (min-width: 48rem) {
  .slick-configure-full .slick-slide .config__col {
    max-width: 205px;
    margin-right: 20px
  }
}

@media screen and (min-width: 64rem) {
  .slick-configure-full .slick-slide .config__col {
    max-width: 270px;
    margin-right: 20px
  }
}

@media screen and (min-width: 80rem) {
  .slick-configure-full .slick-slide .config__col {
    max-width: 278px
  }
}

@media screen and (min-width: 85.375rem) {
  .slick-configure-full .slick-slide .config__col {
    min-width: 0;
    max-width: 293px
  }
}

.slick-configure-full .slick-slide .config__col:nth-of-type(even) {
  margin-right: 20px
}

.slick-configure-full .slick-slide .config__col:nth-of-type(3) {
  margin-left: 0;
  margin-right: 20px
}

@media screen and (min-width: 80rem) {
  .slick-configure-full .slick-slide .config__col:nth-of-type(3) {
    margin-right: 20px
  }
}

.slick-configure-full .slick-slide .config .summary-container {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
  width: 100%;
  margin-right: 0 !important;
  margin-left: 0 !important
}

@media screen and (min-width: 48rem) {
  .slick-configure-full .slick-slide .config .summary-container {
    width: auto
  }
}

@media screen and (min-width: 85.375rem) {
  .slick-configure-full .slick-slide .config .summary-container {
    max-width: none
  }
}

.slick-configure-full .slick-arrow {
  position: absolute;
  top: 67%
}

.slick-configure-full .slick-prev {
  left: 0
}

@media screen and (min-width: 48rem) {
  .slick-configure-full .slick-prev {
    left: -30px
  }
}

@media screen and (min-width: 64rem) {
  .slick-configure-full .slick-prev {
    left: -20px
  }
}

@media screen and (min-width: 80rem) {
  .slick-configure-full .slick-prev {
    left: -65px
  }
}

.slick-configure-full .slick-next {
  right: 0
}

@media screen and (min-width: 48rem) {
  .slick-configure-full .slick-next {
    right: -30px
  }
}

@media screen and (min-width: 64rem) {
  .slick-configure-full .slick-next {
    right: -20px
  }
}

@media screen and (min-width: 80rem) {
  .slick-configure-full .slick-next {
    right: -65px
  }
}

.slick-configure-full.slick-configure-full-with-options .slick-arrow {
  position: static
}

.feature-benefits {
  position: relative
}

.feature-benefits p.feature-benefits-header-text {
  font-size: 1.25rem;
  line-height: 1.4375rem;
  margin-bottom: 0px;
  margin-top: 20px;
  font-family: fs-emeric-book
}

@media screen and (min-width: 48rem) {
  .feature-benefits p.feature-benefits-header-text {
    font-size: 1.5rem;
    margin-top: initial
  }
}

@media screen and (min-width: 64rem) {
  .feature-benefits p.feature-benefits-header-text {
    font-size: 1.5rem;
    line-height: 1.4375rem
  }
}

.feature-benefits p.feature-benefits-header-text.all {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: center;
  align-self: center;
  font-size: 1.5rem;
  line-height: 2.375rem;
  margin-bottom: 10px;
  margin-top: 0px
}

@media screen and (min-width: 64rem) {
  .feature-benefits p.feature-benefits-header-text.all {
    margin-bottom: 30px
  }
}

@media screen and (min-width: 80rem) {
  .feature-benefits p.feature-benefits-header-text.all {
    margin-top: 2rem;
    margin-bottom: 1rem
  }
}

@media screen and (min-width: 85.375rem) {
  .feature-benefits p.feature-benefits-header-text.all {
    margin-top: 0;
    margin-bottom: 30px
  }
}

.feature-benefits .banner__text {
  padding: 0;
  height: auto !important
}

@media screen and (min-width: 48rem) {
  .feature-benefits .banner__text {
    padding: 0 1rem
  }
}

.feature-benefits .banner__text--content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 7%
}

@media screen and (min-width: 48rem) {
  .feature-benefits .banner__text--content {
    padding: 35px !important
  }
}

.feature-benefits.banner--half {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.feature-benefits.banner--half .banner__container {
  width: 100%
}

@media screen and (min-width: 48rem) {
  .feature-benefits.banner--half .banner__container {
    width: 50%
  }
}

.feature-benefits.banner--half p.feature-benefits-header-text {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .feature-benefits.banner--half .banner__text {
    margin: inherit;
    padding: 1rem;
    width: 100%
  }
}

.feature-benefits.banner--half .banner__text--content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.feature-benefits.banner--half .inner {
  -ms-flex-preferred-size: 650px;
  flex-basis: 650px;
  text-align: center
}

.feature-benefits.banner--half .inner ul {
  padding-left: 5%
}

.feature-benefits.banner--half .inner ul li {
  font-size: .9375rem;
  line-height: .875rem;
  margin-bottom: .375rem
}

@media screen and (min-width: 64rem) {
  .feature-benefits.banner--half .inner ul li {
    line-height: 1.2rem
  }
}

@media screen and (min-width: 80rem) {
  .feature-benefits.banner--half .inner ul li {
    font-size: 1rem;
    line-height: 1.2rem;
    margin-bottom: .75rem
  }
}

.feature-benefits.banner--half--left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.feature-benefits.banner--half--left .inner {
  text-align: center
}

.scroller {
  height: 400px;
  margin-bottom: 30px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  z-index: 1
}

@media screen and (min-width: 48rem) {
  .scroller {
    height: 340px;
    margin-bottom: 35px
  }
}

@media screen and (min-width: 64rem) {
  .scroller {
    height: 330px;
    margin-bottom: 0px
  }
}

.feature {
  color: black;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  margin-bottom: 20px;
  min-height: 370px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width: 64rem) {
  .feature {
    min-height: 330px
  }
}

.feature h2, .feature h3, .feature ul li {
  color: #fff !important
}

.feature h3:nth-of-type(3) {
  margin-bottom: 0
}

.feature h2 {
  font-size: 2rem;
  line-height: 2.0625rem;
  font-family: fs-emeric-regular;
  margin-bottom: 0
}

@media screen and (min-width: 48rem) {
  .feature h2 {
    font-size: 2.375rem;
    line-height: 2.375rem
  }
}

@media screen and (min-width: 64rem) {
  .feature h2 {
    font-size: 38px;
    line-height: 40px
  }
}

.feature h3 {
  font-size: 1.2rem;
  line-height: 1.875rem;
  font-family: fs-emeric-light;
  margin-bottom: 30px
}

@media screen and (min-width: 64rem) {
  .feature h3 {
    font-size: 26px;
    line-height: 25px;
    margin-bottom: 40px
  }
}

.feature ul {
  margin: 0
}

.feature ul li {
  font-size: 18px;
  line-height: 24px;
  font-family: fs-emeric-regular;
  margin-bottom: 32px;
  text-align: left
}

@media screen and (min-width: 48rem) {
  .feature ul li {
    font-size: 16px;
    line-height: 21px
  }
}

@media screen and (min-width: 64rem) {
  .feature ul li {
    font-size: 18px;
    line-height: 23px
  }
}

.feature ul li:last-of-type {
  margin-bottom: 0
}

.inner {
  padding: 0;
  box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -ms-flex-preferred-size: 440px;
  flex-basis: 440px;
  text-align: center
}

button#next-scroll {
  background: none;
  border: none;
  color: #fff;
  width: 100%;
  font-size: 1.25rem;
  line-height: 1.4375rem;
  font-family: fs-emeric-regular
}

@media screen and (min-width: 48rem) {
  button#next-scroll {
    font-size: 1.5rem;
    line-height: 1.4375rem;
    font-family: fs-emeric-book
  }
}

@media screen and (min-width: 64rem) {
  button#next-scroll {
    font-size: 20px;
    line-height: 20px
  }
}

button#next-scroll i.sa {
  display: block
}

.scroller--fixed+button#next-scroll {
  display: none
}

.scroller[data-attr-block-size="1"] {
  height: 200px
}

.scroller[data-attr-block-size="1"] .feature {
  min-height: 200px
}

@media screen and (min-width: 64rem) {
  .scroller[data-attr-block-size="1"]~button#next-scroll {
    font-size: 1.5rem;
    line-height: 1.4375rem
  }
}

.scroller[data-attr-block-size="9999"] ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: center;
  align-self: center;
  max-width: 80%
}

.recently_viewed {
  background: #E5E5E5;
  padding: 35px 0
}

.recently_viewed header {
  background-color: transparent !important;
  color: #000;
  padding: 20px
}

.recently_viewed h2 {
  text-align: center
}

.recently_viewed .container {
  margin: 0 10%;
  width: 80%
}

@media screen and (min-width: 48rem) {
  .recently_viewed .container {
    margin: 0 5%;
    width: 90%
  }
}

.recently_viewed .slick-arrow {
  width: 45px;
  height: 45px;
  border-radius: 45px;
  background-color: #6A6C65;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 45%;
  position: absolute;
  z-index: 1
}

@media screen and (min-width: 48rem) {
  .recently_viewed .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 50%
  }
}

.recently_viewed .slick-arrow:before {
  color: #3F3F3F;
  font-size: 2rem
}

.recently_viewed .slick-arrow.slick-disabled {
  opacity: .25
}

.recently_viewed .slick-prev {
  left: -20px
}

@media screen and (min-width: 48rem) {
  .recently_viewed .slick-prev {
    left: -22px
  }
}

@media screen and (min-width: 64rem) {
  .recently_viewed .slick-prev {
    left: -15px
  }
}

@media screen and (min-width: 80rem) {
  .recently_viewed .slick-prev {
    left: -65px
  }
}

.recently_viewed .slick-next {
  right: -20px
}

@media screen and (min-width: 48rem) {
  .recently_viewed .slick-next {
    right: -22px
  }
}

@media screen and (min-width: 64rem) {
  .recently_viewed .slick-next {
    right: -15px
  }
}

@media screen and (min-width: 80rem) {
  .recently_viewed .slick-next {
    right: -65px
  }
}

.recently_viewed ul.slick-dots {
  position: absolute;
  bottom: -50px;
  left: 50%;
  background: #3F3F3F;
  border-radius: 5px;
  padding: 0 10px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  width: auto
}

.recently_viewed ul.slick-dots li {
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: auto
}

.recently_viewed ul.slick-dots button {
  text-align: center
}

.recently_viewed ul.slick-dots button:before {
  width: 100%
}

.recently_viewed .slick-slide {
  margin: 0 20px
}

@media screen and (min-width: 64rem) {
  .recently_viewed .slick-slide {
    margin: 0 10px
  }
}

.recently_viewed .slick-list {
  margin: 0 -20px
}

@media screen and (min-width: 64rem) {
  .recently_viewed .slick-list {
    margin: 0 -10px
  }
}

.recently_viewed__item {
  background: #fff;
  display: inline-block;
  position: relative
}

.recently_viewed__item header {
  background-color: #fff !important;
  color: #3F3F3F;
  padding: 20px;
  text-align: left
}

.recently_viewed__item header h3 {
  font-size: 1.5rem;
  font-family: fs-emeric-light;
  line-height: 1.9375rem;
  margin-bottom: 0
}

.recently_viewed__item header p {
  font-size: .875rem;
  font-family: fs-emeric-medium;
  line-height: 1;
  opacity: .7
}

.recently_viewed__item header h3, .recently_viewed__item header p {
  margin: 0
}

.recently_viewed__item__details {
  padding: 20px
}

.recently_viewed__item__price {
  float: right;
  margin: 0;
  font-size: 1.625rem;
  font-family: fs-emeric-light;
  line-height: 1.9375rem
}

.recently_viewed__item small {
  font-size: .875rem;
  font-family: fs-emeric-medium;
  line-height: 1.9375rem;
  opacity: .7
}

.recently_viewed__item .pull-right {
  clear: both
}

.recently_viewed__item i.sa {
  padding-right: 4px
}

.recently_viewed__item .btn {
  font-size: 1rem;
  text-transform: uppercase
}

.config__col__item:first-of-type:nth-last-of-type(2), .config__col__item:first-of-type:nth-last-of-type(2)~.config__col__item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.config__col__item:first-of-type:nth-last-of-type(2) .product-img, .config__col__item:first-of-type:nth-last-of-type(2)~.config__col__item .product-img {
  -webkit-box-flex: 1;
  -ms-flex: 1 auto;
  flex: 1 auto;
  max-width: 100%;
  margin-right: 0;
  width: 100%
}

.config__col__item:first-of-type:nth-last-of-type(2) .product-details, .config__col__item:first-of-type:nth-last-of-type(2)~.config__col__item .product-details {
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.config__col__item:first-of-type:nth-last-of-type(3), .config__col__item:first-of-type:nth-last-of-type(3)~.config__col__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.config__col__item:first-of-type:nth-last-of-type(3) .product-img, .config__col__item:first-of-type:nth-last-of-type(3)~.config__col__item .product-img {
  -webkit-box-flex: 1;
  -ms-flex: 1 auto;
  flex: 1 auto;
  max-width: 50% !important;
  margin-right: 0;
  width: 100%
}

.config__col__item:first-of-type:nth-last-of-type(3) .product-details, .config__col__item:first-of-type:nth-last-of-type(3)~.config__col__item .product-details {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.config__col__actions {
  position: relative
}

.config__col__actions .loading {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  left: 0;
  height: 100%;
  top: 0
}

.config__col__actions .loader {
  margin: 0 auto
}

.add-to-bag-message {
  background-color: #202020;
  color: white !important;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 10px
}

.carousel-cell_content_text-container_btn-container .add-to-bag-message {
  margin: 5px 0 0 0
}

.add-to-bag-message i {
  font-size: 2em
}

.add-to-bag-message span {
  font-size: 1em;
  margin: auto
}

@media screen and (min-width: 0) {
  .add-to-bag-message span {
    font-size: 1em
  }
}

@media screen and (min-width: 25.94rem) {
  .add-to-bag-message span {
    font-size: 1.1em
  }
}

@media screen and (min-width: 46rem) {
  .add-to-bag-message span {
    font-size: 1.1em
  }
}

@media screen and (min-width: 48rem) {
  .add-to-bag-message span {
    font-size: .875em
  }
}

@media screen and (min-width: 64rem) {
  .add-to-bag-message span {
    font-size: 1em
  }
}

.add-to-bag-message span .inner-text {
  vertical-align: text-bottom
}

.slick-configure.slick-slider, .slick-configure-full.slick-slider {
  left: 0
}

.slick-configure.active {
  display: none
}

.basket--customer {
  font-size: 1rem;
  margin: 0 auto;
  padding: 0;
  width: 300px
}

@media screen and (min-width: 48rem) {
  .basket--customer {
    width: 250px
  }
}

@media screen and (min-width: 48rem) {
  .basket__account {
    float: left;
    padding: 0 1rem;
    width: 90%;
    margin: 0 auto
  }
}

@media screen and (min-width: 64rem) {
  .basket__account {
    width: 70%
  }
}

@media screen and (min-width: 80rem) {
  .basket__account {
    width: 50%
  }
}

.basket__footer {
  margin: 0 auto;
  padding: 2rem 2rem;
  width: 90%
}

@media screen and (min-width: 46rem) {
  .basket__footer {
    width: 95%
  }
}

@media screen and (min-width: 48rem) {
  .basket__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: 90%
  }
}

@media screen and (min-width: 64rem) {
  .basket__footer {
    width: 50%
  }
}

.basket__content .basket__outlet {
  background-color: #3f3f3f;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px;
  -webkit-flex-flow: row wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.basket__content .basket__outlet__details {
  width: 90%
}

@media screen and (min-width: 48rem) {
  .basket__content .basket__outlet__details {
    width: 95%
  }
}

.basket__content .basket__outlet__details h3 {
  font-size: 1.325rem;
  margin: 0;
  padding: 0;
  line-height: 1.5rem
}

@media screen and (min-width: 48rem) {
  .basket__content .basket__outlet__details h3 {
    line-height: 2.5rem
  }
}

.basket__content .basket__outlet__details h3 .bundle__description {
  display: block;
  font-size: 1.2rem;
  font-weight: 100
}

@media screen and (min-width: 48rem) {
  .basket__content .basket__outlet__details h3 .bundle__description {
    display: inline-block
  }
}

.basket__content .basket__outlet__trash {
  width: 10%
}

@media screen and (min-width: 48rem) {
  .basket__content .basket__outlet__trash {
    width: 4.5%
  }
}

.basket__content .basket__outlet .trash__can {
  background: none;
  border: none;
  display: block;
  padding: 0;
  margin: 0 auto;
  height: 48px;
  width: 30px
}

@media screen and (min-width: 48rem) {
  .basket__content .basket__outlet .trash__can {
    height: 40px
  }
}

.basket__content .basket__outlet .trash__can i {
  color: #FFF;
  font-size: 2rem;
  margin-right: 0
}

.basket__content--summary {
  border-top: none;
  margin-top: -400%;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  width: 100%
}

.basket__content--summary.show {
  margin-top: 0
}

@media screen and (min-width: 48rem) {
  .basket__content--summary {
    border-left: none;
    border-right: none
  }
}

.basket .column-item-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.basket .column-item-information h4 {
  margin-top: 0
}

.basket .column-item-information .colorInfo h4 {
  display: inline-block;
  vertical-align: middle
}

.basket__retrieval {
  background-color: #FFF;
  box-shadow: 0 2px 4px #dadada;
  margin: 1rem 0 2rem;
  padding: 1rem .3rem 2rem;
  width: 100%
}

.basket__retrieval--close {
  float: right;
  color: black
}

.basket__retrieval--close:hover {
  color: #000 !important
}

.basket__retrieval--text {
  left: 48%;
  position: relative
}

.basket__retrieval--title {
  font-size: 1.2rem
}

.bag__icon {
  position: absolute;
  top: -14px;
  left: 7px;
  color: #3F3F3F;
  font-size: 2.7rem !important
}

@media screen and (min-width: 48rem) {
  .bag__icon {
    position: absolute;
    top: -9px;
    left: 7px
  }
}

.downArrow {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #404040;
  margin: 0 0 30px 0
}

.spacer {
  width: 23%;
  height: 20px
}

.spacer2 {
  width: 50%;
  height: 20px
}

.payment {
  margin: 0%;
  width: 100%;
  background-color: #f7f7f7
}

.payment__header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.payment__header h2 {
  margin: 10px auto;
  text-align: center;
  padding-left: 20%
}

.payment__header--orderHeader {
  width: 40%
}

.payment__header--orderHeader h2 {
  padding-left: 10%
}

.payment__cardContainer {
  width: 100%;
  margin: 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.payment__selectedOption__ifcContainer {
  background-color: white;
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 20px auto
}

.payment__selectedOption__ifcContainer__configure {
  width: 60%;
  padding: 10px
}

.payment__selectedOption__ifcContainer__breakdown {
  text-align: center;
  width: 40%
}

.payment__selectedOption__ifcContainer__breakdown__title {
  margin: 10px 0px 0px 0px
}

.payment__selectedOption__ifcContainer__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0px 5px
}

.payment__selectedOption__ifcContainer__row__slider {
  margin: 30px 0px 30px 0px
}

.payment__selectedOption__ifcContainer__row--right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: 20%
}

.payment__selectedOption__ifcContainer__row--right li {
  list-style-type: none
}

.payment__selectedOption__ifcContainer__row__title {
  line-height: 45px;
  text-align: left;
  margin: 0px 0px
}

.payment__selectedOption__ifcContainer__row__value {
  line-height: 45px;
  text-align: right;
  margin: 0px 0px
}

.payment__selectedOption__ifcContainer__row h5 {
  height: 45px;
  margin: 0px 5px 0px 5px
}

.payment__selectedOption__ifcContainer__row input {
  height: 45px;
  width: 50px
}

.payment__selectedOption__cardContainer {
  background-color: white;
  padding: 50px;
  margin: 0 auto;
  width: 70%
}

.payment__selectedOption__cardContainer__header {
  padding: 10px
}

.payment__selectedOption__cardContainer__header h2 {
  margin: 0px auto;
  text-align: center
}

.payment__selectedOption__cardContainer--paymentMethod {
  background-color: white;
  width: 50%;
  margin: 0 auto
}

.payment__selectedOption__cardContainer--paymentMethod__column {
  margin: 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 70%
}

.payment__selectedOption__cardContainer--paymentMethod__column input {
  margin-top: 10px
}

.payment__selectedOption__cardContainer--paymentMethod__row {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  padding: 0px;
  margin: 0 auto
}

.payment__selectedOption__cardContainer--paymentMethod__row h5 {
  width: 20%;
  height: 45px;
  margin: 0px 5px 0px 5px
}

.payment__selectedOption__cardContainer--paymentMethod__row input {
  height: 20px
}

.payment__selectedOption__cardContainer--paymentMethod__row__selectField {
  margin: 5px 10px 0px 0px;
  width: 25%;
  border-color: #ddd;
  width: 30%;
  overflow: hidden;
  color: #919191
}

.payment__selectedOption__cardContainer--paymentMethod__row__inputField {
  position: absolute;
  right: 0;
  margin: 5px 0px 5px 0px;
  width: 30%;
  color: #919191
}

.payment__selectedOption__cardContainer--paymentMethod__row__option {
  background-color: #404040;
  color: white;
  text-align: center;
  width: 50%;
  margin: 0px auto 0px auto
}

.payment__selectedOption__cardContainer--paymentMethod__row__option h3 {
  font-weight: bolder;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 3px
}

.payment__selectedOption__cardContainer--paymentMethod__row__option h5 {
  line-height: 40px;
  font-weight: bolder;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 3px;
  width: 100%;
  text-align: center
}

.payment__selectedOption__cardContainer--paymentMethod__row__selected {
  background-color: red;
  color: white;
  text-align: center;
  width: 50%;
  margin: 0px auto 0px auto
}

.payment__selectedOption__cardContainer--paymentMethod__row__selected h3 {
  font-weight: bolder;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 3px
}

.payment__selectedOption__cardContainer--paymentMethod__row__selected h5 {
  line-height: 40px;
  font-weight: bolder;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 3px;
  width: 100%;
  text-align: center
}

.payment__selectedOption__cardContainer--paymentMethod__column {
  margin: 0 auto;
  width: 50%;
  text-align: center
}

.payment__selectedOption__continue {
  width: 100%;
  background-color: #f7f7f7;
  margin: 10px 0px 10px 0px;
  padding: 20px
}

.payment__selectedOption__continue button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #0abbff;
  color: #fff;
  font-weight: bold;
  margin: 0 auto;
  width: 30%;
  height: 50px;
  border-style: none
}

.unselectedPaymentOption {
  background-color: #404040;
  color: white;
  text-align: center;
  width: 50%;
  margin: 0px auto 0px auto
}

.unselectedPaymentOption h3 {
  font-weight: bolder;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 3px
}

.unselectedPaymentOption h5 {
  line-height: 40px;
  font-weight: bolder;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 3px;
  width: 100%;
  text-align: center
}

.selectedPaymentOption {
  background-color: red;
  color: black;
  text-align: center;
  width: 50%;
  margin: 0px auto 0px auto
}

.selectedPaymentOption h3 {
  font-weight: bolder;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 3px
}

.selectedPaymentOption h5 {
  line-height: 40px;
  font-weight: bolder;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 3px;
  width: 100%;
  text-align: center
}

.cashPayment h2 {
  text-align: center;
  margin: 0px 0 10px 0;
  padding-top: 40px
}

.cashPayment .box {
  background: #000;
  width: 90%;
  margin: 40px auto;
  display: block;
  padding: 30px;
  margin-bottom: 20px;
  border-radius: 3px;
  max-width: 90%;
  position: relative
}

@media screen and (min-width: 48rem) {
  .cashPayment .box {
    width: 60%;
    max-width: 60%
  }
}

@media screen and (min-width: 85.375rem) {
  .cashPayment .box {
    width: 60%;
    max-width: 60%
  }
}

.cashPayment .box .text {
  text-align: center !important;
  color: #fff
}

.cashPayment .box .error {
  background: #fff;
  color: red;
  padding: 5px;
  text-align: center;
  border-radius: 4px
}

.loading {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0
}

.loader:before, .loader:after, .loader {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out
}

.loader {
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  color: #E9168C
}

.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  color: #1EB4F3
}

.loader:after {
  left: 3.5em;
  color: #FFFD38
}

.loader:before, .loader:after {
  content: '';
  position: absolute;
  top: 0
}

@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em
  }
  40% {
    box-shadow: 0 2.5em 0 0
  }
}

@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em
  }
  40% {
    box-shadow: 0 2.5em 0 0
  }
}

.waitingForPayment h4 {
  text-align: center
}

.login {
  background: #f5f5f5
}

.login__loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: -1;
  -webkit-transition: .5s ease;
  transition: .5s ease;
  -webkit-transform: translate3d(0px, -100%, 0);
  transform: translate3d(0px, -100%, 0);
  visibility: hidden
}

.login__loader--open {
  z-index: 100;
  visibility: visible;
  -webkit-transform: translate3d(0px, 0%, 0);
  transform: translate3d(0px, 0%, 0)
}

#login {
  padding-top: 35px
}

.login__form {
  margin: 0;
  padding: 0 1rem
}

.login__form .sa-close {
  position: absolute;
  top: 3px;
  right: 6px;
  font-size: 36px;
  cursor: pointer;
  color: #4d4d4d
}

@media screen and (min-width: 48rem) {
  .login__form {
    margin: 0 auto;
    padding: 0 5rem;
    width: 100%
  }
}

@media screen and (min-width: 64rem) {
  .login__form {
    margin: 0 auto;
    padding: 0 7rem;
    width: 60%
  }
}

@media screen and (min-width: 85.375rem) {
  .login__form {
    width: 70%
  }
}

.login__form .form__fieldset {
  border: none;
  margin: 0;
  padding: 0
}

.forgotPassword {
  display: inline-block;
  color: #8a8282;
  clear: both;
  float: right;
  font-style: italic;
  font-size: .9rem;
  font-weight: 600;
  margin: 0 0 3px;
  text-align: right;
  width: 52%
}

.rememberMe {
  display: inline-block;
  vertical-align: text-bottom;
  width: 40%
}

@media screen and (min-width: 48rem) {
  .rememberMe {
    width: 70%
  }
}

.rememberMe__checkbox {
  margin: 10px 10px 10px 10px;
  width: 20px;
  height: 20px
}

.dontHaveAccount {
  display: inline-block;
  margin: 10px 0 0 10px;
  font-size: .95rem
}

.dontHaveAccount--create {
  margin: 10px 0;
  text-decoration: underline;
  font-size: .95rem
}

.sign__in {
  width: 100%
}

.staffLogin {
  margin: 0 auto;
  padding: 0 1rem;
  text-align: right
}

@media screen and (min-width: 48rem) {
  .staffLogin {
    width: 60%
  }
}

.sofologist {
  background: #1B9ED6
}

.sofologist__packages {
  min-height: 45px !important
}

.sofologist__packages--logout {
  position: relative;
  left: 66%
}

@media screen and (min-width: 48rem) {
  .sofologist__packages--logout {
    position: relative;
    left: -5%
  }
}

.sofologist .user--position-caption1, .sofologist .user--position-caption2, .sofologist .user--position-caption3 {
  float: none;
  font-weight: bold
}

.sofologist .breadcrumb--postion {
  margin-top: 2.5rem
}

@media screen and (min-width: 48rem) {
  .sofologist .breadcrumb--postion {
    margin-top: 0
  }
}

.sofologist--text {
  color: #fff !important;
  float: right
}

.sofologist--position {
  background-color: #000 !important
}

.sofologist--address {
  position: absolute;
  top: 0;
  left: 2.5%;
  width: 95%
}

@media screen and (min-width: 25.94rem) {
  .sofologist--address {
    position: absolute;
    left: 30%;
    width: 40%
  }
}

@media screen and (min-width: 46rem) {
  .sofologist--address {
    position: absolute;
    left: 32.5%;
    width: 30%
  }
}

@media screen and (min-width: 48rem) {
  .sofologist--address {
    position: absolute;
    top: 1.5rem;
    right: 0;
    left: 80%;
    width: 15%
  }
}

@media screen and (min-width: 80rem) {
  .sofologist--address {
    width: 10%
  }
}

.sofologist--breadcrumbs {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  left: 1rem
}

@media screen and (min-width: 48rem) {
  .sofologist--breadcrumbs {
    left: 10rem
  }
}

@media screen and (min-width: 64rem) {
  .sofologist--breadcrumbs {
    left: 13rem
  }
}

@media screen and (min-width: 80rem) {
  .sofologist--breadcrumbs {
    left: 15.5rem
  }
}

.checkout__box {
  position: relative;
  overflow: hidden;
  z-index: 0
}

.checkout__box .existing__login {
  background-color: #FFF;
  box-shadow: 0 2px 4px #dadada;
  margin: 1rem 0 .3rem;
  padding: 1rem 0 .2rem !important;
  width: 100%
}

@media screen and (min-width: 48rem) {
  .checkout__box .existing__login {
    margin: 0 0 1rem
  }
}

.checkout__box .existing__login .account__login {
  text-align: center
}

.checkout__box .existing__login .account__login__icon--position {
  display: inline-block
}

.checkout__box .existing__login .account__login__icon--styling {
  color: #999;
  font-size: 2rem;
  width: 35px
}

.checkout__box .existing__login .login__form__trigger {
  display: inline-block;
  vertical-align: super
}

.checkout__box .existing__login .login__form__trigger__click {
  color: #333;
  font-size: .9rem;
  font-weight: 600;
  text-align: right;
  text-decoration: underline
}

.checkout__box .existing__login .login__form__trigger__click:hover {
  text-decoration: none
}

.checkout__box .login__form {
  background: #fff;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  width: 100%;
  z-index: 200
}

.checkout__box .login__form.active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.checkout__box .login__form .btn-login {
  margin-top: 30px
}

.checkout__box fieldset {
  border: none !important
}

.btn--login {
  max-width: 70%;
  margin: 40px auto;
  display: block
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/

body {
  -webkit-backface-visibility: hidden
}

.animated, .toast__error {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated.infinite, .infinite.toast__error {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animated.hinge, .hinge.toast__error {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

.animated.bounceIn, .bounceIn.toast__error, .animated.bounceOut, .bounceOut.toast__error {
  -webkit-animation-duration: .75s;
  animation-duration: .75s
}

.animated.flipOutX, .flipOutX.toast__error, .animated.flipOutY, .flipOutY.toast__error {
  -webkit-animation-duration: .75s;
  animation-duration: .75s
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3)
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05)
  }
  70% {
    -webkit-transform: scale(0.9)
  }
  100% {
    -webkit-transform: scale(1)
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3)
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

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

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px)
  }
  80% {
    -webkit-transform: translateY(-10px)
  }
  100% {
    -webkit-transform: translateY(0)
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.bounceInDown, .toast__error {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px)
  }
  80% {
    -webkit-transform: translateY(10px)
  }
  100% {
    -webkit-transform: translateY(0)
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

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

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0)
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px)
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px)
  }
}

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

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

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

/*# sourceMappingURL=master.css.map */

.header-search-results footer h2 {
  color: #6D6D6D !important;
}

.header-search-results footer p {
  color: #3f3f3f !important;
}

@media screen and (min-width: 46rem) {
  .show-tablet-block {
    display: block;
  }
}

.order-direct .show-tablet a.btn {
  width: 200px !important;
}

.outlet-page header .outlet-badge {
  margin-bottom: 0;
  height: 164px;
}

@media screen and (min-width: 45rem) {
  .outlet-page header .outlet-badge {
    height: 220px;
  }
  .outlet-page header .content {
    padding-left: 0 !important;
  }
}

@media screen and (min-width: 64rem) {
  .outlet-page header .outlet-badge {
    height: 301px;
  }
}

@media screen and (min-width: 85rem) {
  .outlet-page header .content {
    padding: 30px 32px 32px 70px !important;
  }
}

ul.tick-list {
  color: white;
  width: 100%;
  margin: 0 auto 0 50px;
  list-style: none;
}

ul.tick-list li {
  padding-left: 25px;
  position: relative;
  line-height: 1;
  margin-bottom: 10px;
}

ul.tick-list li i.sa {
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 45rem) {
  ul.tick-list {
    margin-left: 0;
    padding-left: 0;
  }
  ul.tick-list li {
    font-size: 14px;
  }
}

@media screen and (min-width: 80rem) {
  ul.tick-list {
    margin: 0 auto 0 50px;
    padding-left: inherit;
  }
  ul.tick-list li {
    font-size: inherit;
  }
}

.jumbo-call h1.tel {
  margin-bottom: 10px;
  font-family: fs-emeric-bold, sans-serif;
}

.hide-city ul.tick-list {
  width: 100%;
  padding: 0;
  margin-left: 0;
}

.hide-city .jumbo-call {
  color: white;
}

.hide-city .jumbo-call h2 {
  margin-bottom: 5px;
}

.tel strong {
  font-family: fs-emeric-bold, sans-serif;
}

.outlet-page p.jumbo {
  width: 80%;
  margin: 0 auto;
}

.grading.show-tablet {
  display: none !important;
}

@media screen and (min-width: 45rem) {
  .grading.show-city {
   /* margin-top: 40px !important;*/
  }
}

@media screen and (min-width: 64rem) {
  .grading.show-city {
    margin-top: 30px !important;
  }
}

@media screen and (min-width: 80rem) {
  .grading.show-tablet {
    display: inline-block !important;
  }
  .grading.show-city {
    display: none !important;
  }
}

.tel a, .tel:hover {
  color: white;
}

/* login form for header */

.c-login-form .login-form {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal
}

.c-card__details section div:first-child {
  margin-bottom: 18px
}

.c-card__details section div span {
  -ms-flex-item-align: end;
  align-self: flex-end;
  line-height: 1
}

.c-card__details section:nth-child(2) {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  margin-right: 10px
}

.c-card__details .colours img {
  width: 75px;
  height: auto;
  margin-right: 7px
}

.c-card__details .sizes img {
  width: 113px;
  height: auto;
  margin-right: 7px
}

.c-card__details .sizes span {
  position: relative;
  top: 2px
}

.c-card__details .colours a, .c-card__details .sizes a {
  display: flex;
  display: -webkit-flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #202020
}

.c-card__details .delivery i.sa, .c-card__details .likes i.sa {
  font-size: .9375rem;
  line-height: 1.6;
  color: #202020;
  margin-right: 12px;
  text-align: center;
  width: 20px
}

.c-card__details .delivery i.sa.sa-heart, .c-card__details .likes i.sa.sa-heart {
  position: relative;
  left: 1px
}

p.c-card__price {
  font-size: .875rem;
  line-height: 1;
  margin-bottom: 0;
  padding: 19px 17.5px;
  text-align: center;
  width: 100%
}

.modal {
  background-color: #000;
  background-color: rgba(0, 0, 0, .4);
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  padding-top: 100px;
  width: 100%;
  overflow: auto;
  z-index: 5
}

.modal__content {
  background-color: #fefefe;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .11);
  border-radius: 2px;
  margin: 10% auto 0;
  padding: 17.5px;
  position: relative;
  width: 90%
}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #000;
  font-size: 28px
}

.close .sa {
  margin: 0
}

.close:focus, .close:hover {
  color: #333;
  cursor: pointer
}

.cookie-bar p a, .sofasForFree .terms p a, body.home li.home, body.outlet li.outlet, body.shop-sofas li.shop-sofas, body.sofology li.sofology, body.store li.store-locator, body.stores li.store-locator, form.form--enquiry p strong {
  text-decoration: underline
}

#callback-form-wrapper, #contact-form-wrapper, .form-wrapper {
  color: #fff
}

#callback-form-wrapper header, #contact-form-wrapper header, .form-wrapper header {
  padding: 35px;
  text-align: center
}

#callback-form-wrapper h2, #contact-form-wrapper h2, .form-wrapper h2 {
  color: #fff
}

#callback-form-wrapper p, #contact-form-wrapper p, .form-wrapper p {
  margin-bottom: 0
}

#callback-form-wrapper .form, #contact-form-wrapper .form, .form-wrapper .form {
  background: url(https://images.sofology.co.uk/image/upload/q_70,fl_lossy,f_auto/v1495702952/Umbraco%20Website/Mazzini-Texas-Tan.jpg) no-repeat #202020;
  background-size: cover;
  padding: 0
}

@media (min-width:48em) {
  .modal__content {
    width: 550px
  }
  #callback-form-wrapper .form, #contact-form-wrapper .form, .form-wrapper .form {
    padding: 140px 35px
  }
}

#callback-form-wrapper .controls, #contact-form-wrapper .controls, .form-wrapper .controls {
  margin-bottom: 20px!important
}

#callback-form-wrapper .controls__control, #callback-form-wrapper form.form--enquiry .controls__control--select, #contact-form-wrapper .controls__control, #contact-form-wrapper form.form--enquiry .controls__control--select, .form-wrapper .controls__control, .form-wrapper form.form--enquiry .controls__control--select, form.form--enquiry #callback-form-wrapper .controls__control--select, form.form--enquiry #contact-form-wrapper .controls__control--select, form.form--enquiry .form-wrapper .controls__control--select {
  width: 100%
}

#callback-form-wrapper #callback, #callback-form-wrapper #enquiry-details, #callback-form-wrapper .form-inner-wrapper, #contact-form-wrapper #callback, #contact-form-wrapper #enquiry-details, #contact-form-wrapper .form-inner-wrapper, .form-wrapper #callback, .form-wrapper #enquiry-details, .form-wrapper .form-inner-wrapper {
  background: rgba(0, 0, 0, .8);
  padding: 35px;
  width: 100%
}

@media (min-width:48em) {
  #callback-form-wrapper #callback, #callback-form-wrapper #enquiry-details, #callback-form-wrapper .form-inner-wrapper, #contact-form-wrapper #callback, #contact-form-wrapper #enquiry-details, #contact-form-wrapper .form-inner-wrapper, .form-wrapper #callback, .form-wrapper #enquiry-details, .form-wrapper .form-inner-wrapper {
    width: 50%
  }
}

.c-login-form {
  height: auto
}

.c-login-form h6.headerTitle {
  font-size: .875rem;
  line-height: 1.71429;
  color: #fff;
  margin: 0;
  text-transform: capitalize
}

.tabs div h4, footer h2 {
  text-transform: uppercase
}

.c-login-form h2 {
  margin-bottom: 5px;
  font-size: 1.5rem;
  line-height: 1;
  text-align: left
}

@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) {
  .c-login-form .c-controls__control {
    padding: 12px
  }
}

.c-login-form .login-form {
  display: flex;
  display: -webkit-flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -ms-flex-direction: row;
  flex-direction: row
}

.c-login-form .login-form .back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  background-color: #000;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 5%;
  flex: 1 1 5%;
  position: absolute;
  height: 45px;
  padding: 0 5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff
}

.c-login-form .login-form .c-SlideContainer {
  overflow-x: hidden;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 60%;
  flex: 1 1 60%
}

.c-login-form .login-form .c-SlideContainer::-webkit-scrollbar {
  display: none
}

.c-login-form .login-form .Frwrd, .c-login-form .login-form .Frwrd .navOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal
}

.c-login-form .login-form .c-SlideContainer .slideArea input {
  font-size: .75rem;
  line-height: 2;
  height: 45px;
  color: #3F3F3F;
  min-width: 100%;
  max-width: 100%;
  border: 0;
  margin: 0;
  padding: 0 0 0 20px
}

@media (min-width:62em) {
  .c-login-form .login-form .c-SlideContainer {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%
  }
  .c-login-form .login-form .c-SlideContainer .slideArea input {
    font-size: .875rem;
    line-height: 1.71429
  }
}

.c-login-form .login-form .c-SlideContainer .slideArea input:focus {
  color: #3F3F3F
}

.c-login-form .login-form .c-SlideContainer .slideArea input:focus:invalid {
  background-color: #ffe1e1
}

.c-login-form .login-form .c-SlideContainer .slideArea input.fbookInput {
  background-color: #03539e;
  color: #fff!important
}

.c-login-form .login-form .c-SlideContainer .slideArea input.fbookInput::-webkit-input-placeholder {
  color: #fff
}

.c-login-form .login-form .c-SlideContainer .slideArea input.fbookInput:-ms-input-placeholder {
  color: #fff
}

.c-login-form .login-form .c-SlideContainer .slideArea input.fbookInput::placeholder {
  color: #fff
}

.c-login-form .login-form .c-SlideContainer .facebook-button button {
  color: #fff;
  height: 45px;
  padding-left: 10px;
  font-size: .75rem;
  line-height: 2;
  background-color: #03539e;
  border: none;
  width: 100%;
  text-align: left
}

@media (min-width:45em) {
  .c-login-form .login-form .c-SlideContainer .facebook-button button {
    padding-left: 10px;
    font-size: .6875rem;
    line-height: 2.18182
  }
}

@media (min-width:62em) {
  .c-login-form .login-form .c-SlideContainer .facebook-button button {
    padding-left: 25px;
    font-size: .875rem;
    line-height: 1.71429
  }
}

.c-login-form .login-form .Frwrd {
  display: flex;
  display: -webkit-flex;
  -ms-flex-flow: no-wrap;
  flex-flow: no-wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
  background-color: #000;
  color: #fff
}

.c-login-form .login-form .Frwrd.focus .navOptions:before {
  width: 32px;
  height: 32px;
  background: #000;
  border-radius: 16px;
  line-height: 32px;
  content: "\f068";
  font-family: sofology;
  display: block;
  left: -20%;
  text-align: center;
  position: relative
}

.c-login-form .login-form .Frwrd.focus .navOptions .sa {
  left: -16px;
  position: relative;
  padding-left: 6px;
  margin-right: 5px
}

@media (min-width:62em) {
  .c-login-form .login-form .Frwrd {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%
  }
}

.c-login-form .login-form .Frwrd .navOptions {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 65%;
  flex: 1 1 65%;
  display: flex;
  display: -webkit-flex;
  -ms-flex-flow: no-wrap;
  flex-flow: no-wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.c-login-form .login-form .Frwrd .navOptions .sa {
  color: #fff;
  margin: 0;
  position: relative;
  pointer-events: none;
  font-size: 1.25rem;
  line-height: 1.2
}

.c-login-form .login-form .Frwrd .navOptions .sa::before {
  color: #fff
}

.c-login-form .login-form .Frwrd .navOptions input[type=submit] {
  background-color: #000;
  border: 0;
  color: #fff;
  padding: 0;
  position: relative;
  left: -15px;
  font-size: .625rem;
  line-height: 2.4
}

.c-login-form .login-form .Frwrd .navOptions button {
  background-color: transparent;
  padding: 0;
  font-size: .625rem;
  line-height: 2.4;
  border: 0;
  position: relative;
  left: -16px
}

.c-login-form .login-form .Frwrd .Fbook {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 35%;
  flex: 1 1 35%;
  background-color: #03539e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: no-wrap;
  flex-flow: no-wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.c-login-form .login-form .Frwrd .Fbook .sa {
  color: #fff;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.2
}

.c-login-form .login-form ul.card-loader {
  padding: 4px 0;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, .5);
  position: absolute;
  max-width: 400px;
  display: block;
  height: 45px;
  z-index: 1
}

.c-login-form .login-form .messages {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 60%;
  flex: 1 1 60%
}

@media (min-width:62em) {
  .c-login-form .login-form .messages {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%
  }
}

.c-login-form .login-form .messages p {
  margin-bottom: 0
}

.c-login-form .login-form .messages p .password-sent, .c-login-form .login-form .messages p a {
  font-size: .75rem;
  line-height: 2;
  color: inherit;
  font-style: italic
}

.c-login-form .login-form .Arrows {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width:62em) {
  .c-login-form .login-form .Arrows {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%
  }
}

.c-login-form .login-form .Arrows .navOptions {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 65%;
  flex: 1 1 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.c-login-form .login-form .Arrows .navOptions i.sa {
  margin-right: 0;
  display: none
}

.c-login-form .login-form .Arrows .navOptions.active i.sa {
  color: #fff;
  display: inline
}

.c-login-form .login-form .Arrows .Fbook {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 35%;
  flex: 1 1 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.c-login-form .login-form .Arrows .Fbook i.sa {
  margin-right: 0;
  display: none
}

.c-login-form .login-form .Arrows .Fbook.active i.sa {
  color: #fff;
  display: inline
}

.basket-selection .selectButtons, .basket-selection .selectButtons a {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical
}

.c-login-form .login-form .login-error {
  margin-top: 7px!important
}

.login-close {
  cursor: pointer;
  color: #fff;
  position: absolute;
  right: 0;
  margin: 5px
}

.login-header-area {
  padding: 15px
}

@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) {
  .login-close {
    margin-right: 20px
  }
  .login-header-area {
    padding: 15px 20px 15px 15px
  }
}

.login-header-area .login-form {
  height: auto;
  margin-top: 10px
}

.login-header-area .login-form i.sa::before {
  color: #fff!important;
  font-size: inherit
}

.login-header-area .login-form .messages a, .login-header-area .login-form .messages p {
  color: #fff!important
}

.login-header-area .login-form .sofology-login i.sa {
  font-size: .9375rem;
  line-height: 1.6;
  padding: 0 5px
}

.basket-selection p.basTitle {
  margin-bottom: 5px
}

.basket-selection .selectButtons {
  display: flex;
  display: -webkit-flex;
  -ms-flex-flow: inherit;
  flex-flow: inherit;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: 0
}

.basket-selection .selectButtons a {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
  display: flex;
  display: -webkit-flex;
  -ms-flex-flow: inherit;
  flex-flow: inherit;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.basket-selection .selectButtons p {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 10%;
  flex: 1 1 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: inherit;
  flex-flow: inherit;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
  font-size: 1.25rem;
  line-height: 1.2
}

.c-login-form h6.headerTitle {
  font-size: .875rem;
  line-height: 1.71429;
  color: #fff;
  margin: 0;
  text-transform: capitalize
}

/* IE specific text changes
*/

@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) {
  .navigation nav.main .search form input.active-search {
    color: #E5E5E5!important
  }
}

@media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) {
  .navigation nav.main .search form input.active-search.active-focus {
    color: #202020!important
  }
}

/* Adhoc stores changes */

form#find-a-store {
  display: flex;
  flex-flow: row nowrap;
}

@media screen and (min-width: 1280px) {
  form#find-a-store {
    max-width: 60%;
  }
}

form#find-a-store input {
  flex: auto;
}

form#find-a-store button {
  height: 52px;
  width: 80px;
  flex-flow: row nowrap;
  align-content: center;
  justify-content: center;
  padding: 0;
  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    flex-flow:column column !important;
    flex: 1
  }
}

form#find-a-store i.sa-looking-glass {
  margin: 0 auto;
  font-size: 24px;
}

/* c-validation */

.c-validation {
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  background-color: #a94442;
  margin-top: 14px
}

.c-validation:before {
  content: " ";
  width: 5px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #a94442;
  border-top: 10px solid transparent;
  position: relative;
  top: -35px;
  left: 20px
}

.focuspoint, .focuspoint img {
  position: absolute;
  left: 0;
  top: 0
}

.c-validation label {
  color: #fff!important;
  padding: 5px 10px 5px 0;
  margin-bottom: 0;
  font-size: .625rem;
  line-height: 2.4
}

@media (min-width:62em) {
  .c-validation label {
    font-size: .75rem;
    line-height: 2
  }
}

/* header basket cTA */

.nav-login .c-login-form .basket-selection .selectButtons a {
  padding: 10px 5px;
  font-size: .875rem;
  line-height: 1.71429;
  line-height: 16px!important;
  white-space: pre-wrap;
}

@media (min-width: 992px) {
  .nav-login .c-login-form .basket-selection .selectButtons a {
    white-space: nowrap;
  }
}

.nav-login .c-login-form .basket-selection p.basTitle {
  margin-bottom: 5px;
  text-align: left;
  color: #fff;
}

.nav-login .c-login-form .basket-selection p {
  color: #fff;
}

/* Outlet Badges */

.outlet-badge.outlet-badge--exdisplay {
  background: url(https://images.sofology.co.uk/image/upload/v1502189889/logos/50-percent.png) no-repeat left top !important;
  background-size: contain !important;
}

.outlet-badge.outlet-badge--refurbished {
  background: url(https://images.sofology.co.uk/image/upload/v1502189889/logos/35-percent.png) no-repeat left top !important;
  background-size: contain !important;
}

.outlet-badge.outlet-badge--overstock {
  background: url(https://images.sofology.co.uk/image/upload/v1502189889/logos/10-percent.png) no-repeat left top !important;
  background-size: contain !important;
}

@media screen and (min-width: 64rem) {
  .outlet-badge.outlet-badge--exdisplay {
    width: 302px !important;
    height: 311px !important;
  }
  .outlet-badge.outlet-badge--refurbished {
    width: 302px !important;
    height: 311px !important;
  }
  .outlet-badge.outlet-badge--overstock {
    width: 302px !important;
    height: 311px !important;
  }
}

/* Heart Icon */

.heart .count {
  width: 15px;
  height: 15px;
  background: #de007b;
  border-radius: 7.5px;
  line-height: 15px;
  border: 1px solid #fff;
  color: #fff;
  display: block;
  z-index: 30;
  position: absolute;
  top: 2px;
  font-size: 10px;
  margin-left: 10px;
  text-align: center;
}

/* hack for store finder page */

form#find-a-store {
  flex-flow: row wrap;
}

form#find-a-store button.btn {
  width: 36px;
}

@media screen and (min-width: 1280px) {
	form#find-a-store input#userPostcode {
		max-width: none;
	}

	form#find-a-store button.btn {
		width: 80px;
	}
}


form.c-gdpr {
  height: 136px;
  position: relative;
  font-family: FS-Emeric-Light,Helvetica,sans-serif;
}

.c-gdpr .card-loader li {
  margin: 0 5px;
}

.c-login-form .login-form ul.card-loader {
align-items: center;
bottom: 24px;
left: 0;
display: flex;
}

.c-gdpr-message small {
font-size: 12px;
line-height: 1.5;
display: block;
margin-bottom: 6px;
font-family: FS-Emeric-Light,Helvetica,sans-serif;
}

.c-gdpr .messages {
  max-height: 24px;
  height: 24px;
}

.c-gdpr .messages p {
  line-height: 1;
}



.dark-grey-bg {
  background-color: #202020 !important;
  color: #fff !important;
}

.grading .deals {
    margin-bottom:10px !important;
}
 p.stock {
    margin: 0 auto;
    line-height: 16px !important;

    margin-bottom: 0 !important;
   text-align: center !important;
}

  p.stock a {
      color:#fff;
      text-decoration: underline;
  }

.c-btn--block {
	width: 100%;
}

.u-sofology-white {
	color: white;
}

.u-sofology-white:hover {
	color: white;
}

.u-flex {
	display: flex;
	width: 100%;
}

.u-flex--space-between {
	justify-content: space-between;
}

.u-flex--align-enter {
	align-items: centre;
}

.u-margin-right-tiny {
  margin-right: 6px!important;
}

.login-form small {
	font-size: 13px;
	line-height: 16px;
}

.u-loading {
	display: flex;
	align-items: centre;
	justify-content: center;
}

.u-loading__message {
	font-family: FS-Emeric-Medium,Helvetica,sans-serif;
	margin-right: 8.75px;
}

.u-loading svg path,
.u-loading svg rect {
    fill: #009fee;
  }

.u-margin-bottom {
	margin-bottom: 35px !important;
}


.u-relative {
	position: relative;
}

.c-controls__control__icon {
	position: absolute;
	top: 14px;
	right: 12px;
	color: #6d6d6d;
 	cursor: pointer;
}

.c-controls__control__icon::before {
	color: inherit !important;
}

@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
	.c-controls__control__icon {
		top: 12px;
	}

	.ie-hide {
		display: none;
	}
}

@supports (-ms-accelerator: true) {
	.edge-hide {
		display: none;
	}
}

@supports (-ms-accelerator: true) {
	.edge-hide {
		display: none;
	}
}

@supports (-ms-ime-align: auto) {
	.edge-hide {
		display: none;
	}
}




/* @media (max-width: 1024px) {
  .syteCamera .tooltiptext {display: none;}
  .tooltip {display: none};
}


@media (min-width: 1025px) {

 
  .tooltip {
    position: relative;
    display: inline-block;
   
  }
}


  .syteCamera .tooltiptext {
    border:2px solid black;
    width: 200px;
    background-color: #fff;
    color: #fff;
    text-align: center;
    padding: 0;
    position: absolute;
    z-index: 1;
    right: -77px;
    top: 25px;
    opacity: 0;
    transition: opacity 1s linear;
    position: absolute;
    z-index: 1;
    visibility: hidden;
  }




  .syteCamera .tooltiptext.syteDisplay {
    visibility: visible ;
    opacity: 1;
    transition: opacity 0.5s linear;
  } 
    

  .syteCamera .tooltiptext.syteHide {
 
     visibility: hidden;
      opacity: 0;
      transition: visibility 0s 1s, opacity 1s linear;
      z-index: 0;
    }

  


  .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 53%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  }


  .tt-visualSearchToolList {
    display: flex;
    flex-direction: column;
    border-bottom: 3px solid red;
  }


    .tt-visualSearchToolList .sa {
      color: black;
      top: 5px !important;
      font-size: 10px;
      right: 2px;
      z-index:2;
    }

   
    .tt-visualSearchTitle { 
      text-transform: uppercase;
      color: red !important;
      font-size: 18px;
      margin: 10px 0 0 0;
      font-weight: bold;
    }
    .tt-visualSearchHeader {
      font-size: 18px;
      color: #000!important;
      font-weight: 700;
      margin: 0;
      padding: 5px 10px;
    }
    .tt-visualSearchText {
      font-size: 15px;
      color: #000!important;
      margin: 0;
      line-height: initial;
      padding: 10px;

    }

    button.syteCameraNav {
      margin-top:10px;
      width: fit-content;
      margin: 10px auto;
      background-color: transparent !important;
      border: none;
    }


 
    button.syteCameraNav::before {
      content: "\f06c";
      color: #fff;
      font-family: sofology;
  }


  .SyteSearch {

    cursor: pointer;
    position: absolute;
    z-index: 3000;
    width: 13%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px;
  }



  .SyteSearch.syteMain {
    display:none;
    height: 43px;
  }
  .SyteSearch.syteMain.active-focus {
    display: none;
  }
  .SyteSearch.syteMain.active-search { 
      display: flex; 
      button::before {
        
          color: black;
        
      }
    } 
  

  
  .SyteSearch  .sa {
      color: #000 !important;
      font-size: 10px !important;
      margin-top: 7px !important;
    
    }
  
    .SyteSearch.active-focus { 
      display: inline; 
  
    
    } 
  
   .SyteSearch.active-focus button.syteCameraNav::before {
      color: #000;
    }
    
    */
    @media (max-width: 690px) {
    .outletDesktopCTA  {display: none;}
     }


    @media (min-width: 691px) {
     .outletMobileCTA {display: none;}
     }


             .outlet-event-container a.terms,
             .outlet-event-container a.terms:visited {
               font-size: 14px;
               color: #fff;
               text-decoration: underline;
               line-height: 120% !important;
               margin: 0 auto;
               width: 100%;
             }

                          
      
             .terms_container {
               display: inline;
             }
      
             @media (max-width: 600px) {
               .terms_container {
                              font-size: 10px !important;
                 display: block;
               }

                                                        .outlet-event-container a.terms {
                                                          font-size: 10px;
                                                            color: #fff;
                                                            text-decoration: underline;
                                                            line-height: 120% !important;
                                                            margin: 0 auto;
                                                            width: 100%;
                                                        }
      
             }