/*


     _                 _     ____              _
    / \   ___ ___  ___| |_  | __ )  __ _ _ __ | | __
   / _ \ / __/ __|/ _ \ __| |  _ \ / _` | '_ \| |/ /
  / ___ \\__ \__ \  __/ |_  | |_) | (_| | | | |   <
 /_/   \_\___/___/\___|\__| |____/ \__,_|_| |_|_|\_\


Customisation style sheet

Contents:

1 - Typograpgy
2 - Login, Registration and Lightbox
3 - Header
4 - Search
5 - Navigation
6 - Buttons
7 - Misc
8 - Customisations

Main Colour: #1d4ba8
Secondary Colour: #4A7AB7

*/

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   1 - Typography
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

body,
legend {
    color: #555;
    /*font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;*/
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

/* Colour of links throughout */
a {
    font-weight: normal;
}

/* Colour of links throughout */
a,
span.required,
span.requiredForCompleteness,
div.copy code,
a > [class^="icon-"]{
    color: #676f72;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   2 - Login, Registration and Lightbox
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Logo on login and registration */

#loginPage div.logo, #registrationPage div.logo {
    /*background: #fff;*/
    padding-top: 40px;
    padding-bottom: 40px;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- Login/Lightbox header and footer */
.box__header {
    background: #fff;
}

.box__footer {
    /*background: #2d94d2;*/
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   3 - Header
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.header {
    background: #fff;
    box-shadow: 0 1px 3px rgba(45, 45, 45, 0.25);
}

/* ------------------------------------- Header elements */
.filter__toggle,
.header__multi-toggle,
.lightbox__toggle,
.header__user-profile-initials-link,
.lightbox__overview,
.header__help-link {
    background: #efefef;
}

.lightbox__title,
.filter__toggle>[class^="icon-"],
.header__multi-toggle>[class^="icon-"],
.header__help-link>[class^="icon-"],
.header__user-profile-initials-link>[class^="icon-"],
.header__user-profile-initials-link{
     color: #444;
}

.lightbox__title:hover,
.filter__toggle:hover>[class^="icon-"],
.header__multi-toggle:hover>[class^="icon-"],
.header__help-link:hover>[class^="icon-"],
.header__user-profile-initials-link:hover>[class^="icon-"],
.header__user-profile-initials-link:hover {
    color: #888;
}

/* ------------------------------------- Lightbox specific */

.lightbox__count{
    background: #fff;
}

.lightbox__toggle {
    border-left: 1px solid #e0e0e0;
}

.lightbox__toggle:hover {
    background: #e4e4e4;
}

.lightbox__toggle:before {
    border-top: 5px solid #444;
}

/* ------------------------------------- If using white header */
.filter__form,
.lightbox__menu {
    border-top: 1px solid #ececec;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   4 - Search
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
  5 - Navigation
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.nev__menu,
.nev {
    background: #333333;
}

.nev__link--admin-toggle .nev__icon-wrap {
    color: #000;
    background: rgb(170, 170, 170);
}

.nev__link--admin-toggle {
    color: #fff;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   6 - Buttons
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.button {
    background: #676f72;
}

.button:hover,
.button:focus {
    background-color: #333333;
}

.button--large {
    background: #fff;
}

.button--large [class^="icon-"] {
    color: #676f72;
}

/* revert button styling on classic homepage*/
.home-classic .asset-strip__action .button {
    color: #676f72;
}

.button:hover [class^="icon-"] {
    color: #fff
}

/* Related Assets counter*/
.counter {
    background: #676f72;
}

.counter__link:hover>.counter {
    background: #676f72;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   7 - Misc
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

#topStrip {
    display: none;
}

.search__icon {
    line-height: 37px;
}

.search__toggle, .search__adv-link {
    border-radius: 0 6px 6px 0;
}

.search .search__input {
    border-radius: 6px;
}

.folder-panels__link:after {
    bottom: 1px;
}

.search__toggle, .search__adv-link {
    line-height: 40px;
    padding: 0 15px 0 10px;
}

.header .search__form-wrapper {
    border-radius: 4px;
}

.home-full-width .search__icon {
    border-radius: 0;
}

.pageWrapper.pageWrapper--full-width,
.full-width .pageWrapper {
    border-top: 0;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
   8 - Customisations - #90192
  
  An excerpt from staging.ti.agency/resources/assetbank.css
  - Removed navigation and header changes
  
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

@font-face {
  font-family: 'SamsungOne';
  src: url(//cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-400.eot);
  src: url(//cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-400.eot?#iefix) format("embedded-opentype"), url(//cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-400.woff2) format("woff2"), url(//cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-400.woff) format("woff"), url(//cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-400.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SamsungOne';
  src: url(//cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-700.eot);
  src: url(//cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-700.eot?#iefix) format("embedded-opentype"), url(//cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-700.woff2) format("woff2"), url(//cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-700.woff) format("woff"), url(../fonts/SamsungOne-700.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'SamsungSharpSans';
  src: url(//cdn.samsung.com/etc/designs/smg/global/fonts/SamsungSharpSansBd.eot);
  src: url(//cdn.samsung.com/etc/designs/smg/global/fonts/SamsungSharpSansBd.eot?#iefix) format("embedded-opentype"), url(//cdn.samsung.com/etc/designs/smg/global/fonts/SamsungSharpSansBd.woff) format("woff");
  font-weight: bold;
  font-style: normal;
}

/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2");
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 48px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: Arial, sans-serif;
  color: #000;
}

body.home-full-width {
  background: #fff;
}

#loginPage, #registrationPage {
  background: #000 !important;
}

h1, h2, h3, h4 {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
	font-weight: 700;
}

header {
  background: #fff;
  min-height: 68px;
}

.panoramic__hero {
  display: block;
  height: auto;
  width: 100%;
  max-width: 1740px;
  background: #fff !important;
}

@media only screen and (max-width: 1024px) {
  .panoramic__hero {
    padding: 0px;
  }
}

.panoramic__hero .panoramic, .panoramic__hero .panoramic--no-featured {
  display: inherit;
}

.panoramic__hero .panoramic__welcome {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  max-height: 100%;
  transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  border-radius: 0px;
}

@media only screen and (max-width: 1024px) {
  .panoramic__hero .panoramic__welcome {
    padding: 20px 0 40px 0;
  }
}

.panoramic__grey-section {
  background: #fff;
  border-color: transparent;
}

@media screen and (min-width: 1600px) {
  .folder-panels .folder-panels__item {
    width: 18.5%;
  }
}

@media screen and (max-width: 430px) {
  .folder-panels .folder-panels__item {
    width: 48.5%;
    margin-left: 1.5%;
  }
}

.folder-panels .folder-panels__item .folder-panels__link {
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: normal !important;
}

#browseLink_accessLevels {
  display: none !important;
}

.grid-row {
  margin-left: 0px;
  margin-right: 0px;
}

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

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

.grid-row .col-xs-12 {
  float: left;
  width: 100%;
}

.grid-row .col-xs-11 {
  width: 91.66666667%;
}

.grid-row .col-xs-10 {
  width: 83.33333333%;
}

.grid-row .col-xs-9 {
  width: 75%;
}

.grid-row .col-xs-8 {
  width: 66.66666667%;
}

.grid-row .col-xs-7 {
  width: 58.33333333%;
}

.grid-row .col-xs-6 {
  width: 50%;
}

.grid-row .col-xs-5 {
  width: 41.66666667%;
}

.grid-row .col-xs-4 {
  width: 33.33333333%;
}

.grid-row .col-xs-3 {
  width: 25%;
}

.grid-row .col-xs-2 {
  width: 16.66666667%;
}

.grid-row .col-xs-1 {
  width: 8.33333333%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.grid-row .col-xs-pull-0 {
  right: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

.grid-row .col-xs-push-0 {
  left: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.grid-row:before, .grid-row:after {
  content: " ";
  display: table;
}

.clearfix:after,
.grid-row:after {
  clear: both;
}

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

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.affix {
  position: fixed;
}

/* LINK COLOURS */
a, span.required, span.requiredForCompleteness, div.copy code, a > [class^="icon-"] {
  color: #676f72;
}

.home-full-width .asset-collection.asset-collection--larger {
  display: none;
}

/* FOOTER */
.footer {
  background: #fff !important;
}

.navpanel--lightbox.lbPanel-bottom h3 {
  max-width: 150px;
}

#resourcesLink {
  display: none !important;
}

.header__help-link {
	display: none;
}


/* Hero image on home page. Fixing white background overlay */
.panoramic__welcome {
	background: rgba(255,255,255,0);
}


/* Hero search box to be positioned in the centre */
.panoramic__hero__search {
	position: relative;
	margin-left: 0;
	margin-right: 0;
	right: 50%;
}


/* Hero search box width for responsive */
@media only screen and (max-width: 1280px) {
	.panoramic__hero__search, .nav-expanded .panoramic__hero__search {
		margin-left: 0;
	}
}

@media only screen and (max-width: 1400px) {
	.panoramic__hero__search, .nav-expanded .panoramic__hero__search {
		
	}
}

/* logo render issue on chrome */

.header__logo-container {
	image-rendering: -webkit-optimize-contrast;
}

/* Login page logo resize */
#loginPage div.logo, #registrationPage div.logo {
	padding-left: 80px;
	padding-right: 80px;
}