/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
  font-weight: 300;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
    font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
  font-weight: 400;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans'), local('OpenSans'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
    font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
  font-weight: 600;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
  font-weight: 600;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
  font-weight: 700;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
    font-family: 'Open Sans';
  font-style: normal;
    font-weight: 800;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
    font-style: italic;
  font-weight: 800;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/opensans-v13/open-sans-v13-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
  font-weight: 300;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
    font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
  font-weight: 400;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
    font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
  font-weight: 500;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
  font-weight: 700;
  src: url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Content/SwitchedOn_GB/Styles/Fonts/roboto-v15/roboto-v15-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

body {
    color: #111;
    font-family: 'Open Sans', sans-serif;
    background: url(/Images/shadow.png) no-repeat bottom 28px center #eee;
    min-width:320px;
    overflow: hidden;
    overflow-y: auto;
}
body.affix, body.affix-bottom {
    padding-top: 70px!important;
}
body.soi-navbar-shown {
    overflow-y: hidden;
}

.frame {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.frameTop {
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    min-height: 794px;
    position: relative;
}

@media (max-height: 800px) {
    @media (min-width: 992px) {
        .frameTop {
            min-height: 767px !important;
        }
        .frame.noflex .frameTop {
            min-height: 0px !important;
        }
    }
}

.frameBottom {
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    position: relative;
}
.frameContainer {
    position: absolute;
    width: 100%;
    height: 100%;
}
.frameContent {
    position: relative;
    max-width: 1460px;
    /*max-height: 794px;*/
    height: 100%;
    margin: 0 auto;
    overflow: visible;
}
.wrapper {
    position:absolute;
    top: 0;
    left: 0;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    width: 100%;
    height: 100%;
}

.frame.noflex, 
.frame.noflex .frameTop, 
.frame.noflex .frameBottom, 
.frame.noflex .frameContainer, 
.frame.noflex .wrapper, 
.frame.noflex header, 
.frame.noflex #banner, 
.frame.noflex #waypoint {
    display: block;
    position: relative;
}

.frame.noflex .frameTop {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    min-height: 0;
}
.frame.noflex #banner {
    padding: 0px;
    height: 584px;
}

.dl-horizontal {
    color: #444;
}
.bootstrap-switch {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 0;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, 
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: #00bfff;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #eee;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    -webkit-transition: background 1s;
    transition: background 1s;
}
.bootstrap-switch.bootstrap-switch-focused {
    border-color: #00bfff;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, 
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, 
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
    border-radius: 0;
}

.fa.fa-use-text {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
}

@media (min-width: 768px) {
    .container {
        width: 100%;
        padding: 0 30px;
    }

    .dl-horizontal {
        margin-top: 1px;
    }

    .dl-horizontal dd {
        margin-left: 50%;
        text-align: right;
        width: auto;
    }

    .dl-horizontal dt {
        width: 50%;
        text-align: left;
        margin: 0 0 15px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 100%;
        padding: 0 45px;
    }
}

/*product select triangles*/
.top-right-triangle {
    border-color: rgba(0, 0, 0, 0) #ddd rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
.top-right-triangle i.fa-check {
    display: none;
}

#cover-level #standard .cover-item.active .top-right-triangle,
#cover-level #standard .cover-item:hover .top-right-triangle {
    border-color: rgba(0, 0, 0, 0) #ff692b rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
#cover-level #premium .cover-item.active .top-right-triangle,
#cover-level #premium .cover-item:hover .top-right-triangle {
    border-color: rgba(0, 0, 0, 0) #9cd34d rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}
#cover-level #ultimate .cover-item.active .top-right-triangle,
#cover-level #ultimate .cover-item:hover .top-right-triangle {
    border-color: rgba(0, 0, 0, 0) #00bfff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}

#cover-level #standard .cover-item.active .top-right-triangle i.fa-check,
#cover-level #premium .cover-item.active .top-right-triangle i.fa-check,
#cover-level #ultimate .cover-item.active .top-right-triangle i.fa-check {
    display: inline-block;
}

/*coupon cut out*/
.couponCutOut{
    color:#00bfff !important;
    border-color:#00bfff !important;
}
#couponErrorContainer div.ribbon{
    padding-right:0 !important;
}

/*Section background colours */
section.background.lightGrey {
    background-color:#f6f8f9;
}

section.background.white {
    background-color:#fff;
}

section.background.greyHex  {
    background: #ffffff url("/Images/Theme/SOI/grey-module-fade.png") repeat-x scroll center top !important;
    /*padding-bottom: 0;*/
}

i.leadIcon {
    margin-right: 10px; 
    color: #00bfff; 
    font-size: 130%;
}

.btn-noMargin {
    margin:0;
}

ul.tickList.medium i.fa {
    font-size:28px;
}

.center-block-important {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
}

/* Content attributes */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif!important;
    position: relative;
    z-index: 1;
}
h2.uppercase {
    letter-spacing: 0;
}
.contentBlock .col-xs-9,
.contentBlock .col-sm-9,
.contentBlock .col-md-9 {
    margin-left: -25%;
    padding-left: 115px;
    width: 100%;
}
.contentBlock .col-xs-9.col-md-pull-3 {
    margin-left: 0;
    padding-left: 15px;
    margin-right: -25%;
    padding-right: 115px;
    width: 100%;
}
.contentBlock ul {
    list-style: square;
}
.contentBlock ul.list-unstyled {
    padding: 0;
    margin: 0;
    list-style: none;
}
.contentBlock p,
.contentBlock blockquote,
.contentBlock ul li {
    font-weight: 400;
    color: #444;
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    z-index: 1;
    border: none;
    padding: 0;
}

.contentBlock a {
    color: #00bfff;
    font-weight: 600;
    margin-top: 30px;
    display: block;
    margin-bottom: 15px;
}
.contentBlock a.inline {
    display: inline;
}
.contentBlock a .fa-chevron-right {
    font-size: 12px;
}
h3.listTitle, 
h3.listTitle-sm {
    color: #111;
    margin: 15px 0 15px;
    font-size: 16px!important;
    font-weight: 500!important;
    position: relative;
    z-index: 1;
    line-height: 130%;
}
h1.title,
h2.title {
    font-size: 40px;
    color: #111;
    font-weight: 300;
    margin: 0 0 15px;
    line-height: 100%;
    position: relative;
    z-index: 1;
}
h1.title strong,
h2.title strong {
    color: #00bfff;
    font-weight: 400;
}
h3.title {
    font-size: 30px;
    color: #111;
    font-weight: 300;
    margin: 15px 0;
    position: relative;
    z-index: 1;
}
h3.title strong {
    color: #00bfff;
    font-weight: 400;
}
.lead {
    font-size: 18px;
    line-height: 130%;
    margin: 0 0 15px;
    position: relative;
    z-index: 1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: block;
}
.btn {
    border-radius: 0!Important;
    font-size: 16px;
    font-family: 'Roboto', sans-serif!important;
    font-weight: 400;
    position: relative;
    z-index: 1;
}

.btn-primary {
    background: #00bfff;
    color: #fefefe;
    padding: 0 15px;
    min-width: 100%;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    text-align: center;
    text-indent: -68px;
}

.btn-secondary {
    background: transparent;
    color: #fefefe;
    padding: 0 15px;
    min-width: 100%;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    text-align: center;
    text-indent: -68px;
}

.contentBlock a.btn-primary,
.contentBlock a.btn-secondary {
    color: #fefefe !important;
    margin-top: 15px !important;
}

.half-box .col-md-6 {
    border-right: 1px dotted #ddd;
    padding: 30px;
}

.half-box .col-md-6:last-child {
    border-right: 0;
}

#fraudInitModal .modal-body{
    padding-bottom:0;
}


.btn-primary.warning {
    background: #FF8C00;
}
.btn-primary.btn-sm,
.btn-secondary.btn-sm {
    color: #fefefe !important;
    font-weight: normal;
    height: 46px;
    line-height: 46px !important;
    font-size: 14px !important;
    text-indent: -46px !important;
}
.btn-primary.btn-xs,
.btn-secondary.btn-xs {
    height: 48px;
    width: 48px;
    min-width: 48px;
    line-height: 48px;
    text-indent: 0;
    padding: 0 !important;
    float: right;
    margin: 0;
}
.btn-primary .fa,
.btn-secondary .fa {
    font-size: 24px;
    top: 0;
    right: 0;
    width: 68px;
    height: 70px;
    line-height: 70px;
    border-left: 1px solid #fff;
    position: absolute;
    text-align: center;
    text-indent: 0;
}
.btn-primary.btn-sm .fa,
.btn-secondary.btn-sm .fa {
    color: #fefefe !important;
    font-weight: normal;
    height: 46px;
    width: 46px;
    line-height: 46px;
    font-size: 14px;
}
.btn-primary.btn-sm .fa.fa-spinner,
.btn-secondary.btn-sm .fa.fa-spinner {
    border-left: none;
}
.btn-primary.btn-xs .fa,
.btn-secondary.btn-xs .fa {
    color: #fefefe !important;
    font-weight: normal;
    height: 46px;
    width: 46px;
    line-height: 46px;
    top: 0;
    left: 0;
    border: 0;
    font-size: 22px;
    margin: 0;
}
.btn-square {
    height: 140px;
    width: 140px;
    padding: 45px 0;
    min-width: 140px;
    margin: 0;
    background: #00bfff;
    color: #fefefe;
    line-height: 210px;
}
.btn-square .fa {
    border-radius: 50%;
    border: 2px solid #fff;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    line-height: 43px;
    font-size: 31px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.btn-square:hover {
    color: #fefefe;
}
.btn-alt {
    background: none;
    color: #111;
    border: 1px solid #111;
    padding: 0 15px!important;
    height: 70px;
    line-height: 68px;
    font-size: 14px;
    text-transform: none;
    min-width: 100%;
    text-indent: 68px;
}
.btn-secondary {
    background: none;
    color: #fff;
    border: 1px solid #fff;
    padding: 0 15px!important;
    height: 70px;
    line-height: 68px;
    font-size: 14px;
    text-transform: none;
    min-width: 100%;
    text-indent: -70px;
}
.btn-alt.btn-sm {
    background: #fff;
    color: #111;
    border: 1px solid #111 !important;
    padding: 0 !important;
    height: 46px !important;
    line-height: 44px !important;
    text-indent: 44px !important;
    width: 100% !important;
}
.btn-alt.btn-sm.btn-right {
    text-indent: -44px !important;
}
.btn-secondary.btn-sm {
    background: #fff;
    color: #111 !important;
    border: 1px solid #111 !important;
    padding: 0 !important;
    height: 46px !important;
    line-height: 44px !important;
    text-indent: 0px !important;
    width: 100% !important;
}
.btn-secondary.btn-sm.pull-right {
    text-indent: -44px !important;
}
.btn.btn-alt.btn-xs {
    height: 48px;
    width: 48px;
    min-width: 48px;
    line-height: 48px;
    text-indent: 0;
    border: 1px solid #ccc;
    padding: 0!important;
    float: right;
    margin: 0 0 0 15px;
}
.btn-alt .fa {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 68px;
    width: 70px;
    border-left: 1px solid #111;
    text-align: center;
    line-height: 68px;
    text-indent: 0;
    -webkit-transition: border 0.5s;
    -moz-transition: border 0.5s;
    -o-transition: border 0.5s;
    transition: border 0.5s;
}
.btn-secondary .fa {
    position: absolute;
    top: 0;
    right: 0;
    height: 68px;
    width: 70px;
    border-left: 1px solid #fff;
    text-align: center;
    line-height: 68px;
    text-indent: 0;
}
.btn-secondary:hover .fa {
    border-color: #00bfff !important;
}
.btn-alt.btn-sm .fa {
    height: 44px !important;
    width: 44px !important;
    line-height: 42px !important;
    top: 0;
    left: 0;
    border: 0;
    font-size: 14px !important;
    border-right: 1px solid #111 !important;
    margin: 0;
}
.btn-alt.btn-sm.btn-right .fa {
    border-right: none!important;
    border-left: 1px solid #111 !important;
    right: 0;
    left: auto;
}
.btn-secondary.btn-sm .fa {
    height: 44px !important;
    width: 44px !important;
    line-height: 42px !important;
    top: 0;
    right: 0;
    border: 0;
    font-size: 16px !important;
    border-left: 1px solid #111 !important;
    margin: 0;
}

.btn-alt.btn-xs .fa {
    height: 46px;
    width: 46px;
    line-height: 46px;
    top: 0;
    left: 0;
    border: 0;
    font-size: 18px;
    color: #111;
    margin: 0;
}
.btn-alt:hover,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    background: #fff !important;
    border-color: #00bfff !important;
    color: #00bfff !important;
}

.btn-alt.btn-sm:hover .fa,
.btn-secondary.btn-sm:hover .fa,
.btn-secondary.btn-sm:active .fa,
.btn-secondary.btn-sm:focus .fa, {
    border-color: #00bfff !important;
}
.btn-alt.warning:hover {
    border: 1px solid #FF8C00!important;
    color: #FF8C00!important;
}
.btn-link {
    background: none;
    color: #00bfff;
    font-weight: 400;
    font-size: 16px;
}
.btn-group-lg > .btn, 
.btn-lg {
    font-weight: 400;
}
.btn-group-lg > .btn, .btn-promo-xlg {
    font-size: 2em !important;
    text-transform: uppercase;
    font-weight: 500;
}
.section-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    color: #fff;
    margin-bottom: 30px;
    background: #00bfff;
}
.listIcon {
    color: #00bfff;
    border: 0;
    background: none;
    border-radius: 0;
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 0 30px 32px 0!important;
    font-size: 42px;
}
.tickIcon {
    background: none;
    color: #00bfff;
    border: 2px solid #00bfff;
    width: 46px;
    height: 46px;
    line-height: 42px;
    text-align: center;
    font-size: 28px;
    margin: 0 15px 32px 0!important;
}
.numIcon {
    width: 46px;
    height: 46px;
    background: #00bfff;
    color: #fefefe;
    font-weight: 600;
    text-align: center;
    line-height: 46px;
    font-size: 15px;
    font-style: normal;
}
.icon-list {
    margin: 0;
    top: 0;
}
.icon-list .icon-list-item {
    width: 140px;
    height: 140px;
    margin: 0 0 4px auto !important;
    background: rgba(0,191,255,0.85);
    position: relative;
}
.icon-list .icon-list-item .listIcon {
    background: none;
    color: #fefefe !important;
    border: 0;
    margin: 0 auto !important;
    font-size: 40px;
    width: 100%;
    position: relative;
    line-height: 130px;
    height: 140px;
}
.icon-list .icon-list-item h4 {
    width: 100%;
    margin: 0;
    line-height: 140%;
    font-size: 14px;
    font-weight: 400;
    color: #fefefe;
    padding: 0;
    position: absolute;
    bottom: 15px;
    text-align: center;
}
.other {
    background: rgba(51,51,51,0.9);
}
.priceBubble {
    color: #fefefe;
    height: 70px;
    position: relative;
    padding: 10px 15px 10px 30px;
    width: 206px;
    border-left: 1px dotted #002633;
}
.priceBubble span,
.priceBubble strong,
.priceBubble small {
    max-width: 100%;
    margin: 0;
    text-align: left;
    display: inline-block;
    float: left;
    font-size: 16px;
}
.priceBubble span {
    color: #002633;
    margin-bottom: -2px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
.priceBubble strong {
    font-size: 32px;
    clear: left;
    margin: 0 0 0;
    color: #00bfff;
}
.priceBubble small {
    font-size: 13px;
    line-height: 18px;
    padding: 0;
    font-weight: 400;
    margin: 16px 0 0 7px;
    text-transform: none;
    color: #00bfff;
}
.priceBubble .fa-tag {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 70px;
    border-right: 1px solid #fff;
    font-size: 20px;
    color: #00bfff;
}
hr.section-seperator {
    margin: 30px -30px 30px -45px;
}
hr.dotted {
    border-top-width: 1px;
    border-top-style: dotted;
}
hr.circle-divider {

    margin-top: 0!important;
    margin-bottom:0 !important;
}
.trustpilot-badge {
    z-index: 5;
    position: relative;
}
.defaqto-badge {
    /*z-index: 5;
    position: relative;
    float: left;*/
    display: none !important;
}
.background-mask {
    opacity: 0.9!important;
    z-index: 0!important;
    background: -moz-linear-gradient(left, rgba(255,255,255,01) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%, rgba(255,255,255,0) 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(40%,rgba(255,255,255,1)), color-stop(99%,rgba(255,255,255,0.02)), color-stop(100%,rgba(255,255,255,0)))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%,rgba(255,255,255,0) 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%,rgba(255,255,255,0) 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%,rgba(255,255,255,0) 100%)!important; /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%,rgba(255,255,255,0) 100%)!important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 )!important; /* IE6-9 */
    width: 60%!important;
    min-height: 2000px!important;
    position: absolute;
    top: 0;
    left: 0;
}
.background-mask.align-right {
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(65%,rgba(255,255,255,1)), color-stop(99%,rgba(255,255,255,1)))!important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%)!important; /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%)!important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 )!important; /* IE6-9 */
    right: 0;
    left: auto;
}
.carousel .carousel-control {
    width: 5%!important;
    opacity: 1!important;
}
.carousel .carousel-control i {
    background: none!important;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border-radius: 3px;
    top: 50%;
    position: absolute;
    color: rgba(51,51,51,0.8)!important;
}
.carousel .carousel-control .fa-chevron-left {
    left: 50%!important;
    margin: -23px 0 0 -23px!important;
}
.carousel .carousel-control .fa-chevron-right {
    right: 50%!important;
    margin: -23px -23px 0 0!important;
    left: auto!important;
}
.carousel-indicators {
    bottom: 0px!important;
}
.carousel-indicators li {
    background: rgba(0,0,0,0.7);
    border: 0;
    height: 12px;
    width: 12px;
    margin: 0;
    border-radius: 0;
}
.carousel-indicators .active {
    border: 0;
}
.social-icons {
    height: 60px;
    margin: 0!important;
}
.social-icons a {
    float: left;
    width: 60px!important;
    height: 60px!important;
    line-height: 60px!important;
    margin: 0 2px 0 0!important;
    border-radius: 0!important;
    text-align: center;
    font-size: 22px;
}
.social-icons a:last-child {
    margin-right: 0;
}
.social-icons .fa-facebook {
    background: #3b5998!important;
    color: #fefefe;
}
.social-icons .fa-twitter {
    background: #00aced!important;
    color: #fefefe;
}
.social-icons .fa-linkedin {
    background: #007bb6!important;
    color: #fefefe;
}
.social-icons .fa-google-plus {
    background: #dd4b39!important;
    color: #fefefe;
}
.topAnchor {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
    background: #002633;
    color: #fff;
    position: fixed;
    bottom: 35px;
    right: 35px;
    z-index: 9999;
}
.feefo .fa-star {
    color: #ffdf00;
    float: left;
    font-size: 20px;
    margin: 0 3px 0 0;
}
.label-info {
    background: #e91378;
    color: #fefefe;
    padding: 3px 7px 4px;
    margin-left: 10px;
}
.popover {
    border-radius: 0;
    border-color: rgba(0, 0, 0, 0.3);
}
.popover.left > .arrow {
    border-left-color: rgba(0, 0, 0, 0.3);
}
.popover.right > .arrow {
    border-right-color: rgba(0, 0, 0, 0.3);
}
.popover.top > .arrow {
    border-top-color: rgba(0, 0, 0, 0.3);
}
.popover.bottom > .arrow {
    border-bottom-color: rgba(0, 0, 0, 0.3);
}
.popover-title {
    font-family: 'Roboto', sans-serif!important;
    background: #002633!important;
    color: #fefefe!important;
    border-radius: 0;
}
.popover-content {
    font-family: 'Open Sans', sans-serif!important;
    background: #fff;
}

.modal-header {
    background: #00bfff;
    border-bottom: 0;
}

.modal-header h4 {
    color: #fff;
}

.modal-content {
    border: 2px solid #00bfff;
}

.modal-footer .btn {
    background: #00bfff;
    color: #fff;
}

.type-me {
    min-height: 130px;
}
.type-me h1,
.type-me h2.title,
.type-me .lead {
    margin: 0!important;
    display: inline;
}
.type-me h1 span,
.type-me .title span,
.type-me .lead span {
    display: none;
}
.type-me .type-done {
    display: block!important;
}
.type-me h2.type-done {
    margin-bottom: 15px!important;
}
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    z-index: 1;
    position: relative;
    top: -3px;
    font-weight: 500;
    font-size: 16px;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

/* Tab Panels */
.tab-content {
    background: #fff;
    box-shadow: none;
    border: 0;
    padding: 0;
    margin: 0;
}
.tab-content:after {
    width: 0;
}
.nav-tabs {
    box-shadow: none;
    margin: 15px 0 0;
}
.nav-tabs > li > a {
    padding: 0;
    border-radius: 0!important;
    text-align: left!important;
    text-transform: none!important;
    border: 0!important;
}
.nav-tabs > li.active a {
    background: #fff;
}
.nav-tabs > li.active > a::after {
    background: none;
    width: 0;
}

/* List Groups */
.list-group {
    margin: 0;
}
.list-group-item {
    padding: 0;
    border: 0;
    background: none;
}
.list-group-item:first-child {
    border-radius: 0;
}
.list-group-item:last-child {
    border-radius: 0;
}

/* Nav Pills */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: none;
    border-bottom: 0!important;
    color: #fefefe;
    background: #00bfff!important; /* Old browsers */
    border-right: 0;
    border-radius: 3px!important;
}
.nav-pills {
    margin: 0 -15px!important;
    float: left;
    width: 105%;
    text-align: right;
}
.nav-pills > li {
    margin: 30px 0!important;
    width: 20%;
    padding: 0 5px;
    float: none;
    display: block;
    float: left;
    border-right: 1px dotted rgba(255,255,255,0.1);
}
#waypoint-travel .nav-pills, 
#waypoint.travel .nav-pills {
    width: 100%;
}
#waypoint-travel .nav-pills > li, 
#waypoint.travel .nav-pills > li {
    width: 25%;
}
.nav-pills > li a {
    padding: 0;
    color: #fefefe;
    font-weight: 400;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}
.nav-pills > li:last-child {
    border-right: 0;
}
.nav-pills > li a:hover {
    background: #00bfff;
    border-radius: 3px!important;
}

/* Badging */
.badging img {
    margin-left: 15px;
}
.feefo > .feefo-testimonial p {
    margin: 0 0 5px!important;
    font-size: 14px;
    color: #111!important;
}
.feefo > .what-mobile a {
    margin: 5px 0 0 0 ;
}
.moneysupermarket {
    background: url(/Images/badges/moneysupermarket.png) no-repeat scroll right bottom transparent;
}
.moneycouk {
    background: url(/Images/badges/moneycouk.png) no-repeat scroll right bottom transparent;
}

.price-badge {
    background: #fff;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: absolute!important;
    top: 50%;
    right: 150px;
    margin-top: -70px;
    text-align: center;
    opacity:0.85;
}
.price-badge > .price-container,
.price-badge > .price-text {
    width: 150px;
    height: 150px;
    top: 0;
    left: 0;
    position: absolute !important;
}
.price-badge > .price-text {
    z-index: 150;
}

.price-badge > .price-container > .border {
    border: 7px solid #00bfff;
    background: #002633;
    border-radius: 50%;
    width: 146px;
    height: 146px;
    margin: 2px;
    position: relative;
    z-index: 100;
}
.price-badge > .price-container:after,
.price-badge > .price-container:before {
    right: 92%;
    top: 31%;
    border: transparent solid;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-style: solid;
}
.price-badge > .price-container:after {
    border-width: 30px 30px 30px 0;
    border-color: transparent #00bfff transparent transparent !important;
}
.price-badge > .price-container:before {
    border-width: 33px 33px 33px 0;
    border-color: transparent #fff transparent transparent !important;
    margin-top: -3px;
}

.price-badge.price-travel > .price-container {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.price-badge.price-gadget > .price-container {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}
.price-badge.price-travel {
    right: 14%;
    top: 45%;
}
.price-badge.price-gadget {
    right: 54%;
    top: 54%;
}

@media (max-height: 800px) {
    @media (min-width: 992px) {
        .price-badge.price-travel {
            top: 54%;
        }
        .price-badge.price-gadget {
            top: 65%;
        }
    }
}

.price-badge h4 {
    position: absolute;
    top: 32px;
    left: 0;
    font-size: 16px;
    width: 100%;
    color: #00bfff;
}
.price-badge .total {
    color: #fefefe;
    font-size: 36px;
    line-height: 36px;
    width: 100%;
    text-align: center;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -17px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    letter-spacing: -1px;
}
.price-badge .total span {
    font-size: 32px;
}
.price-badge label {
    color: #fefefe;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 27px;
    left: 0;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.promo-badge {
    display: block;
    position: absolute !important; 
    width: 500px; 
    right: 15%;
}

/* Header */
header{
    background: #fff;
    border: 0;
    z-index: 10000;
    position: absolute;
    height: 140px;
    top: 0;
    left: 0;
}
header .brow-bar, #pdf-include .brow-bar {
    background: #002633;
    /*background: #002633 url('/images/theme/soi/backgrounds/Snowflake_Footer_Pattern.png') repeat 0 0;*/
    z-index: 2;
    position: relative;
    height: 46px;
}
header .brow-bar .col-lg-5 {
    display: none;
}
header .brow-bar p,
header .brow-bar p a {
    color: #fefefe!important;
    line-height: 35px;
    font-size: 13px;
}
header .brow-bar p strong,
header .brow-bar p i {
    color: #fefefe;
    line-height: 44px;
    padding: 0;
    margin: 0 3px 0 0;
    font-size: 14px;
}
header .brow-bar ul {
    margin: 0;
}
header .brow-bar ul li,
#pdf-include .brow-bar ul li {
    padding: 0 15px;
    margin: 14px 0;
    border-right: 1px dotted #888;
    line-height: 16px;
    float: left;
    display: block;
}
header .brow-bar ul li:last-child,
#pdf-include .brow-bar ul li:last-child {
    border-right: 0;
    padding-right: 0;
}
header .brow-bar ul li a, 
header .brow-bar ul li span,
#pdf-include .brow-bar ul li a,
#pdf-include .brow-bar ul li span {
    color: #fefefe;
    font-size: 13px;
    font-weight: 400;
}
header .brow-bar ul li a:hover {
    color: #00bfff;
}
header .navbar {
    height: 94px;
    border: 0;
    background: #fff; /* Old browsers */
    overflow: visible;
}
header .navbar > .container {
    background: #fff;
    padding: 0 15px;
    border-bottom: 1px solid #e7e7e7;
}
header .navbar > .container .nav-container {
    padding: 0 45px;
}

header .navbar-nav > li {
    height: 94px;
    width: 140px;
    margin: 0;
    position: static !important;
}

header .navbar-nav > li.my-account {
    float: right;
}

header .navbar-nav > li > a {
    color: #111;
    font-weight: 400;
    font-size: 14px;
    padding: 0;
    height: 94px;
    width: 100%;
    line-height: 22px;
    text-transform: none;
    display: flex;
    align-items: center;
    margin-top: 0;
    font-family: "Roboto";
}
header .navbar-nav > li > a:hover {
    color: #00bfff;
}
header .navbar-nav > li > a:hover,
header .navbar-nav > li > a:active,
header .navbar-nav > li > a:visited,
header .navbar-nav > li > a:focus {
    background: #fff;
}

header .navbar-nav > li.my-account > a.btn-secondary.btn-sm {
    text-indent: -42px !important;
    margin-right: 0;
    color: #111 !important;
}

header .navbar-nav > li.my-account > a.btn-secondary.btn-sm > .center-block {
    display: block;
}

header .navbar-nav > li.my-account > a,
header .navbar-nav > li.my-account > a .fa {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    color: #111 !important;
}

header .navbar-nav > li.my-account > a:hover,
header .navbar-nav > li.my-account > a.btn-secondary.btn-sm:hover,
header .navbar-nav > li.my-account > a.btn-secondary.btn-sm:focus,
header .navbar-nav > li.my-account > a.btn-secondary.btn-sm:active {
    color: #00bfff !important;
}
header .navbar-nav > li.my-account > a:hover .fa,
header .navbar-nav > li.my-account > a:focus .fa,
header .navbar-nav > li.my-account > a:active .fa {
    background: #fff !important;
    border-color: #00bfff !important;
    color: #00bfff !important;
}

header .navbar-nav > li.my-account > a .fa {
    display: block !important;
}
.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {
    background-color: #fff;
}
header .navbar-nav > li.active > a:hover span {
    display: none;
}
header .navbar-nav > li > a:hover span,
header .navbar-nav > li > a.other-insurance:hover .fa {
    display: none;
}
header .navbar-nav > li > a:hover .fa, 
header .navbar-nav > li.other-insurance > a:hover span {
    display: block;
}
header .navbar-nav > li.active > a:hover {
    padding-top: 0!important;
}
header .navbar-nav > li.active > a:hover .fa {
    display: block!important;
}
header .navbar-nav > li > a .fa {
    display: none;
    background: none;
    color: #00bfff;
    text-shadow: none;
    height: 94px;
    line-height: 94px;
    width: 100%;
    font-size: 32px;
    margin: 0 auto;
    border-radius: 0;
    text-align: center;
}
header .navbar-nav > li.active > a span {
    display: none;
}

header .navbar-nav > li.active > a .fa {
    display: block;
}
header .navbar-collapse {
    width: 100%;
}
header .navbar-collapse .btn {
    margin: 24px 12px 0 0;
    width: 140px !important;
    min-width: 0;
}
header .callBtn,
header .navbar-toggle {
    border-color: #00bfff;
    color: #00bfff
}

header .navbar-nav > li.dropdown > .dropdown-menu {
    display: block;
    position: absolute;
    background: rgba(228,242,246,0.95);
    border: none;
    border-top: 4px solid #00bfff;
    border-radius: 0;
    opacity: 0;
    min-height: 320px;
    top: -377px;
    left: 0;
    width: 100%;
    padding: 2% 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: -1;
}

header .navbar-nav > li.dropdown.open > .dropdown-menu {
    top: 94px;
    opacity: 1;
    display: block;
    -webkit-box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.175);
    box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.175);
}

header .navbar-nav > li.dropdown > .dropdown-menu .container {
    padding: 0 45px;
}

header .navbar-nav > li.dropdown > .dropdown-menu .list-group-item {
    color: #333;
    padding: 0 0 19px;
}

header .navbar-nav > li.dropdown > .dropdown-menu .list-group-item a {
    color: #333;
}

header .navbar-nav > li.dropdown > .dropdown-menu .list-group-item a:hover {
    color: #333;
    text-decoration: underline;
}

header .navbar-nav > li.dropdown > .dropdown-menu .container img {
    opacity: 1;
}

header .navbar-nav > li.dropdown > .dropdown-menu h3.listTitle {
    margin-top: 5px;
    font-size: 20px !important;
    font-weight: 300 !important;
}

header .navbar-nav > li.dropdown > .dropdown-menu h3.listTitle strong {
    color: #00bfff;
    font-weight: 400 !important;
}

@media only screen and (max-width:991px) {
    header .brow-bar {
        display: none;
    }
    header.affix {
        background: #00bfff;
    }
    header .navbar > .container {
        height: 80px;
        border-bottom: none;
    }
}
.navbar-brand {
    background-image: url(/images/Theme/SOI/switched_on_insurance_logo.png);
     height: 94px;
    /*background-image: url('/images/Theme/SOI/switched_on_insurance_christmas.png');
    height: 85px;*/
    background-repeat: no-repeat;
    background-size: 210px;
    background-position: center left;
    margin: 0!important;
    width: 210px;
}

/* Footer */
#footer {
    background-color: #002633;
    /*background: #002633 url('/images/theme/soi/backgrounds/Snowflake_Footer_Pattern.png') repeat 0 0;
    background-repeat: repeat-x repeat-y;*/
    border-top: 1px solid #eee;
    padding-bottom: 45px;
    position:relative;
    z-index: 1;
}
#footer .footer-top {
    padding: 0;
    height: 100px;
    border-bottom: 1px dotted #eee;
    margin-bottom: 30px;
}
#footer .social-icons {
    margin: -15px 0 30px 0 !important;
    height: 100px;
    padding: 0;
}
#footer .social-icons .forbes-image {
    margin: 0;
}
#footer .navbar-brand {
    background-size: 210px auto;
    background-image: url(/Images/Theme/SOI/logo.png);
    background-repeat: no-repeat;
    height: 100px;
}
#footer .background-mask {
    background: none;
}
#footer .trust-icons {
    background: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 10px 0 40px;
}
#footer .trust-icons img {
    /*margin: 30px 1.5% 0;*/
    margin: 30px 10px 0;
    height: 60px;
    display: inline-block;
}
#footer .trust-icons img:first-child {
    margin-left: 0;
}
#footer .trust-icons img:last-child {
    margin-right: 0;
}
#footer .payment-icons img {
    margin: 4px 10px 0 0;
}
#footer .payment-icons .norton-logo {
    margin-top: -7px;
}
#footer .container.about-strap {
    padding-top: 30px;
    background: #00222E;
}
#footer .taurus-logo {
    margin: 3% auto 30px;
    max-height:60px;
}
#footer .footer-bottom {
    background: none;
    height: 56px;
    padding: 0;
}
#pdf-include .footer-bottom {
    background: #002633;
    height: 56px;
    padding: 0;
}
#footer .footer-bottom p, 
#pdf-include .footer-bottom p {
    color: #fefefe;
    margin: 0;
    margin-top: 16px;
    line-height: 22px;
}
#footer .footer-bottom img,
#pdf-include .footer-bottom img {
    margin: 12px 15px 12px 0;
    height: 32px;
}
#footer .footer-bottom .list-inline {
    margin: 20px 0 0;
    padding: 0;
}
#footer .footer-bottom .list-inline li:first-child {
    padding-left: 0;
}
#footer h3.title {
    margin: 40px 0 30px;
    color: #fefefe;
    font-size: 22px;
}
#footer .contentBlock p {
    color: #fefefe;
    margin-bottom: 15px;
}
#footer .contentBlock p i {
    margin: 0 10px 0 16px;
    width: 20px;
}
#footer .contentBlock a {
    display: inline;
    margin: 0;
    color: #fefefe;
    font-weight: normal;
}
#footer .country-select {
    border: 1px solid rgba(255,255,255,0.05);
    outline: 1px solid rgba(0,0,0,0.3);
    position: relative;
    height: 44px;
    padding: 0 12px;
    margin-top: 42px;
    margin-right: 50px;
}
#footer .country-select:hover {
    cursor: pointer;
    border: 1px solid rgba(255,255,255,0.09);
}
#footer .country-select:hover:after {
    color: #fff;
}
#footer .country-select:after {
    content: '\f0d7';
    font-family: 'FontAwesome';
    position: absolute;
    top: -1px;
    right: -1px;
    border-left: 1px solid rgba(0,0,0,0.4);
    color: rgba(255,255,255,0.5);
    height: 44px;
    line-height: 44px;
    width: 42px;
    text-align: center;
    background: rgba(255,255,255,0.05);
}
#footer .country-select img {
    margin-right: 8px;
}
#footer .country-select p {
    margin: 0;
    line-height: 42px;
}
#footer p.terms {
    color: #fefefe;
    margin: 0 0 30px;
}
#footer .list-group {
    margin-bottom: 0;
}
#footer .list-group-item {
    background: none;
    border: 0;
    padding: 0 0 19px;
}
#footer .list-group-item a {
    color: #fefefe;
}
#footer .list-group-item a i {
    font-size: 10px;
    margin: 5px 15px 0 0;
    color: rgba(255,255,255,0.5)
}
#footer .list-group-item:last-child {
    padding: 0 0 0;
}
#footer hr {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    border-top: 1px solid rgba(0,0,0,0.5);
    margin: 40px -15px 0!important;
    width: 102%;
    max-width: 1598px;
    clear: both;
    float: left;
}
#footer hr.dotted {
    width: 100%;
    margin: 38px 0 0!important;
    border: 0;
    border-top: 1px dotted rgba(255,255,255,0.1);
    height: 0;
    line-height: 0; 
    float: left;
    clear: both;
}

/* Banner */
#banner {
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: visible;
    border: 0;
    position:absolute;
    padding: 140px 0 100px 0;
}
#banner.nowaypoint {
    padding-bottom: 0;
}
#banner.affix {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}
#banner,
#banner .background-mask {
    margin: 0;
    height: 100%;
}
#banner .item {
    background-color: #fff;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 90% auto;
    height: 100%;
}
#banner .item .container {
    height: 100%;
    display: table;
}
#banner .item .content {
    margin: 0 -15px 0;
    width: 86%;
    display: table-cell;
    vertical-align: middle;
}
#banner .item .badging {
    width: 14%;
    height: 424px;
    z-index: 1;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    min-width: 140px;
}

#banner .item .content-fullwidth {
    margin: 0 -15px 20px;
    width: 100%;
    display: table-cell;
    vertical-align: bottom;
    padding-bottom:7%;
}
#banner.nowaypoint .item .content {
    /*width: 100%;*/
    width: 98%;
}
#banner .item div,
#banner .item a,
#banner .item h1,
#banner .item h2,
#banner .item h3 {
    position: relative;
}
#banner div.banner-content-header {
    /* intellisense stub */
}
#banner div.banner-content-body .contentBlock {
    padding-top: 0;
}
#banner div.banner-content-body .contentBlock p {
    margin-bottom: 18px;
    margin-top: 0;
    margin-right: 20px;
    color: #444!important;
    font-weight: 400;
    line-height: 140%;
    font-size: 14px;
}
#banner div.banner-content-footer {
    padding-top: 20px;
}
#banner div.banner-content-footer small {
    color: #888;
}
#banner div.banner-content-footer li {
    margin-bottom: 0;
    line-height: 14px;
    font-size: 13px;
    font-family: "Arial", sans-serif;
}

#banner div.banner-quote-action p {
    margin-bottom: 15px;
}

#banner div.banner-badge-content > .trustpilot-gadget {
    background-clip: content-box;
    height: 100px;
    white-space: nowrap;
}

#banner div.banner-badge-content > .trustpilot-gadget > .img-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

#banner div.banner-badge-content > .trustpilot-gadget > .trustpilot-image,
.trustpilot-image,
.trustpilot-widget {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100px;
}

#banner div.banner-badge-content > .forbes > .forbes-image,
.forbes-image {
    vertical-align: middle;
    max-width: 100%;
    max-height: 165px;
    margin-top: -10px;
}


#banner div.banner-badge-content > .competition {
    height: 78px;
    white-space: nowrap;
}

#banner div.banner-badge-content > .competition > .competition-image,
.competition-image {
    vertical-align: middle;
    max-width: 100%;
    max-height: 78px;
    cursor: pointer;
}

#competition-hero {
    position: absolute;
    top: 166px;
    right: 0;
    width: 200px;
    height: 200px;
    background: transparent;
    overflow: hidden;
    z-index: 10000;
}

#competition-hero-container {
    position: absolute;
    content: '';
    width: 285px;
    height: 285px;
    background: #97acc2;
    transform: rotate( -45deg);
    top: -143px;
    right: -143px;
    color: #fff;
    overflow: hidden;
    border: 5px solid #fff;
}

#competition-hero-content {
    position: absolute;
    content: '';
    width: 285px;
    height: 285px;
    top: -86px;
    right: 130px;
    background: transparent;
    transform: rotate( 45deg);
    background-image: url(/Images/Theme/SOI/competition-banner.png);
    background-size: 74px;
    background-repeat: no-repeat;
    background-position: 100% 98%;
}

#competition-hero-content > .btn-competition {
    position: absolute;
    content: '';
    background: #97acc2;
    color: #fff;
    text-align: right;
    border: none;
    padding: 0;
    margin: 0;
    top: 110px;
    right: 0;
}

@media only screen and (max-width: 991px) {
    #competition-hero {
        top: 0;
    }
}

@media only screen and (max-width: 768px) {
    #competition-hero {
        transform: scale(75%);
        top: -26px;
        right: -26px;
    }
}


#banner .btn-competition:focus,
#banner .btn-competition:active,
#banner .btn-competition:hover {
    border: none;
    outline: none;
    outline-offset: 0;
}

#banner .btn-competition p {
    font-size: 20px;
    margin-bottom: 0;
}

#banner .btn-competition small {
    font-weight: 300;
}

#banner .btn-competition i {
    font-size: 10px;
    font-weight: 300;
    margin: 0;
}

.frame.noflex #banner.competition-banner {
    height: 390px;
}

#banner.competition-banner .image-mask-white {
    margin-left: 15%;
}

#banner.competition-banner .item.hero-iphone {
    background-position: right 75%;
    background-size: 60%;
}

#competition-modal h1 strong {
    color: #00bfff;
}

#competition-modal .modal-header {
    border-bottom: none;
}

#competition-modal .modal-header > .close {
    font-size: 38px;
    font-weight: 300;
    opacity: 1;
    color: #00bfff;
}

#competition-modal .modal-header > .close > span {
    
}

#competition-modal .modal-body {
    padding-bottom: 0;
    padding-top: 0;
}

#competition-modal .modal-body .img-responsive {
    margin: 15px auto 0px;
}

#competition-modal .btn-primary {
    margin-top: 15px;
}

@media (max-width: 767px) {
    #competition-modal .modal-body .competition-terms {
        text-align: center;
    }
}

#banner .contentBlock .customer-review {
    margin-bottom: 15px;
}
#banner .contentBlock .customer-review p {
    margin-bottom: 2px;
}
#banner .contentBlock .customer-review p strong {
    font-size: 17px;
    font-weight: 400;
    color: #111;
}
#banner .item.hero.travel.inverse h1,
#banner .item.hero.travel.inverse .lead,
#banner .item.hero.travel.inverse div.banner-content-body .contentBlock p {
    color: #fff !important;
}
#banner .item.hero.travel.inverse.over55 h1 strong {
    color: #111 !important;
}
#banner .item.hero.homepage {
    background-color: #ebf8fd;
    background-image: url(/Images/Theme/SOI/hero-images/theme-year-round-banner.png) !important;
    background-position: right center;
    background-size: contain;
    background-repeat: no-repeat;
}

#banner .item.hero.homepage.dark {
    background-color: #002633;
}

#banner .item.hero.homepage.super-25 {
    background-image: url(/Images/Theme/SOI/hero-images/super25-banner-t.png) !important;
}

#banner .item.hero.homepage.dark p.lead,
#banner .item.hero.homepage.dark h1 {
    color: #fefefe;
}

#banner .item.hero.homepage.covid-19 {
    background-image: url(/Images/Theme/SOI/hero-images/covid19-banner-t.png) !important;
}

#banner .item.hero, #std-content-banner.hero {
    background-image: url(/Images/Theme/SOI/hero-images/banner.jpg);
}

#banner .item.hero.travel, #std-content-banner.hero.travel {
    background-image: url(/Images/Theme/Travel/hero-images/banner.jpg);
    background-position: center 20%;
    background-size: 100%;
}
#banner .item.hero.travel.single-trip, #std-content-banner.hero.travel.single-trip {
    background-image: url(/Images/Theme/Travel/hero-images/st-banner.jpg);
}
#banner .item.hero.travel.annual-multi-trip, #std-content-banner.hero.travel.annual-multi-trip {
    background-image: url(/Images/Theme/Travel/hero-images/amt-banner.jpg);
}
#banner .item.hero.travel.backpacker, #std-content-banner.hero.travel.backpacker {
    background-image: url(/Images/Theme/Travel/hero-images/backpacker-banner.jpg);
}
#banner .item.hero.travel.family, #std-content-banner.hero.travel.family {
    background-image: url(/Images/Theme/Travel/hero-images/family-banner.jpg);
}
#banner .item.hero.travel.couple, #std-content-banner.hero.travel.couple {
    background-image: url(/Images/Theme/Travel/hero-images/couple-banner.jpg);
}
#banner .item.hero.travel.winter-sports, #std-content-banner.hero.travel.winter-sports {
    background-image: url(/Images/Theme/Travel/hero-images/winter-sports-banner.jpg);
}
#banner .item.hero.travel.cruise, #std-content-banner.hero.travel.cruise {
    background-image: url(/Images/Theme/Travel/hero-images/cruise-banner.jpg);
}
#banner .item.hero.travel.gadget, #std-content-banner.hero.travel.gadget {
    background-image: url(/Images/Theme/Travel/hero-images/gadget-banner.jpg);
}
#banner .item.hero.travel.medical, #std-content-banner.hero.travel.medical {
    background-image: url(/Images/Theme/Travel/hero-images/medical-banner.jpg);
}
#banner .item.hero.travel.over55, #std-content-banner.hero.travel.over55 {
    background-image: url(/Images/Theme/Travel/hero-images/over55-banner.jpg);
    background-position: center;
}

#banner .item.hero-mobile, #std-content-banner.hero-mobile {
    background-image: url(/Images/Theme/SOI/hero-images/mobile-banner.jpg);
}
#banner .item.hero-tablet, #std-content-banner.hero-tablet {
    background-image: url(/Images/Theme/SOI/hero-images/tablet-banner.jpg);
}
#banner .item.hero-laptop, #std-content-banner.hero-laptop {
    background-image: url(/Images/Theme/SOI/hero-images/laptop-banner.jpg);
}
#banner .item.hero-camera, #std-content-banner.hero-camera {
    background-image: url(/Images/Theme/SOI/hero-images/camera-banner.jpg);
}
#banner .item.hero-gadget, #std-content-banner.hero-gadget {
    background-image: url(/Images/Theme/SOI/hero-images/gadget-banner.jpg);
}
#banner .item.hero-bundle, #std-content-banner.hero-bundle {
    background-image: url(/Images/Theme/SOI/hero-images/bundle-banner.jpg);
    background-size: 80%;
}
#banner .item.hero-business, #std-content-banner.hero-business {
    background-image: url(/Images/Theme/SOI/hero-images/business-banner.jpg);
}
#banner .item.hero-student, #std-content-banner.hero-student {
    background-image: url(/Images/Theme/SOI/hero-images/student-banner.jpg);
}
#banner .item.hero-satnav, #std-content-banner.hero-satnav {
    background-image: url(/Images/Theme/SOI/hero-images/satnav-banner.jpg);
}
#banner .item.hero-iphone5c, #banner .item.hero-ipod {
    background-image: url(/Images/Theme/SOI/hero-images/iphone5c-banner.jpg);
}
#banner .item.hero-iphone6 {
    background-image: url(/Images/Theme/SOI/hero-images/iphone6-banner.jpg);
}
#banner .item.hero-samsungs6 {
    background-image: url(/Images/Theme/SOI/hero-images/samsungs6-banner.jpg);
}
#banner .item.hero-samsungs7 {
     background-image: url(/Images/Theme/SOI/hero-images/samsungs6-banner.jpg);
}
#banner .item.hero-htc {
    background-image: url(/Images/Theme/SOI/hero-images/htc-banner.jpg);
}

#banner .item.hero-samsung-galaxy-s {
    background-image: url(/Images/Theme/SOI/hero-images/samsung-galaxy-s-insurance-banner.jpg);
    background-attachment: scroll;
    background-position: right 15%;
    background-size: 80% auto;
}

#banner .item.hero-samsung-galaxy-s8 {
    background-image: url(/Images/Theme/SOI/hero-images/samsung-galaxy-s8-insurance-banner.jpg);
    background-attachment: scroll;
    background-position: right center;
    background-size: 80% auto;
}

#banner .item.hero-iphone {
    background-image: url(/Images/Theme/SOI/hero-images/iphone13-banner.png);
    background-attachment: scroll;
    background-position: right center;
    background-size: 80% auto;
}

#banner .item.hero-student2 {
    background-image: url(/Images/Theme/SOI/hero-images/student_gadget_insurance.jpg);
    background-attachment: scroll;
    background-position: right center;
    background-size: 80% auto;
}

#banner .item.hero-xbox {
    background-image: url("/Images/Theme/SOI/hero-images/xbox-banner.jpg");
    background-attachment: scroll;
    background-position: right center;
    background-size: 80% auto;
}

.image-mask-white {
    position: absolute !important;
    height: 100% !important;
    margin-left: -30px;
    background: transparent linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0% !important;
    width: 50% !important;
}


#banner .item.generic {
    background-image: none;
    background-size: cover;
    background-position: center;
}
#banner .item .assetImg {
    position: absolute;
    bottom: auto;
    right: 7%;
    top: 50%;
    left: auto;
    margin: -221px 0 0;
    text-align: center;
    max-width: 50%;
    max-height: 424px;
}
#banner .item .assetImg img {
    max-width: 80%;
}
#banner .item .tickList {
    margin-left: -15px;
}
#banner .btn-primary,
banner .btn-secondary {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    min-width: 100%;
}
#banner h1,
#banner h2,
#staticBanner h1,
#staticBanner h2 {
    color: #111;
    text-transform: capitalize;
    margin: 0;
    padding: 0 0 15px;
    margin-bottom: -1px;
    line-height: 100%;
    font-weight: 300;
    letter-spacing: -1px;
    width: 120%;
    text-align: left!important;
}
#banner h1 {
    text-transform: none;
}
#banner h1 strong,
#banner h2 strong,
#staticBanner h1 strong,
#staticBanner h2 strong {
    color: #00bfff;
    font-weight: 400;
}
#banner h2.uppercase,
#staticBanner h2.uppercase {
    color: #fefefe;
}
#banner .icon-list {
    z-index: 1;
}
#banner .claims-approved {
    float: left;
    height: 52px;
    min-width: 170px;
    background: rgba(0,0,0,0.7);
    border-radius: 3px;
    margin: 3.5% 25px 0 0;
}
#banner .claims-approved i {
    background: rgba(51,51,51,0.4);
    border-radius: 1px;
    text-align: center;
    color: #fff;
    width: 52px;
    height: 52px;
    line-height: 52px;
    display: block;
    float: left;
    margin-right: 10px;
    font-size: 22px;
    font-weight: 200;
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius:0;
}
#banner .claims-approved p {
    color: #fefefe;
    font-weight: 400;
    font-size: 15px;
    margin: 8px 0 0 0;
    line-height: 120%;
    font-family: 'Roboto', sans-serif;
}
#banner .defaqto-badge {
    margin: 0 0;
}
#banner .what-mobile-badge {
    margin: 0 0;
    max-height: 42px;
}
#banner .feefo-badge {
    display: inline-block;
    max-height: 18px;
    vertical-align: top;
    margin-left: 15px;
}
#banner ul.banner-list > li {
    margin-bottom: 10px;
}
#banner ul.banner-list > li > i.fa-2x {
    vertical-align: middle;
}

#banner-sub {
    background: #f9f9f9;
    position: relative;
    border-top: 0;
    padding: 0;
}

#banner-sub > .container {
    padding: 0;
}

#banner-sub .gadget {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c4214b+0,bb1740+100 */
    background: rgb(196,33,75); /* Old browsers */
    background: linear-gradient(45deg, rgba(196,33,75,1) 0%,rgba(187,23,64,1) 100%);
    background-image: url(/Images/Theme/SOI/hero-images/hub-gadget.png), -moz-linear-gradient(45deg, rgba(196,33,75,1) 0%, rgba(187,23,64,1) 100%);
    background-image: url(/Images/Theme/SOI/hero-images/hub-gadget.png), -webkit-linear-gradient(45deg, rgba(196,33,75,1) 0%,rgba(187,23,64,1) 100%);
    background-image: url(/Images/Theme/SOI/hero-images/hub-gadget.png), linear-gradient(45deg, rgba(196,33,75,1) 0%,rgba(187,23,64,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4214b', endColorstr='#bb1740',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background-repeat: no-repeat;
    background-size: auto 110%;
    background-position: 30% center;
    height: 554px;
    padding: 0 45px;
}

#banner-sub .travel {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ccba40+0,ccc177+100 */
    background: rgb(204,186,64); /* Old browsers */
    background-image: url(/Images/Theme/SOI/hero-images/hub-travel.png), -moz-linear-gradient(45deg, rgba(204,186,64,1) 0%, rgba(204,193,119,1) 100%);
    background-image: url(/Images/Theme/SOI/hero-images/hub-travel.png), -webkit-linear-gradient(45deg, rgba(204,186,64,1) 0%,rgba(204,193,119,1) 100%);
    background-image: url(/Images/Theme/SOI/hero-images/hub-travel.png), linear-gradient(45deg, rgba(204,186,64,1) 0%,rgba(204,193,119,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccba40', endColorstr='#ccc177',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right center;
    height: 554px;
    padding: 0 45px;
}

#banner-sub h2.title {
    margin-top: 45px;
    margin-bottom: 200px;
    color: #111;
}

#banner-sub h2.title strong {
    color: #fff;
}

@media only screen and (max-width: 1200px) {
    #banner-sub .gadget,
    #banner-sub .travel {
        height: 450px;
    }

    #banner-sub h2.title {
        margin-bottom: 125px;
    }

    #banner .item.hero.homepage {
        background-image: url(/Images/Theme/SOI/hero-images/theme-year-round-banner.png) !important;
        background-position: 103% center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    #banner .item.hero.homepage.super-25 {
        background-image: url(/Images/Theme/SOI/hero-images/super25-banner-t.png) !important;
    }

    #banner .item.hero.homepage.covid-19 {
        background-image: url(/Images/Theme/SOI/hero-images/covid19-banner-t.png) !important;
    }
}

@media only screen and (max-width: 1080px) {
    #banner .item.hero.homepage {
        background-position: 105% center;
    }
}

@media only screen and (max-width: 991px) {
    #banner-sub .gadget {
        height: 300px;
        background-size: auto 100%;
        background-position: center 70%;
    }

    #banner-sub .travel {
        height: 300px;
        background-size: auto 100%;
        background-position: right center;
    }

    #banner-sub h2.title {
        margin-bottom: 75px;
    }
}

/* Waypoint */
#waypoint {
    position: absolute;
    background: #002633 !important;
    background-image: none;
    /*background:#002633 url("/images/theme/soi/backgrounds/Snowflake_Footer_Pattern.png") repeat scroll 0 0 !important;*/
    padding: 0;
    height: 100px;
    border: 0;
    overflow: hidden;
    z-index: 10000;
    bottom: 0;
    left: 0;
}

#waypoint hr {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    border-top: 1px solid rgba(0,0,0,0.5);
    margin: 0 -15px 0 !important;
    width: 102%;
    max-width: 1598px;
    clear: both;
    float: left;
}

#waypoint-travel {
    background: #002633 !important;
    background-image: none;
    padding: 0;
    height: 100px;
    border: 0;
    overflow: hidden;
}

#waypoint .lead-brand {
    background: url(/Images/Theme/SOI/footerLogo.png) no-repeat;
    background-size: 40px;
    background-position: left center;
    height: 100px;
    width: 55px;
    text-indent: -9999px;
    float: left;
}
#waypoint h3 {
    color: #fefefe;
    font-weight: 300;
    font-size: 24px;
    margin: 0;
    line-height: 100px;
}
#waypoint h3.title:first-letter {
    text-transform: capitalize;
}
#waypoint h3 strong {
    font-weight: 300;
    color: #00bfff;
}
#waypoint p {
    color: #ccc;
    font-size: 16px;
    font-weight: 200;
}
#waypoint .btn-primary,
#waypoint .btn-secondary {
    display: none;
}

#waypoint.affix {
    padding: 0;
    height: 70px;
    z-index: 9999;
}
#waypoint.affix .container {
    padding-left: 30px;
    padding-right: 30px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#waypoint.affix h3 {
    line-height: 66px;
}
#waypoint.affix .lead-brand {
    display: block;
    height: 70px;
}
#waypoint.affix .nav, 
#waypoiit.affix-bottom .nav {
    margin-left: 0;
}
#waypoint.affix .nav > li {
    height: 40px;
    margin: 15px 0 !important;
}
#waypoint.affix .nav > li a {
    height: 40px;
    line-height: 40px;
}
#waypoint.affix .btn-primary,
#waypoint.affix .btn-secondary {
    display: block;
}

/* Content theming */


.fa-soi {
    background-image: url(/Images/theme/soi/footerLogo.png)!important;
    background-position: center 10px!important;
    background-size: 58%;
}
.fa-gadget {
    background-image: url(/Images/theme/soi/footerLogo-white.png)!important;
    background-position: center 10px!important;
    background-size: 55%;
}
.tickList {
    padding: 0!important;
}
.tickList li .listIcon {
    color: #00bfff;
    border-color: #00bfff
}
.tickList li p {
    font-weight: 400;
}
.tickList li a {
    color: #00bfff;
}
.numberList li .listIcon {
    background: #00bfff;
}

.feefoRating {
    background: url(/Images/Theme/SOI/badges/feefo-rating.png) no-repeat;
}

.tab-content:after,
.nav-tabs > li.active > a:after {
    background-color: #00bfff;
}
.tab-content.left-align:after {
    background-color: #00bfff;
    left: auto;
    right: 0!important;
}


/*********************************************************************************************/
/****************************************** QUOTE THEME **************************************/
/*********************************************************************************************/

/* Quote Step */
#quote-progress {
    height: 40px;
    /*margin: 27px 15px 27px -15px;*/
    margin:40px 15px 15px -15px;
    position: relative;
    background: #fff;
}
#quote-progress .step-item {
    height: 3px;
    margin: 18px 16px 18px 0;
    background: #ddd;
    text-align: left;
}
#quote-progress .step-item.active {
    background: #00bfff;
}
#quote-progress .step-item.complete {
    background: #00bfff;
}
#quote-progress .step-item i {
    background: #fff;
    color: #ddd;
    top: 1px;
    font-size: 24px;
    line-height: 37px;
    position: absolute;
    display: block;
    z-index: 1;
    text-align: center;
    width: 35px;
    height: 35px;
}
#quote-progress .step-item.active i {
    color: #00bfff;
}
#quote-progress .step-item.complete i {
    color: #00bfff;
}
#quote-progress .step-item h3 {
    font-weight: 400;
    font-size: 15px;
    color: #ddd;
    position: relative;
    top: -9px;
    line-height: 16px;
    display: inline;
    padding: 0 10px 0 37px;
    background: #fff;
    z-index: 0;
    text-align: left;
}
#quote-progress .step-item.active h3 {
    color: #00bfff;
}
#quote-progress .step-item.complete h3 {
    color: #00bfff;
}
#quote-progress .step-item:after {
    content: ' ';
    top: 13px;
    right: 10px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 6px solid #ddd;
    position: absolute;
}
#quote-progress .step-item.active:after {
    border-color: #00bfff;
}
#quote-progress .step-item.complete:after {
    border-color: #00bfff;
}
#quote-progress .quoteTotal {
    border: 1px solid #ddd;
    border-radius: 1px;
    height: 40px;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    background: rgba(255,255,255,0.05);
}
#quote-progress .quoteTotal h3 {
    font-size: 14px;
    font-weight: normal;
    line-height: 37px;
    color: #111;
}
#quote-progress .quoteTotal small {
    display: inline-block;
    height: 22px;
    border-radius: 3px;
    background: #111;
    color: #fefefe;
    text-align: center;
    text-transform: uppercase;
    line-height: 22px;
    font-size: 11px;
    vertical-align: top;
    text-indent: 0;
    padding: 0 8px;
    margin: 8px 0 0 10px;
}
#quote-progress .quotePrice {
    line-height: 37px;
}
#quote-progress .quotePrice span {
    font-family: 'Roboto', sans-serif!important;
    font-weight: 500;
    font-size: 24px;
}
#quote-progress .spinner {
    margin-top: 4px;
}
#quote-progress .spinner > div {
    background: #111; 
}

/* Quote Form */
#quote-form,
#pdf-form {
    border-top: 1px solid #eee;
    background: #fff;
    width: 100%;
}
#quote-form section,
#pdf-form section {
    margin: 0;
    padding: 0;
    clear: both;
    border: 0;
    position: static;
    z-index: 0;
    overflow: visible !important;
}
#quote-form section#validation-summary {
    padding-bottom: 0px;
}
#quoteBody {
    padding-top: 30px !important;
}
#quoteSummary {
    padding-bottom: 45px;
}

#quote-form .panel,
#quote-form .panel-heading,
#quote-form .panel-body,
#quote-form .panel-footer,
#pdf-form .panel,
#pdf-form .panel-heading,
#pdf-form .panel-body,
#pdf-form .panel-footer {
    box-shadow: none;
    border-radius: 0;
    border: 0;
    padding: 0;
    background: none;
    margin: 0;
}
#quote-form .page-header.page-header-with-icon {
    display: none;
}
#quote-form h1.uppercase,
#quote-form h2.uppercase,
#pdf-form h2.uppercase {
    text-transform: none;
    font-size: 28px;
    font-weight: 300;
    margin: 0 0 30px!important;
    clear: both;
    line-height: 140%;
}
#quote-form h1.uppercase strong,
#quote-form h2.uppercase strong,
#pdf-form h2.uppercase strong {
    color: #00bfff;
}
#quote-form h1.uppercase i,
#quote-form h2.uppercase i {
    display: none;
}
#quote-form hr.section-seperator {
    margin: 30px -45px 30px -45px!important;
}
#quote-form .lead {
    font-weight: 600;
    color: #111;
    font-size: 16px;
    margin-bottom: 30px;
}
#quote-form .btn-alt.btn-lg {
    line-height: 70px;
    /*text-indent: 0;*/
    padding: 0 15px!important;
}
#quote-form .btn-alt.btn-lg .fa {
    right: auto;
    left: 0;
    margin: 0;
    border-left: 0;
    border-right: 1px solid #111;
    top: 0;
    font-size: 24px;
}
#quote-form .btn-alt.btn-lg:hover .fa {
    border-color: #00bfff;
}
#quote-form .listIcon,
#pdf-form i.listIcon {
    width: 46px;
    height: 46px;
    line-height: 50px;
    background: none;
    color: #00bfff;
    border: 2px solid #00bfff;
    font-size: 25px;
    font-weight: normal;
}

#quote-buttons {
    background: #fff;
    margin-top: 0;
    padding-bottom: 30px !important;
}
#quote-buttons .btn {
    margin-bottom: 0;
}
#quote-form #validation-summary h2.uppercase strong {
    color: red;
}
#quote-form #validation-summary ul.validation-summary-errors {
    margin: 0;
    border-left: 1px solid #eee;
    padding: 0 20px 13px 38px;
}
/* Helper */
.helper {
    width: 46px;
    height: 46px;
    text-align: center;
    line-height: 44px;
    color: #ccc;
    font-size: 30px;
    cursor: pointer;
    z-index: 1;
}
.helper:hover,
.helper.open {
    background: #fff;
    color: #00bfff;
}
.helper.open {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.helpContent {
    height: 0;
    opacity: 0;
    position: relative;
    overflow: hidden;
    margin: -31px 0 30px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1;
}
.helpContent.open {
    margin: 0 0 15px 0;
    max-height: 500px;
    min-height: 60px;
    height: 100%;
    overflow: visible;
    opacity: 1;
}
.modal-body .helpContent.open {
    margin-bottom: 15px;
}
.modal-open #banner,
.modal-open #waypoint {
    z-index: 1;
} 

.helpContent .contentBlock {
    background: rgba(255,255,255,0.8);
    border: 1px solid #00bfff;
    position: relative;
    padding-left: 70px;
}
.helpContent .contentBlock:before {
    content: '\f059';
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 38px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    color: #00bfff;
    margin-top: -35px;
    text-align: center;
}
.helpContent .contentBlock strong {
    display: block;
    border-left: 1px solid #eee;
    padding: 15px 20px 15px 20px;
}
.helpContent.info .contentBlock:before {
    content: '\f05a';
}
.helpContent.error .contentBlock {
    border: 1px solid red;
}
.helpContent.error .contentBlock:before {
    content: '\f06a';
    color: red;
}
.helpContent.error .contentBlock strong {
    color: red;
}
.helpContent.warning .contentBlock {
    border: 1px solid #FF8C00;
}
.helpContent.warning .contentBlock:before {
    content: '\f071';
    color: #FF8C00;
}
.helpContent.warning .contentBlock strong {
    color: #FF8C00;
}
.helpContent .contentBlock p,
.helpContent .contentBlock ul {
    margin: 0 !important;
    border-left: 1px solid #eee;
    padding: 15px 20px;
}
.helpContent .contentBlock strong+p {
    padding-top:0;
}
.helpContent.validation-summary-errors .contentBlock ul {
    border-left-color: red;
}
.helpContent.validation-summary-errors .contentBlock ul li {
    color: red;
    font-weight: bold;
}
.helpContent.validation-summary-errors .contentBlock ul li:last-child {
    margin-bottom: 0;
}
/* Quote Summary */
/* Form Elements */
.sky-form {
    position: relative;
}
.sky-form .input, 
.sky-form .select, 
.sky-form .textarea, 
.sky-form .radio, 
.sky-form .checkbox, 
.sky-form .toggle, 
.sky-form .button, 
.sky-form .display {
    border-radius: 0;
    font-family: 'Roboto', sans-serif!important;
}

.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i {
    border-color: #00bfff;
}

.sky-form input.append {
    padding-right: 60px!important;
}

.sky-form .select {
    clear: both;
}
.sky-form .label {
    margin: 13px 0;
    font-weight: 600;
    color: #444;
}

/* Checkbox */
.sky-form .radio {
    border: 1px solid #ddd;
    padding: 12px 0 12px 42px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    position: relative;
    margin: 0 0 15px!important;
    background: #fcfcfc;
}
.sky-form .checkbox {
    border: 1px solid #ddd;
    padding: 12px 10px 12px 42px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    position: relative;
    background: #fff;
    margin: 0 0 15px;
}
.sky-form .radio.centered, 
.sky-form .radio.centered.active {
    padding: 18px 0 18px 75px!important;
    text-align: left!important;
    color: #00bfff;
}
.sky-form .radio i, 
.sky-form .radio.centered i {
    border-radius: 0;
    border: 0;
    border: 1px solid #fff;
    top: -1px!important;
    right: -1px!important;
    left: auto!important;
    height: 46px;
    width: 46px;
    margin: 0;
    background: #fff;
    position: absolute;
    font-style: normal;
    display: none;
}
.sky-form .checkbox i {
    border: 1px solid #ccc;
    top: 25%!important;
    left: 10px!important;
    height: 20px;
    width: 20px;
}
.sky-form .radio.active i {
    background: #00bfff;
    border-color: #00bfff;
    color: #fff;
    display: block;
}
.sky-form .radio i:after {
    font-family: 'FontAwesome';
    color: #fff;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: block;
    font-size: 20px;
    opacity: 1!important;
}
.sky-form .radio.active i:after {
    color: #fff;
}
.sky-form .radio input + i::after {
    left: 0;
    top: 0;
    width: 46px;
    height: 46px;
}
.sky-form .radio:before {
    display: none;
}
.sky-form .radio.active:before {
    content: '\f111';
    color: #fff;
}
.sky-form .radio.active:after {
    background: #222;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);
    border: 3px solid #fff;
}
.sky-form .radio:after {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 15px;
    margin: -8px 0 0;
    -webkit-box-shadow: inset 0 0px 2px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.1);
    box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.1);
    border: 1px solid #dedede;
}
.sky-form .radio span.fa, 
.sky-form .checkbox span.fa {
    width: 58px!important;
    height: 58px!important;
    font-size: 26px;
    color: #00bfff;
    line-height: 58px;
    background: #fff;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.sky-form .radio:hover, 
.sky-form .checkbox:hover {
    border-color: #ccc;
}
.sky-form .radio:hover:before {
    color: #00bfff;
}
.sky-form .radio.active {
    border-color: #00bfff;
    color: #00bfff;
    background: #fff;
} 
.sky-form .checkbox.active {
    border-color: #00bfff;
    color: #fff;
    background: #00bfff;
}
.sky-form .checkbox.active.error {
    background: red;
}
.sky-form .checkbox.active a {
    color: #fff;
}

/* Dropdown */
.sky-form .dropdown-toggle {
    border: 1px solid #ccc;
    background:#fff;
    padding: 13px 13px 8px 13px;
    font-family: 'Open Sans'!important;
    font-size: 14px;
    min-height: 48px;
    overflow: hidden;
}
.sky-form .dropdown-toggle i {
    color: #00bfff;
    height: 46px;
    width: 46px;
    background: #fff;
    border-left: 1px solid #ccc;
    padding: 0;
    top: 0;
    right: 0;
    text-indent: 0;
    line-height: 46px;
}
.sky-form .dropdown-toggle:focus {
    border-color: #00bfff;
    background: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}
.sky-form .dropdown-toggle:focus i {
    background: #00bfff;
    border-color: #00bfff;
    color: #fff;
}
.sky-form .dropdown-menu {
    border-radius: 0;
    top: 72%;
}

/* Input Boxes */
.sky-form .input input, 
.sky-form .textarea textarea, 
.sky-form .display > span {
    border: 1px solid #ccc;
    background: #fff;
    height: 48px;
    padding: 11px;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 14px;
    margin: 0 0 15px;
    border-radius: 0;
}
.sky-form .select select {
    border: 1px solid #ccc;
    background: #fff;
    height: 48px;
    padding: 11px;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 14px;
    margin: 0 0 15px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.sky-form .icon-append {
    top: 1px;
    right: 1px;
    height: 46px;
    width: 46px;
    line-height: 46px;
    padding: 0;
    border-color: #dedede;
    background: #fff;
    color: #00bfff;
    font-size: 18px;
}
.sky-form .input input:focus,
.sky-form .input:hover input {
    border-color: #00bfff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    background: #fff;
}
.sky-form .input input:focus + .icon-append,
.sky-form .input:hover input + .icon-append {
    background: #00bfff;
    color: #fff;
    border-color: #00bfff;
}
.sky-form .input.error input + .icon-append,
.sky-form .input.error input:focus + .icon-append
.sky-form .input.error:hover + .icon-append,
.sky-form .btn-group.error span + .fa.fa-sort {
    background: red;
    color: #fff;
    border-color: red;
}
.sky-form .select i::before,
.sky-form .select i::after {
    right: 7px;
}
.sky-form .select i::before {
    top: 5px;
    border-bottom-color: #00bfff;
}
.sky-form .select i:after {
    bottom: 1px;
    border-top-color: #00bfff;
}
/* Date Picker */
.datepicker {
    border-radius: 0;
    padding: 0;
}
.datepicker-inline {
    width: 100%;
}
.datepicker.dropdown-menu th, 
.datepicker.datepicker-inline th, 
.datepicker.dropdown-menu td, 
.datepicker.datepicker-inline td {
    padding: 0;
}
.datepicker table thead {
    border: 1px solid #dedede;
}
.datepicker table thead tr:nth-child(1) th {
    background: rgba(0,0,0,0.03);
    border-bottom: 1px solid #dedede;
    height: 46px;
}
.datepicker table thead tr th.next {
    border-left: 1px solid #dedede;
    position: relative;
}
.datepicker table thead tr th.next:before {
    content: '';
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 22px;
    color: #fff;
    font-family: 'FontAwesome';
    background: #949494;
    display: block;
    font-size: 9px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: 13px;
    left: 12px;
    z-index: 1;
    text-indent: -1px;
}
.datepicker table thead tr th.prev {
    border-right: 1px solid #dedede;
    position:relative
}
.datepicker table thead tr th.prev:before {
    content: '';
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 22px;
    color: #fff;
    font-family: 'FontAwesome';
    background: #949494;
    display: block;
    font-size: 9px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: 13px;
    left: 12px;
    z-index: 1;
    text-indent: -3px;
}
.datepicker table tr td {
    border: 1px solid #dedede;
    border-radius: 0;
    width: 46px;
    height: 46px;
}
.datepicker table tr td.active:hover, 
.datepicker table tr td.active:hover:hover, 
.datepicker table tr td.active.disabled:hover, 
.datepicker table tr td.active.disabled:hover:hover, 
.datepicker table tr td.active:focus, 
.datepicker table tr td.active:hover:focus, 
.datepicker table tr td.active.disabled:focus, 
.datepicker table tr td.active.disabled:hover:focus, 
.datepicker table tr td.active:active, 
.datepicker table tr td.active:hover:active, 
.datepicker table tr td.active.disabled:active, 
.datepicker table tr td.active.disabled:hover:active, 
.datepicker table tr td.active.active, 
.datepicker table tr td.active.active:hover, 
.datepicker table tr td.active.disabled.active, 
.datepicker table tr td.active.disabled.active:hover, 
.open .dropdown-toggle.datepicker table tr td.active, 
.open .dropdown-toggle.datepicker table tr td.active:hover, 
.open .dropdown-toggle.datepicker table tr td.active.disabled, 
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    background: #00bfff;
    border: 0;
}

.ribbon {
    text-transform: none;
    padding: 0;
    line-height: 30px;
    position: relative;
    background: #e91378;
    color: #fff;
    margin: 8px 0;
    padding-right: 30px;
    text-align: center;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    height: 30px;
}
.ribbon strong {
    text-transform: uppercase;
    padding: 0 10px 0 10px;
    display: inline-block;
    font-weight: 500;
    color: #fff;
    font-size: 13px;
}
.ribbon .fa {
    line-height: 31px;
    font-size: 14px;
    width: 31px;
    border-left: 1px solid #fff;
    text-align: center;
    margin-left: 10px;
    color: #fefefe;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: 0;
}
.ribbonRight {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    text-indent: 8px;
}
.ribbonRight:after {
    border-width: 15px;
    margin-top: -15px;
    border-right-color: #e91378;
}
.ribbonLeft{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-indent: 8px;
}
.ribbonLeft .fa {
    right: auto;
    left: 0;
    margin-left: 0;
    margin-right: 10px;
    border-left: 0;
    border-right: 1px solid #fff;
}
.ribbonLeft:after {
    border-width: 15px;
    margin-top: -15px;
    border-left-color: #e91378;
}
.ribbonBottom {
    border-radius: 3px;
    padding-right: 0;
}
.ribbonBottom:after {
    bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(249, 249, 249, 0);
	border-bottom-color: #e91378;
	border-width: 15px;
	margin-left: -15px;
}
.ribbonTop {
    border-radius: 3px;
    margin-top: -50px;
    margin-bottom: 20px;
    padding-right: 0;
}
.ribbonTop:after {
    top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(249, 249, 249, 0);
	border-top-color: #e91378;
	border-width: 15px;
	margin-left: -15px;
}

/****************************************** FORM MODULES **************************************/
/* Quote Total */
#quoteTotalContainer {
    padding-left: 15px;
}
#quoteTotal {
    border: 2px solid #00bfff;
    background: #fff;
    margin: 30px 0 30px 0;
    padding-bottom: 15px;
    border-radius: 3px;
    width: 100%;
}
#quoteTotal h2.uppercase {
    background: #00bfff;
    color: #fff;
    padding: 12px 0;
    margin-bottom: 15px!important;
}
#quoteTotal h2.uppercase strong {
    color: #fff;
}
#quoteTotal .quotePrice {
    line-height: 35px;
    margin-top: 10px;
}
#quoteTotal .quotePrice span {
    font-family: 'Roboto', sans-serif !important;
    font-size: 40px;
    font-weight: 500;
}
#quoteTotal .quotePrice small {
    height: 28px;
    border-radius: 3px;
    background: #111;
    color: #fefefe;
    text-align: center;
    text-transform: uppercase;
    display: block;
    line-height: 28px;
    max-width: 100px;
    margin: 5px auto 30px auto;
    padding: 0 8px;
    vertical-align: top;
}
#quoteTotal label {
    font-weight: normal;
    display: block;
}
#quoteTotal h3.listTitle {
    font-size: 24px!important;
    margin-bottom: 0px;
    margin-top: 0;
    padding: 0 30px;
}
#quoteTotal hr {
    border-top: 1px solid rgba(0,0,0,0.08);
    border-bottom: 1px solid rgba(255,255,255,0.6);
    margin: 15px 15px 10px!important;
}
#quotePartner {
    margin: 15px 15px 0 15px;
    padding: 0;
    color: #111;
}

#quoteTotal #quotePartner hr {
    margin: 0!important;
}

#quotePartner img.partner-logo {
    padding-bottom: 15px;
}

#quotePartner img.img-special-promotion {
    padding-top: 15px;
    padding-bottom: 0;
    cursor: pointer;
    width: 100%;
}

#quotePartner .contentBlock p {
    margin-top: 15px;
}

.trust-bar {
    background: #f6f8f9;
    border: 1px solid #eaeaea;
    padding: 10px 15px 15px 15px;
    margin: 30px 0 0 0;
}
.trust-bar h3.listTitle {
    font-weight: 400!important;
    font-size: 19px!important;
}
.trust-bar .payment-icons img {
    display: inline-block;
    padding: 0;
    margin-bottom: 8px;
    height: 29px;
}
.trust-bar .popover {
    max-width: 360px;
}
.trust-bar .popover > .popover-content {
    font-size: 12px;
    line-height: 16px;
}
.secure-icons {
    margin: 30px 0px 15px 15px;
}
.secure-icons > div:first-child {
    padding: 0 10px 0 30px;
}
.secure-icons > div:last-child {
    padding: 0 30px 0 10px;
}
.secure-icons img {
    margin-bottom: 8px;
    max-height: 80px;
}

#quoteTotal .total {
    border-top-left-radius: 105px;
    border-top-right-radius: 105px;
    border: 12px solid rgba(0,0,0,0.1);
    border-bottom: 0;
    width: 210px;
    height: 105px;
    margin: 0 auto;
    position: relative;
    -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.2);
    -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.2);
    box-shadow: 0 0 0 1px rgba(255,255,255,0.2);
}
#quoteTotal .total h2 {
    font-weight: 500;
    letter-spacing: -1px;
    margin: 1px!important;
    font-size: 40px!important;
    border-radius: 50%;
    background: #002633;
    width: 184px;
    height: 184px;
    line-height: 172px;
    color: #fff;
    text-align: center!important;
    padding: 0;
}
#quoteTotal .total h2 span {
    font-size: 30px!important;
}
#quoteTotal .total h2 span.textPounds {
    font-size: 40px!important;
}
#quoteTotal .total h3 {
    text-align: center;
    color: #00bfff;
    margin: 0;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    z-index: 2;
    font-size: 18px;
}
#quoteTotal .total .label {
    margin: 0;
    position: relative;
    top: -80px;
    background: none;
    z-index: 1;
}
#quoteTotal .next-btn {
    margin: 0;
}
#cover-selected {
    background: #fff;
    width: 100%;
    margin: 0;
    padding-top: 45px;
    min-height: 140px;
    border: 1px solid #eee;
    border-top: 0;
}
#cover-selected .cover {
    width: 100%;
    margin-top: 70px;
    text-align: center;
    border-top: 1px solid #eee;
    position: relative;
}
#cover-selected .cover:before {
    content: 'Cover Plan:';
    position: absolute;
    top: -11px;
    left: 50%;
    background: #fff;
    color: #ccc;
    display: block;
    width: 90px;
    margin-left: -45px;
}
#cover-selected .cover h3 {
    font-weight: 400;
        line-height: 60px;
    height: 60px;
}
#cover-selected .cover h3 strong {
    font-weight: 500;
    color: #00bfff;
}
#badges {
    margin-bottom: 15px;
    border: 1px solid #eee;
    padding: 15px;
}

/* Quote Discount */
#quoteDiscount {
    padding-top: 15px;
}
#quoteDiscount .input input {
    font-weight: 600;
}
#discountVal {
    text-transform: uppercase;
}

/* Testimonials - Quote */
.trust-bar .list-group {
    margin-top: -5px;
    margin-bottom: 30px;
}
.trust-bar .list-group a {
    color: #111;
    font-weight: 400;
    border-bottom: 1px dotted #ddd;
    padding: 5px 0;
    line-height: 21px;
    margin: 5px 0;
    background: none;
}
.trust-bar .list-group a:after {
    content: '\f054';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-family: 'FontAwesome';
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #999;
}
.trust-bar .list-group a:hover {
    background: none;
}
.trust-bar .list-group a i  {
    font-size: 20px;
    color: #002633;
    width: 30px;
}
.trust-bar .list-group a:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}
#quoteSummary .trust-bar .tickList .listIcon {
    border: none;
    line-height: 30px;
}
#quoteSummary .trust-bar .tickList li p {
    margin-bottom: 0;
    margin-top: 0;
    line-height:20px
}

.trust-bar #testimonials {
    padding: 0;
    min-height: 256px;
    background: none;
}
.trust-bar hr {
    border-top: 1px solid rgba(0,0,0,0.08);
    border-bottom: 1px solid rgba(255,255,255,0.6);
    margin: 10px 0px 20px!important;
}
.trust-bar #testimonials img {
    display: none;
}
.trust-bar #testimonials .col-lg-offset-3 {
    margin: 0!important;
    padding: 0!important;
    width: 100%!important;
}
.trust-bar #testimonials .container {
    padding: 0;
}
.trust-bar #testimonials .contentBlock {
    padding: 0 15px 30px;
    position: relative;
}
.trust-bar #testimonials .contentBlock p,
.trust-bar #testimonials .contentBlock blockquote {
    color: #444;
    margin-bottom: 0;
}
.trust-bar #testimonials .contentBlock blockquote {
    min-height: 185px;
}

.trust-bar #testimonials .contentBlock blockquote:before,
.trust-bar #testimonials .contentBlock blockquote:after {
    color: #444;
    font-size: 14px;
}
.trust-bar #testimonials .contentBlock .feefo {
    height: 60px;
    padding-top: 35px;
    background-image: url(/Images/Theme/SOI/badges/feefo-rating.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 55%;
    margin-top: 30px;
    margin-bottom: 30px;
}
.trust-bar #testimonials .carousel-indicators {
    display: block;
}
.trust-bar .carousel-indicators {
    bottom: -15px!important;
    z-index: 1;
}
.trust-bar #testimonials .contentBlock cite {
    display: none;
}
.trust-bar .contact-highlight .contact-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 15px auto 15px;
    display: block;
    background-image: url(/Images/Theme/SOI/call-nugget.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 100%;
    border: 2px solid #fff;
}

.yourdetails #help .col-md-4:nth-child(1),
.paymentdetails #help .col-md-4:nth-child(1),
.success #help .col-md-4:nth-child(1) {
    display: none!important;
}
.success .col-md-4 {
    width: 50%;
}

/* Service - USP */
#service-usp {
    height: 160px;
    width: 100%;
    background-image: url(/Images/Theme/SOI/service-usp.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 15px;
}

/* Plans */
#plan-select {
    position: relative;
}
#plan-select .panel-body {
    padding-left: 15px;
}
#plan-select .radio i {
    font-size: 28px;
    line-height: 48px;
    background: none;
    border: none;
    height: auto;
    width: auto;
    position: relative;
    top: auto!important;
    right: auto!important;
    display: block;
    color: #111;
}
#plan-select .radio.active i {
    color:#fefefe;
}
#plan-select .radio i:after {
    display: none;
}
#plan-select .radio {
    padding: 7px 5px 17px 5px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
}
#plan-select .radio:after {
    display: none;
}
#plan-select .radio.active {
    background: #00bfff;
    color: #fff;
}
#plan-select .ribbon {
    position: absolute;
    width: 100%;
    top: 10px;
    font-size: 14px;
    font-weight: normal;
    right: 0;
}

#plan-select .ribbonTop {
    bottom: unset !important;
    top: 10px!important;
}

#plan-select .ribbonBottom {
    top:unset !important;
    bottom: -48px!important;
}

#plan-select .planInfoHelper {
    padding: 0 15px;
}

#plan-select .plan-item .radio.active > .ribbon.ribbonRight {
    display: none;
}
#plan-select .panel-footer {
    display: none!important;
}
#plan-select .plan-desc {
    background: #fcfcfc;
    padding: 30px;
    border: 1px solid #ddd;
    height: 231px;
}
#plan-select .plan-desc h2.uppercase {
    font-size: 22px;
    margin: 0 0 15px!important;
}
#plan-select .helpContent {
    margin: 15px 0;
}
#plan-select .helpContent .contentBlock p {
    padding: 15px;
}
#plan-select .helpContent strong {
    border: 0;
    padding: 0;
    display: inline-block
}

/* Multi-XS Selector*/

.excess-item label input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.excess-item label.radio:after
{
    content:none !important;
}

.excess-item label.radio {
    margin: 0px !important;
    padding: 12px 0px 12px 0px !important;
}

.excess-item label.radio p {
    margin:0px !important;
    text-align:center !important;
}

    .excess-item label.radio:hover {
        border-color: #00bfff;
        background-color: #E6F9FF;
    }

    .excess-item label.radio.active {
        border-color: #00bfff !important;
        background-color: #00bfff !important;
        color: #fff !important;
    }

        .excess-item label.radio span {
            font-weight: 400;
        }

    .excess-item label.radio.active span {
        color: #fff !important;
    }

/* Customer Zone */
#customerzone {
    padding: 3% 0;
    background-image: url(/Images/Theme/SOI/hero-images/bundle-banner.jpg);
    background-color: #fff;
    position: relative;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 80%;
    border-top: 0;
}

#customerzone-policies {
    padding: 3% 0;
    background-color: #fff;
    border-top: 1px solid #eee;
}

#customerzone-devices {
    background-color: #fff;
    width: 100%;
    border-top: 1px solid #eee;
}

#customerzone-devices .container {
    padding: 0;
}

#customerzone-devices .container .col-lg-9 {
    border-right: 1px solid rgba(0,0,0,0.05);
    padding-right: 0;
    overflow: hidden;
}

#customerzone-devices section {
    padding: 30px;
    z-index: 0;
    border: 0;
    position: static;
}

#customerzone-devices h2.uppercase {
    text-transform: none;
    font-size: 28px;
    font-weight: 300;
    margin: 0 0 30px!important;
    clear: both;
    line-height: 48px;
}

#customerzone-devices .bundle-key h2.uppercase {
    font-size: 22px;
    margin: 0 0 15px!important;
    line-height: 140%;
}

#customerzone-devices h2.uppercase strong {
    color: #00bfff;
}

#customerzone-devices .panel.panel-default.register-devices {
    border: none;
    box-shadow: none;
    background: none;
}
#customerzone-devices .panel.panel-default .panel-body {
    padding:0;
}

#customerzone-devices .btn-alt.btn-lg .fa {
    right: auto;
    left: 0;
    margin: 0;
    border-left: 0;
    border-right: 1px solid #111;
    top: 0;
    font-size: 24px;
}

#customerzone-devices .gadget-row.error {
    padding: 0;
    border: none!important;
}
/* Bundle Select */
#bundle-select {
    clear: both;
    width: 100%;
    position: relative;
}
#bundle-select .bundle-key h2.uppercase {
    font-size: 22px;
    margin: 0 0 15px!important;
}
#bundle-select .radio {
    padding: 42px;
    text-align: center;
    font-size: 22px;
}
#bundle-select .radio:after {
    display: none;
}
#bundle-select .radio.active {
    background: #00bfff;
    color: #fff;
}
.bundle-key {
    padding: 30px;
    background: #fcfcfc;
    border: 1px solid #ddd;
    height: 231px;
}

.bundle-key .bundleAttr {
    padding-bottom: 15px;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #eee;
}
.bundle-key .bundle-msg.label-danger {
    margin: 0!important;
}
.bundle-key .bundleAttr .coloured {
    background: #00bfff;
    color: #00bfff;
    height: 14px;
    width: 14px;
    margin: 6px 5px 0 0;
}
.bundle-key .bundle-msg.label-danger .coloured {
    color: red !important;
    background: red;
}
.bundle-key .bundleAttr h3.listTitle {
    margin: 2px 0 1px 0;
    font-size: 18px!important;
}
.bundle-key .bundleAttr small {
    font-size: 14px;
    color: #444;
    display: block;
    clear: both;
}
.bundle-key .col-sm-6:nth-child(3) .bundleAttr, 
.bundle-key .col-sm-6:nth-child(4) .bundleAttr {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Add Gadget */
.gadget-row, 
.coupon-row {
    border-radius: 0;
    border-bottom: 1px dotted #ddd;
    margin-top: 15px;
    margin-bottom: 15px;
}
.coupon-row:first-child {
    margin-top: 0;
}
.gadget-row:last-child,
.coupon-row:last-child {
    border-bottom: none;
}

#active-gadget .listIcon,
#edit-gadget .listIcon {
    background: #00bfff;
    color: #fff;
    width: 103px;
    height: 103px;
    line-height: 103px;
    font-size: 40px;
}
#addGadget {
    z-index: 1!important;
    overflow: visible!important;
}
#addGadget .panel-default,
#pdf-form .panel-default {
    margin-top: 15px;
}
#addGadget .ribbonLeft,
#addGadget .ribbonRight,
#cover-level .ribbonRight,
#couponErrorContainer .ribbonBottom {
    font-size: 14px;
    font-weight: normal;
}
#gadget-count {
    font-weight: 500;
    line-height: 48px;
    font-family: 'Roboto', sans-serif;
}

#addGadget .contentBlock p, 
#quoteDiscount .contentBlock p {
    margin: 11px 0;
}

#active-gadget {
    border: 0;
    margin-bottom: 0;
}
.bundle-gadget {
    border-bottom: 1px dotted #ddd;
}
#active-gadget .rowNum,
#edit-gadget .rowNum,
#quoteDiscount .rowNum,
.bundle-gadget .rowNum,
#pdf-form div.rowLabel,
#pdf-table div.rowNum {
    width: 48px;
    height: 48px;
    background: #fff;
    color: #333;
    position: relative;
    text-align: center;
    line-height: 46px;
    font-weight: 600;
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
}
#edit-gadget .rowNum,
#quoteDiscount .rowNum,
.bundle-gadget.expanded .rowNum {
   background: #00bfff;
   color: #fff;
   border-color: #00bfff;
}
#notcovered .bundle-gadget .rowNum {
    background: #fff;
    color: #888;
    border-color: #888;
}
#notcovered .bundle-gadget.expanded .rowNum {
    border-color: #ccc;
    background: #fff;
    color: #111;
}
#active-gadget .itemDesc,
#edit-gadget .itemDesc,
.bundle-gadget .itemDesc {
    margin: 0 0 0 63px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #ccc;
}
.bundle-gadget .itemDesc {
    padding-left: 0;
    height: 48px;
}
.bundle-gadget .itemDesc i {

}
#pdf-form .policy-label p {
    margin: 0 0 0 63px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
#edit-gadget .itemDesc {
    border-color: #00bfff;
    margin-bottom: 15px;
}
#edit-gadget .itemDesc small {
    display: inline-block;
    height: 22px;
    border-radius: 3px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 19px;
    font-size: 11px;
    font-weight: 400;
    vertical-align: top;
    text-indent: 0;
    padding: 0 8px;
    margin: 12px 15px 0 10px;
    font-family: 'Open Sans', sans-serif;
}
#edit-gadget .itemDesc > .row {
    margin: 15px 0 0 0;
}
#edit-gadget .itemDesc > .row > div[class^="col-"] {
    padding-right: 0;
}
.bundle-gadget .itemDesc > .row > div[class^="col-"] {
    padding-left: 0;
}
.bundle-gadget .itemDesc > .row {
    margin-right: 0;
    margin-left: 0;
}
#edit-gadget .itemDesc > .row > div[class^="col-"]:last-child {
    padding-right: 15px;
}
#edit-gadget .itemDesc > .row > div.device-purchase-date {
    padding-right: 0!important;
}
#edit-gadget .itemDesc label.label {
    margin-top: 0;
    height: 25px;
    border-bottom: 1px dotted #ccc;
    width: 100%;
    font-family: 'Open Sans';
}
#edit-gadget .device-value label.display {
    width: 100%;
}
#edit-gadget .device-value label.display.valid > span {
    border-color: transparent !important;
    font-weight: 400;
    color: #333;
    padding-left: 0;
}
#edit-gadget .device-value label.select.valid { 
    margin-right: 0 !important;
}
#edit-gadget .device-discount-switch .checkbox,
#edit-gadget .device-discount-switch .checkbox.active {
    background: none;
    border: none;
}
#edit-gadget .device-discount-switch .checkbox i {
    left: 0px !important;
}
#edit-gadget .device-purchase-date > .row > .col-xs-6:first-child {
    padding-right: 0!important;
}
#edit-gadget .device-purchase-date.error .dropdown-toggle,
#edit-gadget .device-purchase-date.error .dropdown-toggle {
    border-color: red;
}
#edit-gadget .device-purchase-date.error .dropdown-toggle i {
    background: red;
    color: #fff;
    border-color: red;
}
#edit-gadget .device-purchase-date.error .select select {
    border-color: red;
}
#edit-gadget .device-purchase-date.error .select i::before {
    border-bottom-color: red;
} 
#edit-gadget .device-purchase-date.error .select i::after {
    border-top-color: red;
}
#pdf-form .policy-detail p {
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
#active-gadget .itemDesc p i.deviceIcon,
#edit-gadget .itemDesc p i.deviceIcon,
.bundle-gadget .itemDesc i.deviceIcon,
#pdf-form .itemDesc p i.deviceIcon,
#pdf-table .itemDesc i.deviceIcon {
    color: #ccc;
    font-size: 33px;
    margin-right: 10px;
    display: inline-block;
    top: 7px;
    position: relative;
}
.bundle-gadget .itemDesc i.deviceIcon {
    margin-right: 0;
}
#pdf-table .itemDesc i.deviceIcon {
    line-height: 28px;
}
#pdf-table .itemDesc p {
    position: relative;
    margin: 0;
}
#pdf-table .itemDesc small {
    font-style: italic;
    display: block;
    margin-top: -10px;
}
#edit-gadget .itemDesc p i.deviceIcon {
    color: #fff;
}
#notcovered .bundle-gadget .itemDesc i.deviceIcon {
    color: #888;
}
#active-gadget .itemDesc p,
#edit-gadget .itemDesc p,
.bundle-gadget .itemDesc p,
#quoteDiscount .itemDesc p,
#pdf-form .policy-label p, 
#pdf-form .policy-detail p {
    line-height: 46px;
    height: 46px;
    padding-left: 15px;
    margin: 0;
}
.bundle-gadget .itemDesc p {
    padding-left: 0;
}
#edit-gadget .itemDesc p {
    background: #00bfff;
    color: #fff;
    height: 47px;
}

#active-gadget .itemDesc p span {
    display: inline-block;
    color: #333;
}
.editBtn,
.editBtn:hover {
    float: none;
    position: absolute;
    right: 62px;
    top: 0;
    border: none !important;
    background: none !important;
}
.removeBtn {
    float: none;
    position: absolute;
    right: 15px;
    top: 0;
}
.readBtn {
    float:none;
    position: absolute;
    right: 15px;
    top: 0;
}
#edit-gadget .removeBtn,
#edit-gadget .removeBtn:hover {
    border-left-color: #fff !important;
    border-right: none;
    border-bottom: none;
    border-top: none;
    background: #00bfff !important
}
#edit-gadget .removeBtn i {
    color: #fff;
}
/* Gadget List */
#gadget-list {
    position: relative;
    clear: both;
}
#gadget-list .panel-footer .btn-alt {
    height: 58px;
    line-height: 58px;
    text-indent: -58px;
}
#gadget-list .panel-footer .btn-alt .fa {
    width: 56px;
    height: 56px;
    line-height: 56px;
    top: 0;
}
#gadget-list #gadget-notification {
    background: none;
    color: #fefefe;
    font-size: 16px;
}
/* Col 3 hack */
.col-lg-3 #gadget-list:before {
    content: '';
    border: 0;
    width: 0;
    height: 0;
}
.col-lg-3 #gadget-list {
    margin: 0 -30px;
    padding: 0 30px 0;
}
.col-lg-3 #gadget-list:hover {
    cursor: pointer;
}
.col-lg-3 #gadget-list .listIcon {
    margin-right: 15px!important;
    margin-bottom: 0!important;
    border: 1px solid #fff;
    color: #fefefe;
    background: #00bfff;
}
.col-lg-3 #gadget-list i.pull-right {
    border-radius: 50%;
    border: 2px solid #ddd;
    color: #ddd;
    width: 25px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    position: relative;
    top: 14px;
    float: none;
    font-size: 12px;
}
.col-lg-3 #gadget-list .accordion {
    margin: 0;
    padding: 0;
    height: 0;
}
.col-lg-3 #gadget-list h3 {
    position: relative;
    top: -2px;
}

/* Cover */
#cover-level .img-container {
    position: relative;
}
#cover-level img.cover-img {
    margin: 0 auto;
    display: block;
    max-width: 70%!important;
}
#cover-level img.cover-img:hover {
    cursor: pointer;
}
#cover-level img.defaqto-badge {
    /*width: 30%;
    position: absolute;
    bottom: 18%;
    right: 50%;
    margin-right: -49%;*/
    display: none;
}
#cover-level .contentBlock {
    margin-bottom: 30px;
}
#cover-level .contentBlock p {
    margin-bottom: 2px;
    font-size: 15px;
}
#cover-level .contentBlock p > small {
    line-height: 20px;
    color: #999;
}
#cover-level a {
    margin-bottom: 15px;
    display: block;
}
#cover-level p {
    color: #444;
}
#cover-level ul.visible-xs {
    list-style: none;
    padding: 0;
    margin: 15px 0 -2px;
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}
#cover-level ul.visible-xs li {
    width: 33.33333333%;
    float: left;
    display: block;
    margin-right: 0;
    border-width: 2px 2px 0 0;
    border-style: solid; 
    border-color: #eee;
}
#cover-level ul.visible-xs li:first-child {
    border-left-width: 2px
}
#cover-level ul.visible-xs li a {
    background: #fcfcfc;
    display: block;
    float: left;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    outline: none!important;
    text-decoration: none!important;
    color: #111;
    font-family: 'Roboto', sans-serif;
}

#cover-level ul.visible-xs li a span {
    max-width: 70px;
    display: block;
    margin: 0 auto;
}
#cover-level ul.visible-xs li.active a {
    background: #fff;
    border-bottom: 2px solid #fff;
}
#cover-level ul.visible-xs li[title="Standard"].active {
    border-left-width: 2px;
    border-color: #ff692b;
}
#cover-level ul.visible-xs li[title="Premium"].active {
    border-left-width: 2px;
    border-color: #9cd34d;
}
#cover-level ul.visible-xs li[title="Ultimate"].active {
    border-left-width: 2px;
    border-color: #00bfff;
}
#cover-level .tab-content > .tab-pane {
    display: block;
    margin-top: 15px;
}
#cover-level .radio {
    margin: 0 0 10px 0!important;
}
#cover-level .radio:after {
    left: 50%;
    margin-left: -8px;
}
#cover-level .radio.active {
    background: none;
}
#cover-level .product-select-label input {
    left: -9999px;
    position: absolute;
}
#cover-level .product-select-label:after {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 30px;
    right: 35px;
    margin: -8px 0 0;
    -webkit-box-shadow: inset 0 0px 2px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.1);
    box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.1);
    border: 1px solid #dedede;
    z-index: 1000;
}
#cover-level .product-select-label.active:after {
    display: none;
}

#cover-level .cover-item {
    padding: 15px 15px 0 15px;
    background: #fcfcfc;
    border: 2px solid #ddd;
}
#cover-level .cover-item:hover {
    border-color: #ddd;
}
#cover-level .cover-item h2.uppercase {
    margin-bottom: 10px!important;
    line-height: 100%;
    font-size: 22px;
}
#cover-level .cover-item .badges {
    clear: both;
    margin: 15px -15px;
    border-bottom: 1px dotted #eee;
    padding: 0 15px;
    min-height: 55px;
}
#cover-level .spinner {
    margin: 17px 10px 22px 22px;
    display: inline-block;
}
#cover-level .spinner > div {
    background: #222; 
}
#cover-level .cover-item .price h2 {
    font-weight: 500;
    margin: 0 10px 15px 0;
    display: inline-block;
}
#cover-level .cover-item .price small {
    color: #ccc;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 15px;
    display: inline-block;
    text-transform: lowercase;
}
#cover-level .cover-item.active {
    background: #fff;
}
#cover-level #standard .cover-item.active,
#cover-level #standard .cover-item:hover {
    border-color: #ff692b;
}
/*#cover-level #standard .cover-item .btn-alt.btn-sm:hover, 
#cover-level #standard .cover-item .btn-alt.btn-sm:hover .fa {
    border-color: #ff692b !important;
    color: #ff692b !important;
}
#cover-level #standard .cover-item.active .btn-alt.btn-sm,
#cover-level #standard .cover-item.active .btn-alt.btn-sm:hover {
    background: #ff692b !important;
    border-color: #ff692b !important;
    color: #fff !important;
}*/

#cover-level #premium .cover-item.active,
#cover-level #premium .cover-item:hover {
    border-color: #9cd34d;
}
/*#cover-level #premium .cover-item .btn-alt.btn-sm:hover, 
#cover-level #premium .cover-item .btn-alt.btn-sm:hover .fa {
    border-color: #9cd34d !important;
    color: #9cd34d !important;
}
#cover-level #premium .cover-item.active .btn-alt.btn-sm,
#cover-level #premium .cover-item.active .btn-alt.btn-sm:hover {
    background: #9cd34d !important;
    border-color: #9cd34d !important;
    color: #fff !important;
}*/

#cover-level #ultimate .cover-item.active,
#cover-level #ultimate .cover-item:hover {
    border-color: #00bfff;
}
/*#cover-level #ultimate .cover-item .btn-alt.btn-sm:hover, 
#cover-level #ultimate .cover-item .btn-alt.btn-sm:hover .fa {
    border-color: #00bfff !important;
    color: #00bfff !important;
}
#cover-level #ultimate .cover-item.active .btn-alt.btn-sm,
#cover-level #ultimate .cover-item.active .btn-alt.btn-sm:hover {
    background: #00bfff !important;
    border-color: #00bfff !important;
    color: #fff !important;
}
#cover-level #standard .cover-item.active .btn-alt.btn-sm .fa,
#cover-level #premium .cover-item.active .btn-alt.btn-sm .fa,
#cover-level #ultimate .cover-item.active .btn-alt.btn-sm .fa {
    border-color: #fff!important;
    color: #fff!important;
}*/
/*#cover-level #standard .cover-item .btn-alt.btn-sm:focus,
#cover-level #premium .cover-item .btn-alt.btn-sm:focus,
#cover-level #ultimate .cover-item .btn-alt.btn-sm:focus {
    outline: none;
}*/

#cover-level .cover-item .chart {
    background-image: url(/Images/Theme/SOI/footerLogo.png);
    background-position: top 31px center;
    background-size: 43%;
    background-repeat: no-repeat;
    width: 102px;
    height: 102px;
    border-radius: 50%;
    border: 1px solid #ddd;
    display: block;
    background: rgb(249,249,249); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#cover-level .tab-pane .badges .level-icon {
    width: 36px;
    height: 36px;
    display: block;
    color: #ccc;
    text-align: center;
    line-height: 36px;
    border: 1px solid #ccc;
    font-size: 20px;
}

#cover-level #standard .badges .level-icon.active {
    background: #ff692b;
    border-color: #ff692b;
    color: #fefefe;
}
#cover-level #premium .badges .level-icon.active {
    background: #9cd34d;
    border-color: #9cd34d;
    color: #fefefe;
}
#cover-level #ultimate .badges .level-icon.active {
    background: #00bfff;
    border-color: #00bfff;
    color: #fefefe;
}
#cover-level #standard .display-group-1:last-child,
#cover-level #premium .display-group-1:last-child,
#cover-level #premium .display-group-2:last-child,
#cover-level #ultimate .display-group-1:last-child,
#cover-level #ultimate .display-group-2:last-child,
#cover-level #ultimate .display-group-3:last-child {
    padding-bottom: 15px;
}
#cover-level .cover-item .display-group-1:first-child,
#cover-level .cover-item .display-group-2:first-child,
#cover-level .cover-item .display-group-3:first-child {
    border-top: 1px dotted #eee;
}
/*#cover-level #standard .cover-item.active .display-group-1:first-child,
#cover-level #standard .cover-item:hover .display-group-1:first-child {
    border-top: 1px dotted #ff692b;
}
#cover-level #premium .cover-item.active .display-group-1:first-child,
#cover-level #premium .cover-item:hover .display-group-1:first-child,
#cover-level #premium .cover-item.active .display-group-2:first-child, 
#cover-level #premium .cover-item:hover .display-group-2:first-child {
    border-top: 1px dotted #9cd34d;
}
#cover-level #ultimate .cover-item.active .display-group-1:first-child,
#cover-level #ultimate .cover-item:hover .display-group-1:first-child,
#cover-level #ultimate .cover-item.active .display-group-2:first-child,
#cover-level #ultimate .cover-item:hover .display-group-2:first-child,
#cover-level #ultimate .cover-item.active .display-group-3:first-child,
#cover-level #ultimate .cover-item:hover .display-group-3:first-child {
    border-top: 1px dotted #00bfff;
}*/
#cover-level .display-group-1 {
    margin: 0 -15px 0 -15px;
    padding: 0 15px 0 15px;
}
/*#cover-level .display-group-1:first-child {
    padding-top: 15px;
}*/
#cover-level #premium .display-group-2 {
    background: #F5FBED;
    margin: -12px -15px 0 -15px;
    padding: 1px 15px 4px 15px;
}
#cover-level #ultimate .display-group-2 {
    background: #E6F9FF;
    margin: -12px -15px 0 -15px;
    padding: 1px 15px 4px 15px;
}
#cover-level #ultimate .display-group-3 {
    background: #D9F5FF;
    margin: -12px -15px 0 -15px;
    padding: 1px 15px 4px 15px;
}
#cover-level #standard .seperator,
#cover-level #premium .seperator,
#cover-level #ultimate .seperator {
    width: 100%;    
    position: relative;
    text-align: center;
    margin: -2px 0 -36px 0;
    z-index: 1;
} 
#cover-level #standard .seperator i {
    border: 1px solid #ff692b;
    background: #ff692b;
}
#cover-level #premium .seperator i {
    border: 1px solid #9cd34d;
    background: #9cd34d;
}
#cover-level #ultimate .seperator i {
    border: 1px solid #00bfff;
    background: #00bfff;
}
#cover-level #standard .seperator i,
#cover-level #premium .seperator i,
#cover-level #ultimate .seperator i {
    line-height: 36px;
    color: #fefefe;
    position: relative;
    top: -17px;
    font-size: 20px;
    width:36px;
    height:36px;
}

#cover-level .display-group-1:last-child hr,
#cover-level .display-group-2:last-child hr,
#cover-level .display-group-3:last-child hr {
    display: none;
}

#cover-level .cover-item .cover-attribute .contentBlock p {
    font-size: 14px;
}
#cover-level .cover-item .cover-attribute .cover-attribute-item {
    position: relative;
}
#cover-level .cover-item .cover-attribute .cover-attribute-item h3.listTitle {
    margin-bottom: 3px;
    font-size: 17px !important;
}
#cover-level .cover-item .cover-attribute .cover-attribute-item h3.listTitle .fa {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    line-height: 14px;
}
#cover-level .cover-item .cover-attribute .cover-attribute-item h3.listTitle.coloured i {
    text-indent: -9999px;
}
#cover-level .cover-item .cover-attribute .cover-attribute-item h3.listTitle small {
    font-size: 14px;
    color: #666;
}
#cover-level .cover-item .cover-attribute .cover-attribute-item hr {
    margin: 12px 0!important;
}
#cover-level .cover-item .cover-attribute .cover-attribute-item .mobHelper {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
#cover-level .tab-pane:nth-child(1) .cover-attribute .cover-attribute-item h3.listTitle.coloured i {
    background: #ff692b;
    color: #ff692b;
}
#cover-level .tab-pane:nth-child(2) .cover-attribute .cover-attribute-item h3.listTitle.coloured i {
    background: #9cd34d;
    color: #9cd34d;
}
#cover-level .tab-pane:nth-child(3) .cover-attribute .cover-attribute-item h3.listTitle.coloured i {
    background: #00bfff;
    color: #00bfff;
}

.mobHelper {
    width: 46px!important;
    height: 46px!important;
    border-radius: 0;
    line-height: 44px!important;
    font-size: 17px!important;
}

/* Personal Details */
#personal-details {
    position: relative;
}

/* Contact Details */
#contact-info .radio {
    margin-bottom: 15px;
    background: #fff;
}

/* Policy Documents */
img.pdf-cover {
    -webkit-box-shadow: 5px 5px 11px 0px rgba(204,204,204,0.5);
    -moz-box-shadow: 5px 5px 11px 0px rgba(204,204,204,0.5);
    box-shadow: 5px 5px 11px 0px rgba(204,204,204,0.5);
    border: 1px solid #eee;
}

/* Register Devices */
#register-devices .register-item {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 15px;
    padding-top: 15px;
}
#register-devices .register-item:last-child {
    margin-bottom: 15px;
    border: none;
}
#register-devices .register-item.error .rowNum {
    background: red;
}
#register-devices .register-item.active.error .rowNum {
    border-color: red;
    color: red;
}
#register-devices .register-item.error .itemDesc i.fa,
#register-devices .register-item.active.error .itemDesc i.fa {
    color: red;
}
#register-devices .register-item.error a.btn-alt:hover {
    border-color: red;
    color: red;
}

#register-devices .register-item .rowNum,
#register-devices .register-item .active .rowNum {
    width: 46px;
    height: 46px;
    position: relative;
    text-align: center;
    line-height: 46px;
    font-weight: 600;
}
#register-devices .register-item .rowNum {
    background: #00bfff;
    color: #fff;
}
#register-devices .register-item.active .rowNum {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #00bfff;
    color: #00bfff;
    line-height: 44px;
}
#register-devices .register-item .itemDesc p {
    line-height: 46px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
#register-devices .itemDesc p i {
    color: #00bfff;
    display: inline-block;
    font-size: 33px;
    margin-right: 10px;
    position: relative;
    top: 7px;
}
#register-devices .register-item label {
    display: none;
    margin: 0;
}
#register-devices .register-item.active label {
    display: block;
}
#register-devices .register-item label input {
    margin-bottom: 0;
}
#register-devices .register-item.active .btn-alt {
    display: none;
}

/* Payment Details */
#renewal-details .label.thin{
    font-weight:400;
}

#payment-details {
    position: relative;
    padding-left:0 !important;
}
#payment-details .radio {
    font-size: 16px;
    min-height: 75px;
    line-height: 50px;
}
#payment-details .price {
    clear: both;
    color: #111;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    padding-left: 15px;
    position: absolute;
    top: 0;
    right: 0;
    min-height: 74px;
    padding-right: 30px;
    line-height: 70px;
    min-width: 67%;
}
#payment-details .price strong {
    font-weight: 500;
    margin: 0 0 15px;
    color: #111;
}
#payment-details .price strong small {
    font-size: 16px;
    text-transform: lowercase;
    color: #676f7a;
    font-weight: 300;
}
#payment-details img {
    position: absolute;
    top: 13px;
    right: 15px;
    max-height: 47px;
}

/* Direct Debit */
#direct-debit {
    position: relative;
}
#direct-debit .radio {
    margin-bottom: 15px;
}
#directDebitDetails .contentBlock.info {
    margin-bottom: 15px;
}
#directDebitConfirmModal .dd-logo {
    width: 100%;
    max-width: 150px;
    margin-top: 4px;
}
#directDebitConfirmModal dl {
    margin-top: 15px;
}
#directDebitConfirmModal dd {
    text-align: left;
}

/* Terms & Conditions (quote section) */
#terms-conditions {
    background: #fcfcfc;
    margin: -30px -30px -30px -45px;
    padding: 30px 30px 30px 45px;
}
#terms-conditions .listIcon, 
#policy-documents .listIcon,
#pdf-form i.listIcon {
    border: 0;
    width: auto;
    height: 100%;
    margin: 0 8px 0 0!important;
    line-height: 100%;
    font-size: 19px;
}
#terms-conditions .tickList li p, 
#policy-documents .tickList li p,
#pdf-form .tickList li p {
    color: #333!important;
    padding: 0 0 0 30px;
    line-height: 130%;
}
#terms-conditions .contentBlock p a, 
#policy-documents .contentBlock p a {
    display: inline;
    margin: 0;
}
#terms-conditions label.checkbox {
    margin-top: -2px;
    border: 2px solid #00bfff;
}

/* Policy Documents */
#policy-documents .document-item {
    background: #fff;
    border: 1px solid #ccc;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    padding: 30px 0;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto';
}
#policy-documents .document-item img {
    max-height: 80px;
    margin: 0 auto 15px auto;
}
#policy-documents .document-item .fa {
    color: #00bfff;
    font-size: 20px;
}
#policy-documents .document-item:hover {
    border-color: #00bfff;
    text-decoration: none;
}
#policy-documents .helpContent p a {
    display: inline-block;
    margin: 0;
}

/*********************************************************************************************/
/*************************************** LAYOUT CHANGE ***************************************/
/*********************************************************************************************/

ul.validation-summary-errors li {
    color: red !important;
    margin: 0 0 2px;
}

.text-danger {
    color: red !important;
}

.text-warning {
    color: #FF8C00 !important;
}

#gadget-list label.error {
    border: 0;
}

#active-gadget.error {
    border: 0;
}
#edit-gadget .label-danger {
    border-bottom: none !important;
}

/*********************************************************************************************/
/********************************** SECTION IMAGES / THEMES **********************************/
/*********************************************************************************************/
section {
    border-top: 0px solid #fff;
    padding: 0;
    position: relative;
    z-index: 1;
    overflow: hidden!important;
}
.colour {
    background: #222;
}

/* Login */
#login {
    padding: 5% 0;
    background-image: url(/Images/Theme/SOI/hero-images/tablet-intro.jpg);
    background-color: #fff;
    position: relative;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 0;
}
#login .container {
    min-height: 100%;
}
#login .user-form {
    margin-top: 40px;
    position: relative;
    z-index: 1;
}
#login .contentBlock a {
    line-height: 70px;
}

/* intro */
#intro {
    padding: 3.5% 0;
    background-color: #fff;
    position: relative;
}

#intro h2 {
    padding-bottom: 1.75%;
}
#intro .listIcon {
    font-size: 22px;
    margin-bottom: 5px !important;
    margin-right: 15px !important;
    line-height: 24px;
}
#intro .tickList li p {
    line-height: 20px;
}
/* Inline faq */
#inline-faq {
    padding: 3.5% 0;
    background: url(/Images/Theme/SOI/grey-module-fade.png) repeat-x top #fff;
    position: relative;
}

#inline-faq h2 {
    padding-bottom: 1.75%;
}

#inline-faq .panel-title > .rowNum {
    width: 48px;
    height: 48px;
    background: #fff;
    color: #333;
    position: relative;
    text-align: center;
    line-height: 46px;
    font-weight: 600;
    font-size: 14px;
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#inline-faq .panel-title > .rowNum:before {
    content: '+';
    font-size: 19px;
    top: 0;
    left: 18px;
    position: absolute;
    display: block;
}
#inline-faq .panel-title[aria-expanded="true"] > .rowNum:before {
    content: '-';
    top: -2px;
    left: 21px;
}
#inline-faq .panel-title[aria-expanded="true"] > .rowNum {
    border-color: #00bfff;
    color: #fff;
    background: #00bfff;
}
#inline-faq .panel-title[aria-expanded="false"] > .rowNum:before {
    content: '+';
}
#inline-faq .collapse {
    margin-bottom: 15px;
}

#inline-faq .itemDesc {
    margin: 0 0 0 63px;
    padding-left: 0;
}

#inline-faq .itemDesc h3 {
    line-height: 26px;
    padding-top: 12px;
    margin: 0;
    color: #111;
    font-weight: 300;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
}

#inline-faq .panel-title[aria-expanded="true"] .itemDesc h3 {
    color: #00bfff;
}

#inline-faq .itemDesc p {
    font-weight: 400;
    color: #444;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 22px;
    z-index: 1;
    padding: 0;
}
#inline-faq .panel-group {
    margin-bottom: 0;
}
#inline-faq .panel {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#inline-faq .panel-default > .panel-heading {
    color: #111;
    background-color: transparent;
}
#inline-faq .panel-heading {
    padding: 0;
}
#inline-faq .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
}
#inline-faq .panel-body {
    padding: 0;
}

/* About */
#about {
    padding: 6% 0;
    background-image: url(/Images/Theme/SOI/hero-images/mobile-banner.jpg);
    background-color: #fff;
    position: relative;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 80%;
    border-top: 0;
}
#about .row {
    padding-bottom: 0;
}
#about2 {
    padding: 7% 0;
    background-image: url(/Images/Theme/SOI/hero-images/laptop-intro.jpg);
    background-color: #fff;
    position: relative;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    border-top: 0;
}
#aboutSmall {
    padding: 4% 0;
    background: #fff url("/Images/Theme/SOI/grey-module-fade.png") repeat-x center top;
}
#aboutSmall .contentBlock p a {
    margin: 0;
    display: inline-block;
}
#aboutSmall img {
    margin: 15px 0;
}

/* Compare */
#compare {
    padding: 5% 0 3% 0;
    background-color: #fff;
    position: relative;
    background-position: 100% 22%;
    background-repeat: no-repeat;
    background-size: 70%;
    border-top: 0;
}


#compare h2.title {
    margin-bottom: 0;
}

#compare + #fair {
    border-top: 1px solid #eee;
}

#fair + #compare {
    padding-top: 0;
}

/* Contact Us */
#contact {
    padding: 3% 0;
    background-image: url(/Images/Theme/SOI/hero-images/contact-banner.jpg);
    background-color: #fff;
    position: relative;
    background-position: 100% 22%;
    background-repeat: no-repeat;
    background-size: 70%;
    border-top: 0;
    min-height: 270px;
}
#contact .contentBlock p a {
    display: inline-block;
    margin: 0;
}
#contact-groups {
    background: #fff url("/Images/Theme/SOI/grey-module-fade.png") repeat-x center top;
    border-top: 0;
    position: relative;
    z-index: 0;
}
#contact-groups .col-sm-4 {
    border-right: 1px dotted #ddd;
}
#contact-groups .col-sm-4:last-child {
    border-right: 0;
}
#contact-groups .contact-item {
    margin: 12% 15px;
}
#contact-groups  .listIcon {
    background: #00bfff;
    color: #fff;
}

#contact-groups .contact-hub-item .listIcon {
    background: #fff;
    color: #00bfff;
    width: 100%;
    height: 200px;
    line-height: 200px;
    font-size: 100px;
    border: 1px solid #00bfff;
    margin-bottom: 5px !important;
}

#contact-groups strong {
    color: #00bfff;
}
#contact-groups .contentBlock i {
    min-width: 18px;
}
#contact-groups .contentBlock:nth-child(1) {
    min-height: 75px;
}
#contact-groups .contentBlock:nth-child(2) .row {
    margin-bottom: 8px;
}
#contact-write {
    /*background: #f9f9f9;*/
    background: #fff;
}
#contact-write .col-sm-12 {
    padding: 3% 0;
    border-bottom: 1px dotted #ddd;
}
#contact-write .col-md-4 {
    border-right: 1px dotted #ddd;
}
#contact-write .col-md-4:last-child {
    border-right: 0;
}
#contact-write .write-item {
    margin: 30px 15px 10% 15px;
}
#contact-write .label,
#contact-groups .label {
    color: #111;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    text-align: left;
}
#contact-write .contentBlock a,
#contact-groups .contentBlock a {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline;
    margin: 0;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
}
#open-hours {
    background: #00bfff;
}
#open-hours p.lead {
    margin: 15px 0;
    color: #fefefe;
}

/* Why */
#why {
    padding: 7% 0;
    background-image: url(/Images/Theme/SOI/hero-images/intro.jpg);
    background-color: #fff;
    position: relative;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 0;
}
#why .social-icons {
    position: absolute;
    bottom: 6%;
    left: 7%;
}
#why.intro-mobile, #why.intro-mobile {
    background-image: url(/Images/Theme/SOI/hero-images/mobile-intro.jpg);
}
#why.intro-tablet, #why.intro-Tablet {
    background-image: url(/Images/Theme/SOI/hero-images/tablet-intro.jpg);
}
#why.intro-laptop, #why.intro-Laptop {
    background-image: url(/Images/Theme/SOI/hero-images/laptop-intro.jpg);
}
#why.intro-camera, #why.intro-Camera {
    background-image: url(/Images/Theme/SOI/hero-images/camera-intro.jpg);
}
#why.intro-gadget, #why.intro-Gadget {
    background-image: url(/Images/Theme/SOI/hero-images/mobile-lifestyles.jpg);
}
#why.intro-iPhone {
    background-position: -250px center;
}
#why.intro-gadget .contentBlock ul li,
#why.intro-Gadget .contentBlock ul li,
#why.intro-iPhone .contentBlock ul li {
    margin-bottom: 5px;
}
#why.intro-gadget .contentBlock ul li:last-child,
#why.intro-Gadget .contentBlock ul li:last-child,
#why.intro-iPhone .contentBlock ul li:last-child{
    margin-bottom: 30px;
}
#why.intro-business, #why.intro-Business {
    background-image: url(/Images/Theme/SOI/hero-images/laptop-intro.jpg);
}

#why.travel {
    background-image: url(/Images/Theme/Travel/hero-images/why-banner.jpg);
    background-attachment: scroll;
}

#why.travel + footer {
    border-top: none;
}

/* Important Information */
#important-info {
    padding: 8% 0 !important;
    background-image: url(/Images/Theme/SOI/hero-images/bundle-banner.jpg);
    background-color: #fff;
    position: relative;
    background-position: right top 0px;
    background-repeat: no-repeat;
    background-size: 73%;
    border-top: 0;
}
#important-menu {
    padding: 30px 0 !important;
}
#important-menu h3.title strong a,
#important-menu h3.title strong a:hover {
    color: #111;
}

#ImportantNewsBanner {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #333;
    color: #FFF;
    font-weight: 600;
    padding: 3px;
}


/* Privacy Policy */
#privacy-policy, #std-content-banner {
    padding: 3% 0 !important;
    background-image: url(/Images/Theme/SOI/hero-images/bundle-banner.jpg);
    background-color: #fff;
    position: relative;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 80%;
    border-top: 0;
}

section#privacy-policy-gadget.privacy-header,
section#privacy-policy-travel.privacy-header {
    padding: 3% 0 0 0 !important;
    position: relative;
    border-top: 0;
}
.privacy-intro, #std-content-body {
    padding: 3% 0;
    background-color: #fff;
    z-index: 0;
}
#personal-information {
    padding: 3% 0;
    z-index: 0;
}
#cookie-information {
    padding: 3% 0;
    background-color: #fff;
    z-index: 0;
}
#collecting-information {
    padding: 3% 0;
    z-index: 0;
}

/* Policy Documents */
#policy-documents-intro {
    padding: 3% 0;
    background-image: url(/Images/Theme/SOI/hero-images/bundle-banner.jpg);
    background-color: #fff;
    position: relative;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 80%;
    border-top: 0;
}
#policy-docs {
    padding: 3% 0;
    background-color: #fff;
    z-index: 0;
}

/* Cover */
#cover {
	padding: 0;
    background-color: #fff;
    min-height: 100%;
    position: relative;
    z-index: 100;
    overflow: visible !important;
}
#cover .row.text-center:first-child .col-xs-12 {
	padding-top: 3.5%;
	padding-bottom: 3.5%;
	z-index: 1;
	background: #fff;
	border-bottom: 1px dotted #ddd;
}
#cover .row.text-center:first-child .col-xs-12 h2.title {
	margin-bottom: 0;
}
#cover p.lead {
	font-size: 24px;
}
#cover .price {
	margin-top: -5px;
}
#cover .price h2 {
	font-weight: 500;
	margin-bottom: 15px;
}
#cover .price h2 small {
	font-size: 16px;
	text-transform: lowercase;
    color: #111;
}
#cover hr {
	margin: 20px -30px;
}
#cover .tab-content {
    padding-top: 30px;
}
#cover.cover-video .tab-content {
	width: 100%;
	float: none;
    border-right: none;
    margin: 0;
}
#cover.cover-video .tab-content > .tab-pane {
    padding-right: 0px;
}
#cover.cover-video .tab-content h2.title,
#cover.cover-video .tab-content h2.title strong,
#cover.cover-video .tab-content p.lead {
	color: #fefefe!important;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
#cover.cover-video .tab-content h2.title {
	font-size: 56px;
}
#cover .tab-content > .tab-footer {
    margin-bottom: 5px;
}
#cover .tab-pane > .row > .cover-details {
    padding: 40px 30px 30px 15px;
	border-right: 1px solid #eee;
}
#cover .tab-pane > .row > .cover-highlight {
    padding: 15px;
}
#cover .btn-primary,
#cover .btn-secondary {
    margin: 0 0 30px;
}
#cover #standard-cover .coloured {
	background-color: #ff692b;
	color: #ff692b;
}
#cover #premium-cover .coloured {
	background-color: #9cd34d;
	color: #9cd34d;
}
#cover #ultimate-cover .coloured {
	background-color: #00bfff;
	color: #00bfff;
}
#cover i.excluded, 
#cover i.excluded + span,
#cover p.excluded
{
    color: #999;
}
#cover .cover-select {
    position: relative;
    background: #fff;
	width: 100%;
    z-index: 200;
}
#cover .cover-select + .container {
    z-index: 100;
}
#cover.cover-video .cover-select {
	position: absolute;
	z-index: 1;
	padding: 0;
	bottom: -2px;
	left: 0;
    border-top: 0;
}
#cover .cover-select .cover-item {
	padding: 25px 45px 17px;
	background: #fcfcfc;
	width: 33.33%;
	float: left;
	position: relative;
}
#cover .cover-select .cover-item.active,
#cover .cover-select .cover-item.active:hover {
	background: #fff;
}
#cover .cover-select .cover-item.coloured.active:before {
    position: absolute;
    content: ' ';
    width: 11px;
    height: 11px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -11px;
}
#cover .cover-select .cover-item.coloured.active[title="Standard"] {
    background-color: #ff692b;
    border-top-color: #ff692b;
    border-bottom-color: #ff692b;
    border-right-color: #ff692b;
}
#cover .cover-select .cover-item.coloured.active[title="Standard"]:before {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #ff692b;
}
#cover .cover-select .cover-item.coloured.active[title="Premium"] {
    background-color: #9cd34d;
    border-top-color: #9cd34d;
    border-bottom-color: #9cd34d;
    border-right-color: #9cd34d;
	color: #fff;
}
#cover .cover-select .cover-item.coloured.active[title="Premium"]:before {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #9cd34d;
}
#cover .cover-select .cover-item.coloured.active[title="Ultimate"] {
    background-color: #00bfff;
    border-top-color: #00bfff;
    border-bottom-color: #00bfff;
    border-right-color: #00bfff;
	color: #fff;
}
#cover .cover-select .cover-item.coloured.active[title="Ultimate"]:before {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #00bfff;
}
#cover .cover-select .cover-item.coloured.active[title="Standard"] *,
#cover .cover-select .cover-item.coloured.active[title="Premium"] *,
#cover .cover-select .cover-item.coloured.active[title="Ultimate"] * {
    color: #fff;
}
#cover .cover-select .cover-item:hover {
	cursor: pointer;
}
#cover h2.uppercase {
	font-weight: 300;
	font-size: 22px;
	text-transform: none;
	margin: 0 0 5px;
	line-height: 25px;
}
#cover h2.uppercase strong {
	color: #00bfff;
}
#cover .cover-select .cover-item .contentBlock p { 
	line-height: 20px;
}

#cover .product-image img {
    max-width: 142px;
    margin: 30px auto 0 auto;
}
#cover .badges {
	font-size: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
    text-align: center;
    position: absolute;
    display: block;
    background: #fff;
}

#cover .badges .fa.pull-left:last-child {
    margin-right: 0;
}
#cover .badges .level-icon {
	width: 42px;
	height: 42px;
	line-height: 40px;
	color: #ccc;
	text-align: center;
	border: 1px solid #ccc;
    text-indent: 0;
	background: #fff;
}
#cover .badges .level-icon:last-child {
    margin-right: 0;
}
#cover .badges .level-icon.active {
    color: #fefefe;
	background: #00bfff;
    border-color: #00bfff;
	background-image: none;
}
#cover #standard-cover .badges .level-icon.active {
	background: #ff692b;
	border-color: #ff692b!important;
}
#cover #premium-cover .badges .level-icon.active {
	background: #9cd34d;
	border-color: #9cd34d!important;
}
#cover #standard-cover .cover-wrapper {
    border-top: 1px solid #ff692b;
}
#cover #premium-cover .cover-wrapper {
    border-top: 1px solid #9cd34d;
}
#cover #standard-cover h2.title strong {
    color: #ff692b;
}
#cover #premium-cover h2.title strong {
    color: #9cd34d;
}
#cover .cover-list-included > .cover-attribute > .cover-attribute-item {
	position: relative;
}

#cover .cover-list-included > .cover-attribute > .cover-attribute-item {
    height: 52px;
    padding: 0 0 0 52px;
    margin: 10px 0 0 0;
}

#cover.travel .cover-list-included > .cover-attribute > .cover-attribute-item > h3.listTitle {
    font-weight: 500 !important;
    display: block;
    clear: both;
}

#cover.travel .cover-list-included > .cover-attribute > .cover-attribute-item > h3.listTitle span {
    height: 22px;
    display: block;
}

#cover.travel .cover-list-included > .cover-attribute > .cover-attribute-item > h3.listTitle span.hero {
    line-height: 42px;
    height: 42px;
    font-size: 24px;
}

#cover.travel .cover-list-included > .cover-attribute > .cover-attribute-item > h3.listTitle span + span {
    display: inline-block;
    font-weight: 400 !important;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    height: 20px;
}

#cover.travel .cover-list-included > .cover-attribute > .cover-attribute-item > .fa {
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ccc;
    margin-right: 10px;
}

/*#cover.travel #standard-cover .cover-list-included > .cover-attribute > .cover-attribute-item > h3.listTitle span.hero {
    color: #ff692b;
}*/

#cover.travel #standard-cover .cover-list-included > .cover-attribute > .cover-attribute-item > .fa {
    border-color: #ff692b !important;
    color: #ff692b;
}

#cover.travel #standard-cover .cover-list-included > .cover-attribute:first-child > .cover-attribute-item > .fa {
    background: #ff692b !important;
    color: #fefefe;
}

/*#cover.travel #premium-cover .cover-list-included > .cover-attribute > .cover-attribute-item > h3.listTitle span.hero {
    color: #9cd34d;
}*/

#cover.travel #premium-cover .cover-list-included > .cover-attribute > .cover-attribute-item > .fa {
    border-color: #9cd34d !important;
    color: #9cd34d;
}

#cover.travel #premium-cover .cover-list-included > .cover-attribute:first-child > .cover-attribute-item > .fa {
    background: #9cd34d !important;
    color: #fefefe;
}

/*#cover.travel #ultimate-cover .cover-list-included > .cover-attribute > .cover-attribute-item > h3.listTitle span.hero {
    color: #00bfff;
}*/

#cover.travel #ultimate-cover .cover-list-included > .cover-attribute > .cover-attribute-item > .fa {
    border-color: #00bfff !important;
    color: #00bfff;
}

#cover.travel #ultimate-cover .cover-list-included > .cover-attribute:first-child > .cover-attribute-item > .fa {
    background: #00bfff !important;
    color: #fefefe;
}

#cover.travel .cover-list-included > .cover-attribute > .cover-attribute-item > .fa.fa-mobile-phone {
    font-size: 28px;
}

#cover .cover-list-included > .cover-attribute > .cover-attribute-item > h3.listTitle {
    margin: 3px 0;
    margin-left: 0;
    font-size: 17px !important;
}
#cover .cover-list-included > .cover-attribute > .cover-attribute-item > h3.listTitle .fa {
	width: 14px;
	height: 14px;
	margin-right: 5px;
	line-height: 14px;
}
#cover .cover-list-included > .cover-attribute > .cover-attribute-item > h3.listTitle .coloured {
	text-indent: -9999px;
}
#cover .cover-list-included > .cover-attribute > .cover-attribute-item > h3.listTitle small {
	font-size: 14px;
	color: #666;
}
#cover .cover-list-included > .cover-attribute > .cover-attribute-item > hr {
	margin: 10px 0!important;
}
#cover .cover-list-included > .cover-attribute:last-child > .cover-attribute-item > hr {
    border: none;
}
#cover .cover-list-included > .cover-attribute > .cover-attribute-item > .mobHelper {
	position: absolute;
	top: 0;
	right: 0;
    cursor: pointer;
}
#cover .contentBlock p {
	margin-bottom: 2px;
}
#cover .cover-list-included  p small {
    margin-top: 8px;
	font-size: 13px;
    display: inline-block;
    color: #999;
}

#cover .cover-wrapper {
    display: table;
    width: 100%;
    margin: 0 -15px;
    border-top: 1px solid #00bfff;
    padding-top: 25px;
    padding-bottom: 30px;
}
#cover .cover-wrapper > .row {
    display: table-row;
}
#cover .cover-wrapper > .row > .cover-details,
#cover .cover-wrapper > .row > .cover-highlight {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

#cover .cover-list-additional {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#cover .cover-list-additional > .cover-attribute {
    position: absolute;
    width: 44px;
    height: 44px;
    margin: -23px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid transparent;
    background: transparent;
}
#cover .cover-list-additional .popover {
    width: 276px;
}
#cover .cover-list-additional > .cover-attribute > .cover-attribute-item {
    position: absolute !important;
    display: block;
    border: 10px solid #00bfff;
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    z-index: 100;
    margin: 6px;
}
#cover .cover-list-additional > .cover-attribute > .cover-attribute-item * {
    display: none;
}
#cover .cover-list-additional > .cover-attribute > .cover-attribute-item:before {
    content: ' ';
    position: absolute;
    display: block;
    border: 1px solid #00bfff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-left: -10px;
    margin-top: -10px;
    z-index: 90;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: fadeInOutPulse;
    -moz-animation-name: fadeInOutPulse;
    -o-animation-name: fadeInOutPulse;
    animation-name: fadeInOutPulse;
}
#cover .cover-list-additional > .cover-attribute.sequence-2 > .cover-attribute-item:before {
    -moz-animation-delay: 0.15s;
    -o-animation-delay: 0.15s;
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}
#cover .cover-list-additional > .cover-attribute.sequence-3 > .cover-attribute-item:before {
    -moz-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
#cover .cover-list-additional > .cover-attribute.sequence-4 > .cover-attribute-item:before {
    -moz-animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s;
}
#cover .cover-list-additional > .cover-attribute.sequence-5 > .cover-attribute-item:before {
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
#cover .cover-list-additional > .cover-attribute.sequence-6 > .cover-attribute-item:before {
    -moz-animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}

#cover #standard-cover .cover-list-additional > .cover-attribute > .cover-attribute-item,
#cover #standard-cover .cover-list-additional > .cover-attribute > .cover-attribute-item:before,
#cover #standard-cover .cover-list-additional > .cover-attribute:hover > .cover-attribute-item:after {
    border-color: #ff692b;
}
#cover #premium-cover .cover-list-additional > .cover-attribute > .cover-attribute-item,
#cover #premium-cover .cover-list-additional > .cover-attribute > .cover-attribute-item:before,
#cover #premium-cover .cover-list-additional > .cover-attribute:hover > .cover-attribute-item:after {
    border-color: #9cd34d;
}
#cover #ultimate-cover .cover-list-additional > .cover-attribute > .cover-attribute-item,
#cover #ultimate-cover .cover-list-additional > .cover-attribute > .cover-attribute-item:before,
#cover #ultimate-cover .cover-list-additional > .cover-attribute:hover > .cover-attribute-item:after {
    border-color: #00bfff;
}
#cover .cover-list-additional > .cover-attribute:hover > .cover-attribute-item {
    background: #00bfff;
}
#cover .cover-list-additional > .cover-attribute:hover > .cover-attribute-item:before {
    border-color: transparent !important;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
#cover #standard-cover .cover-list-additional > .cover-attribute:hover > .cover-attribute-item {
    background: #ff692b;
}
#cover #premium-cover .cover-list-additional > .cover-attribute:hover > .cover-attribute-item {
    background: #9cd34d;
}
#cover #ultimate-cover .cover-list-additional > .cover-attribute:hover > .cover-attribute-item {
    background: #00bfff;
}
#cover .cover-list-additional > .cover-attribute:hover > .cover-attribute-item:after {
    content: '\f00c';
    font-family: 'FontAwesome';
    font-weight: bold;
    position: absolute;
    display: block;
    width: 44px;
    height: 44px;
    border: 2px solid #00bfff;
    border-radius: 50%;
    margin-left: -17px;
    margin-top: -17px;
    color: #fff;
    z-index: 1000;
    font-size: 21px;
    line-height: 41px;
    text-indent: 9px;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

/* Cover hotspots */
#cover .cover-highlight > .cover-image {
    position: relative;
    display: block;
    width: 80%;
    padding-bottom: 80%;
    float: left;
    height: 0;
    margin: 8% 12%;
    background-size: contain;
    background-color: #fff;
    background-position: center; 
    background-repeat: no-repeat;
}
#cover .cover-highlight > .cover-image.samsung-s6 {
    background-image: url(/Images/devices/models/mobile/samsung-galaxy-s6.png); 
}
#cover .cover-highlight > .cover-image.samsung-s6-edge {
    background-image: url(/Images/devices/models/mobile/samsung-galaxy-s6-edge.png); 
}
#cover .cover-highlight > .cover-image.samsung-s7-edge {
    background-image: url(/Images/devices/models/mobile/samsung-galaxy-s7-edge.png); 
}
#cover .cover-highlight > .cover-image.samsung-s8 {
    background-image: url(/Images/devices/models/mobile/samsung-galaxy-s8.png); 
}
#cover .cover-highlight > .cover-image.iphone-5c {
    background-image: url(/Images/devices/models/mobile/apple-iphone-5c.png); 
}
#cover .cover-highlight > .cover-image.iphone-6 {
    background-image: url(/Images/devices/models/mobile/apple-iphone-6.png); 
}
#cover .cover-highlight > .cover-image.iphone-7 {
    background-image: url(/Images/devices/models/mobile/apple-iphone-7.png); 
}
#cover .cover-highlight > .cover-image.iphone-x {
    background-image: url(/Images/devices/models/mobile/apple-iphone-x.png); 
}
#cover .cover-highlight > .cover-image.htc-one {
    background-image: url(/Images/devices/models/mobile/htc-one-m8.png); 
}
#cover .cover-highlight > .cover-image.canon-eos {
    background-image: url(/Images/devices/models/camera/canon-eos-700d.png); 
}
#cover .cover-highlight > .cover-image.ipad-air {
    background-image: url(/Images/devices/models/tablet/apple-ipad-air.png); 
}
#cover .cover-highlight > .cover-image.ipad-mini {
    background-image: url(/Images/devices/models/tablet/apple-ipad-mini.png); 
}
#cover .cover-highlight > .cover-image.samsung-tab3 {
    background-image: url(/Images/devices/models/tablet/samsung-tab3.png); 
}
#cover .cover-highlight > .cover-image.google-glass {
    background-image: url(/Images/devices/models/gadget/google-glass.png); 
}
#cover .cover-highlight > .cover-image.ipod {
    background-image: url(/Images/devices/models/mobile/apple-iphone-5c.png); 
}
#cover .cover-highlight > .cover-image.kindle-fire {
    background-image: url(/images/devices/models/tablet/kindle-fire.png); 
}
#cover .cover-highlight > .cover-image.kindle {
    background-image: url(/images/devices/models/tablet/kindle.png); 
}
#cover .cover-highlight > .cover-image.macbook {
    background-image: url(/images/devices/models/laptop/apple-macbook-pro.png); 
}
#cover .cover-highlight > .cover-image.macpro {
    background-image: url(/images/devices/models/gadget/mac-pro.png); 
}
#cover .cover-highlight > .cover-image.asus-pc {
    background-image: url(/images/devices/models/gadget/desktop-pc.png); 
}
#cover .cover-highlight > .cover-image.acer-travelmate {
    background-image: url(/images/devices/models/laptop/acer-travel-mate-p455.png); 
}
#cover .cover-highlight > .cover-image.xbox {
    background-image: url(/images/devices/models/gadget/xbox-one.png); 
}
#cover .cover-highlight > .cover-image.tom-tom {
    background-image: url(/images/devices/models/gadget/tom-tom.png); 
}
#cover .cover-highlight > .cover-image.apple-watch {
    background-image: url(/images/devices/models/gadget/apple-watch.png); 
}

#cover.travel {
    padding: 60px 0 45px 0;
}

#cover.travel img {
    min-height: 169px;
    position: relative;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}

#cover.travel h3.listTitle {
    margin-top: 5px;
    font-size: 28px !important;
    font-weight: 400 !important;
}

#cover.travel #standard-cover h3.listTitle strong {
    color: #ff692b;
    font-weight: 500 !important;
}

#cover.travel #premium-cover h3.listTitle strong {
    color: #9cd34d;
    font-weight: 500 !important;
}

#cover.travel #ultimate-cover h3.listTitle strong {
    color: #00bfff;
    font-weight: 500 !important;
}

#cover.travel .cover-details {
    border-right: 1px dotted #ddd;
}
#cover.travel .cover-item:last-child .cover-details {
    border: none;
}

.samsung-s6 .cover-attribute.sequence-1,
.samsung-s6-edge .cover-attribute.sequence-1,
.samsung-s7-edge .cover-attribute.sequence-1,
.iphone-5c .cover-attribute.sequence-1,
.iphone-6 .cover-attribute.sequence-1,
.iphone-7 .cover-attribute.sequence-1,
.iphone-x .cover-attribute.sequence-1,
.htc-one .cover-attribute.sequence-1,
.ipod .cover-attribute.sequence-1 {
    left: 35%;
    top: 10%;
}

.samsung-s8 .cover-attribute.sequence-1 {
    left: 47%;
    top: 4%;
}

.samsung-s6 .cover-attribute.sequence-2,
.samsung-s6-edge .cover-attribute.sequence-2,
.samsung-s7-edge .cover-attribute.sequence-2,
.samsung-s8 .cover-attribute.sequence-2,
.iphone-5c .cover-attribute.sequence-2,
.iphone-6 .cover-attribute.sequence-2,
.iphone-7 .cover-attribute.sequence-2,
.iphone-x .cover-attribute.sequence-2,
.htc-one .cover-attribute.sequence-2,
.ipod .cover-attribute.sequence-2 {
    left: 73%;
    top: 35%;
}
.samsung-s6 .cover-attribute.sequence-3,
.samsung-s6-edge .cover-attribute.sequence-3,
.samsung-s7-edge .cover-attribute.sequence-3,
.samsung-s8 .cover-attribute.sequence-3,
.iphone-5c .cover-attribute.sequence-3,
.iphone-6 .cover-attribute.sequence-3, 
.htc-one .cover-attribute.sequence-3,
.ipod .cover-attribute.sequence-3 {
    left: 35%;
    top: 97%;
}
.iphone-7 .cover-attribute.sequence-3,
.iphone-x .cover-attribute.sequence-3 {
    left: 50.5%;
    top: 99%;
}
.samsung-s6 .cover-attribute.sequence-4,
.samsung-s6-edge .cover-attribute.sequence-4,
.samsung-s7-edge .cover-attribute.sequence-4,
.samsung-s8 .cover-attribute.sequence-4,
.iphone-5c .cover-attribute.sequence-4,
.iphone-6 .cover-attribute.sequence-4,
.iphone-7 .cover-attribute.sequence-4,
.iphone-x .cover-attribute.sequence-4,
.htc-one .cover-attribute.sequence-4,
.ipod .cover-attribute.sequence-4 {
    left: 56%;
    top: 28%;
}
.samsung-s6 .cover-attribute.sequence-5,
.samsung-s6-edge .cover-attribute.sequence-5,
.samsung-s7-edge .cover-attribute.sequence-5,
.samsung-s8 .cover-attribute.sequence-5,
.iphone-5c .cover-attribute.sequence-5,
.iphone-6 .cover-attribute.sequence-5,
.iphone-7 .cover-attribute.sequence-5,
.iphone-x .cover-attribute.sequence-5,
.htc-one .cover-attribute.sequence-5,
.ipod .cover-attribute.sequence-5 {
    left: 37%;
    top: 80%;
}
.samsung-s6 .cover-attribute.sequence-6,
.samsung-s6-edge .cover-attribute.sequence-6,
.samsung-s7-edge .cover-attribute.sequence-6,
.samsung-s8 .cover-attribute.sequence-6,
.iphone-5c .cover-attribute.sequence-6,
.iphone-6 .cover-attribute.sequence-6,
.iphone-7 .cover-attribute.sequence-6,
.iphone-x .cover-attribute.sequence-6,
.htc-one .cover-attribute.sequence-6,
.ipod .cover-attribute.sequence-6 {
    left: 50%;
    top: 50%;
}

.canon-eos .cover-attribute.sequence-1 {
    left: 65%;
    top: 55%;
}
.canon-eos .cover-attribute.sequence-2 {
    left: 13%;
    top: 47%;
}
.canon-eos .cover-attribute.sequence-3 {
    left: 90%;
    top: 73%;
}
.canon-eos .cover-attribute.sequence-4 {
    left: 33%;
    top: 79%;
}
.canon-eos .cover-attribute.sequence-5 {
    left: 56%;
    top: 29%;
}
.canon-eos .cover-attribute.sequence-6 {
    left: 79%;
    top: 44%;
}

.ipad-air .cover-attribute.sequence-1,
.ipad-mini .cover-attribute.sequence-1,
.samsung-tab3 .cover-attribute.sequence-1 {
    left: 18.2%;
    top: 30%;
}
.ipad-air .cover-attribute.sequence-2,
.ipad-mini .cover-attribute.sequence-2,
.samsung-tab3 .cover-attribute.sequence-2 {
    left: 55%;
    top: 92%;
}
.ipad-air .cover-attribute.sequence-3,
.ipad-mini .cover-attribute.sequence-3,
.samsung-tab3 .cover-attribute.sequence-3 {
    left: 82.1%;
    top: 20.5%;
}
.ipad-air .cover-attribute.sequence-4,
.ipad-mini .cover-attribute.sequence-4,
.samsung-tab3 .cover-attribute.sequence-4 {
    left: 50%;
    top: 50%;
}
.ipad-air .cover-attribute.sequence-5,
.ipad-mini .cover-attribute.sequence-5,
.samsung-tab3 .cover-attribute.sequence-5 {
    left: 56%;
    top: 29%;
}
.ipad-air .cover-attribute.sequence-6,
.ipad-mini .cover-attribute.sequence-6,
.samsung-tab3 .cover-attribute.sequence-6 {
    left: 38%;
    top: 11%;
}

.google-glass .cover-attribute.sequence-1 {
    left: 65%;
    top: 55%;
}
.google-glass .cover-attribute.sequence-2 {
    left: 13%;
    top: 47%;
}
.google-glass .cover-attribute.sequence-3 {
    left: 90%;
    top: 73%;
}
.google-glass .cover-attribute.sequence-4 {
    left: 33%;
    top: 79%;
}
.google-glass .cover-attribute.sequence-5 {
    left: 56%;
    top: 29%;
}
.google-glass .cover-attribute.sequence-6 {
    left: 79%;
    top: 44%;
}

.kindle .cover-attribute.sequence-1,
.kindle-fire .cover-attribute.sequence-1 {
    left: 18.2%;
    top: 30%;
}
.kindle .cover-attribute.sequence-2,
.kindle-fire .cover-attribute.sequence-2  {
    left: 55%;
    top: 92%;
}
.kindle .cover-attribute.sequence-3,
.kindle-fire .cover-attribute.sequence-3  {
    left: 82.1%;
    top: 20.5%;
}
.kindle .cover-attribute.sequence-4,
.kindle-fire .cover-attribute.sequence-4  {
    left: 50%;
    top: 50%;
}
.kindle .cover-attribute.sequence-5,
.kindle-fire .cover-attribute.sequence-5  {
    left: 56%;
    top: 29%;
}
.kindle .cover-attribute.sequence-6,
.kindle-fire .cover-attribute.sequence-6  {
    left: 38%;
    top: 11%;
}

.macbook .cover-attribute.sequence-1,
.acer-travelmate .cover-attribute.sequence-1 {
    left: 10.5%;
    top: 74%;
}
.macbook .cover-attribute.sequence-2,
.acer-travelmate .cover-attribute.sequence-2 {
    left: 20%;
    top: 33%;
}
.macbook .cover-attribute.sequence-3,
.acer-travelmate .cover-attribute.sequence-3 {
    left: 90%;
    top: 74%;
}
.macbook .cover-attribute.sequence-4,
.acer-travelmate .cover-attribute.sequence-4 {
    left: 51%;
    top: 60%;
}
.macbook .cover-attribute.sequence-5,
.acer-travelmate .cover-attribute.sequence-5 {
    left: 63%;
    top: 29%;
}
.macbook .cover-attribute.sequence-6,
.acer-travelmate .cover-attribute.sequence-6 {
    left: 79%;
    top: 44%;
}

.apple-watch .cover-attribute.sequence-1 {
    left: 38.5%;
    top: 96%;
}
.apple-watch .cover-attribute.sequence-2 {
    left: 56%;
    top: 12%;
}
.apple-watch .cover-attribute.sequence-3 {
    left: 23%;
    top: 44%;
}
.apple-watch .cover-attribute.sequence-4 {
    left: 51%;
    top: 60%;
}
.apple-watch .cover-attribute.sequence-5 {
    left: 63%;
    top: 29%;
}
.apple-watch .cover-attribute.sequence-6 {
    left: 78.3%;
    top: 39%;
}

.macpro .cover-attribute.sequence-1 {
    left: 38.5%;
    top: 96%;
}
.macpro .cover-attribute.sequence-2 {
    left: 56%;
    top: 12%;
}
.macpro .cover-attribute.sequence-3 {
    left: 23%;
    top: 44%;
}
.macpro .cover-attribute.sequence-4 {
    left: 51%;
    top: 60%;
}
.macpro .cover-attribute.sequence-5 {
    left: 63%;
    top: 29%;
}
.macpro .cover-attribute.sequence-6 {
    left: 78.3%;
    top: 39%;
}

.asus-pc .cover-attribute.sequence-1 {
    left: 28.5%;
    top: 96%;
}
.asus-pc .cover-attribute.sequence-2 {
    left: 64%;
    top: 9%;
}
.asus-pc .cover-attribute.sequence-3 {
    left: 33%;
    top: 19.5%;
}
.asus-pc .cover-attribute.sequence-4 {
    left: 50%;
    top: 60%;
}
.asus-pc .cover-attribute.sequence-5 {
    left: 35%;
    top: 76%;
}
.asus-pc .cover-attribute.sequence-6 {
    left: 72%;
    top: 39%;
}

.tom-tom .cover-attribute.sequence-1 {
    left: 95.5%;
    top: 42%;
}
.tom-tom .cover-attribute.sequence-2 {
    left: 20%;
    top: 21%;
}
.tom-tom .cover-attribute.sequence-3 {
    left: 50.5%;
    top: 81%;
}
.tom-tom .cover-attribute.sequence-4 {
    left: 69%;
    top: 50%;
}
.tom-tom .cover-attribute.sequence-5 {
    left: 37%;
    top: 59%;
}
.tom-tom .cover-attribute.sequence-6 {
    left: 78.3%;
    top: 39%;
}

.xbox .cover-attribute.sequence-1 {
    left: 26.5%;
    top: 55%;
}
.xbox .cover-attribute.sequence-2 {
    left: 32%;
    top: 17%;
}
.xbox .cover-attribute.sequence-3 {
    left: 72%;
    top: 39%;
}
.xbox .cover-attribute.sequence-4 {
    left: 50%;
    top: 72%;
}
.xbox .cover-attribute.sequence-5 {
    left: 19%;
    top: 46%;
}
.xbox .cover-attribute.sequence-6 {
    left: 94.3%;
    top: 59%;
}


/* Cover - Video (small) */
#cover.cover-video {
	min-height: 100%;
	padding-bottom: 0;
    border-bottom: 1px solid #eee;
}
#cover.cover-video .container {
	padding: 0;
}

#cover.cover-video video {
	margin: 0 auto; 
	position: relative; 
	z-index: 0;  
	visibility: visible; 
	height: auto;
	width: 100%;
}
#cover.cover-video .cover-details {
	position: absolute;
	top: 0;
	left: 50%;
	width: 80%;
	margin-left: -40%;
	margin-top: 12%;
	background: none;
	border: 0;
	padding: 0;
	float: none;
    height: 770px;
}
#cover.cover-video .badges {
	position: absolute;
	top: 50%;
	left: 0;
	right: auto;
	z-index: 1;
	margin-top: -30px;
	font-size: 34px;
	width: 100%;
	height: 60px;
    text-align: center;
    background: transparent;
}
#cover.cover-video .badges .level-icon {
	background-image: none;
	width: 60px;
	height: 60px;
	line-height: 60px;
}
#cover.cover-video #standard-cover .badges .level-icon,
#cover.cover-video #premium-cover .badges .level-icon {
	border-color: #fff;
	text-indent: -9999px;
}
#cover.cover-video #standard-cover .badges .level-icon.active,
#cover.cover-video #premium-cover .badges .level-icon.active,
#cover.cover-video #premium-cover .badges .level-icon.active {
    text-indent: 0;
}


#cover .typed-cursor
{
    color:#fff;
}

/* Lifestyles */
#lifestyles {
    background-image: url(/Images/Theme/SOI/hero-images/mobile-lifestyles.jpg);
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #fff;
    min-height: 100%;
    padding: 4% 0;
    border: 0;
}

/* Plans */
#plans {
    z-index: 0;
}
#plans .row.text-center > .col-xs-12 {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
    border-bottom: 1px dotted #ddd;
}
#plans.travel {
    background: #fff;
    padding: 60px 0 30px;
 
}
#plans.travel .row.text-center > .col-xs-12 {
    border-bottom: 0;
}
#plans .tickList li p .listIcon {
    font-size: 22px;
    margin-bottom: 5px !important;
    margin-right: 15px !important;
    line-height: 24px;
}
#plans .tickList {
    margin-top: 30px;
}
#plans .tickList li p {
    line-height: 20px;
    text-align: left;
}
#plans h2.title {
    margin-bottom: 0;
}
#plans .container {
    background: #fff;
}
#plans .col-lg-3,
#plans .col-sm-4 {
    border-right: 1px dotted #ddd;
    padding-top: 30px;
    padding-bottom: 30px;
}
#plans.travel .col-lg-3,
#plans.travel .col-sm-4 {
    border-right: 0;
}
#plans .col-lg-3:last-child,
#plans .col-sm-4:last-child {
    border-right: 0;
}
#plans .plan a {
    margin-bottom: 0;
}
#plans .plan {
    padding: 0 15px;
}
#plans .plan .col-lg-12 {
    position: relative;
    padding: 0;
}
#plans .btn-square {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    line-height: 200px;
    font-size: 18px;
}
#plans .plan:hover .btn-square {
    opacity: 1;
}
#plans .listIcon {
    margin: 0 auto 15px auto !important;
}
#plans.travel .listIcon {
    margin: 10px auto 0 auto !important;
    text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 1px 1px 0px #fff;
}

#plans .listIcon+.listIcon {
    margin-left: -50px !important;
}

#plans img {
    position: relative;
    bottom: auto;
    top: auto;
    right: auto;
    left: auto;
    max-width: 100%;
    border: 1px solid #ddd;
}
#plans.travel img {
    border: 0;
}
#plans h3.listTitle {
    margin-top: 30px;
}
#plans.travel h3.listTitle {
    margin-top: 5px;
    font-size: 20px;
    font-size: 20px !important;
    font-weight: 400 !important;
}

#plans.travel h3.listTitle strong {
    color: #00bfff;
    font-weight: 500 !important;
}

#plans .contentBlock p {
    min-height: 70px;
}
#plans .ribbon {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    display: none;
}

/* Benefits*/
#benefits {
    margin: 0;
    padding: 0;
    background: url(/Images/Theme/SOI/grey-module-fade.png) repeat-x top #fff;
    border-top: 0;
    z-index: 0;
}
#benefits.small .container {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
}
#benefits.small .text-center {
    padding-bottom: 15px;
}
#benefits.small .lead {
    display: none;
}
#benefits .row.text-center .col-xs-12 {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 3.5%;
    padding-top: 3.5%;
}
#benefits p.lead {
    margin-bottom: 0;
}
#benefits.waypoint .container:last-child {
    background: #f9f9f9;
}
#benefits.waypoint .benefits {
    float: left;
    margin-top: 30px;
}
#benefits .benefits.text-right {
    float: right;
}
#benefits .benefits.text-right h2.title {
    padding-right: 115px;
}
#benefits .benefits .listIcon {
    margin-bottom: 0!important;
}
#benefits .benefits.text-right .listIcon {
    margin-right: 0!important;
    margin-left: 30px!important;
}
#benefits .benefits .contentBlock p {
    margin-bottom: 0;
}
#benefits hr.grad {
    background: rgb(205,205,205); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(205,205,205,1) 0%, rgba(250,250,250,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(205,205,205,1)), color-stop(100%,rgba(250,250,250,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(205,205,205,1) 0%,rgba(250,250,250,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(205,205,205,1) 0%,rgba(250,250,250,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(205,205,205,1) 0%,rgba(250,250,250,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(205,205,205,1) 0%,rgba(250,250,250,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#fafafa',GradientType=1 ); /* IE6-9 */
    height: 1px;
    border: 0;
    margin: 30px 0 30px 100px!important;
}
#benefits .text-right hr.grad {
    background: rgb(250,250,250); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(250,250,250,1) 0%, rgba(205,205,205,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(250,250,250,0.5)), color-stop(100%,rgba(205,205,205,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(250,250,250,1) 0%,rgba(205,205,205,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(250,250,250,1) 0%,rgba(205,205,205,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(250,250,250,1) 0%,rgba(205,205,205,0.5) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(250,250,250,1) 0%,rgba(205,205,205,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#cdcdcd',GradientType=1 ); /* IE6-9 */
    margin: 30px 100px 30px 0!important;
}

#benefits a.btn-primary
#benefits a.btn-secondary {
    color: #fff;
    margin: 0;
    font-weight: 400;
}
#benefits .benefits-badging {
    padding: 50px 0;
    border-top: 1px dotted #ddd;
    float: left;
    width: 100%;
}

/* Mosaic Images */
.image-mosaic {
    width: 100%;
    height: 275px;
    margin: 30px 0 60px;
    position: relative;
    float: left;
}
.image-mosaic .half-mosaic {
    width: 25%;
    height: 275px;
    float: left;
    opacity: 0.5;
    background-size: cover;
    background-position: center;
    border: 1px solid #fff;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.image-mosaic .half-mosaic:hover,
.image-mosaic .full-mosaic:hover {
    cursor: pointer;
}
.image-mosaic .full-mosaic {
    background-size: cover;
    background-position: center;
    width: 50%;
    height: 275px;
    margin: 0;
    opacity: 0.5;
    border: 1px solid #eee;
    float: left;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.image-mosaic.mosaic-1 .half-mosaic:nth-child(1) {
    background-image: url(/Images/Theme/SOI/skilled-engineers.jpg);
}
.image-mosaic.mosaic-1 .half-mosaic:nth-child(2) {
    background-image: url(/Images/Theme/SOI/skilled-engineers-2.jpg);
}
.image-mosaic.mosaic-2 .half-mosaic:nth-child(2) {
    background-image: url(/Images/Theme/SOI/call-centre.jpg);
}
.image-mosaic.mosaic-2 .half-mosaic:nth-child(3) {
    background-image: url(/Images/Theme/SOI/dpd-delivery.jpg);
}
.image-mosaic.mosaic-1 .full-mosaic {
    background-image: url(/Images/Theme/SOI/apple-genius.jpg);  
}
.image-mosaic.mosaic-2 .full-mosaic {
    background-image: url(/Images/Theme/SOI/approved-claims.jpg);  
}
.image-mosaic a.half-mosaic {
    background-color: #00bfff!important;
    background-image: none!important;
    color: #fff;
    font-size: 22px;
    text-align: center;
}
.image-mosaic a.half-mosaic i {
    font-size: 30px;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 56px;
    text-align: center;
    text-indent: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
}

.image-mosaic.animate-me .half-mosaic {
    margin: 0;
    opacity: 1;
}
.image-mosaic.animate-me .half-mosaic:nth-child(3),
.image-mosaic.animate-me .half-mosaic:nth-child(4) {
    margin: 0;
    opacity: 1;
}
.image-mosaic.animate-me .full-mosaic {
    margin: 0;
    opacity: 1;
}

/* Fair Deal */
#fair {
    background: url(/Images/Theme/SOI/grey-module-fade.png) repeat-x top #fff;
    position: relative;
    border-top: 0;
    padding: 60px 0 0 0;
}
#fair .col-sm-12 {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
}
#fair .col-lg-3 {
    min-height: 320px;
    overflow: hidden;
}
#fair .col-md-3 {
    min-height: 170px;
    margin-bottom: 30px;
    z-index: 1;
}
#fair .fair-item .listIcon {
    margin: 0 0 30px!important;
    background: #00bfff;
    color: #fefefe;
}
#fair .fair-item .contentBlock,
#fair h3.listTitle {
    padding: 0 30px 0!important;
}
#fair h3.listTitle {
    font-size: 20px!important;
    font-weight: 400!important;
    padding: 0 0!important;
}
#fair hr {
    width: 0;
    height: 85px;
    position: absolute;
    top: 0;
    right: 0;
    border-right: 1px dotted #ddd;
    border-top: 0;
    border-bottom: 0;
    min-height: 175px;
}

#fairSmall {
    background: #00bfff;
    border-top: 0;
}
#fairSmall .fair-item h3.listTitle {
    color: #fefefe;
    line-height: 22px;
    margin: 0 !important;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
}
#fairSmall .fair-item .listIcon {
    color: #fefefe;
    margin: 0!important;
    font-size: 32px;
    width: auto;
    text-align: left;
}

#fairSmall .fair-item .contentBlock .col-xs-9 {
    padding-left: 70px;
}

/* Testimonials*/
#testimonials {
    background: #002633;
    position: relative;
    padding: 45px 0;
    min-height: 310px;
}
#testimonials .carousel-indicators {
    display: none;
}
#testimonials .feefo {
    float: left;
    clear: both;
    text-align: center;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    z-index: 1;
}
#testimonials .feefo .fa-star {
    float: none;
    display: inline-block;
}
#testimonials .contentBlock {
    padding-top: 15px;
}
#testimonials .contentBlock p,
#testimonials .contentBlock blockquote {
    color: #fefefe;
    position: relative;
    overflow: visible!important;
}
#testimonials .contentBlock blockquote {
    min-height: 65px;
}
#testimonials .contentBlock blockquote:before {
    font-family: 'FontAwesome';
    content: '\f10d';
    font-size: 20px;
    color: rgba(255,255,255,0.3);
    margin-right: 5px;
}
#testimonials .contentBlock blockquote:after {
    font-family: 'FontAwesome';
    content: '\f10e';
    font-size: 20px;
    color: rgba(255,255,255,0.3);
    margin-left: 5px;
}
#testimonials img {
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
}
#testimonials .item {
    z-index: 1;
}

/* Good Idea */
#aGoodIdea {
    background: url(/Images/Theme/SOI/grey-module-fade.png) repeat-x top #fff;
    position: relative;
    overflow: hidden;
}
#aGoodIdea .col-xs-12 {
    border-bottom: 1px dotted #ddd;
    padding-top: 3.5%;
    padding-bottom: 3.5%;
}
#aGoodIdea .col-sm-4 {
    border-right: 1px dotted #ddd;
    padding-top: 15px;
    padding-bottom: 15px;
}
#aGoodIdea .col-sm-4:last-child {
    border-right: 0;
}
#aGoodIdea .img-container {
    margin: 0 0 15px;
    padding: 15px;
}
#aGoodIdea .contentBlock {
    margin-bottom: 15px;
}
#aGoodIdea .listIcon {
    background: #00bfff;
    color: #fff;
}
#aGoodIdea h3.listTitle {
    margin-top: 0;
}

/* Policy Wordings */
#policy-wordings {
    background: url(/Images/Theme/SOI/grey-module-fade.png) repeat-x top #fff;
    position: relative;
    overflow: hidden;
    padding: 60px 0;
}
#policy-wordings .policy-wordings-intro {
    padding-bottom: 60px;
}

#policy-wordings h2.groupTitle {
    font-weight: 500;
    font-size: 30px;
}
#policy-wordings .col-xs-12 {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
}
#policy-wordings .col-sm-4 {
    padding-top: 15px;
    padding-bottom: 15px;
}
#policy-wordings .col-sm-4:last-child {
    border-right: 0;
}
#policy-wordings .img-container {
    margin: 0 0 15px;
    padding: 15px;
}
#policy-wordings .img-container-sm {
    margin: 0 0 15px;
    padding: 0px;
}
#policy-wordings .listIcon {
    background: #00bfff;
    color: #fff;
}
#policy-wordings .listIcon-sm {
    background: #00bfff;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 21px;
    margin: 0 15px 16px 15px!important;
    text-align: center;
}
#policy-wordings a.listItem:hover {
    text-decoration: none !important;
}
#policy-wordings h3.listTitle-sm small {
    color: #444;
    font-size: 14px;
    padding-left: 15px;
}

#quotebar {
    background: #00bfff;
    padding: 30px 0;
}
#quotebar h3.title {
    color: #fefefe;
    line-height: 70px;
    margin: 0;
    font-size: 28px;
}
#quotebar.quote-hub h3.title {
    line-height: 40px;
    margin: -4px 0 0 0;
    letter-spacing: -0.3px;
}

@media (min-width: 1200px) {
    #quotebar.quote-hub h3.title {
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    #quotebar.quote-hub .btn {
        margin-top: 15px;
    }
}

#quotebar h3.title strong {
    color: #fefefe;
}
#quotebar .btn {
    border: 1px solid #fff;
    margin-bottom:0px;
}
#quotebar .btn-primary .fa,
#quotebar .btn-secondary .fa {
    height: 68px;
}

#quotebar.christmas{
    background: url('/images/theme/soi/backgrounds/XMas_CTA_Pattern.png') repeat-x !important;
    padding: 30px 0;
}

#quotebar.christmas h3.title {    
    font-size: 29px;
    font-weight:400;
}

#content {
    background: #fff;
}

#content .col-xs-12 {
    padding-top: 3.5%;
    padding-bottom: 3.5%;
}

/* News */
#news .news-item {
    padding-bottom: 15px;
    margin-bottom: 20px;
    display: block;
    clear: both;
    float: left;
    width: 100%;
}
#news .news-item:hover {
    text-decoration: none;
}
#news .news-item:hover p {
    color: #00bfff;
}
#news .news-item p {
    color: #fefefe;
    max-height: 40px;
    position: relative;
    display: block;
    overflow: hidden;
}
#news .news-item p a {
    display: block;
}
#news .news-item span {
    font-size: 11px;
    color: rgba(255,255,255,0.3);
}
#news .news-item img {
    border: 1px solid rgba(255,255,255,0.05);
    outline: 1px solid rgba(0,0,0,0.3);
    padding: 4px;
    width: 68px;
    height: 68px;
    margin-right: 15px;
}

/*********************************************************************************************/
/**************************************** STATIC PAGES ***************************************/
/*********************************************************************************************/

/* Make a Claim*/
#make-a-claim {
    padding: 3% 0;
    background-image: url(/Images/Theme/SOI/hero-images/claims-banner.jpg);
    background-color: #fff;
    position: relative;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 80%;
    border-top: 0;
    min-height: 270px;
}
#claim-portal {
    padding: 0;
    z-index: 0;
    border-top: 0;
    background-color:#fff;
}
#claim-portal-form {
    padding-top: 30px;
    padding-bottom: 20px;
    z-index: 0;
    border-bottom: 1px solid #eee;
    border-top: 0;
    background-color:#fff;
}
#claim-a {
    background: #fff;
    border-top: 0;
    padding-top: 45px;
}
#claim-a .col-md-6 {
    border-right: 1px dotted #ddd;
    padding: 30px;
}
#claim-a .col-md-6:last-child {
    border-right: 0;
}
#claim-b {
    /*background: #f9f9f9;*/
    background-color:#fff;
    z-index: 0;
    padding: 3% 0;
}
#claim-b a {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.claims-phone .nav-pills > li {
    width: 27%;
}

/* Activities */
#activities {
    padding: 3% 0;
    background-image: url(/Images/Theme/Travel/hero-images/why-banner.jpg);
    background-color: #fff;
    position: relative;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 0;
    min-height: 270px;
}

#activities-list {
    background: url(/Images/Theme/SOI/grey-module-fade.png) repeat-x top #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}
@media only screen and (max-width: 991px) {
    #activities {
        background-image: url(/Images/Theme/Travel/hero-images/why-banner-mobile.jpg);
    }
}

#activities-list .contentBlock ul li {
    margin: 0 0 5px;
}
#activities-list .contentBlock ul li:last-child {
    margin: 0 0 15px;
}
/* Help */
#help-banner {
    padding: 3% 0;
    background-image: url(/Images/Theme/SOI/hero-images/faq-banner.jpg);
    background-color: #fff;
    position: relative;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 80%;
    border-top: 0;
    min-height: 270px;
}
#helpPopular {
    background: url(/Images/Theme/SOI/grey-module-fade.png) repeat-x top #fff;
    padding-bottom: 30px;
}
#helpPopular .row.text-center .col-xs-12 {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dotted #ddd; 
    text-align: center;
}
#helpPopular .container .helpList .col-xs-12 {
    border-bottom: none!important;
    text-align: left!important;
    min-height: 60px;
}
#helpPopular .row.text-center:last-child {
    border-bottom: 0;
    border-top: 1px solid #eee;
    background: #f9f9f9;
    padding-top: 30px;
    padding-bottom: 30px;
}
#helpPopular .helpList {
    border-right: 1px dotted #ddd;
    margin: 30px -5px 15px 5px;
}
#helpPopular .col-lg-3:last-child .helpList {
    border-right: 0;
}
#helpPopular .helpList a {
    font-weight: 400;
    margin: 3px 0 0;
    padding-left: 34px;
    display: inline-block;
    float: left;
    max-width: 90%;
    position: relative;
}
#helpPopular .helpList a:hover {
    color: #111;
}
#helpPopular .helpList a:before {
    content: '\f059';
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'FontAwesome';
    font-size: 26px;
}
#helpMore {
    padding: 3%;
    z-index: 0;
    border-top: 0;
    background-color:#fff;
}
section[id^="faq"], 
section[id^="privacy"] {
    padding: 0 0 2%!important;
    overflow: visible!important;
}
section[id^="faq"] hr.question {
    margin-bottom: 2%!important;
}
section[id^="faq"] hr.question:before {
    left: 5%;
    margin-left: 0;
}

section[id^="faq"] ol > li,
section[id^="faq"] ul > li {
    margin-bottom: 5px;
}
section[id^="faq"] ol > li ol,
section[id^="faq"] ol > li ul,
section[id^="faq"] ul > li ol,
section[id^="faq"] ul > li ul {
    margin-top: 5px;
}

section[id^="faq"] .tickList li .listIcon {
    top: 5px;
}

/* Price Comparison */
@keyframes table-overflows {
    0% {
        transform: translate(0, 0);
    }

    45% {
        transform: translate(15px, 0);
    }

    60% {
        transform: translate(0, 0);
    }

    75% {
        transform: translate(8px, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

.animate-table {
    position: relative;
    animation: table-overflows linear 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
}

#price-comparison {
    padding: 0 0 5% 0;
}

#price-comparison small {
    display: inline-block;
}

#price-comparison .compare-container {
    position: relative;
    overflow: hidden;
}

#price-comparison + #plans {
    margin-top: -30px;
}

.main-body {
    position: relative;
    display: block;
    float: left;
    width: calc(100% - 300px);
    -ms-overflow-style: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    pointer-events: auto !important;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 20px auto;
}

aside.table-aside {
    display: block;
    position: relative;
    float: left;
    z-index: 10;
    width: 300px;
    overflow: hidden;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 20px auto;
}

aside.table-aside table.compare-table-aside {
    box-sizing: border-box;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    margin-bottom: 0;
}

aside.table-aside table.compare-table-aside > tbody > tr > td {
    height: 48px;
}

aside.table-aside table.compare-table-aside > tbody > tr > td.header-aside {
    height: 40px;
}

aside.table-aside table.compare-table-aside > tbody > tr > td.summary-aside {
    height: 78px;
    border-left: none;
    border-top: none;
}

aside.table-aside table tbody tr:first-child,
table-aside table tbody tr:nth-child(2) {
    visibility: hidden;
}

aside.table-aside table tbody tr:nth-child(3) td {
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    background-color: #002633;
    color: #fff;
    text-align: left;
    padding: 10px;
    vertical-align: middle;
}

aside.table-aside table tbody tr.hero td strong {
    color: #00BFFF;
}

aside.table-aside table tbody tr td {
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    color: #111111;
    padding: 10px;
    vertical-align: middle;
    text-align: left;
    font-size: 17px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 300px;
}

aside.table-aside table tbody tr:nth-child(odd) {
    background-color: #fcfcfc;
}

aside.table-aside table tbody tr:nth-child(even) {
    background-color: #fff;
}

aside.table-aside table tbody tr:last-child td {
    border-bottom: 1px solid #eee;
}

table.table.compare-table {
    box-sizing: border-box;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    width: auto;
    max-width: 100%;
    margin-bottom: 0;
}

table.table.compare-table thead:first-child > tr:first-child > th:last-child {
    border-right: 1px solid #eee;
}

table.table.compare-table thead:first-child > tr:first-child > th {
    background-color: #fcfcfc;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    font-weight: 500;
    font-size: 15px;
    line-height: 130%;
    color: #111111;
    text-align: center;
    padding: 10px;
    vertical-align: middle;
    border-bottom: none;
}

table.table.compare-table thead:first-child > tr:first-child > th:first-child {
    border-left: 1px solid #eee;
}

table.table.compare-table thead > tr > th:first-child,
table.table.compare-table thead > tr > th:nth-child(2),
table.table.compare-table thead > tr > th:nth-child(3),
table.table.compare-table thead > tr > th:nth-child(4),
table.table.compare-table thead > tr > th:nth-child(5) {
    width: 212px;
    min-width: 119px;
}

table.table.compare-table tbody > tr:first-child > td {
    background-color: #fff;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    font-weight: 400;
    font-size: 13px;
    color: #111111;
    line-height: 19px;
    text-align: left;
    padding: 10px;
}

table.table.compare-table tbody > tr:first-child > td:last-child {
    border-right: 1px solid #eee;
}

table.table.compare-table tbody > tr > td:first-child {
    border-left: 1px solid #eee;
}

table.table.compare-table tbody > tr > td {
    height: 48px;
}

table.table.compare-table tbody tr:nth-child(2) td {
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    background-color: #002633;
    color: #fff;
    text-align: center;
    padding: 10px;
    vertical-align: middle;
}

table.table.compare-table tbody tr:nth-child(2) td span.switched-on-accent {
    color: #00BFFF;
}

table.table.compare-table tbody tr:nth-child(2) td:last-child {
    border-right: 1px solid #eee;
}

table.table.compare-table tbody tr:nth-child(3) td, 
table.table.compare-table tbody tr:nth-child(4) td, 
table.table.compare-table tbody tr:nth-child(5) td, 
table.table.compare-table tbody tr:nth-child(6) td {
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    color: #111111;
    text-align: center;
    padding: 10px;
    vertical-align: middle;
}

table.table.compare-table tbody tr:nth-child(3) td:first-child, 
table.table.compare-table tbody tr:nth-child(4) td:first-child, 
table.table.compare-table tbody tr:nth-child(5) td:first-child, 
table.table.compare-table tbody tr:nth-child(6) td:first-child {
    text-align: center;
    font-size: 17px;
    font-weight: 500;
}

table.table.compare-table tbody tr:nth-child(3) td:last-child, 
table.table.compare-table tbody tr:nth-child(4) td:last-child, 
table.table.compare-table tbody tr:nth-child(5) td:last-child, 
table.table.compare-table tbody tr:nth-child(6) td:last-child {
    border-right: 1px solid #eee;
}

table.table.compare-table tbody tr:last-child td {
    border-bottom: 1px solid #eee;
}

table.table.compare-table tbody tr td span.price-green {
    font-size: 15px;
    font-weight: 700;
    color: #01B67B;
    line-height: 26px;
}

table.table.compare-table tbody tr td span.price-red {
    font-size: 15px;
    font-weight: 700;
    color: #E85144;
    line-height: 26px;
}

table.table.compare-table tbody tr td i.fa-check-circle {
    font-size: 20px;
    color: #01B67B;
    line-height: 26px;
}

table.table.compare-table tbody tr td i.fa-times-circle {
    font-size: 20px;
    color: #E85144;
    line-height: 26px;
}

table.table.compare-table tbody tr:nth-child(even) {
    background-color: #fcfcfc;
}

@media only screen and (max-width: 991px) {
    aside.table-aside {
        overflow: visible;
    }

    aside.table-aside table.compare-table-aside:after {
        position: absolute;
        display: block;
        content: "";
        right: -10px;
        top: 0;
        width: 10px;
        height: 100%;
        z-index: 99;
        background: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0, transparent 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14000000', endColorstr='#00000000', GradientType=1 );
    }
}

@media only screen and (max-width: 768px) {
    .main-body {
        width: calc(100% - 165px);
    }

    aside.table-aside {
        width: 165px;
    }

    aside.table-aside table.compare-table-aside tbody tr td {
        font-size: 14px;
        min-width: 165px;
    }

    table.table.compare-table thead tr th {
        font-size: 12px;
        line-height: 14px;
    }

    table.table.compare-table tbody tr:first-child td {
        font-size: 12px;
        line-height: 16px;
        min-width: 119px;
    }

    table.table.compare-table tbody tr:nth-child(2) td:first-child {
        font-size: 14px;
    }

    table.table.compare-table tbody tr:nth-child(3) td:first-child, 
    table.table.compare-table tbody tr:nth-child(4) td:first-child, 
    table.table.compare-table tbody tr:nth-child(5) td:first-child, 
    table.table.compare-table tbody tr:nth-child(6) td:first-child {
        font-size: 14px;
    }

    table.table.compare-table tbody tr td i.fa-check-circle,
    table.table.compare-table tbody tr td i.fa-times-circle {
        font-size: 16px;
    }

    table.table.compare-table tbody tr td span.price-red,
    table.table.compare-table tbody tr td span.price-green {
        font-size: 14px;
    }
}

/* Business */
#business {
    padding: 7% 0;
    background-image: url(/Images/Theme/SOI/hero-images/business-banner.jpg);
    background-color: #fff;
    position: relative;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 80%;
    border-top: 0;
}

/* Student */
#student {
    padding: 7% 0;
    background-image: url(/Images/Theme/SOI/hero-images/business-banner.jpg);
    background-color: #fff;
    position: relative;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 80%;
    border-top: 0;
}

/* Family */
#family {
    padding: 7% 0;
    background-image: url(/Images/Theme/SOI/hero-images/bundle-banner.jpg);
    background-color: #fff;
    position: relative;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 80%;
    border-top: 0;
}

/* Device */
#device-content {
    padding: 4% 0;
    background-image: url(/Images/Theme/SOI/hero-images/device-banner.jpg);
    background-color: #fff;
    position: relative;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    border-top: 0;
}
#device-content .content {
    position: relative;
    z-index: 1;
}
#device-content .feefo {
    margin-top: 3.5%;
    padding-left: 24%;
    min-width: 68%;
}
#device .badging {
    height: 282px;
    margin-top: -141px;
}
#device #waypoint .lead-brand {
    display: block;
}

#device-content.xbox {
    background-image: url(/Images/Theme/SOI/hero-images/xbox-banner.jpg);
}
#device-content.samsung {
    background-image: url(/Images/Theme/SOI/hero-images/samsung-banner.jpg);
}
#device-content.iPhone, #device-content.iPod {
    background-image: url(/Images/Theme/SOI/hero-images/mobile-banner.jpg);
}
#device-content.macbook {
    background-image: url(/Images/Theme/SOI/hero-images/macbook-banner.jpg);
} 
#device-content.laptop {
    background-image: url(/Images/Theme/SOI/hero-images/laptop-banner.jpg);
}
#device-content.iPad, #device-content.tablet {
    background-image: url(/Images/Theme/SOI/hero-images/tablet-banner.jpg);
} 
#device-content.mobile {
    background-image: url(/Images/Theme/SOI/hero-images/mobile-banner.jpg);
} 
#device-content.camera {
    background-image: url(/Images/Theme/SOI/hero-images/camera-banner.jpg);
}

#what-now .btn.btn-primary,
#what-now .btn.btn-secondary {
    margin-top: 15px;
}

/* Chat */
#fc_chat_layout {
    border-radius: 0px !important;
    border-bottom: none;
    font-family: 'Open Sans', sans-serif !important;
    margin-bottom: -1px !important;
}
#fc_chat_layout #fc_chat_header {
    border: 1px solid #ccc !important;
    border-radius: 0px !important;
}
#fc_chat_layout #fc_chat_title {
    line-height: 34px !important;
}
#fc_chat_layout #fc_chat_container {
    border-color: #ccc !important;
    border-top: none !important;
}

@media only screen and (max-width: 720px) {
    #fc_chat_layout #fc_chat_title {
        line-height: 45px !important;
    }
}
/*********************************************************************************************/
/*************************************** DEVICE QUERIES **************************************/
/*********************************************************************************************/
@media (min-width: 992px) {
    #quote-progress.affix {
        position: fixed;
        border-top: none;
        top: 0;
        left: 0;
        margin: 0;
        padding: 14px 45px 3px 18px;
        height: 70px;
        width: 100%;
        background: #002633;
    }
    #quote-progress.affix > .row {
        margin: 0 auto;
        max-width: 1400px;
    }
    #quote-progress.affix .step-item h3 {
        background: #002633;
    }
    #quote-progress.affix .step-item i {
        background: #002633;
    }
    #quote-progress.affix .quoteTotal {
        border: 1px solid rgba(0,0,0,0.5);
    }
    #quote-progress.affix .quoteTotal h3,
    #quote-progress.affix .quotePrice {
        color: #fefefe;
    }
    #quote-progress.affix .quoteTotal small {
        color: #111;
        background: #fefefe;
    }
    #quote-progress.affix .spinner > div {
        background: #fefefe; 
    }

    #cover .product-wrapper {
        display: table;
        width: 100%;
        padding-bottom: 25px;
        min-height: 200px;
    }
    #cover .product-wrapper > .row {
        display: table-row;
    }
    #cover .product-wrapper > .row > .product-summary {
        display: table-cell;
        float: none;
    }
    #cover .product-wrapper > .row > .product-image {
        text-align: center;
        display: table-cell;
        float: none;
    }
    #cover .product-wrapper > .row > .product-detail {
        vertical-align: middle;
        text-align: right;
        display: table-cell;
        float: none;
    }
}

@media (min-width: 1025px) {
    #why {
        background-attachment: fixed;
    }
}

@media (min-width: 1200px) {
    .trust-bar {
        margin-left: 15px;
        min-height: 100%;
    }
    #aboutSmall img {
        margin: 0;
    }
    #fair .col-lg-3 {
        min-height: 370px;
    }
    #fair .col-lg-3:nth-child(1),
    #fair .col-lg-3:nth-child(2) {
        border-bottom: 0;
    }
        
    #why-us,
    #contact-details {
        margin: 0 0 15px;
    }

    /* Quote Step */
    #quote-progress.affix .quoteStep {
        width: 75%;
    }
    #quote-progress.affix .quoteTotal {
        width: 25%;
        display: block !important;
        max-width: 342px;
        margin-left: 15px;
        margin-right: -15px;
    }

    #quote-form hr.section-seperator {
        margin: 30px -30px 30px -45px!important;
    }
    #quote-form #quoteTotal {
        margin: 0;
        width: 100%;
    }
    #quote-form section#validation-summary {
        padding-bottom: 0px;
    }
    #quoteContainer > .container > .row > .col-lg-9 {
        padding: 0 30px 0 0;
        border-right: 1px solid #eee;
    }
    #quoteContainer > .container > .row > .col-lg-3 {
        padding: 30px 0 0 15px;
    }

    #quoteContainer {
        display: table;
    }
    #quoteContainer div.container > div.row {
        display: table-row;
    
    }
    #quoteContainer div.container > div.row > div.col-lg-9,
    #quoteContainer div.container > div.row > div.col-lg-3 {
        display: table-cell;
        float: none;
        vertical-align: top;
    }

    #quoteDiscount {
        margin-bottom: 0;
    }

    #help {
        margin: 0;
    }
    .success .col-md-4 {
        width: 100%;
    }

    #benefits.waypoint .benefits {
        margin: 9% 0 12% 0;
    }

    /* Mosaic Images */
    .image-mosaic {
        height: 522px;
        float: none;
        width: 95%;
        margin-top: 14%!important;
    }
    .image-mosaic.mosaic-2 {
        margin: 0 auto;
    }
    .image-mosaic .half-mosaic {
        width: 25%;
        height: 125px;
        margin: 25px 25px -25px -25px;
    }
    .image-mosaic .half-mosaic.pull-right {
        margin-left: 25px;
        margin-right: -25px;
    }
    .image-mosaic .full-mosaic {
        width: 25%;
        height: 125px;
        clear: both;
        opacity: 0.5;
        margin: -25px 37.5% 25px;
        float: none;
    }

    .image-mosaic.animate-me .half-mosaic {
        margin: 0;
        opacity: 1;
        width: 50%;
        height: 261px;
    }
    .image-mosaic.animate-me .full-mosaic {
        margin: 0;
        opacity: 1;
        width: 100%;
        height: 261px;
    }

    /* News */
    #news .news-item {
        border-bottom: 1px dotted rgba(255,255,255,0.1);
    }
    #news .col-lg-12:nth-child(2) .news-item {
        border-bottom: 0;
        margin-bottom: 0;
    }

    #footer #quotebar .col-lg-5 .col-lg-6 {
        float: right;
        width: 60%;
    }

    #customerzone-devices .container {
        padding: 0 3% 0 0;
    }
}

@media only screen and (max-width: 1199px) {
    .frameTop {
        min-height: 760px;
    } 
    #helpPopular .col-sm-6:nth-child(odd) {
        clear: both;
    }
    #helpPopular .col-sm-6:nth-child(even) .helpList {
        border-right: none;
    }
    #quoteTotalContainer {
        padding-left: 0;
    }
    #quoteTotal label {
        margin-top: 20px;
    }

    .secure-icons {
        margin: 60px 15px 15px 15px;
    }
    #quotePartner img.img-special-promotion {
        padding-bottom: 0px;
    }

    /* Quote Step */
    #quote-progress .step-item {
        margin: 18px 0;
    }
    #quote-progress .step-item:after {
        right: 0;
    }
    #quote-progress .step-item h3 {
        display: none;
    }
    #quote-progress .step-one i:before {
        font-family: Roboto;
        content: '1';
    }
    #quote-progress .step-two i:before {
        font-family: Roboto;
        content: '2';
    }
    #quote-progress .step-three i:before {
        font-family: Roboto;
        content: '3';
    }
    #quote-progress .step-four i:before {
        font-family: Roboto;
        content: '4';
    }
}

@media only screen and (max-width: 991px) {
    /* Disable body flex */
    .frame, .frameTop, .frameBottom, .frameContainer, .wrapper, header, #banner, #waypoint {
        display: block;
        position: relative;
        min-height: 0;
    }
    .wrapper {
        border-left: none;
        border-right: none;
    }
    hr.section-seperator {
        margin: 30px -30px 30px -45px !important;
    }

    #fair .col-lg-3 {
        min-height: 340px;
    }

    /* Content Attributes */
    h3.listTitle {
    font-size: 16px!important;
    }
    h2.title {
        font-size: 28px;
        margin: 15px 0 15px;
    }
    h3.title {
        font-size: 28px;
    }
    .lead {
        font-size: 18px;
        margin: 0 0 30px!important;
    }
    .contentBlock a {
        margin-top: 0;
    }
    .contentBlock p {
        font-size: 14px;
    }
    .background-mask {
        display: none!important;
    }
    .carousel-indicators {
        bottom: 30px!important;
    }
    .carousel .carousel-control {
        width: 50%!important;
        height: 46px;
        top: auto;
        bottom: 30px;
        opacity: 1;
    }
    .carousel .carousel-control .fa-chevron-left {
        left: 17px!important;
    }
    .carousel .carousel-control .fa-chevron-right {
        right: 17px!important;
    }
    .carousel .carousel-control i {
        top: 0;
        margin: 0!important;
    }
    .topAnchor {
        display: none;
    }
    .btn {
        /*text-indent: 0!important;*/
    }

    /* Badging */
    .badging {
        position: absolute !important;
        right: auto;
        left: 0;
        width: 100%;
        height: 70px;
        top: auto;
        bottom: -200px;
        margin: 0;
        background: rgba(0, 191, 255, 1);
    }
    .badging .icon-list {
        padding: 0 30px;
    }
    .badging .icon-list .icon-list-item {
        width: 33.33%;
        height: 70px;
    }
    .badging .icon-list .icon-list-item .listIcon {
        line-height: 70px;
        height: 70px;
        width: auto;
        font-size: 30px;
        float: left;
        margin: 0 15px 0 0!important;
    }
    .badging .icon-list .icon-list-item h4 {
        position: static;
        width: unset;
        float: left;
        line-height: 70px;
    }

    #aGoodIdea .col-sm-4 {
        border-right: none;
    }
    #aGoodIdea .contentBlock .col-xs-9:last-of-type {
        margin-left: 0px;
        padding-left: 15px;
    }

    /* Quote bar */
    #quotebar h3.title {
        line-height: 140%;
        margin-bottom: 30px;
    }
    header {
        /*height: 122px;*/
        height: auto;
    }
    .frame.quote header {
        height: 185px;
    }
    header .navbar,
    .navbar-brand {
        height: 122px;
    }
    .navbar-brand {
        width: 210px;
        background-size: auto 56px;
        float: none;
    }
    header .callBtn, 
    header .navbar-toggle {
        margin-top: 30px;
        width: 62px;
        height: 62px;
    }
    header .callBtn .fa {
        line-height: 62px;
    }
    header .navbar-toggle {
        display: block;
        margin-right: 0;
    }
    header .navbar-toggle[aria-expanded="false"] > .fa-times {
        display: none;
    }
    header .navbar-toggle[aria-expanded="true"] > .fa-bars {
        display: none;
    }
    header .navbar-nav > li > a {
        display: block;
        float: none;
        text-align: left;
        width: 100%;
        height: 46px;
        line-height: 46px;
    }
    header .navbar-nav > li > a:hover .fa,
    header .navbar-nav > li.active > a:hover .fa,
    header .navbar-nav > li.active > a:hover span,
    header .navbar-nav > li.other-insurance > a:hover span {
        display: inline-block !important;
    }

    header .navbar-nav > li > a:hover,
    header .navbar-nav > li > a:active,
    header .navbar-nav > li > a:visited,
    header .navbar-nav > li > a:focus {
        background: none;
    }
    header .navbar-nav > li > a .fa,
    header .navbar-nav > li.active > a .fa {
        display: block;
        float: left;
        width: 46px;
        height: 46px;
        line-height: 46px;
        margin-right: 15px;
    }
    header .navbar-nav > li.dropdown > .dropdown-menu {
        display: none;
        position: relative;
        min-height: 0;
        height: 0;
        top: 46px;
        border-top: none;
        padding: 0;
        z-index: 1;
    }
    header .navbar-nav > li.dropdown.open > .dropdown-menu {
        display: block;
        height: auto;
        top: 0;
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    header .navbar-nav > li.dropdown > .dropdown-menu .container {
        padding: 15px 15px 0 61px;
    }
    header .navbar-nav > li > a span.center-block {
        margin: 0;
        display: inline-block;
    }
    header .navbar-nav > li {
        width: 100%;
        min-height: 46px;
        height: auto;
        margin-bottom: 15px;
        position: relative !important;
        float: none;
        clear: both;
    }
    header .navbar-nav > li.text-center {
        text-align: left;
    }
    header .navbar-nav > li.my-account {
        float: none;
        height: 61px;
        margin: 0;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(0,191,255,0.5);
    }
    header .navbar-nav > li.my-account + li {
        padding-top: 15px;
        border-top: 1px solid rgba(0,191,255,0.2);
        height: 61px;
    }
    header .navbar-nav > li.my-account > a.btn-secondary.btn-sm {
        margin: 0;
        border: none;
        background: none !important;
        border: none !important;
        color: #111;
        text-indent: 61px !important;
    }
    header .navbar-nav > li.my-account > a.btn-secondary.btn-sm:hover {
        color: #00bfff;
    }
    header .navbar-nav > li.my-account > a .fa {
        float: left;
        border: none !important;
        background: none !important;
        color: #00bfff;
        font-size: 32px !important;
        height: 46px !important;
        width: 46px !important;
        line-height: 46px !important;
        left: 0;
        right: auto;
    }
    header .navbar-nav > li.my-account > a:hover .fa {
        background: none !important;
    }
    header .navbar-nav > li.my-account > a.btn-secondary.btn-sm:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    header .navbar-nav > li.dropdown > .dropdown-menu h3.listTitle {
        font-size: 14px !important;
        height: 26px;
        line-height: 26px;
        margin-bottom: 5px;
    }
    header .navbar-nav > li.dropdown > .dropdown-menu .list-group-item a {
        font-size: 13px;
    }
    header .navbar-nav > li.dropdown > .dropdown-menu .list-group-item {
        padding: 0 0 10px;
    }
    .nav.navbar-nav {
        margin: 0 -15px;
    }
    .nav.navbar-nav.pull-right {
        float: none !important;
    }

    .navbar-collapse.collapse,
    .navbar-collapse.collapsing,
    .navbar-collapse.collapse.in {
        /*display: block !important;*/
        position: absolute;
        width: 100%;
        left: 0;
        padding: 15px 61px 0 61px;
        background: rgba(228,242,246,0.95);
        border-top: 4px solid #00bfff;
        top: 0;
        z-index: -1;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    .navbar-collapse.collapse {
        opacity: 0;
        display: none !important;
    }
    .navbar-collapse.collapsing {
        opacity: 0;
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        top: 122px;
        opacity: 1;
        display: block !important;
        max-height: 492px;
        overflow-y: scroll !important;
        -webkit-box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.175);
        -moz-box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.175);
        box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.175);
    }

    #footer .trust-icons .payment img {
        height: 30px;
    }
    #footer .trust-icons .partners img {
        height: 30px;
    }
    #footer hr {
        margin: 40px -15px 15px 0px !important;
        width: 100%;
    }
    #footer .footer-bottom p.pull-right {
        margin-top: 6px;
    }
    #footer .trust-icons img {
        margin: 15px 5px 0 5px;
        height: 30px;
        display: inline-block;
    }

    .contentBlock .col-xs-9.col-md-pull-3 {
        margin-right: 0;
        padding-right: 15px;
        margin-left: -25%;
        padding-left: 100px;
        width: 100%;
    }
    .contentBlock .col-md-9 {
        margin-left: 0;
        padding-left: 15px;
        width: 100%;
    }

    #banner, 
    #banner .background-mask,
    #banner .container,
    #banner .item .content,
    #banner .item .content .col-lg-5.col-md-7 {
        margin-bottom: 0;
        max-height: 100%!important;
        height: 100%!important;
        min-height: 100%!important;
        overflow: visible;
    }
    #banner {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    #banner .item .container {
        padding-top: 30px;
        padding-bottom: 30px;
        display: block;
        background: #fff;
    }
    #banner .item.hero.homepage.dark .container {
        background: #002633;
    }

    #banner .item .content {
        left: auto;
        top: auto;
        position: static;
        margin: 30px 0 0;
        width: 100%;
        display: block;
    }
    #banner .item .content .col-lg-5.col-md-7 {
        padding-left: 0;
        padding-right: 0;
    }
    #banner .assetImg {
        display: none;
    }
    #banner div.banner-content-body .contentBlock {
        padding-bottom: 0;
    }
    #banner div.banner-content-body .contentBlock p {
        margin-right: 0;
    }
    #banner .feefo {
        padding-bottom: 40px;
    }
    #waypoint {
        display: none;
    }
    #waypoint .nav {
        float: left!important;
        text-align: left;
    }
    #waypoint .nav-pills > li:nth-last-child(2) {
        border-right: 0;
    } 
    #waypoint .nav > li {
        width: 24.5%;
    }

    /* Cover */
    #cover h2.title,
    #cover .price, 
    #cover .contentBlock {
        text-align: center;
    }
    #cover h2.uppercase {
        margin-top: -5px;
        margin-bottom: 5px;
        text-align: center;
        max-width: 100%;
        font-size: 18px;
        line-height: 20px;
        padding: 0 5px;
    }
    #cover.cover-video .tab-pane {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        /*min-height: 540px;*/
        min-height: 680px;
    }
    #cover.cover-video #standard-cover {
        background-image: url(/Images/Theme/SOI/Video/standard-video-still.jpg);
    }
    #cover.cover-video #premium-cover {
        background-image: url(/Images/Theme/SOI/Video/premium-video-still.jpg);
    }
    #cover.cover-video #ultimate-cover {
        background-image: url(/Images/Theme/SOI/Video/ultimate-video-still.jpg);
    }
    #cover .tab-content {
	    border-right: none;
    }
    #cover .tab-content > .tab-pane {
        padding-right: 0;
    }
    #cover .cover-list-additional > .cover-attribute > i.mobHelper {
        margin: -1px;
        border: none;
        background: transparent;
        position: absolute;
        z-index: 200;
        cursor: pointer;
    }
    #cover .tab-pane.active {
        border-right: none;
        border-left: none;
        display: block;
    }
    #cover .tab-pane.active  > .row {
        display: block;
    }
    #cover .tab-pane.active > .row > div[class^="col-"] {
        display: block;
        float: none;
        vertical-align: baseline;
    }
    #cover .tab-pane > .row > .cover-details {
        padding: 15px 15px 0 15px;
        border-right: none;
    }
    #cover .cover-highlight > .cover-image {
        width: 60%;
        padding-bottom: 60%;
        margin: 0% 20% 50px 20%;
    }
    #cover .product-wrapper,
    #cover .product-wrapper > .row,
    #cover .product-wrapper > .row > .product-summary,
    #cover .product-wrapper > .row > .product-image,
    #cover .product-wrapper > .row > .product-detail,
    #cover .cover-wrapper > .row,
    #cover .cover-wrapper > .row > .cover-details, 
    #cover .cover-wrapper > .row > .cover-highlight {
        display: block;
    }
    #cover .cover-wrapper {
        margin: 0;
        padding-bottom: 0;
    }
    #cover .product-image img {
        margin-top: 5px;
    }
    #cover .badges {
        margin-top: -10px;
        position: relative;
    }
    #cover .product-detail {
        padding-top: 25px;
        padding-bottom: 25px;
        text-align: center;
    }
    #cover.travel .cover-details {
        border: none;
    }

    #cover-level .display-group-1:first-child {
        padding-top: 7px;
    }
    #lifestyles .container {
        margin: 0;
    }
    #lifestyles img {
        margin-bottom: 30px;
    }
    #lifestyles .plan {
        padding: 0;
    }
    #lifestyles .label-info {
        position: absolute;
        top: 0;
        right: 0;
    }
    #device #device-content {
        padding-bottom: 30px;
    }
    #open-hours p.lead {
        margin: 15px 0!important;
    }

    /*********************************************************************************************/
    /********************************** SECTION IMAGES / THEMES **********************************/
    /*********************************************************************************************/
    #benefits .item,
    #skill,
    #lifestyles,
    #login,
    #contact,
    #business,
    #student,
    #family,
    #device-content,
    #make-a-claim,
    #help-banner,
    #privacy-policy,
    #std-content-banner,
    #customerzone,
    #pdf-banner {
        background-size: contain !important;
        background-position: top !important;
        background-attachment: local !important;
        padding: 38% 0 15px !important;
    }
    #pdf-banner {
        background-image: url(/Images/Theme/SOI/hero-images/faq-banner-mobile.jpg);
    }

    #about2 .row,
    #why .row,
    #benefits .row,
    #lifestyles,
    #lifestyles .container {
        min-height: 100%!important;
    }

    /* Banner */
    #banner .item {
        background-size: contain !important;
        background-position: top !important;
        background-attachment: local !important;
        padding: 33.33% 0 0;
    }

    #banner .item.hero, #std-content-banner.hero {
        background-image: url(/Images/Theme/SOI/hero-images/tablet-banner-mobile.jpg);
    }
    #banner .item.hero.travel, #std-content-banner.hero.travel {
        background-image: url(/Images/Theme/Travel/hero-images/banner-mobile.jpg);
    }
    #banner .item.hero.travel.single-trip, #std-content-banner.hero.travel.single-trip {
        background-image: url(/Images/Theme/Travel/hero-images/st-banner-mobile.jpg);
    }
    #banner .item.hero.travel.annual-multi-trip, #std-content-banner.hero.travel.annual-multi-trip {
        background-image: url(/Images/Theme/Travel/hero-images/amt-banner-mobile.jpg);
    }
    #banner .item.hero.travel.backpacker, #std-content-banner.hero.travel.backpacker {
        background-image: url(/Images/Theme/Travel/hero-images/backpacker-banner-mobile.jpg);
    }
    #banner .item.hero.travel.family, #std-content-banner.hero.travel.family {
        background-image: url(/Images/Theme/Travel/hero-images/family-banner-mobile.jpg);
    }
    #banner .item.hero.travel.couple, #std-content-banner.hero.travel.couple {
        background-image: url(/Images/Theme/Travel/hero-images/couple-banner-mobile.jpg);
    }
    #banner .item.hero.travel.winter-sports, #std-content-banner.hero.travel.winter-sports {
        background-image: url(/Images/Theme/Travel/hero-images/winter-sports-banner-mobile.jpg);
    }
    #banner .item.hero.travel.cruise, #std-content-banner.hero.travel.cruise {
        background-image: url(/Images/Theme/Travel/hero-images/cruise-banner-mobile.jpg);
    }
    #banner .item.hero.homepage {
        background-image: url(/Images/Theme/SOI/hero-images/theme-year-round-mobile.png) !important;
        padding-top: 64% !important;
    }
    #banner .item.hero.homepage.super-25 {
        background-image: url(/Images/Theme/SOI/hero-images/super25-banner-mobile-t.png), linear-gradient(90deg,#002633 0%,#00445b 100%) !important;
    }
    #banner .item.hero.homepage.covid-19 {
        background-image: url(/Images/Theme/SOI/hero-images/covid19-banner-mobile-t.png), linear-gradient(90deg,#003446 0%,#003446 100%) !important;
    }
    
    #banner .item.hero.travel.gadget, #std-content-banner.hero.travel.gadget {
        background-image: url(/Images/Theme/Travel/hero-images/gadget-banner-mobile.jpg);
    }

    #banner .item.hero.travel.medical, #std-content-banner.hero.travel.medical {
        background-image: url(/Images/Theme/Travel/hero-images/medical-banner-mobile.jpg);
    }

    #banner .item.hero.travel.over55, #std-content-banner.hero.travel.over55 {
        background-image: url(/Images/Theme/Travel/hero-images/over55-banner-mobile.jpg);
    }

    #banner .item.hero.travel.inverse.over55 h1 strong {
        color: #00bfff !important;
    }

    #banner .item.hero-mobile, #std-content-banner.hero-mobile {
        background-image: url(/Images/Theme/SOI/hero-images/mobile-banner-mobile.jpg);
    }
    #banner .item.hero-tablet, #std-content-banner.hero-tablet {
        background-image: url(/Images/Theme/SOI/hero-images/tablet-banner-mobile.jpg);
    }
    #banner .item.hero-laptop, #std-content-banner.hero-laptop {
        background-image: url(/Images/Theme/SOI/hero-images/laptop-banner-mobile.jpg);
    }
    #banner .item.hero-camera, #std-content-banner.hero-camera {
        background-image: url(/Images/Theme/SOI/hero-images/camera-banner-mobile.jpg);
    }
    #banner .item.hero-gadget, #std-content-banner.hero-gadget {
        background-image: url(/Images/Theme/SOI/hero-images/gadget-banner-mobile.jpg);
    }
    #banner .item.hero-bundle, #std-content-banner.hero-bundle {
        background-image: url(/Images/Theme/SOI/hero-images/bundle-banner-mobile.jpg);
    }
    #banner .item.hero-business, #std-content-banner.hero-business {
        background-image: url(/Images/Theme/SOI/hero-images/business-banner-mobile.jpg);
    }
    #banner .item.hero-student, #std-content-banner.hero-student {
        background-image: url(/Images/Theme/SOI/hero-images/student-banner-mobile.jpg);
    }
    #banner .item.hero-satnav, #std-content-banner.hero-satnav {
        background-image: url(/Images/Theme/SOI/hero-images/satnav-banner-mobile.jpg);
    }

    #banner .item.hero-samsung-galaxy-s {
        background-image: url(/Images/Theme/SOI/hero-images/samsung-galaxy-s-insurance-banner-mobile.jpg);
    }
    #banner .item.hero-samsung-galaxy-s8 {
        background-image: url(/Images/Theme/SOI/hero-images/samsung-galaxy-s8-insurance-banner-mobile.jpg);
    }
    #banner .item.hero-iphone {
        background-image: url(/Images/Theme/SOI/hero-images/iphone13-banner-mobile.png);
    }
    #banner .item.hero-iphone5c, #banner .item.hero-ipod {
        background-image: url(/Images/Theme/SOI/hero-images/iphone5c-banner-mobile.jpg);
    }
    #banner .item.hero-iphone6 {
        background-image: url(/Images/Theme/SOI/hero-images/iphone6-banner-mobile.jpg);
    }
    #banner .item.hero-samsungs6 {
        background-image: url(/Images/Theme/SOI/hero-images/samsungs6-banner-mobile.jpg);
    }
    #banner .item.hero-samsungs7 {
        background-image: url(/Images/Theme/SOI/hero-images/samsungs6-banner-mobile.jpg);
    }
    #banner .item.hero-htc {
        background-image: url(/Images/Theme/SOI/hero-images/htc-banner-mobile.jpg);
    }

    #banner .item.hero-xbox {
        background-image: url(/Images/Theme/SOI/hero-images/xbox-banner-mobile.jpg);
    }

    #banner .item.hero-student2 {
        background-image: url(/Images/Theme/SOI/hero-images/student_gadget_insurance_mobile.jpg);
    }

    #banner .item.hero.travel.inverse h1,
    #banner .item.hero.travel.inverse .lead,
    #banner .item.hero.travel.inverse div.banner-content-body .contentBlock p {
        color: #111 !important
    }
    /* News */
    #news .news-item {
        border-bottom: 1px dotted rgba(255,255,255,0.1);
    }
    #news .col-lg-12:last-child .news-item {
        border-bottom: 0;
        margin-bottom: 0;
    }

    /* Login */
    #login {
        background-image: url(/Images/Theme/SOI/hero-images/tablet-intro-mobile.jpg);
    }
    #login .user-form {
        margin-top: 15px;
    }
    #login .contentBlock a {
        line-height: 100%;
    }

    /* About */

    /* Contact */
    #contact {
        background-image: url(/Images/Theme/SOI/hero-images/contact-banner-mobile.jpg);
    }

    /* Make a claim */
    #make-a-claim {
        background-image: url(/Images/Theme/SOI/hero-images/claims-banner-mobile.jpg);
    }

    /* FAQ */
    #help-banner {
        background-image: url(/Images/Theme/SOI/hero-images/faq-banner-mobile.jpg);
    }

    /* About */
    #about2 {
        background-size: contain!important;
        background-position: top!important;
        background-attachment: local!important;
        padding: 40% 0 15px;
        background-image: url(/Images/Theme/SOI/hero-images/laptop-intro-mobile.jpg);
    }

    /* Why */
    #why {
        background-size: contain!important;
        background-position: top!important;
        background-attachment: local!important;
        padding: 40% 0 15px;
        background-image: url(/Images/Theme/SOI/hero-images/intro-mobile.jpg);
    }
    #why.intro-mobile, #why.intro-Mobile {
        background-image: url(/Images/Theme/SOI/hero-images/mobile-intro-mobile.jpg);
    }
    #why.intro-tablet, #why.intro-Tablet {
        background-image: url(/Images/Theme/SOI/hero-images/tablet-intro-mobile.jpg);
    }
    #why.intro-laptop, #why.intro-Laptop {
        background-image: url(/Images/Theme/SOI/hero-images/laptop-intro-mobile.jpg);
    }
    #why.intro-camera, #why.intro-Camera {
        background-image: url(/Images/Theme/SOI/hero-images/camera-intro-mobile.jpg);
    }
    #why.intro-gadget, #why.intro-Gadget {
        background-image: url(/Images/Theme/SOI/hero-images/gadget-intro-mobile.jpg);
    }
    #why.intro-business, #why.intro-Business {
        background-image: url(/Images/Theme/SOI/hero-images/laptop-intro-mobile.jpg);
    }
    #why.travel {
        background-image: url(/Images/Theme/Travel/hero-images/why-banner-mobile.jpg);
    }

    /* Privacy */
    #privacy-policy, #std-content-banner {
        background-image: url(/Images/Theme/SOI/hero-images/bundle-banner-mobile.jpg);
    }

    /* Benefits */
    #benefits.waypoint .benefits {
        margin: 30px 0;
        visibility: visible;
    }
    #benefits .benefits.text-right {
        float: left!important;
        text-align: left!important;
    }
    #benefits .benefits.text-right h2.title {
        padding-right: 0;
    }
    #benefits .benefits.text-right .listIcon {
        float: left!important;
        margin: 0 30px 32px 0!important;
    }
    #benefits.waypoint .contentBlock > .quote-action > .col-xs-9 {
        padding-left: 15px;
    }
    #benefits .text-right hr.grad,
    #benefits hr.grad {
        background: rgb(205,205,205); /* Old browsers */
        background: -moz-linear-gradient(left,  rgba(205,205,205,1) 0%, rgba(250,250,250,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(205,205,205,1)), color-stop(100%,rgba(250,250,250,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  rgba(205,205,205,1) 0%,rgba(250,250,250,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  rgba(205,205,205,1) 0%,rgba(250,250,250,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  rgba(205,205,205,1) 0%,rgba(250,250,250,1) 100%); /* IE10+ */
        background: linear-gradient(to right,  rgba(205,205,205,1) 0%,rgba(250,250,250,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#fafafa',GradientType=1 ); /* IE6-9 */
        height: 1px;
        border: 0;
        margin: 15px 0 15px 0!important;
    }
    #benefits .benefits .contentBlock {
        min-height: 100%;
    }

    .image-mosaic {
        width: 86%;
        height: 550px;
        margin: 0 7% 80px;
        position: relative;
        float: left;
    }
    .image-mosaic .half-mosaic {
        width: 50%;
        height: 275px;
    }
    .image-mosaic .half-mosaic:nth-child(1),
    .image-mosaic .half-mosaic:nth-child(2),
    .image-mosaic .full-mosaic {
        margin: 0!important;
        opacity: 1;
    }
    .image-mosaic .full-mosaic {
        width: 100%;
    }
    
    /* Plans */
    #plan-select {
        padding-bottom: 20px;
    }
    #plan-select .radio {
        padding: 5px 5px 5px 45px;
        margin-right: 61px!important;
        line-height: 36px;
    }
    #plan-select .radio i {
        line-height: 24px;
        font-size: 22px;
        display: block;
        float: right;
        top: 6px !important;
        right: 10px !important;
        width: 28px;
    }
    #plan-select .mobHelper {
        position: absolute;
        top: 16px;
        right: 30px;
        border-radius: 0!important;
        width: 46px!important;
        height: 46px!important;
        line-height: 46px!important;
        cursor: pointer;
    }
    #plan-select .ribbon {
        padding-left: 14px;
    }
    #plan-select .ribbonBottom:after {
        margin-left: -10px;
    } 

    #plans h2.title {
        margin: 15px 0;
    }
    #plans .contentBlock p {
        min-height: unset;
    }
    #plans .plan .contentBlock {
        min-height: 105px;
    }
    #plans .btn-square {
        display: none!important;
    }
    #plans .col-lg-3 {
        visibility: visible;
    }
    #plans .col-lg-3:nth-child(even) {
        border-right:none;
    }
    #plans img {
        margin: 0 auto 30px;
    }

    /* Bundle Select */
    #bundle-select .radio {
        padding: 30px 15px;
        text-align: center;
        font-size: 16px;
    }
    .bundle-key {
        width: 100%;
        clear: both;
        margin-top: 15px;
        padding: 0;
        border: 0;
        background: none;
        height: auto;
    }
    .bundle-key .mobHelper {
        position: absolute;
        top: 0;
        right: 15px;
    }

    /* Add Gadget */
    #addGadget .panel-default {
        margin-top: 0;
    }
    #addGadget .addGadget-ribbon,
    #cover-level .coverLevel-ribbon {
        margin-left: 15px;
        margin-right: 15px;
    }
    #cover-level .coverLevel-ribbon {
        margin-top: 57px;
    }
    #addGadget .ribbonLeft,
    #cover-level .ribbonRight {
        border-radius: 3px !important;
        z-index: 10;
    }

    #addGadget .ribbonLeft:after,
    #cover-level .ribbonRight:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        border-top-color: #e91378;
        height: 0;
        width: 0;
        position: absolute;
        border-width: 15px;
        margin-left: -15px;
        margin-top: 0;
    }
    #edit-gadget .itemDesc > .row:last-child {
        margin: 0 0 15px 0;
    }
    #edit-gadget .itemDesc > p:first-child {
        margin-bottom: 15px;
    }

    /*#gadget-list {
        padding-bottom: 30px;
    }*/
    #active-gadget .itemDesc,
    #edit-gadget .itemDesc {
        margin: 0 0 15px 0;
    }
    #edit-gadget .itemDesc > .row > div[class^="col-"] {
        padding-left: 30px;
        padding-right: 30px;
    }
    #edit-gadget .itemDesc > .row > div[class^="col-"]:last-child {
        padding-right: 30px;
    }
    #edit-gadget .itemDesc > .row > div.device-purchase-date {
        padding-right: 30px!important;
    }

    /* Customer Zone */
    #customerzone {
        background-image: url(/Images/Theme/SOI/hero-images/bundle-banner-mobile.jpg);
    }

    /* Lifestyles */
    #lifestyles {
        background-image: url(/Images/Theme/SOI/hero-images/mobile-lifestyles-mobile.jpg);
    }

    /* Business */
    #business {
        background-image: url(/Images/Theme/SOI/hero-images/business-banner-mobile.jpg);
    }

    /* Student */
    #student {
        background-image: url(/Images/Theme/SOI/hero-images/business-banner-mobile.jpg);
    }

    /* Family */
    #family {
        background-image: url(/Images/Theme/SOI/hero-images/bundle-banner-mobile.jpg);
    }

    /* Device */
    #device-content {
        background-image: url(/Images/Theme/SOI/hero-images/business-banner-mobile.jpg);
    }
    #device-content.xbox {
        background-image: url(/Images/Theme/SOI/hero-images/business-banner-mobile.jpg);
    }
    #device-content.samsung {
        background-image: url(/Images/Theme/SOI/hero-images/business-banner-mobile.jpg);
    }
    #device-content.iPhone {
        background-image: url(/Images/Theme/SOI/hero-images/business-banner-mobile.jpg);
    }
    #device-content.macbook {
        background-image: url(/Images/Theme/SOI/hero-images/business-banner-mobile.jpg);
    }
    #device-content.tablet {
        background-image: url(/Images/Theme/SOI/hero-images/business-banner-mobile.jpg);
    } 

    /*********************************************************************************************/
    /**************************************** QUOTE THEME ****************************************/
    /*********************************************************************************************/

    /* Quote Step */
    #quote-progress {
        border-top: 1px solid #eee;
        margin: 0px -30px 0px -35px;
        padding: 10px 45px 10px 30px;
        height: 60px;
    }
    #quote-progress .step-item {
        height: 2px;
        margin: 18px 6px 18px 0px
    }
    #quote-progress .step-item:after {
        top: 14px;
        right: 4px;
        width: 10px;
        height: 10px;
        border: 5px solid #ddd;
    }
    #quote-progress .step-item h3 {
        display: none;
    }
    #quote-progress .step-item i {
        font-size: 20px;
        width: 20px;
    }
    #quote-progress.affix {
        position: relative;
    }

    /* Quote form */
    #quote-form .col-lg-9 {
        padding: 0 15px 15px 15px !important;
    }
    #quote-form h1.uppercase,
    #quote-form h2.uppercase {
        margin-bottom: 15px !important;
        text-align: left !important;
    }
    #quote-form hr.section-seperator {
        margin: 25px -45px 15px -45px !important;
    }
    #quote-form hr.section-seperator.dotted {
        margin: 10px -45px 15px -45px !important;
    }
    #quoteTotal  h2.uppercase {
        margin-top: 0!important;
        text-align: center!important;
    }
    #quote-form .btn-primary,
    #quote-form .btn-secondary {
        margin-bottom: 0;
    }

    .inQuote .ribbonRight:after {
        top: -15px;
	    left: 50%;
	    border: solid transparent;
	    content: " ";
	    height: 0;
	    width: 0;
	    position: absolute;
	    pointer-events: none;
	    border-color: rgba(249, 249, 249, 0);
	    border-bottom-color: #002633;
	    border-width: 15px;
	    margin-left: -15px;
    }
    #quote-form section {
        overflow: hidden !important;
        padding: 15px 0;
    }

    /* Cover Level */
    #cover-level {}
    #cover-level .tab-content > .tab-pane {
        display: none;
    }
    #cover-level .tab-content > .tab-pane.active {
        display: block;
    }
    #cover-level img.cover-img,
    #cover-level img.defaqto-badge {
        display: none;
    }
    #cover-level .radio {
        border: 0;
    }
    #cover-level .cover-item .cover-attribute .cover-attribute-item h3.listTitle {
        margin-top: 0;
        margin-bottom: 0;
        line-height: 48px;
    }
    #cover-level .cover-item .cover-attribute .cover-attribute-item h3.listTitle.coloured {
        line-height: 24px;
    }
    #cover-level .cover-item .cover-attribute .cover-attribute-item hr {
        margin: 8px 0!important;
    }
    #cover-level .cover-item .cover-attribute .cover-attribute-item p {
        line-height: 24px;
        margin-bottom: 0;
    }

    /*excess-item*/
    .excess-item label.radio {
        border: 1px solid #ddd !important;
    }

        .excess-item label.radio:hover {
            border-color: #00bfff;
            background-color: #E6F9FF;
        }

        .excess-item label.radio.active {
            border-color: #00bfff !important;
            background-color: #00bfff !important;
            color: #fff !important;
        }

    /* Payment Select */
    #payment-details .radio {
        line-height: 162%;
    }
    #payment-details .price {
        position: static;
        top: auto;
        right: auto;
        padding: 0;
        line-height: 100%;
        min-height: 100%;
        margin-bottom: 3px;
    }

    /* Terms & Conditions */
    #terms-conditions {
        margin: -15px -30px -30px -45px;
    }

    /* Quote Total */
    #quoteTotal .total h2 {
        text-align: center!important;
    }
    .secure-icons {
        margin: 30px 0 0 0;
    }
    .cover-details h3 {
        margin: 15px 0 0;
    }
    #quoteDiscount .btn-primary,
    #quoteDiscount .btn-secondary {
        margin-left: 0;
        width: 100%;
    }

    #quote-buttons {
        margin-top: 15px;
    }

    #help .content {
        border-top: 0;
        border-bottom: 0;
        float: left;
        width: 100%;
    }

    #customerzone-devices .container {
        padding: 0;
    }

    #customerzone-devices .container .col-lg-9 {
        padding-right: 15px;
        border-right: none;
    }

    #customerzone-devices section {
        padding: 15px 30px 40px;
    }

    #quoteDiscount .btn-alt.btn-xs {
        position: absolute;
        top: 0;
        right: 15px;
        margin-top: -48px;
    }

    #policy-wordings h2.groupTitle {
        text-align: center !important;
    }

    #policy-wordings img.pdf-cover {
        max-height: 200px;
    }
}

@media (max-width: 767px) {
    body.affix, body.affix-bottom {
        padding-top: 0!important;
    }

    h1,
    h1.title, 
    h2.title {
        font-size: 32px;
        text-align: center!important;
        margin-bottom: 15px;
    }
    .type-me {
        text-align: center!important;
        min-height: 320px;
        width: 100%;
    }
    .lead {
        text-align: center!important;
    }

    /* Quote bar */
    #quotebar .btn-primary .fa,
    #quotebar .btn-secondary .fa {
        height: 52px;
    }
    header {
        /*height: 82px;*/
        height: auto;
    }
    .frame.quote header {
        height: 140px;
    }
    header .navbar,
    .navbar-brand {
        height: 80px;
    }
    .navbar-brand {
        width: 160px;
        background-size: auto 44px;
    }
    header .callBtn, 
    header .navbar-toggle {
        margin-top: 15px;
        width: 50px;
        height: 50px;
    }
    header .callBtn .fa {
        line-height: 46px;
    }
    header .navbar-nav > li.my-account > a.btn-secondary.btn-sm {
        text-indent: 16px !important;
    }
    .navbar-collapse.collapse.in {
        top: 80px;
        -webkit-box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.175);
        -moz-box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.175);
        box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.175);
    }

    .btn-primary,
    .btn-secondary,
    .btn-alt {
        height: 54px;
        line-height: 54px !important;
        text-indent: -54px !important;
    }
    .btn-primary .fa {
        height: 54px;
        width: 54px;
        line-height: 54px;
    }
    .btn-secondary .fa {
        height: 52px;
        width: 52px;
        line-height: 52px;
    }
    .btn-primary.btn-sm,
    .btn-secondary.btn-sm {
        padding: 0 0 0 45px !important;
    }
    .btn-alt.btn-sm {
        padding: 0 45px 0 0 !important;
    }
    .btn-alt.btn-sm.btn-right {
        text-indent: 44px !important;
    }
    .btn-alt.btn-xs {
        margin-bottom: 15px !important;
    }
    .btn-alt .fa {
        height: 52px;
        width: 54px;
        line-height: 54px;
    }

    #footer h3.title {
        margin-top: 30px;
    }
    #footer #quotebar h3.title {
        margin-top: 0;
    }
    #footer .footer-bottom {
        height: 90px;
    }
    #footer .footer-bottom .list-inline {
        margin: 15px 0 5px;
    }
    #footer .footer-bottom p.pull-right {
        float: left !important;
        clear: both;
    }
    #footer .contentBlock a.visible-xs {
        display: inline!important;
    }
    /* Waypoint */
    #waypoint.affix {
        position: relative;
        height: 100px;
        overflow: hidden;
    }
    #waypoint.affix h3 {
        line-height: 100px;
    }
    #waypoint.affix .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    #waypoint.affix .lead-brand {
        height: 100px;
    }
    #waypoint h3 {
        font-size: 20px;
    }

    /* Badging */
    .badging {
        right: 0;
        left: auto;
        width: 100%;
        height: 100px;
        top: 330px;
        bottom: auto;
        position: absolute;
        margin: 15px 0 0;
        background: none;
        clear: both;
    }
    .badging .icon-list {
        padding: 0 15px;
    }
    .badging .icon-list .icon-list-item {
        width: 49.5%;
        height: 140px;
        margin: 0 1% 1% 0;
    }
    .badging .icon-list .icon-list-item:nth-child(2) {
        margin: 0 0 1% 0;
    }
    .badging .icon-list .icon-list-item:nth-child(3) {
        display: none;
    }
    .badging .icon-list .icon-list-item .listIcon {
        line-height: 90px;
        height: 70px;
        width: 100%;
        font-size: 40px;
        float: none;
        margin: 0!important;
    }
    .badging .icon-list .icon-list-item h4 {
        position: static;
        width: 100%;
        float: none;
        line-height: 120%;
        font-size: 15px;
        padding: 5px 0;
    }

    /* Banner */
    #banner h1 {
        max-width: 100%;
        text-align: center!important;
    }
    #banner .contentBlock p {
        margin-right: 0;
    }
    #banner .item .content {
        margin-top: 15px;
    }
    #banner div.banner-content-body .contentBlock {
        padding-top: 0;
    }
    #cover.cover-video .badges {
        margin-top: 20%;
    }
    #cover.cover-video .tab-pane {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        /*min-height: 540px;*/
        min-height: 620px;
    }
    /*********************************************************************************************/
    /********************************** SECTION IMAGES / THEMES **********************************/
    /*********************************************************************************************/

    /* Cover */
    #cover h2.uppercase {
        margin-top: -15px;
        margin-bottom: 15px;
        padding: 0 15px;
    }
    #cover hr {
        margin: 20px -15px 20px !important;
    }
    #cover .cover-badge {
        clear: both;
        float: none!important;
        margin: 15px auto 30px!important;
        display: block;
    }
    #cover .tab-content {
	    border-right: none;
    }
    #cover .tab-content > .tab-pane {
        padding-right: 0;
    }
    #cover .price {
        text-align: center;
    }
    #cover .cover-details .cover-content .contentBlock {
        text-align: center;
    }
    #cover .cover-select .cover-item {
	    padding: 30px 0 0 0;
    }
    #cover .img-responsive {
        margin: 0 auto;
        max-width: 150px;
    }
    #cover .product-image img {
        margin-top: 15px;
    }
    #cover .badges {
        text-align: center;
    }
    #cover .badges > i.pull-left {
        float: none !important;
    }
    #cover .cover-list-additional > div[class^="col-"] {
        width: 100%;
    }
    #cover .cover-list-included > .cover-attribute:nth-last-child(2):nth-child(odd) > .cover-attribute-item > hr {
        border-top: 1px solid #eee;
    }

    #cover-level .coverLevel-ribbon {
        margin-top: 48px;
    }

    /* Fair */
    #fair .col-lg-3 {
        min-height: 210px;
        padding-top: 30px;
    }
    #fair .col-lg-3:nth-child(2n+1) {
        clear: left;
    }
    #fair .col-lg-3:nth-child(2n+0) {
        clear: right;
    }

    #fair h3.listTitle {
        font-size: 16px !important;
        padding: 0 10% !important;
        line-height: 140%;
    }
    #fair hr {
        position: static;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        min-height: 0;
        height: 0;
        border-top: 1px dotted #ddd;
        width: 100%;
        margin: 30px 0;
    }
    /* Testimonials */
    #testimonials {
        padding: 30px 0;
    }
    #testimonials .contentBlock blockquote {
        min-height: 140px;
    }

    /* Good idea */
    #aGoodIdea .col-xs-12 {
        padding: 30px;
    }
    #aGoodIdea .contentBlock .col-xs-9:last-of-type {
        margin-left: -25%;
        padding-left: 115px;
    }

    /* Benefits */
    #benefits .col-xs-12.text-center {
        padding: 30px 15px;
    }
    .image-mosaic {
        width: 100%;
        height: 340px;
        margin: 0 auto 60px;
    }
    .image-mosaic.mosaic-2 {
        margin: 30px auto 15px;
    }
    .image-mosaic .half-mosaic,
    .image-mosaic .full-mosaic {
        height: 170px;
    }

    #directDebitConfirmModal .dd-logo {
        max-width: 120px;
    }

    #directDebitConfirmModal dt {
        margin-top: 10px;
    }

    /*********************************************************************************************/
    /**************************************** QUOTE THEME ****************************************/
    /*********************************************************************************************/

    #quote-form section {
        padding: 15px 7px 0 0;
    }
    #quote-form h1.uppercase, 
    #quote-form h2.uppercase {
        margin-top: 4px!important;
        font-size: 24px;
        line-height: 130%;
    }

    /* Quote Step */
    #quote-progress {
        padding: 10px 30px 10px 30px;
        margin: 0px -15px 0px -35px;
    }

    /* Quote form */
    #quote-form hr {
        margin: 30px -15%;
    }
    #quoteTotal {
        margin-top: 0;
    }
    #quoteTotal label {
        margin-top: 0;
    }
    #quoteTotal h2.uppercase {
        margin-top: 0 !important;
    }
    .helpContent {
        margin: 40px 0 -50px;
        width: 100%;
        right: 0;
        left: 0;
    }

    /* Plans */
    #plans .col-lg-3 {
        border-right:none;
    }

    /* Bundle Select */
    #bundle-select .radio {
        padding: 15px;
    }

    #bundle-select .bundle-key {
        padding: 15px;
        background: #fcfcfc;
        border: 1px solid #eee;
    }

    .bundle-key .col-sm-6:nth-child(3) .bundleAttr {
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    /* Terms & Conditions */
    #terms-conditions {
        padding-top: 0px;
    }
    #terms-conditions h2.uppercase {
        margin-top: 20px !important;
    }
    #terms-conditions hr {
        margin-bottom: 20px !important;
        margin-top: 10px;
    }

    /* Payment Select */
    #payment-details {
        padding-left:0 !important;
    }
    #payment-details .ribbonTop {
        margin: 780px 0 -800px;
    }
    #payment-details .radio {
        min-height: 100%;
    }
    #payment-details img {
        position: absolute;
        top: 20px;
        right: 15px;
        width: 80px;
        margin-top: 15px;
        margin-bottom: 5px;
    }

    /* Add Gadget */
    #gadget-count {
        float: none!important;
        text-align: center;
    }
    #active-gadget .itemDesc p i {
        display: none;
    }
    #edit-gadget .itemDesc > .row > div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    #edit-gadget .itemDesc > .row > div[class^="col-"]:last-child {
        padding-right: 15px;
    }
    #edit-gadget .itemDesc > .row > div.device-purchase-date {
        padding-right: 15px!important;
    }

    /* Cover Level */
    #cover-level #premium .display-group-2,
    #cover-level #ultimate .display-group-2,
    #cover-level #ultimate .display-group-3 {
        padding-top: 8px;    
    }

    #quoteDiscount {
        padding-top: 0;
    }
    #quoteDiscount .btn-primary,
    #quoteDiscount .btn-secondary {
        margin-bottom: 15px;
    }

    #register-devices .register-item label {
        margin-top: 15px;
    }

    #customerzone-devices section {
        padding: 15px 15px 40px;
    }

    #quote-buttons .btn {
        text-align: center;
        text-indent: -20px!important;
        font-size: 14px!important;
        height: 70px!important;
        line-height: 70px!important;
    }
    #quote-buttons .btn-alt {
        text-indent: 20px!important;
    }
    #quote-buttons .btn .fa {
        width: 54px;
        line-height: 70px;
        border-left: none!important;
    }
    #quote-buttons .btn-alt .fa {
        width: 54px;
        line-height: 70px;
        border-right: none!important;
    }

    #pdf-form hr.dotted {
        margin: 15px 0 !important;
    }
    #pdf-document address ul li { 
        line-height: 22px;
    }
    #pdf-form .policy-detail p {
        line-height: 22px;
    }
    #helpPopular .helpList {
        margin: 0 -5px 0px 5px;
    }
    #helpPopular .col-sm-6:first-child {
        margin-top: 30px;
    }
    #helpPopular .col-sm-6 .helpList {
        border-right: none;
    }
}

/* IE 10+ SPECIFIC */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .sky-form .select i {
        display: none;
    }
}

.cc-revoke, .cc-window {
    z-index: 99999999999 !important;
}

.document-download ul.list-unstyled {
    padding-left: 0;
    padding-bottom: 20px;
}