.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.rounded-corners-reset {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.rounded-corners {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.rounded-corners-top {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.rounded-corners-bottom {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.rounded-corners-left {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.rounded-corners-right {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.rounded-corners-small {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.rounded-corners-top-small {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.rounded-corners-bottom-small {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.rounded-corners-left-small {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.rounded-corners-right-small {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.blue-gradient {
  background: #0078a9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0078a9), color-stop(100%, #00648e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0078a9 0%, #00648e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a9', endColorstr='#00648e', GradientType=0);
  /* IE6-9 */
}
.blue-gradient-reverted {
  background: #00648e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00648e 0%, #0078a9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00648e), color-stop(100%, #0078a9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00648e 0%, #0078a9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00648e 0%, #0078a9 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #00648e 0%, #0078a9 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #00648e 0%, #0078a9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00648e', endColorstr='#0078a9', GradientType=0);
  /* IE6-9 */
}
.grey-gradient {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
  /* IE6-9 */
}
.grey-gradient-reverted {
  background: #ebebeb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ebebeb 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}
.filters-reset {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}
.inline-block-fix {
  zoom: 1;
  *display: inline;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 29px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
* {
  -webkit-mask-image: none!important;
  -ms-overflow-style: scrollbar;
}
html,
body {
  background-color: #000000;
  height: 100%;
}
body .visible-ie-height {
  display: none;
}
body .caret {
  margin-left: 10px;
  margin-bottom: 4px;
}
body.disable-scrolling {
  overflow: hidden;
}
.body {
  background-color: #EBEBEB;
  overflow: hidden;
}
.feature-promo {
  position: relative;
}
.feature-promo .container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.feature-promo .ribbon-wrapper {
  display: block;
  position: absolute;
  top: 35px;
  left: 3px;
  z-index: 100;
  background-image: url("/images/ribbon-shadow.png");
  background-position: 12px bottom;
  background-size: 95% 29px;
  background-repeat: no-repeat;
  margin-left: -15px;
}
.feature-promo .ribbon-wrapper h2 {
  display: inline-block;
  color: #0078A9;
  background-color: #FFFFFF;
  text-transform: none;
  padding: 18px 40px 22px 40px;
  min-height: 40px;
  font-weight: 600;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 0 0 25px 0;
}
.feature-promo .ribbon-wrapper:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  background-image: url("/images/ribbon-curve.png");
  background-position: bottom left;
  background-repeat: no-repeat;
  width: 12px;
  height: 100%;
}
.feature-promo figure h2 {
  color: #FFFFFF;
  font-weight: 800;
  margin-top: 0;
  padding-top: 0;
  font-size: 26px;
  line-height: 30px;
  text-transform: uppercase;
}
.feature-promo figure a {
  height: 100%;
}
canvas {
  width: 100%;
}
.inset-effect {
  -webkit-box-shadow: inset 0px 3px 3px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 3px 3px -3px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 3px 3px -3px rgba(0, 0, 0, 0.5);
}
.step-list {
  margin: 15px 0;
}
.step-list li {
  position: relative;
  font-size: 20px;
  line-height: 37px;
  font-weight: 600;
  padding-right: 40px;
  color: #c8c8c8;
  padding: 12px 20px 12px 43px;
  margin-top: 0;
  margin-left: -32px;
  background-color: #EBEBEB;
  border: 2px solid #d9d9d9;
  color: #0078A9;
  font-size: 16px;
  line-height: 16px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  z-index: 7;
}
.step-list li a {
  color: #0078A9;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  font-weight: 600;
}
.step-list li a:hover {
  text-decoration: none;
}
.step-list li.first {
  padding-left: 23px;
  margin-left: 0;
  z-index: 10;
}
.step-list li.first.active {
  margin-left: 0;
}
.step-list li.last {
  z-index: 5;
}
.step-list li.active {
  background-color: #0078A9;
  border: 2px solid #0078A9;
  color: #FFFFFF;
  z-index: 20;
  padding-left: 23px;
  margin-left: -14px;
}
.step-list li.active a {
  color: #FFFFFF;
}
figure {
  position: relative;
  width: 100%;
  margin: 0;
}
figure img {
  width: 100%;
}
figure figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 35px;
}
figure figcaption h2 {
  color: #FFFFFF;
  font-weight: 800;
  margin-top: 0;
  padding-top: 0;
  font-size: 26px;
  line-height: 30px;
  text-transform: uppercase;
}
figure figcaption p {
  display: table;
  height: 100%;
  width: 100%;
  color: #FFFFFF;
  font-size: 15px;
  line-height: 23px;
  padding: 0;
  margin: 0;
}
figure figcaption p span {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
figure figcaption a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-indent: -10000px;
}
figure figcaption.small {
  padding: 25px;
}
.content-box-wrapper {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: block;
  position: relative;
  background-color: #EBEBEB;
  padding: 22px;
}
.content-box-wrapper.large-padding {
  padding: 35px;
}
.content-box-wrapper h2 {
  font-weight: 800;
  padding-top: 0;
  font-size: 26px;
  line-height: 30px;
  text-transform: uppercase;
  margin-top: 0;
}
.content-box-wrapper .list-links {
  margin-bottom: 0;
}
.content-box-wrapper .list-links li {
  margin: 0 0 10px 0;
}
.content-box-wrapper .list-links li.last {
  margin-bottom: 0;
}
.content-box-wrapper .list-links li a {
  display: block;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 15px;
  text-decoration: none;
}
.content-box-wrapper .list-links li a:hover {
  color: #282828;
}
.content-box-wrapper.white-bg {
  background-color: #FFFFFF;
}
.content-box-wrapper.white-bg .list-links a {
  background-color: #EBEBEB;
}
.content-box-wrapper.grey-bg {
  background-color: #EBEBEB;
}
.content-box-wrapper.grey-bg .list-links a {
  background-color: #f7f7f7;
}
.content-box-wrapper.grey-bg .list-links a:hover {
  background-color: #fcfcfc;
}
.scheme .scheme-preview .content-box-wrapper.white-bg,
a.content-box-wrapper.white-bg {
  background: rgba(255, 255, 255, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#B2ffffff', endColorstr='#B2ffffff');
  /* IE */
}
.scheme .scheme-preview .content-box-wrapper.white-bg:hover,
a.content-box-wrapper.white-bg:hover {
  background-color: #FFFFFF;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFffffff', endColorstr='#FFffffff');
  /* IE */
}
.scheme.expanded .scheme-preview .content-box-wrapper.white-bg {
  background-color: #FFFFFF;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFffffff', endColorstr='#FFffffff');
  /* IE */
}
.simple-content {
  padding: 40px 22px;
}
.simple-content a {
  text-decoration: underline;
}
.simple-content a:hover {
  text-decoration: underline;
}
.inline-tip {
  position: relative;
}
.inline-tip .icon {
  position: absolute;
  top: 3px;
  left: 0;
  background-color: #f7ad2d;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  width: 23px;
  height: 23px;
  padding: 0 6px;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
}
.inline-tip .label {
  display: block;
  text-align: left;
  padding-left: 33px;
}
.inline-tip-alt {
  color: #0078A9;
  font-weight: 800;
  font-size: 20px;
  line-height: 23px;
  text-align: left;
  margin-bottom: 8px;
}
.container {
  position: relative;
}
.promos {
  *zoom: 1;
  padding: 35px 12px 70px 12px;
}
.promos:before,
.promos:after {
  display: table;
  content: "";
  line-height: 0;
}
.promos:after {
  clear: both;
}
.promos .promo {
  width: 100%;
  padding-bottom: 16px;
}
.promo a {
  text-decoration: none;
}
.promo a:hover {
  text-decoration: none;
}
.promo figure {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.promo figure h3,
.promo figure p {
  text-align: center;
}
.promo figure h3 {
  position: relative;
  height: 47px;
  margin: 0 !important;
  padding: 6px 20px !important;
  color: #FFFFFF;
  background-color: #000000;
  line-height: 35px;
  z-index: 50;
  -webkit-box-shadow: inset 0px 3px 3px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 3px 3px -3px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 3px 3px -3px rgba(0, 0, 0, 0.5);
}
.promo figure img {
  position: relative;
}
.promo figure figcaption {
  position: absolute;
  height: 100%;
  opacity: 100;
  /* IE 8 */
  /* IE 5-7 */
  -moz-opacity: 100 !important;
  /* Netscape */
  -khtml-opacity: 100 !important;
  /* Safari 1.x */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
  /* IE 8 */
  filter: alpha(opacity=100) !important;
  /* IE 5-7 */
  -moz-opacity: 1 !important;
  /* Netscape */
  -khtml-opacity: 1 !important;
  /* Safari 1.x */
  opacity: 1 !important;
  /* Good browsers */
  /* Good browsers */
  background: rgba(255, 255, 255, 0.65);
}
.promo figure figcaption p {
  color: #282828;
  font-weight: 600;
}
.content-box-slider {
  background: #FFFFFF;
  position: fixed;
  padding: 22px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  z-index: 50;
}
.content-box-slider.white-bg {
  background-color: #FFFFFF;
}
.content-box-slider.grey-bg {
  background-color: #EBEBEB;
}
.tag {
  padding: 7px 10px;
  text-transform: uppercase;
  text-decoration: none!important;
  color: #0078A9;
  font-weight: 600;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0 5px 3px 0;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#B2ffffff', endColorstr='#B2ffffff');
  /* IE */
}
.tag:hover,
.tag:focus,
.tag:active,
.tag:visited {
  background-color: #FFFFFF;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFffffff', endColorstr='#FFffffff');
  /* IE */
  text-decoration: none;
  color: #0078A9;
}
.tag.active {
  color: #FFFFFF;
  background: #0078A9;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  /* IE */
}
.tag.last {
  margin-right: 0;
}
.ui-helper-hidden-accessible {
  position: absolute;
  left: -999em;
}
.info-popover:hover {
  cursor: pointer;
}
.popover {
  border: 0;
}
.popover .arrow {
  border: 0;
}
.popover.top > .arrow:after {
  margin-left: 0;
}
.breadcrumbs {
  display: inline-block;
  position: absolute;
  left: 3px;
  background-image: url("/images/ribbon-shadow.png");
  background-position: 12px bottom;
  background-size: 95% 29px;
  background-repeat: no-repeat;
  z-index: 600;
}
.breadcrumbs:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  background-image: url("/images/ribbon-curve.png");
  background-position: bottom left;
  background-repeat: no-repeat;
  width: 12px;
  height: 100%;
}
.breadcrumbs .wrapper {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 8px 31px;
  margin-bottom: 29px;
  background: #FFFFFF;
}
.breadcrumbs a {
  font-size: 12px;
  text-decoration: none;
}
.breadcrumbs a:hover {
  color: #282828 !important;
}
.breadcrumbs i {
  font-size: 10px;
  margin: 0 4px 0 8px;
  color: #c9c9c9;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
@media (min-width: 992px) {
  .zoom-effect-on-hover .zoom-effect-image-wrapper {
    overflow: hidden;
  }
  .zoom-effect-on-hover .zoom-effect-image-wrapper img {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 100%;
    margin: 0;
  }
  .zoom-effect-on-hover:hover .zoom-effect-image-wrapper img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1);
    -o-transform: scale3d(1.1, 1.1, 1);
    -ms-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  .zoom-effect-on-hover.expanded:hover .zoom-effect-image-wrapper img {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
  .promo:hover {
    text-decoration: none;
  }
  .promo:hover figcaption {
    opacity: 1;
    /* IE 8 */
    /* IE 5-7 */
    /* Netscape */
    /* Safari 1.x */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    /* IE 8 */
    filter: alpha(opacity=100) !important;
    /* IE 5-7 */
    -moz-opacity: 1 !important;
    /* Netscape */
    -khtml-opacity: 1 !important;
    /* Safari 1.x */
    opacity: 1 !important;
    /* Good browsers */
    /* Good browsers */
  }
  .promo figure figcaption {
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    opacity: 0;
    /* IE 8 */
    /* IE 5-7 */
    /* Netscape */
    /* Safari 1.x */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    /* IE 8 */
    filter: alpha(opacity=0) !important;
    /* IE 5-7 */
    -moz-opacity: 0 !important;
    /* Netscape */
    -khtml-opacity: 0 !important;
    /* Safari 1.x */
    opacity: 0 !important;
    /* Good browsers */
    /* Good browsers */
  }
  .promo figure figcaption.small {
    padding: 67px 20px 20px 20px;
  }
  .promo figure figcaption p {
    font-size: 15px;
    line-height: 22px;
  }
}
/* For large desktop only */
@media (min-width: 1200px) {
  .content-box-slider {
    width: 347px;
  }
  .breadcrumbs {
    top: 40px;
  }
}
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  .step-list {
    margin: 10px 0 20px;
  }
  .step-list li {
    font-size: 18px;
    line-height: 33px;
    margin-bottom: 10px;
    padding-right: 35px;
  }
  .step-list li span {
    width: 35px;
    height: 35px;
  }
  figure figcaption h2 {
    font-size: 23px;
    line-height: 28px;
  }
  .content-box-wrapper h2 {
    font-size: 23px;
    line-height: 28px;
  }
  .simple-content {
    padding: 35px 22px;
  }
  .breadcrumbs {
    top: 35px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  .step-list {
    margin: 10px 0 35px;
  }
  .step-list li {
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-right: 30px;
  }
  .step-list li span {
    width: 32px;
    height: 32px;
  }
  figure figcaption {
    padding: 30px;
  }
  figure figcaption h2 {
    font-size: 22px;
    line-height: 26px;
  }
  .content-box-wrapper.large-padding {
    padding: 22px;
  }
  .content-box-wrapper h2 {
    font-size: 22px;
    line-height: 26px;
  }
  .tag {
    padding: 7px;
    margin: 0 2px 4px 0;
    font-size: 14px;
    line-height: 16px;
  }
  .simple-content {
    padding: 30px 22px;
  }
  .promos {
    padding: 22px 7px 44px 7px;
  }
  .promo figure figcaption.small {
    padding: 62px 15px 15px 15px;
  }
  .promo figure figcaption p {
    font-size: 14px;
    line-height: 17px;
  }
  .breadcrumbs {
    top: 30px;
  }
}
/* Everything except mobile */
@media (min-width: 768px) {
  .promos .promo {
    float: left;
    width: 33.33%;
    padding-left: 8px;
    padding-right: 8px;
  }
  .drop-shadow-blue-left {
    background-image: url("/images/bg-gradient-blue-left.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 233px 100%;
    margin-left: -233px;
    padding-left: 233px;
  }
  .drop-shadow-blue-right {
    background-image: url("/images/bg-gradient-blue-right.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 233px 100%;
    margin-right: -233px;
    padding-right: 233px;
  }
  .drop-shadow-grey-left {
    background-image: url("/images/bg-gradient-grey-left.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 233px 860px;
    margin-left: -233px;
    padding-left: 233px;
  }
  .drop-shadow-grey-right {
    background-image: url("/images/bg-gradient-grey-right.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 233px 860px;
    margin-right: -233px;
    padding-right: 233px;
  }
}
/* For mobile only */
@media (max-width: 767px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
  .step-list {
    margin: 0;
  }
  .step-list li {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
    padding-right: 0;
  }
  .step-list li span {
    width: 28px;
    height: 28px;
  }
  figure figcaption {
    padding: 15px;
  }
  figure figcaption h2 {
    font-size: 19px;
    line-height: 23px;
    padding-bottom: 5px;
  }
  figure figcaption p {
    font-size: 14px;
    line-height: 21px;
    max-width: 100%;
  }
  figure figcaption.small {
    padding: 15px;
  }
  .content-box-wrapper {
    margin-top: 12px;
    padding: 15px;
    height: auto !important;
  }
  .content-box-wrapper.large-padding {
    padding: 15px;
  }
  .content-box-wrapper h2 {
    font-size: 19px;
    line-height: 23px;
  }
  .tag {
    padding: 3px 5px;
    margin: 0 2px 4px 0;
    font-size: 12px;
    line-height: 21px;
  }
  .simple-content {
    padding: 22px;
  }
  .breadcrumbs {
    top: 15px;
    left: -15px;
  }
  .breadcrumbs .wrapper {
    margin-bottom: 20px;
  }
  .zoom-effect-on-hover .zoom-effect-image-wrapper {
    overflow: hidden;
  }
  .zoom-effect-on-hover .zoom-effect-image-wrapper img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
  .zoom-effect-on-hover:hover .zoom-effect-image-wrapper img {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
  .promos {
    padding: 15px 15px 30px 15px;
  }
  .promo figure figcaption.small {
    padding: 62px 15px 15px 15px;
  }
  .promo figure figcaption p {
    font-size: 14px;
    line-height: 17px;
  }
}
img {
  width: 100%;
  max-width: 100%;
}
body {
  font-family: 'Lato', sans-serif;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body a,
body a:hover,
body a:active,
body a:focus,
body label,
body input,
body select,
body textarea,
body button,
body .btn,
body .btn:hover,
body .btn:active,
body .btn:focus {
  word-spacing: 0 !important;
  letter-spacing: 0 !important;
}
body h1.inactive,
body h2.inactive,
body h3.inactive,
body h4.inactive,
body h5.inactive,
body h6.inactive,
body p.inactive,
body a.inactive,
body a:hover.inactive,
body a:active.inactive,
body a:focus.inactive,
body label.inactive,
body input.inactive,
body select.inactive,
body textarea.inactive,
body span.inactive,
body button.inactive,
body .btn.inactive,
body .btn:hover.inactive,
body .btn:active.inactive,
body .btn:focus.inactive {
  color: #b5b5b5;
}
body .white-bg h1.inactive,
body .white-bg h2.inactive,
body .white-bg h3.inactive,
body .white-bg h4.inactive,
body .white-bg h5.inactive,
body .white-bg h6.inactive,
body .white-bg p.inactive,
body .white-bg a.inactive,
body .white-bg a:hover.inactive,
body .white-bg a:active.inactive,
body .white-bg a:focus.inactive,
body .white-bg label.inactive,
body .white-bg input.inactive,
body .white-bg select.inactive,
body .white-bg textarea.inactive,
body .white-bg span.inactive,
body .white-bg button.inactive,
body .white-bg .btn.inactive,
body .white-bg .btn:hover.inactive,
body .white-bg .btn:active.inactive,
body .white-bg .btn:focus.inactive {
  color: #c9c9c9;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body a,
body span,
body label,
body input,
body select,
body textarea,
body button,
body .btn,
body ul,
body li,
body .validation-summary-errors span,
body .tooltip,
body .popover {
  font-family: 'Lato', sans-serif;
}
body h1.bold,
body h2.bold,
body h3.bold,
body h4.bold,
body h5.bold,
body h6.bold,
body p.bold,
body a.bold,
body span.bold,
body label.bold,
body input.bold,
body select.bold,
body textarea.bold,
body button.bold,
body .btn.bold,
body ul.bold,
body li.bold,
body .validation-summary-errors span.bold,
body .tooltip.bold,
body .popover.bold {
  font-weight: 700;
}
body a,
body a:hover,
body a:active,
body a:focus {
  text-decoration: underline;
}
body h1,
body h2 {
  color: #0078A9;
}
body h3,
body h4,
body h5,
body h6 {
  color: #282828;
}
body h1,
body h2,
body h3 {
  font-weight: 600;
}
body h1 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 800;
  padding-top: 0;
  margin-top: 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
body h1 .inactive {
  color: #c9c9c9;
  font-size: 17px;
}
body h1 .fa {
  position: relative;
  top: -1px;
  font-size: 14px;
  margin: 0 10px;
}
body h2 {
  font-size: 21px;
  line-height: 26px;
  margin-bottom: 10px;
}
body h3 {
  font-size: 17px;
  line-height: 22px;
}
body h4 {
  font-size: 20px;
}
body h5 {
  font-size: 18px;
}
body h6 {
  font-size: 16px;
}
body p,
body a,
body label,
body .label,
body ul,
body li {
  color: #282828;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
}
body p.tagline,
body a.tagline,
body label.tagline,
body .label.tagline,
body ul.tagline,
body li.tagline {
  color: #0078A9;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  margin: 20px 0 30px 0;
}
body p.note,
body a.note,
body label.note,
body .label.note,
body ul.note,
body li.note {
  font-size: 13px;
  line-height: 17px;
}
body p.note .inactive,
body a.note .inactive,
body label.note .inactive,
body .label.note .inactive,
body ul.note .inactive,
body li.note .inactive {
  color: #afafaf;
}
body p {
  margin-bottom: 15px;
}
body .popover-content {
  color: #282828;
  text-transform: none;
  font-size: 12px;
  line-height: 17px;
}
/*************************/
/* Media queries */
/*************************/
/* For large desktop only */
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  body h1 {
    font-size: 23px;
    line-height: 25px;
  }
  body h2 {
    font-size: 19px;
    line-height: 23px;
  }
  body h3 {
    font-size: 17px;
    line-height: 21px;
  }
  body p,
  body a,
  body label,
  body .label,
  body ul,
  body li,
  body .form-control {
    font-size: 13px;
    line-height: 18px;
  }
  body p.tagline,
  body a.tagline,
  body label.tagline,
  body .label.tagline,
  body ul.tagline,
  body li.tagline,
  body .form-control.tagline {
    font-size: 26px;
    line-height: 32px;
  }
  body p {
    margin-bottom: 14px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  body h1 {
    font-size: 22px;
    line-height: 26px;
  }
  body h1 .inactive {
    font-size: 16px;
  }
  body h2 {
    font-size: 18px;
    line-height: 21px;
  }
  body h3 {
    font-size: 16px;
    line-height: 20px;
  }
  body p,
  body a,
  body label,
  body .label,
  body ul,
  body li,
  body .form-control {
    font-size: 13px;
    line-height: 18px;
  }
  body p.tagline,
  body a.tagline,
  body label.tagline,
  body .label.tagline,
  body ul.tagline,
  body li.tagline,
  body .form-control.tagline {
    font-size: 26px;
    line-height: 32px;
  }
  body p {
    margin-bottom: 13px;
  }
}
/* For mobile only */
@media (max-width: 767px) {
  body h1 {
    font-size: 19px;
    line-height: 23px;
  }
  body h1 .inactive {
    font-size: 13px;
  }
  body h2 {
    font-size: 17px;
    line-height: 19px;
  }
  body h3 {
    font-size: 15px;
    line-height: 18px;
  }
  body p,
  body a,
  body label,
  body .label,
  body ul,
  body li,
  body .form-control {
    font-size: 13px;
    line-height: 18px;
  }
  body p.tagline,
  body a.tagline,
  body label.tagline,
  body .label.tagline,
  body ul.tagline,
  body li.tagline,
  body .form-control.tagline {
    font-size: 23px;
    line-height: 28px;
    margin: 10px 0 20px;
  }
  body p {
    margin-bottom: 12px;
  }
}
button,
.btn {
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  background-color: transparent;
  text-decoration: none!important;
  border: none;
  font-weight: 600;
  font-size: 17px;
  line-height: 20px;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-top: 20px;
  margin-right: 20px;
}
button:hover,
.btn:hover,
button:active,
.btn:active,
button:focus,
.btn:focus,
button:visited,
.btn:visited,
button.active,
.btn.active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
button.small,
.btn.small {
  font-size: 14px;
  line-height: 18px;
}
button.with-icon,
.btn.with-icon {
  position: relative;
  padding-left: 45px!important;
}
button.with-icon i,
.btn.with-icon i {
  position: absolute;
  top: 10px;
  left: 22px;
  font-size: 25px;
}
.btn-primary {
  color: #0078A9;
  padding: 15px 25px;
  border-top: 2px solid #d8d8d8;
  border-bottom: 2px solid #FFFFFF;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
  /* IE6-9 */
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:visited,
.btn-primary.active {
  color: #0078A9;
  border-top: 2px solid #d8d8d8;
  border-bottom: 2px solid #f4f4f4;
  background: #ebebeb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ebebeb 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}
.btn-primary.small {
  padding: 10px 18px;
}
.btn-pin {
  position: absolute;
  bottom: 5px;
  right: 10px;
}
.btn-file {
  position: relative;
}
.btn-file #imagebrowse {
  position: absolute;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 8 */
  filter: alpha(opacity=0);
  /* IE 5-7 */
  -moz-opacity: 0;
  /* Netscape */
  -khtml-opacity: 0;
  /* Safari 1.x */
  opacity: 0;
  /* Good browsers */
  width: 100%;
  height: 100%;
}
.btn-group .btn {
  border-right: 1px solid #EBEBEB;
  color: #c9c9c9;
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn-group .btn i {
  font-size: 24px;
  line-height: 24px;
}
.btn-group .btn.active {
  color: #FFFFFF;
  border-right: #0078A9;
  background: #0078a9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0078a9), color-stop(100%, #00648e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0078a9 0%, #00648e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a9', endColorstr='#00648e', GradientType=0);
  /* IE6-9 */
}
.btn-group .btn.active:hover {
  color: #FFFFFF;
}
.btn-group .btn:hover {
  color: #a2a2a2;
}
.btn-group .btn.first {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.btn-group .btn.first:hover {
  overflow: hidden !important;
  -webkit-backface-visibility: hidden !important;
  -moz-backface-visibility: hidden !important;
  transform: translate3d(0px, 0px, 0px) !important;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  -moz-transform: translate3d(0px, 0px, 0px) !important;
  -o-transform: translate3d(0px, 0px, 0px) !important;
  -ms-transform: translate3d(0px, 0px, 0px) !important;
  -webkit-transform: translateZ(0) !important;
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%) !important;
  -webkit-border-top-left-radius: 10px !important;
  -webkit-border-bottom-left-radius: 10px !important;
  -moz-border-radius-topleft: 10px !important;
  -moz-border-radius-bottomleft: 10px !important;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
.btn-group .btn.last {
  border-right: none;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.btn-group .btn.last:hover {
  overflow: hidden !important;
  -webkit-backface-visibility: hidden !important;
  -moz-backface-visibility: hidden !important;
  transform: translate3d(0px, 0px, 0px) !important;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  -moz-transform: translate3d(0px, 0px, 0px) !important;
  -o-transform: translate3d(0px, 0px, 0px) !important;
  -ms-transform: translate3d(0px, 0px, 0px) !important;
  -webkit-transform: translateZ(0) !important;
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%) !important;
  -webkit-border-top-right-radius: 10px !important;
  -webkit-border-bottom-right-radius: 10px !important;
  -moz-border-radius-topright: 10px !important;
  -moz-border-radius-bottomright: 10px !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
/* For large desktop only */
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  button,
  .btn {
    font-size: 15px;
    line-height: 18px;
    margin-top: 18px;
    margin-right: 18px;
  }
  .btn-primary {
    padding: 12px 22px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  button,
  .btn {
    font-size: 14px;
    line-height: 16px;
    margin-top: 15px;
    margin-right: 15px;
  }
  .btn-primary {
    padding: 12px 20px;
  }
}
/* Everything except mobile */
/* For mobile only */
@media (max-width: 767px) {
  button,
  .btn {
    font-size: 13px;
    line-height: 14px;
    margin-top: 10px;
    margin-right: 10px;
  }
  .btn-primary {
    padding: 10px 18px;
  }
}
body input[type=text],
body select,
body textarea,
body .form-control,
body .input-group {
  display: block;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  border: none;
  border-top: 2px solid #d8d8d8;
  border-bottom: 2px solid #f6f6f6;
  background: #FFFFFF;
}
body .placeholder {
  color: #a7a9ac;
}
body input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a7a9ac;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
}
body input::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a7a9ac;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
}
body input:-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a7a9ac;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
}
body input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a7a9ac;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
}
body .form-group {
  margin-bottom: 20px;
}
body .form-group label {
  width: 100%;
}
body .form-group label .inactive {
  color: #bcbcbc;
}
body .form-group .note {
  margin-top: 3px;
}
body .form-control,
body .input-group {
  height: 48px;
  font-size: 15px;
  line-height: 15px;
  color: #282828;
}
body .input-group .form-control {
  position: relative;
  padding-right: 120px;
  border: none;
}
body .input-group .form-control:focus {
  border: none;
}
body .input-group .input-group-addon {
  border: none;
  margin: 0;
  width: 110px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 800;
  font-weight: 600;
  font-size: 17px;
  background: #0078a9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0078a9), color-stop(100%, #00648e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0078a9 0%, #00648e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a9', endColorstr='#00648e', GradientType=0);
  /* IE6-9 */
  color: #FFFFFF;
}
body .input-group .input-group-addon:hover {
  background: #00648e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #00648e 0%, #0078a9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00648e), color-stop(100%, #0078a9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00648e 0%, #0078a9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00648e 0%, #0078a9 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #00648e 0%, #0078a9 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #00648e 0%, #0078a9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00648e', endColorstr='#0078a9', GradientType=0);
  /* IE6-9 */
}
body select {
  width: 100%;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("/images/dropdown-bg.png") !important;
  background-repeat: no-repeat !important;
  background-position: top right !important;
}
body select::-ms-expand {
  display: none;
}
body select option {
  padding: 10px;
  outline: 0;
  border: none;
}
body .custom-select {
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
body .custom-select .arrow {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  top: 2px;
  right: 0;
  background: #0078a9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0078a9), color-stop(100%, #00648e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0078a9 0%, #00648e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a9', endColorstr='#00648e', GradientType=0);
  /* IE6-9 */
  color: #fff;
  font-size: 17px;
  line-height: 17px;
  font-weight: 600;
  height: 100%;
  margin: 0;
  width: 40px;
  z-index: 800;
  padding: 15px 10px;
}
body textarea.form-control {
  height: 100px;
}
body input[type=text],
body textarea,
body .form-control,
body select {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  padding: 10px;
  border: none;
  border-left: 2px solid #EBEBEB;
  border-right: 2px solid #EBEBEB;
  border-top: 2px solid #d8d8d8;
  border-bottom: 2px solid #f6f6f6;
}
body input[type=text]:focus,
body textarea:focus,
body .form-control:focus,
body select:focus {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  border-left: 2px solid #EBEBEB;
  border-right: 2px solid #EBEBEB;
  border-top: 2px solid #d8d8d8;
  border-bottom: 2px solid #f6f6f6;
}
body input[type=text].input-validation-error,
body textarea.input-validation-error,
body .form-control.input-validation-error,
body select.input-validation-error {
  border: 2px solid #ff6b1d;
}
body input[type=submit] {
  margin-top: 0;
}
body input[type="radio"],
body input[type="checkbox"] {
  margin-right: 6px;
}
body .validation-summary-errors {
  margin-bottom: 20px;
}
body textarea {
  resize: none;
}
body label,
body .label {
  white-space: normal;
}
body ul {
  padding: 0;
  list-style-type: none;
}
body ul li {
  margin-top: 15px;
}
body ul li ul {
  padding-left: 30px;
}
body ul li ul li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-top: 0;
  margin-right: 20px;
}
body .ui-autocomplete {
  border: 1px solid #d9d9d9;
  border-top: 0;
  padding: 0;
  list-style-type: none;
  width: 720px !important;
  z-index: 1000;
}
body .ui-autocomplete li {
  margin: 0;
  padding: 8px 10px;
  background: #FFFFFF;
}
body .ui-autocomplete li:hover {
  cursor: pointer;
}
body ::-webkit-file-upload-button {
  cursor: pointer;
}
body .validation-summary-errors {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #ffe3c7;
  padding: 15px;
}
body .validation-summary-errors ul {
  margin-bottom: 0px;
  padding-left: 25px;
  list-style-type: disc;
}
body .validation-summary-errors ul li {
  margin: 0;
  color: #ed5900;
}
body .success-message {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #D0E3D3;
  padding: 15px;
}
body .success-message h2,
body .success-message p,
body .success-message ul,
body .success-message li {
  color: #4C9056;
}
body .success-message h2:last-child,
body .success-message p:last-child,
body .success-message ul:last-child,
body .success-message li:last-child {
  margin-bottom: 0;
}
body .success-message h1,
body .success-message h2,
body .success-message h3,
body .success-message h4,
body .success-message h5,
body .success-message h6 {
  margin-top: 0;
}
body .success-message ul {
  margin-bottom: 0px;
  padding-left: 25px;
  list-style-type: disc;
}
body .success-message ul li {
  margin: 0;
  color: #4C9056;
}
body .checkbox-style {
  position: relative;
}
body .checkbox-style input {
  position: absolute;
  top: 0;
  left: 1px;
}
body .checkbox-style label {
  padding-left: 22px;
}
/*************************/
/* Media queries */
/*************************/
/* For everything except Desktop */
/* For Tablet only */
/* For Mobile only */
.search-container .ad {
  padding-left: 7px;
  padding-right: 7px;
}
.search-container .gsc-adBlock {
  margin-bottom: 15px;
}
.search-container .gsc-control-cse {
  padding: 0px;
  border: none;
  background-color: transparent;
}
.search-container .gsc-search-box {
  position: relative;
}
.search-container .gsc-search-box .gsc-input {
  padding: 0;
  width: 100%;
}
.search-container .gsc-search-box .gsc-input input {
  background-image: url("/images/select-bg.png") !important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
  background-size: 80px 100% !important;
  font-size: 18px;
  line-height: 29px;
  padding: 15px 70px 15px 15px;
  width: 100%;
}
.search-container .gsc-search-box .gsc-search-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 62px;
  width: 82px;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 800;
}
.search-container .gsc-search-box .gsc-clear-button {
  position: absolute;
  top: 0;
  right: 0;
  display: none !important;
}
.search-container .gsc-results-wrapper-visible {
  margin-top: 35px;
}
.search-container .gsc-above-wrapper-area {
  margin-bottom: 20px;
}
.search-container .gsc-result-info,
.search-container .gsc-result,
.search-container .gsc-table-cell-thumbnail {
  padding-left: 0px;
}
.search-container .gsc-table-cell-thumbnail {
  padding-right: 8px;
}
.search-container .gs-web-image-box,
.search-container .gs-promotion-image-box {
  padding-top: 5px;
}
.search-container .gsc-webResult.gsc-result,
.search-container .gsc-results .gsc-imageResult {
  background-color: transparent;
  border: none;
}
.search-container .gsc-webResult.gsc-result:hover,
.search-container .gsc-results .gsc-imageResult:hover {
  background-color: transparent;
  border: none;
}
.search-container .gsc-result {
  background-color: transparent;
  margin-top: 15px;
  margin-bottom: 0px;
  border: none;
}
.search-container .gsc-result b {
  font-weight: bold;
}
.search-container .gsc-url-bottom div {
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.search-container .gsc-results .gsc-cursor-box {
  vertical-align: bottom;
  margin-top: 25px;
}
.search-container .gsc-results .gsc-cursor-box .gsc-cursor-page {
  text-decoration: none;
  padding: 5px 9px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 600;
  background-color: #EBEBEB;
  color: #a7a9ac;
}
.search-container .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
  background-color: #0078A9;
  color: #FFFFFF;
  text-shadow: none;
  border-bottom: none;
}
.search-container .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page:hover {
  text-decoration: none;
}
.search-container .content-box-wrapper {
  margin-top: 40px;
}
.gssb_c {
  margin-left: -50%;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
@media (min-width: 992px) {
  .search-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* For small desktop only */
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  .search-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* Everything except mobile */
/* For mobile only */
@media (max-width: 767px) {
  .search-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .search-container .gsc-results-wrapper-visible {
    margin-top: 25px;
  }
}
.modal .close,
.modal-overlay .close {
  display: block;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
  pointer-events: auto;
  -webkit-transform: none;
  transform: none;
  background: none;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  z-index: 400;
  margin: 0;
}
.modal .close i,
.modal-overlay .close i {
  color: #c8c8c8;
  font-size: 40px;
  line-height: 40px;
}
.modal .close:hover,
.modal-overlay .close:hover {
  cursor: pointer;
}
.modal .close:hover i,
.modal-overlay .close:hover i {
  color: #0078A9;
}
.modal {
  position: fixed;
  z-index: 2000;
}
.modal .close {
  top: 10px;
  right: 15px;
}
.modal .modal-body {
  padding: 60px 15px 15px 15px;
}
.modal .modal-body #carousel-container .slick-prev,
.modal .modal-body #carousel-container .slick-next {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
  margin-top: 0;
  background-color: #0078A9;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  text-align: center;
  top: 50%;
  margin-top: -15px;
  z-index: 3000;
}
.modal .modal-body #carousel-container .slick-prev i,
.modal .modal-body #carousel-container .slick-next i {
  color: #FFFFFF;
  font-size: 15px;
}
.modal .modal-body #carousel-container .slick-prev:hover,
.modal .modal-body #carousel-container .slick-next:hover,
.modal .modal-body #carousel-container .slick-prev:focus,
.modal .modal-body #carousel-container .slick-next:focus,
.modal .modal-body #carousel-container .slick-prev:visited,
.modal .modal-body #carousel-container .slick-next:visited {
  background-color: #0078A9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
}
.modal .modal-body #carousel-container .slick-prev:hover i,
.modal .modal-body #carousel-container .slick-next:hover i,
.modal .modal-body #carousel-container .slick-prev:focus i,
.modal .modal-body #carousel-container .slick-next:focus i,
.modal .modal-body #carousel-container .slick-prev:visited i,
.modal .modal-body #carousel-container .slick-next:visited i {
  color: #FFFFFF;
}
.modal .modal-body #carousel-container .slick-prev:before,
.modal .modal-body #carousel-container .slick-next:before,
.modal .modal-body #carousel-container .slick-prev:after,
.modal .modal-body #carousel-container .slick-next:after {
  display: none;
}
.modal .modal-body #carousel-container .slick-prev {
  left: 15px;
  padding: 4px 5px 4px 3px;
}
.modal .modal-body #carousel-container .slick-next {
  right: 15px;
  padding: 4px 3px 4px 5px;
  margin-right: 0;
}
.modal .modal-body #carousel-container .slick-slider {
  margin: 0;
}
.modal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #FFFFFF;
  z-index: 3000;
}
.modal-overlay .container {
  margin-top: 50px;
  margin-bottom: 50px;
}
.modal-overlay .close {
  top: 30px;
  right: 30px;
}
.modal-overlay.modal-overlay-door {
  visibility: hidden;
  width: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s;
  transition: width 0.5s 0.3s, visibility 0s 0.8s;
}
.modal-overlay.modal-overlay-door .close {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 8 */
  filter: alpha(opacity=0);
  /* IE 5-7 */
  -moz-opacity: 0;
  /* Netscape */
  -khtml-opacity: 0;
  /* Safari 1.x */
  opacity: 0;
  /* Good browsers */
  -webkit-transition: opacity 0.3s 0.5s;
  transition: opacity 0.3s 0.5s;
}
.modal-overlay.modal-overlay-door .container {
  visibility: hidden;
  display: none;
}
.modal-overlay.modal-overlay-door.open {
  visibility: visible;
  width: 100%;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-overlay.modal-overlay-door.open .close {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.modal-overlay.modal-overlay-door.open .container {
  visibility: visible;
  display: block;
}
.modal-overlay.modal-overlay-door.close .close {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
@media (min-width: 992px) {
  .modal-overlay .container {
    padding: 0 7px 0 22px;
  }
}
/* For large desktop only */
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  .modal-overlay .close {
    top: 25px;
    right: 25px;
  }
  .modal-overlay .close i {
    font-size: 35px;
    line-height: 35px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  .modal-overlay .close {
    top: 20px;
    right: 20px;
  }
  .modal-overlay .close i {
    font-size: 30px;
    line-height: 30px;
  }
  .modal-overlay .container {
    padding: 0 7px 0 22px;
  }
}
/* Everything except mobile */
/* For mobile only */
@media (max-width: 767px) {
  .modal-overlay .close {
    top: 15px;
    right: 15px;
  }
  .modal-overlay .close i {
    font-size: 25px;
    line-height: 25px;
  }
  .modal-overlay #search-container {
    padding: 0 20px;
  }
  .modal-overlay .container {
    margin-bottom: 35px;
    margin-top: 35px;
    padding-left: 22px;
    padding-right: 22px;
  }
}
html[data-useragent*='MSIE 9.0'] body .hidden-ie-nine {
  display: none;
}
html[data-useragent*='MSIE 9.0'] body .visible-ie-nine {
  display: block;
}
html[data-useragent*='MSIE 9.0'] body figure figcaption p,
html[data-useragent*='MSIE 9.0'] body .figure-tag figcaption p {
  display: none;
}
html[data-useragent*='MSIE 9.0'] body figure:hover figcaption p,
html[data-useragent*='MSIE 9.0'] body .figure-tag:hover figcaption p {
  display: table;
}
.browser-ie8 .modal-overlay .close {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
}
.browser-ie8 .modal-overlay.modal-overlay-door {
  left: 0;
}
.browser-ie8 .search-container .gsc-search-box .gsc-input input {
  background-image: none !important;
}
.browser-ie8 .search-container .gsc-search-button input {
  background-color: #0078A9;
  height: 53px;
  width: 90px;
}
.browser-ie8 body .hidden-ie-height {
  display: none;
}
.browser-ie8 body .visible-ie-height {
  display: block;
}
.browser-ie8 body .drop-shadow-grey-right {
  margin-right: -222px;
  padding-right: 222px;
}
.browser-ie8 body figure figcaption p,
.browser-ie8 body .figure-tag figcaption p {
  display: none;
}
.browser-ie8 body figure:hover figcaption p,
.browser-ie8 body .figure-tag:hover figcaption p {
  display: table;
}
.browser-ie8 body .promo figure figcaption,
.browser-ie8 body .promo .figure-tag figcaption {
  background: #FFFFFF;
}
.browser-ie8 body .breadcrumbs {
  background-image: none;
  margin-left: -22px;
}
.browser-ie8 body .breadcrumbs:before {
  background-image: none;
}
.browser-ie8 body .breadcrumbs .wrapper {
  padding-left: 24px;
  padding-right: 26px;
}
.browser-ie8 .gssb_c {
  margin-left: 0;
}
header {
  -webkit-box-shadow: inset 0px -4px 4px -4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px -4px 4px -4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px -4px 4px -4px rgba(0, 0, 0, 0.1);
  background-image: url(/images/ppg_image_header.png);
  background-size: auto 100%;
}
header .logo {
  display: block;
  position: absolute;
  top: 5px;
  left: 37px;
  z-index: 90;
  height: auto;
}

header .logo img {
  width:80%
}

header .utilities {
  text-align: right;
}
header .utilities ul {
  margin: 0;
}
header .utilities ul li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 16px;
  margin-left: 12px;
  margin-top: 11px;
}
header .utilities ul li a {
  color: #FFFFFF;
  font-size: 13px;
  line-height: 16px;
  text-decoration: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  /* IE 8 */
  filter: alpha(opacity=90);
  /* IE 5-7 */
  -moz-opacity: 0.9;
  /* Netscape */
  -khtml-opacity: 0.9;
  /* Safari 1.x */
  opacity: 0.9;
  /* Good browsers */
}
header .utilities ul li a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
}
header .utilities ul li.search-modal-trigger {
  margin-left: 8px;
  margin-right: 4px;
}
header .utilities ul li.search-modal-trigger:hover {
  cursor: pointer;
}
header .navbar {
  background: none;
  padding-left: 125px;
  box-shadow: none;
  border: 0;
  margin: 0;
  min-height: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  z-index: 80;
}
header .navbar .navbar-collapse {
  border-color: none;
  padding-left: 0;
  padding-right: 0;
}
header .navbar .navbar-collapse .navbar-nav {
  *zoom: 1;
  margin: 0 0 -1px 0;
  padding: 8px 8px 0 0;
  overflow: visible !important;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
  /* IE6-9 */
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  z-index: 1000;
}
header .navbar .navbar-collapse .navbar-nav:before,
header .navbar .navbar-collapse .navbar-nav:after {
  display: table;
  content: "";
  line-height: 0;
}
header .navbar .navbar-collapse .navbar-nav:after {
  clear: both;
}
header .navbar .navbar-collapse .navbar-nav li {
  margin: 0 0 0 8px;
}
header .navbar .navbar-collapse .navbar-nav li a {
  color: #0078A9;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
header .navbar .navbar-collapse .navbar-nav li.dropdown {
  overflow: visible !important;
}
header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu {
  -webkit-border-radius: 10px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topright: 0;
  border-radius: 10px;
  border-top-right-radius: 0;
  background-color: #0078A9;
  border: none;
  min-width: 100%;
  padding: 9px 0 0 0;
  margin-top: -7px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.15);
  box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.15);
}
header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li {
  display: block;
  min-width: initial;
  width: 100%;
  margin: 0;
  padding: 0 8px 8px 8px;
}
header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li a {
  color: #FFFFFF;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  text-transform: none;
  font-weight: 500;
  -webkit-box-shadow: none;
  box-shadow: none;
  white-space: nowrap;
  padding: 9px;
}
/*************************/
/* Media queries */
/*************************/
/* Everything except mobile */
@media (min-width: 768px) {
  header .navbar .navbar-collapse .navbar-nav li:hover,
  header .navbar .navbar-collapse .navbar-nav li.active {
    background-color: #0078A9;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.15);
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  header .navbar .navbar-collapse .navbar-nav li:hover a,
  header .navbar .navbar-collapse .navbar-nav li.active a {
    background-color: transparent !important;
    background-image: none;
    color: #FFFFFF;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li a.active {
    background-color: #FFFFFF !important;
    color: #0078A9;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li:hover {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li:hover a {
    background-color: #FFFFFF !important;
    color: #0078A9;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown:hover,
  header .navbar .navbar-collapse .navbar-nav li.dropdown.active {
    background-color: #0078A9;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown:hover .dropdown-menu,
  header .navbar .navbar-collapse .navbar-nav li.dropdown.active .dropdown-menu {
    display: block;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown:hover .dropdown-menu li:hover,
  header .navbar .navbar-collapse .navbar-nav li.dropdown.active .dropdown-menu li:hover {
    margin: 0!important;
    padding: 0 8px 8px 8px!important;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown:hover .dropdown-menu li:hover a,
  header .navbar .navbar-collapse .navbar-nav li.dropdown.active .dropdown-menu li:hover a {
    margin: 0!important;
  }
}
/* For large desktop only */
@media (min-width: 1200px) {
  header .logo {    
    width: 330px;
    top: 5px;
  }
  header .utilities,
  header .navbar {
    padding-left: 140px;
  }
  header .navbar {
    padding-top: 9px;
  }
  header .navbar .navbar-collapse .navbar-nav li {
    min-width: 105px;
  }
  header .navbar .navbar-collapse .navbar-nav li a {
    font-size: 16px;
    line-height: 17px;
    padding: 15px 10px;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li a {
    font-size: 15px;
    line-height: 18px;
  }
}
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  header .logo {
    width: 275px;
  }
  header .navbar {
    padding-top: 10px;
    padding-left: 114px;
  }
  header .navbar .navbar-collapse .navbar-nav li {
    min-width: 85px;
  }
  header .navbar .navbar-collapse .navbar-nav li a {
    font-size: 13px;
    line-height: 16px;
    padding: 12px 7px;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li a {
    font-size: 13px;
    line-height: 13px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  header .logo {
    left: 30px;
    width: 200px;
    top:8px;
  }
  header .utilities ul li {
    margin-top: 9px;
  }
  header .utilities ul li a {
    font-size: 12px;
  }
  header .navbar {
    padding-top: 8px;
    padding-left: 107px;
  }
  header .navbar .navbar-collapse .navbar-nav {
    padding-top: 4px;
  }
  header .navbar .navbar-collapse .navbar-nav .caret {
    margin-left: 5px;
  }
  header .navbar .navbar-collapse .navbar-nav li {
    min-width: 70px;
    margin: 0 0 0 4px;
  }
  header .navbar .navbar-collapse .navbar-nav li a {
    font-size: 11px;
    line-height: 14px;
    padding: 11px 4px;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu {
    padding-top: 6px;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li {
    padding: 0 6px 6px 6px;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li a {
    padding: 6px 10px;
    font-size: 13px;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown:hover .dropdown-menu li:hover,
  header .navbar .navbar-collapse .navbar-nav li.dropdown.active .dropdown-menu li:hover {
    padding: 0 6px 6px 6px !important;
  }
}
/* For mobile only */
@media (max-width: 767px) {
  header .logo {
    top: 8px;
    left: 15px;
    width: 180px;
  }
  header .utilities {
    float: right;
    height: 47px;
    margin-top: 15px;
    padding-left: 42px;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
    /* IE6-9 */
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 1500;
  }
  header .utilities .search-modal-trigger {
    position: absolute;
    right: 53px;
    top: 7px;
    color: #0078A9;
    margin: 0;
    padding: 9px 10px;
    font-size: 17px;
    z-index: 800;
  }
  header .utilities .navbar-toggle {
    margin: 7px 11px 7px 7px;
    z-index: 2500;
  }
  header .utilities .navbar-toggle .icon-bar {
    background-color: #0078A9;
  }
  header .navbar {
    position: absolute;
    top: 62px;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 2500;
  }
  header .navbar .navbar-collapse {
    width: 100%;
    margin: 0 0 -10px 0;
    padding: 0;
    border: none;
  }
  header .navbar .navbar-collapse .navbar-nav {
    background: none;
    background-color: #EBEBEB;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  header .navbar .navbar-collapse .navbar-nav li {
    display: block;
    margin-left: 0;
    border-bottom: 1px solid #dedede;
  }
  header .navbar .navbar-collapse .navbar-nav li a {
    background: none;
    padding: 17px 15px;
    font-size: 14px;
    line-height: 14px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  header .navbar .navbar-collapse .navbar-nav li.active {
    background: #0078A9;
  }
  header .navbar .navbar-collapse .navbar-nav li.active a {
    background: transparent;
    color: #FFFFFF;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu {
    display: block;
    position: relative;
    float: none;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li {
    border-bottom: none;
    border-top: 1px solid #dedede;
    padding: 0;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li a {
    color: #0078A9;
    padding: 17px 15px;
    font-size: 13px;
    line-height: 13px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li a.active {
    background: #0078A9 !important;
    color: #FFFFFF;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li.active {
    background: #0078A9;
  }
  header .navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li.active a {
    background: transparent;
    color: #FFFFFF;
  }
}
footer {
  position: relative;
  padding: 20px;
  -webkit-box-shadow: inset 0px -4px 4px -4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.25);
  z-index: 999;
}
footer p,
footer a {
  color: #FFFFFF;
}
footer p {
  margin-bottom: 0;
}
footer a {
  margin-left: 15px;
  text-decoration: none;
}
footer a:hover,
footer a:focus,
footer a:visited {
  color: #FFFFFF;
  text-decoration: underline;
}
footer img {
  width: auto;
  width: initial;
}
footer .copyright p,
footer .links p,
footer .links-external p,
footer .copyright a,
footer .links a,
footer .links-external a {
  font-size: 13px;
}
footer .copyright,
footer .links-external {
  position: absolute;
  top: 0;
}
footer .copyright {
  left: 15px;
}
footer .links {
  width: 100%;
  padding: 0 25%;
  text-align: center;
}
footer .links-external {
  right: 15px;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
/* For large desktop only */
/* For small desktop only */
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  footer a {
    margin-left: 8px;
  }
}
/* Everything except mobile */
/* For mobile only */
@media (max-width: 767px) {
  footer .copyright,
  footer .links,
  footer .links-external {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
  footer .links a {
    display: block;
  }
  footer .copyright,
  footer .links-external {
    position: relative;
    left: auto;
    right: auto;
  }
}
.show-shortlist {
  text-align: right;
  background-color: #EBEBEB;
  margin-top: -43px;
}
.show-shortlist a {
  display: block;
  width: 200px;
  margin: 0 auto;
  background-color: #0078A9;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  height: 43px;
  line-height: 43px;
  padding: 0 18px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.show-shortlist a:hover,
.show-shortlist a:active,
.show-shortlist a:visited,
.show-shortlist a:focus {
  background-color: #0078A9;
  text-decoration: none;
}
.show-shortlist a i {
  margin-left: 3px;
}
.colour-shortlist {
  position: relative;
  z-index: 100;
  background-color: #EBEBEB;
  border-top: 3px solid #0078A9;
  overflow: hidden;
  left: 0;
  width: 100%;
  padding: 25px 0;
}
.colour-shortlist .btn {
  margin-top: 0;
}
.colour-shortlist .slick-prev,
.colour-shortlist .slick-next {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
  margin-top: 0;
  background-color: #0078A9;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  text-align: center;
  top: 31px;
}
.colour-shortlist .slick-prev i,
.colour-shortlist .slick-next i {
  color: #FFFFFF;
  font-size: 15px;
}
.colour-shortlist .slick-prev:hover,
.colour-shortlist .slick-next:hover,
.colour-shortlist .slick-prev:focus,
.colour-shortlist .slick-next:focus,
.colour-shortlist .slick-prev:visited,
.colour-shortlist .slick-next:visited {
  background-color: #0078A9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
}
.colour-shortlist .slick-prev:hover i,
.colour-shortlist .slick-next:hover i,
.colour-shortlist .slick-prev:focus i,
.colour-shortlist .slick-next:focus i,
.colour-shortlist .slick-prev:visited i,
.colour-shortlist .slick-next:visited i {
  color: #FFFFFF;
}
.colour-shortlist .slick-prev:before,
.colour-shortlist .slick-next:before,
.colour-shortlist .slick-prev:after,
.colour-shortlist .slick-next:after {
  display: none;
}
.colour-shortlist .slick-prev {
  left: 0;
  padding: 4px 5px 4px 3px;
}
.colour-shortlist .slick-next {
  right: 0;
  padding: 4px 3px 4px 5px;
  margin-right: 0;
}
.colour-shortlist .slick-slider {
  padding: 0 30px 17px 45px;
  margin: 0;
}
.colour-shortlist .slick-slider .slick-slide {
  padding-right: 20px;
}
.colour-shortlist .slick-slider .slick-slide .colorbox {
  width: 100%;
  color: #fff;
  font-size: 10px;
  line-height: 12px;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.colour-shortlist .slick-slider .slick-slide .colorbox .remove-from-shortlist {
  display: none;
  position: absolute;
  top: 5px;
  right: 3px;
  width: 17px;
  height: 17px;
  font-size: 15px;
  line-height: 15px;
  z-index: 1000;
  color: #FFFFFF;
}
.colour-shortlist .slick-slider .slick-slide .colorbox .colour-desc {
  display: none;
  position: relative;
  width: 100%;
  position: absolute;
  left: 7px;
  bottom: 5px;
}
.colour-shortlist .slick-slider .slick-slide .colorbox .colour-desc span {
  display: block;
}
.colour-shortlist .slick-slider .slick-slide .colorbox.black-text {
  color: #333;
}
.colour-shortlist .slick-slider .slick-slide .colorbox.black-text .remove-from-shortlist {
  color: #333;
}
.colour-shortlist button.close-menu {
  background-color: #3184a1;
  color: #fff;
  display: block;
  line-height: 50px;
  margin: 0;
  padding: 0 10px;
}
.colour-shortlist button.close-menu:focus {
  outline: none;
}
.colour-shortlist .review-my-shortlist-container {
  text-align: center;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
@media (min-width: 992px) {
  .colour-shortlist .slick-slide .colorbox .remove-from-shortlist:hover {
    color: #FFFFFF;
  }
  .colour-shortlist .slick-slide .colorbox:hover {
    cursor: pointer;
  }
  .colour-shortlist .slick-slide .colorbox:hover .remove-from-shortlist {
    display: block;
  }
  .colour-shortlist .slick-slide .colorbox:hover .colour-desc {
    display: block;
  }
  .colour-shortlist .slick-slide .colorbox.black-text .remove-from-shortlist:hover {
    color: #333;
  }
}
/* For large desktop only */
@media (min-width: 1200px) {
  .colour-shortlist .slick-prev,
  .colour-shortlist .slick-next {
    top: 30px;
  }
  .colour-shortlist .slick-slider .slick-slide .colorbox {
    height: 90px;
  }
}
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  .colour-shortlist .slick-prev,
  .colour-shortlist .slick-next {
    top: 31px;
  }
  .colour-shortlist .slick-slider .slick-slide .colorbox {
    height: 91px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  .colour-shortlist .slick-prev,
  .colour-shortlist .slick-next {
    top: 18px;
  }
  .colour-shortlist .slick-slider .slick-slide .colorbox {
    height: 67px;
  }
  .colour-shortlist .slick-slider .slick-slide .colorbox .remove-from-shortlist,
  .colour-shortlist .slick-slider .slick-slide .colorbox .colour-desc {
    display: block;
  }
}
/* Everything except mobile */
/* For mobile only */
@media (max-width: 767px) {
  .colour-shortlist .slick-prev,
  .colour-shortlist .slick-next {
    top: 1px;
  }
  .colour-shortlist .slick-slider {
    margin: 0 22px;
    padding: 0 43px 17px 44px;
  }
  .colour-shortlist .slick-slider .slick-slide {
    padding-right: 8px;
  }
  .colour-shortlist .slick-slider .slick-slide .colorbox {
    height: 33px;
  }
  .colour-shortlist .slick-slider .slick-slide .colorbox .remove-from-shortlist {
    display: block;
  }
}
.explore-colours-widget .table {
  display: table;
  position: relative;
}
.explore-colours-widget .colourwall .results-container {
  display: block;
}
.explore-colours-widget .colourwall .results-container .table {
  margin: 0px auto;
  table-layout: fixed;
}
.explore-colours-widget .colourwall .results-container .table .wall-row {
  display: table-row;
  position: relative;
  width: 100%;
}
.explore-colours-widget .colourwall .results-container .table .wall-row .wall-cell {
  display: table-cell;
  position: relative;
}
.explore-colours-widget .colourwall .results-container .table .wall-row .wall-cell.colour-wall-item {
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: #EBEBEB;
  color: #FFFFFF;
}
.explore-colours-widget .colourwall .results-container .table .wall-row .wall-cell.colour-wall-item.colour-block {
  cursor: pointer;
  vertical-align: bottom;
}
.explore-colours-widget .colourwall .results-container .table .wall-row .wall-cell.colour-wall-item.colour-block.black-text {
  color: #333333;
}
.explore-colours-widget .colourwall .results-container .table .wall-row .wall-cell.colour-wall-item.colour-block .more-info {
  display: none;
  height: 12px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 12px;
}
.explore-colours-widget .colourwall .results-container .table .wall-row .wall-cell.colour-wall-item.colour-block .more-info .fa {
  font-size: 12px;
  line-height: 12px;
}
.explore-colours-widget .colourwall .results-container .table .wall-row .wall-cell.colour-wall-item.colour-block .colour-desc {
  display: none;
  width: 94%;
  padding: 3%;
  padding: 3px;
}
.explore-colours-widget .colourwall .results-container .table .wall-row .wall-cell.colour-wall-item.colour-block .colour-desc span {
  display: block;
  font-size: 10px;
  line-height: 12px;
}
.explore-colours-widget .colourwall .results-container .table .wall-row .wall-cell.colour-wall-item.colour-block .colour-desc span.bold {
  font-weight: bold;
}
.explore-colours-widget .colourwall .results-container .table .wall-row .wall-cell.colour-wall-item.colour-block:hover .more-info,
.explore-colours-widget .colourwall .results-container .table .wall-row .wall-cell.colour-wall-item.colour-block:hover .colour-desc {
  display: block;
}
.explore-colours-widget .colour-index .colour-index-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.explore-colours-widget .colour-index .colour-index-table .colour-index-tr {
  display: table-row;
}
.explore-colours-widget .colour-index .colour-index-table .colour-index-tr .colour-index-prev,
.explore-colours-widget .colour-index .colour-index-table .colour-index-tr .colour-index-next {
  color: #FFFFFF;
  width: 30px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: #0078a9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0078a9), color-stop(100%, #00648e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0078a9 0%, #00648e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a9', endColorstr='#00648e', GradientType=0);
  /* IE6-9 */
}
.explore-colours-widget .colour-index .colour-index-table .colour-index-tr .colour-index-prev i,
.explore-colours-widget .colour-index .colour-index-table .colour-index-tr .colour-index-next i {
  padding: 0 5px;
  font-size: 15px;
}
.explore-colours-widget .colour-index .colour-index-table .colour-index-tr .colour-index-prev,
.explore-colours-widget .colour-index .colour-index-table .colour-index-tr .colour-index-items,
.explore-colours-widget .colour-index .colour-index-table .colour-index-tr .colour-index-next {
  display: table-cell;
  height: 60px;
}
.explore-colours-widget .colour-index .colour-index-table .colour-index-tr .colour-index-prev {
  -webkit-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  vertical-align: middle;
  cursor: pointer;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.explore-colours-widget .colour-index .colour-index-table .colour-index-tr .colour-index-next {
  -webkit-border-radius: 0px 10px 10px 0px;
  border-radius: 0px 10px 10px 0px;
  vertical-align: middle;
  cursor: pointer;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.explore-colours-widget .colour-index .colour-index-table .colour-index-tr .colour-index-items {
  cursor: pointer;
}
.explore-colours-widget .colour-index .colour-index-table .colour-index-tr .colour-index-items.active {
  border: 1px solid black;
}
.explore-colours-widget .colour-index .colour-index-table .colour-index-tr .colour-index-items a {
  display: table-cell;
  height: 50px;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
@media (min-width: 992px) {
  #colourwall {
    padding-top: 20px;
  }
  #colourwall .colour-details-widget #LightingEffectsView-Container .span2 {
    width: 17.9%;
  }
}
/* For large desktop only */
/* For small desktop only */
/* For tablet only */
/* Everything except mobile */
/* For mobile only */
@media (max-width: 767px) {
  .explore-colours-widget .colourwall .results-container {
    height: 193px !important;
  }
  .explore-colours-widget .colourwall .results-container .table {
    height: 192px;
  }
  .explore-colours-widget .colourwall .results-container .colour-block {
    height: 23px !important;
  }
}
.colour-detail-modal.colour-detail-modal-door .colour-details-widget {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 8 */
  filter: alpha(opacity=0);
  /* IE 5-7 */
  -moz-opacity: 0;
  /* Netscape */
  -khtml-opacity: 0;
  /* Safari 1.x */
  opacity: 0;
  /* Good browsers */
  -webkit-transition: opacity 0.3s 0.5s;
  transition: opacity 0.3s 0.5s;
}
.colour-detail-modal.colour-detail-modal-door.open .colour-details-widget {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.colour-detail-modal.colour-detail-modal-door.close .colour-details-widget {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.colour-details-widget .colour-details-block {
  height: 150px;
  display: block;
  position: relative;
  cursor: pointer;
  margin-top: 10px;
  padding: 20px;
  color: #fff;
}
.colour-details-widget .colour-details-block .colour-information .display-field {
  margin-bottom: 5px;
}
.colour-details-widget .colour-details-block .lighting-effect .span3 {
  width: 50px;
  height: 50px;
}
.colour-details-widget .colour-details-block .empty-message {
  display: none;
  text-align: center;
  vertical-align: middle;
  width: 90%;
  padding: 70px 5% 0 5%;
  height: 90px;
}
.colour-details-widget .colour-details-block.empty {
  background-color: white;
  border: 1px solid #BCBCBC;
  cursor: none;
}
.colour-details-widget .colour-details-block.empty .btn-add {
  display: none;
}
.colour-details-widget .colour-details-block.empty .empty-message {
  display: block;
}
.colour-details-widget #lighting-effect-view-container {
  text-align: center;
}
.colour-details-widget #lighting-effect-view-container .colorbox-wrapper {
  width: 20%;
  float: left;
}
.colour-details-widget #lighting-effect-view-container .colorbox-wrapper .colorbox {
  width: 100%;
  height: 85px;
  margin-bottom: 5px;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.colour-details-widget #lighting-effect-view-container .colorbox-wrapper .lighting-no-background {
  font-size: 12px;
  line-height: 17px;
}
.colour-details-widget #lighting-effect-view-container .lighting1,
.colour-details-widget #lighting-effect-view-container .lighting2,
.colour-details-widget #lighting-effect-view-container .lighting3,
.colour-details-widget #lighting-effect-view-container .lighting4 {
  height: 40px;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
/* For large desktop only */
@media (min-width: 1200px) {
  .colour-details-widget .inline-tip-alt {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-top: 15px;
  }
}
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  .colour-details-widget .inline-tip-alt {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    margin-top: 15px;
  }
  .colour-details-widget .colour-details-block {
    height: 210px;
  }
  .colour-details-widget #lighting-effect-view-container {
    margin-bottom: 20px;
    margin-top: 25px;
  }
  .colour-details-widget #lighting-effect-view-container .colorbox-wrapper .colorbox {
    height: 75px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  .colour-details-widget .inline-tip-alt {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    margin-top: 20px;
  }
  .colour-details-widget .colour-details-block {
    height: 180px;
  }
  .colour-details-widget #lighting-effect-view-container {
    margin-bottom: 10px;
    margin-top: 15px;
  }
  .colour-details-widget #lighting-effect-view-container .colorbox-wrapper .colorbox {
    height: 65px;
  }
  .colour-details-widget .room-selector {
    margin-bottom: 30px;
  }
  .colour-details-widget .room-selector.mobile-contextual-image .room-select-image-active {
    display: block;
  }
  .colour-details-widget .room-selector.mobile-contextual-image .room-select-image-1 {
    display: none;
  }
}
/* Everything except mobile */
/* For mobile only */
@media (max-width: 767px) {
  .colour-details-widget .inline-tip-alt {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-top: 20px;
  }
  .colour-details-widget .btn-save-colour {
    margin-top: 25px;
  }
  .colour-details-widget .container {
    margin-top: 35px;
  }
  .colour-details-widget .colour-details-block {
    height: 210px;
  }
  .colour-details-widget #lighting-effect-view-container {
    margin-bottom: 0;
    margin-top: 0;
  }
  .colour-details-widget #lighting-effect-view-container .colorbox-wrapper {
    width: 20%;
    padding: 0;
    margin-bottom: 15px;
  }
  .colour-details-widget #lighting-effect-view-container .colorbox-wrapper .colorbox {
    height: 87px;
  }
  .colour-details-widget #lighting-effect-view-container .colorbox-wrapper .lighting-no-background {
    font-size: 12px;
  }
  .colour-details-widget .room-selector {
    margin-bottom: 30px;
  }
  .colour-details-widget .room-selector.mobile-contextual-image .room-select-image-active {
    display: block;
  }
  .colour-details-widget .room-selector.mobile-contextual-image .room-select-image-1 {
    display: none;
  }
}
#paint-calculator-widget h3 {
  margin-bottom: 9px !important;
}
#paint-calculator-widget label {
  font-size: 14px;
  line-height: 16px;
}
#paint-calculator-widget #room-measurements .form-group {
  margin: 5px 0;
}
#paint-calculator-widget .calculator-btn {
  margin-top: 3px;
}
#paint-calculator-widget #calculation-results {
  margin: 22px -22px -22px -22px;
  padding: 22px;
  background-color: #f8f8f8;
  position: relative;
}
#paint-calculator-widget #calculation-results p,
#paint-calculator-widget #calculation-results label {
  padding-left: 90px;
}
#paint-calculator-widget #calculation-results #calculation-total {
  font-size: 22px;
  line-height: 34px;
  font-weight: 800;
  margin: 0;
  text-transform: uppercase;
  color: #0078A9;
}
#paint-calculator-widget #calculation-results #calculation-total span {
  font-size: 34px;
  line-height: 34px;
  margin-right: 3px;
}
#paint-calculator-widget #calculation-results .product-shot {
  position: absolute;
  top: 12px;
  left: 22px;
  width: 80px;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
/* For large desktop only */
/* For small desktop only */
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  #paint-calculator-widget #calculation-results .product-shot {
    top: 16px;
    left: 12px;
    width: 66px;
  }
  #paint-calculator-widget #calculation-results p,
  #paint-calculator-widget #calculation-results label {
    padding-left: 60px;
  }
  #paint-calculator-widget #calculation-results #calculation-total {
    font-size: 17px;
    line-height: 29px;
  }
  #paint-calculator-widget #calculation-results #calculation-total span {
    font-size: 29px;
    line-height: 29px;
  }
}
/* Everything except mobile */
/* For mobile only */
@media (max-width: 767px) {
  #paint-calculator-widget #calculation-results {
    padding-bottom: 32px;
  }
}
.related-products {
  background-color: #EBEBEB;
  border-top: 3px solid #0078A9;
  left: 0;
  overflow: hidden;
  padding: 25px 0 15px 0 !important;
  position: relative;
  width: 100%;
  z-index: 100;
}
.related-products h2 {
  margin-top: 0px;
  margin-bottom: 15px;
}
.related-products .row {
  margin-top: 0 !important;
}
.related-products .product-preview {
  width: 33%!important;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
@media (min-width: 992px) {
  .related-products .product-preview h2,
  .related-products .product-preview h3 {
    min-height: 0!important;
  }
}
/* For large desktop only */
/* For small desktop only */
/* For tablet only */
/* Everything except mobile */
/* For mobile only */
@media (max-width: 767px) {
  .related-products {
    padding-left: 22px!important;
    padding-right: 22px!important;
    padding-bottom: 22px!important;
  }
  .related-products .product-preview {
    width: 100%!important;
  }
}
.b-feature {
  position: absolute;
  width: 250px;
}
.b-feature .b-feature-slider {
  background-color: #FFFFFF;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 0;
  padding: 0;
  visibility: hidden;
}
.b-feature .b-feature-slider a {
  display: block;
  text-decoration: none !important;
  padding: 15px;
}
.b-feature .b-feature-slider.slick-initialized {
  visibility: visible;
}
.b-feature .b-feature-slider .slick-prev,
.b-feature .b-feature-slider .slick-next {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
  margin-top: 0;
  background-color: #0078A9;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  text-align: center;
  top: auto;
  bottom: 17px;
}
.b-feature .b-feature-slider .slick-prev i,
.b-feature .b-feature-slider .slick-next i {
  color: #FFFFFF;
  font-size: 15px;
}
.b-feature .b-feature-slider .slick-prev:hover,
.b-feature .b-feature-slider .slick-next:hover,
.b-feature .b-feature-slider .slick-prev:focus,
.b-feature .b-feature-slider .slick-next:focus,
.b-feature .b-feature-slider .slick-prev:visited,
.b-feature .b-feature-slider .slick-next:visited {
  background-color: #0078A9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
}
.b-feature .b-feature-slider .slick-prev:hover i,
.b-feature .b-feature-slider .slick-next:hover i,
.b-feature .b-feature-slider .slick-prev:focus i,
.b-feature .b-feature-slider .slick-next:focus i,
.b-feature .b-feature-slider .slick-prev:visited i,
.b-feature .b-feature-slider .slick-next:visited i {
  color: #FFFFFF;
}
.b-feature .b-feature-slider .slick-prev:before,
.b-feature .b-feature-slider .slick-next:before,
.b-feature .b-feature-slider .slick-prev:after,
.b-feature .b-feature-slider .slick-next:after {
  display: none;
}
.b-feature .b-feature-slider .slick-prev {
  left: 15px;
  padding: 4px 5px 4px 3px;
}
.b-feature .b-feature-slider .slick-next {
  right: 15px;
  padding: 4px 3px 4px 5px;
  margin-right: 0;
}
.b-feature .b-feature-slider .thumbnail {
  border: 0;
  padding: 0;
  margin-bottom: 15px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.b-feature .b-feature-slider .description {
  height: 36px;
  padding: 0 40px;
  overflow: hidden;
}
.b-feature .b-feature-slider .description p {
  display: table;
  height: 100%;
  color: #282828;
  line-height: 18px;
  margin: 0;
}
.b-feature .b-feature-slider .description p span {
  display: table-cell;
  vertical-align: middle;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
@media (min-width: 992px) {
  .b-feature {
    bottom: 35px;
    left: 35px;
  }
}
/* For large desktop only */
/* For small desktop only */
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  .b-feature {
    bottom: 30px;
    left: 30px;
  }
}
/* Everything except mobile */
/* For mobile only */
#home-page {
  padding-top: 10px;
  /* Carousel */
}
#home-page .landing-copy {
  text-align: center;
}
#home-page .landing-copy h2 {
  text-transform: none;
  font-weight: 700;
  margin-bottom: 20px;
}
#home-page .promos {
  padding-top: 0;
}
#home-page .feature-promo .a-feature-slider-title .slick-list {
  height: 100%;
}
#home-page .feature-promo .a-feature-slider-title .slick-list .slick-track {
  height: 100%;
  width: 100% !important;
}
#home-page .feature-promo .a-feature-slider-title .slick-list .slick-track .slick-slide {
  position: absolute !important;
  left: 0 !important;
  opacity: 0;
}
#home-page .feature-promo .a-feature-slider button {
  background-color: #0078a9;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  z-index: 1000;
}
#home-page .feature-promo .a-feature-slider button.slick-prev {
  left: 24px;
}
#home-page .feature-promo .a-feature-slider button.slick-prev .fa {
  padding-right: 2px;
}
#home-page .feature-promo .a-feature-slider button.slick-next {
  right: 0;
}
#home-page .feature-promo .a-feature-slider button.slick-next .fa {
  padding-left: 2px;
}
#home-page .feature-promo .a-feature-slider button::before {
  content: "";
}
#home-page .feature-promo .a-feature-slider button .fa {
  color: white;
  font-size: 15px;
  line-height: 20px;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
@media (min-width: 992px) {
  .b-feature {
    left: 60px;
  }
}
/* For large desktop only */
@media (min-width: 1200px) {
  #home-page .landing-copy {
    padding: 0 120px;
  }
  #home-page .landing-copy h2 {
    font-size: 26px;
    line-height: 32px;
  }
  #home-page .landing-copy p {
    font-size: 17px;
    line-height: 29px;
  }
}
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  #home-page .landing-copy {
    padding: 0 20px;
  }
  #home-page .landing-copy h2 {
    font-size: 24px;
    line-height: 30px;
  }
  #home-page .landing-copy p {
    font-size: 16px;
    line-height: 26px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  #home-page .landing-copy {
    padding: 0 40px;
  }
  #home-page .landing-copy h2 {
    font-size: 22px;
    line-height: 27px;
  }
  #home-page .landing-copy p {
    font-size: 15px;
    line-height: 23px;
  }
  #home-page .b-feature {
    left: 60px;
  }
}
/* Everything except mobile */
/* For mobile only */
@media (max-width: 767px) {
  #home-page .landing-copy h2 {
    font-size: 20px;
    line-height: 24px;
  }
  #home-page .landing-copy p {
    font-size: 14px;
    line-height: 20px;
  }
  #home-page .content-box-wrapper .landing-copy {
    padding-right: 0;
    padding-bottom: 5px;
    width: 100%;
  }
  #home-page .content-box-wrapper .landing-copy ~ .colour-dial-instructions {
    right: auto;
    left: 20px;
    top: auto;
    bottom: 20px;
    width: 95px;
  }
  #home-page .content-box-wrapper .landing-copy ~ .colour-dial-wrapper {
    right: auto;
    left: 120px;
    top: auto;
    bottom: 17px;
    width: 150px;
  }
}
#colour-page {
  padding-bottom: 43px;
  /* Pick from picture */
  /* Search */
  /* Review Shortlist */
  /* Trends */
  /* Email Shortlist */
  /* NEW SHORTLIST */
}
#colour-page h2 {
  margin-bottom: 20px;
}
#colour-page .more-info {
  display: none;
  height: 12px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 12px;
}
#colour-page .more-info .fa {
  display: block;
  font-size: 12px;
  line-height: 12px;
  color: #FFFFFF;
}
#colour-page .colour-desc {
  position: absolute;
  width: 100%;
  overflow: hidden;
  padding: 5px;
  bottom: 0;
  left: 0;
  color: #FFFFFF;
  text-align: left;
}
#colour-page .colour-desc span {
  display: block;
}
#colour-page .colour,
#colour-page .colour-block,
#colour-page .colourResultItem {
  position: relative;
}
#colour-page .colour.black-text .more-info .fa,
#colour-page .colour-block.black-text .more-info .fa,
#colour-page .colourResultItem.black-text .more-info .fa {
  color: #282828;
}
#colour-page .colour.black-text .colour-desc,
#colour-page .colour-block.black-text .colour-desc,
#colour-page .colourResultItem.black-text .colour-desc {
  color: #282828;
}
#colour-page .colour-page-navigation {
  width: 100%;
  height: 50px;
  margin-bottom: 30px;
}
#colour-page .colour-page-navigation .btn {
  width: 25%;
  height: 100%;
  margin: 0;
}
#colour-page .explore-colours-widget {
  margin: 30px 0 0 0;
}
#colour-page .colour-index-table {
  margin-bottom: 30px;
}
#colour-page .inspiration {
  position: relative;
}
#colour-page .inspiration .image {
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
}
#colour-page .inspiration .selected-colour {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffe8db;
  z-index: 9;
  width: 100%;
  height: 100%;
}
#colour-page .carousel {
  margin-bottom: 20px;
}
#colour-page .carousel-control.left {
  background-color: #333333;
  color: #FFFFFF;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  vertical-align: middle;
}
#colour-page .carousel-control.right {
  background-color: #333333;
  color: #FFFFFF;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 0px 10px 10px 0px;
  border-radius: 0px 10px 10px 0px;
  vertical-align: middle;
}
#colour-page .colour-in-situ {
  margin-top: 0;
  position: relative !important;
  top: 0 !important;
  width: auto;
}
#colour-page .colour-in-situ .inline-tip-alt {
  margin-bottom: 20px;
}
#colour-page .colour-in-situ .room-selector-nav .room-select-dropdown {
  margin-top: 10px;
}
#colour-page .colour-in-situ .room-selector .room-select-image-active {
  display: none;
}
#colour-page .paint-swatch {
  width: 100%;
  border: 1px solid black;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#colour-page #uploadImage {
  text-align: center;
}
#colour-page #uploadImage p {
  text-align: left;
}
#colour-page #uploadImage .illustration-icon {
  display: none;
}
#colour-page #uploadImage .btn-file {
  margin-right: 0;
}
#colour-page #uploadImage .loaded {
  display: block;
}
#colour-page #uploadImage .unloaded {
  display: none;
}
#colour-page #uploadImage #imageCanvasContainer {
  margin-top: 10px;
  position: relative;
}
#colour-page #uploadImage #imageCanvasContainer .minicolors-picker {
  font-size: 30px;
  margin-left: -12px;
  margin-top: -21px;
}
#colour-page #uploadImage #imageCanvasContainer .minicolors-picker .color-reference {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 14px;
  left: 4px;
  z-index: 10;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#colour-page #uploadImage #imageCanvasContainer .minicolors-picker i {
  position: relative;
  z-index: 20;
}
#colour-page #uploadImage.unloaded-uploader .loaded {
  display: none;
}
#colour-page #uploadImage.unloaded-uploader .unloaded {
  display: block;
}
#colour-page #uploadImage.unloaded-uploader .illustration-icon {
  display: block;
}
#colour-page #uploadImage.unloaded-uploader #imageCanvasContainer {
  display: none;
}
#colour-page #NearestColoursContent {
  margin-top: 30px;
}
#colour-page #NearestColoursContent .inline-tip-alt {
  margin-bottom: 10px;
}
#colour-page #NearestColoursContent .ppg-near-colors {
  *zoom: 1;
}
#colour-page #NearestColoursContent .ppg-near-colors:before,
#colour-page #NearestColoursContent .ppg-near-colors:after {
  display: table;
  content: "";
  line-height: 0;
}
#colour-page #NearestColoursContent .ppg-near-colors:after {
  clear: both;
}
#colour-page #NearestColoursContent .ppg-near-colors .item {
  padding-right: 0;
  float: left;
  border-right: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
}
#colour-page #NearestColoursContent .ppg-near-colors .item .colour {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 10px;
  line-height: 12px;
}
#colour-page #trendsContainer .search-input {
  position: relative;
}
#colour-page #trendsContainer .search-input .ui-autocomplete {
  width: 718px;
}
#colour-page #trendsContainer .search-input button {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
  line-height: 18px;
  margin: 0;
  padding: 21px 19px;
  color: #FFFFFF;
}
#colour-page #trendsContainer #searchTerms {
  width: 100%;
  font-size: 18px;
  line-height: 29px;
  padding: 15px 70px 15px 15px;
  background-image: url("/images/select-bg.png") !important;
  background-repeat: no-repeat !important;
  background-position: top right !important;
  background-size: auto 100%;
}
#colour-page .colour-search-results {
  margin-top: 30px;
}
#colour-page .colour-search-results p {
  text-align: left;
}
#colour-page .colour-search-results .results .row {
  margin: 0;
}
#colour-page .colour-search-results .results .item {
  padding: 0;
  border-right: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
}
#colour-page .colour-search-results .results .item .colourResultItem {
  font-size: 10px;
  height: 80px;
  line-height: 12px;
  position: relative;
  width: 100%;
  height: 100%;
}
#colour-page .colour-search-results .results .item:hover {
  cursor: pointer;
}
#colour-page .colour-search-results .results .pager {
  width: 100%;
  margin-top: 15px;
  *zoom: 1;
}
#colour-page .colour-search-results .results .pager:before,
#colour-page .colour-search-results .results .pager:after {
  display: table;
  content: "";
  line-height: 0;
}
#colour-page .colour-search-results .results .pager:after {
  clear: both;
}
#colour-page .colour-search-results .results .pager .prevPage,
#colour-page .colour-search-results .results .pager .nextPage {
  font-weight: 700;
  text-decoration: none;
}
#colour-page .colour-search-results .results .pager .prevPage:hover,
#colour-page .colour-search-results .results .pager .nextPage:hover {
  cursor: pointer;
  color: #282828;
}
#colour-page .colour-search-results .results .pager .prevPage {
  float: left;
  margin-left: -15px;
}
#colour-page .colour-search-results .results .pager .prevPage i {
  margin-right: 5px;
}
#colour-page .colour-search-results .results .pager .nextPage {
  float: right;
  margin-right: -15px;
}
#colour-page .colour-search-results .results .pager .nextPage i {
  margin-left: 5px;
}
#colour-page .review-shortlist .colour-shortlist {
  background: none;
  padding: 15px 15px 30px 15px;
  border: none;
}
#colour-page .review-shortlist .colour-shortlist .empty {
  border: 1px solid #CCC;
  width: 158px;
  height: 90px;
  margin: 0 30px 17px 45px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#colour-page .review-shortlist .colour-shortlist .colour-shortlist-item {
  float: left;
  border-right: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
}
#colour-page .review-shortlist .colour-shortlist .colour-shortlist-item .remove-from-shortlist,
#colour-page .review-shortlist .colour-shortlist .colour-shortlist-item .colour-desc {
  color: #FFFFFF;
}
#colour-page .review-shortlist .colour-shortlist .colour-shortlist-item .remove-from-shortlist i,
#colour-page .review-shortlist .colour-shortlist .colour-shortlist-item .colour-desc i {
  color: #FFFFFF;
}
#colour-page .review-shortlist .colour-shortlist .colour-shortlist-item.black-text .remove-from-shortlist,
#colour-page .review-shortlist .colour-shortlist .colour-shortlist-item.black-text .colour-desc {
  color: #282828;
}
#colour-page .review-shortlist .colour-shortlist .colour-shortlist-item.black-text .remove-from-shortlist i,
#colour-page .review-shortlist .colour-shortlist .colour-shortlist-item.black-text .colour-desc i {
  color: #282828;
}
#colour-page .review-shortlist .colour-shortlist .colour-shortlist-item .colorbox {
  font-size: 10px;
  line-height: 12px;
  position: relative;
  width: 12.5%;
  height: 90px;
  overflow: hidden;
}
#colour-page .review-shortlist .colour-shortlist .colour-shortlist-item .colorbox .remove-from-shortlist {
  color: #333;
  font-size: 15px;
  height: 17px;
  line-height: 15px;
  position: absolute;
  right: 3px;
  top: 5px;
  width: 17px;
  z-index: 1000;
}
#colour-page .review-shortlist .colour-shortlist .colour-shortlist-item .colorbox .remove-from-shortlist:hover {
  color: #333;
}
#colour-page .review-shortlist .colour-shortlist .colour-shortlist-item .colorbox.black-text {
  color: #333;
}
#colour-page .review-shortlist .colour-shortlist .colour-shortlist-item .colorbox.black-text .remove-from-shortlist {
  color: #333;
}
#colour-page .review-shortlist .colour-shortlist .colour-shortlist-item .colorbox.black-text .remove-from-shortlist:hover {
  color: #333;
}
#colour-page .review-shortlist .btn {
  margin: 0;
}
#colour-page .trend-popular-links .btn-primary {
  margin: 0 5px 7px 0;
  padding: 7px 12px;
}
#colour-page .trend-colours .colour-wall-item {
  float: left;
  border-right: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
  font-size: 10px;
  line-height: 12px;
  position: relative;
}
#colour-page .trend-colours .colour-wall-item.black-text .more-info,
#colour-page .trend-colours .colour-wall-item.black-text .colour-desc {
  color: #282828;
}
#colour-page .trend-colours .colour-wall-item.black-text .more-info .fa,
#colour-page .trend-colours .colour-wall-item.black-text .colour-desc .fa {
  color: #282828;
}
#colour-page #colour-email-form {
  margin-top: 30px;
}
#colour-page .email-shortlist .table {
  background: #FFFFFF;
  padding: 6px 20px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#colour-page .email-shortlist .table .table-row {
  margin: 13px 0;
  *zoom: 1;
}
#colour-page .email-shortlist .table .table-row:before,
#colour-page .email-shortlist .table .table-row:after {
  display: table;
  content: "";
  line-height: 0;
}
#colour-page .email-shortlist .table .table-row:after {
  clear: both;
}
#colour-page .email-shortlist .table .table-row .table-cell {
  width: 25%;
  float: left;
  text-align: center;
}
#colour-page .email-shortlist .table .table-row .table-cell.left-column {
  text-align: left;
}
#colour-page .email-shortlist .table .table-row .table-cell.styled-checkbox i {
  font-size: 31px;
  line-height: 31px;
  color: #c9c9c9;
}
#colour-page .email-shortlist .table .table-row .table-cell.styled-checkbox i:hover {
  cursor: pointer;
}
#colour-page .email-shortlist .table .table-row .table-cell.styled-checkbox .fa-square-o {
  display: normal;
}
#colour-page .email-shortlist .table .table-row .table-cell.styled-checkbox .fa-check-square-o {
  display: none;
  padding-left: 5px;
}
#colour-page .email-shortlist .table .table-row .table-cell.styled-checkbox.checked .fa-square-o {
  display: none;
}
#colour-page .email-shortlist .table .table-row .table-cell.styled-checkbox.checked .fa-check-square-o {
  color: #0078A9;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#colour-page .email-shortlist .table .table-row .table-cell input {
  display: none;
}
#colour-page .email-shortlist .table .table-row .table-cell p {
  margin: 0;
}
#colour-page .shortlist-container {
  margin-bottom: 40px;
}
#colour-page .shortlist-container .colorbox-outer {
  padding: 5px;
}
#colour-page .shortlist-container .colorbox {
  width: 100%;
  height: 110px;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#colour-page .shortlist-container .colorbox .fa-trash {
  color: white;
}
#colour-page .shortlist-container .colorbox.black-text .colour-desc,
#colour-page .shortlist-container .colorbox.black-text .fa-trash {
  color: black;
}
#colour-page .shortlist-container .colorbox .colour-desc {
  display: none;
}
#colour-page .shortlist-container .colorbox .remove-from-shortlist {
  display: none;
}
#colour-page .shortlist-container .colorbox:hover .colour-desc {
  display: block;
  bottom: 10px;
  left: 10px;
}
#colour-page .shortlist-container .colorbox:hover .remove-from-shortlist {
  display: block;
  position: absolute;
  top: 10px;
  right: 15px;
}
#colour-page .shortlist-container .empty .colorbox {
  border: 1px solid #AAA;
}
#colour-page .shortlist-container .empty .colorbox .colour-desc {
  color: #0078a9;
}
#colour-page .promo {
  margin-bottom: 20px;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
@media (min-width: 992px) {
  #colour-page .colour:hover .more-info,
  #colour-page .colour-block:hover .more-info,
  #colour-page .colourResultItem:hover .more-info,
  #colour-page .trend-item:hover .more-info,
  #colour-page .colour:hover .colour-desc,
  #colour-page .colour-block:hover .colour-desc,
  #colour-page .colourResultItem:hover .colour-desc,
  #colour-page .trend-item:hover .colour-desc {
    display: block;
  }
  #colour-page .colour-block:hover .colour-desc {
    display: none;
  }
  #colour-page .colour-desc {
    display: none;
  }
  #colour-page #NearestColoursContent .ppg-near-colors .item:hover {
    cursor: pointer;
  }
  #colour-page #NearestColoursContent .ppg-near-colors .item:hover .colour .colour-desc {
    display: block;
  }
  #colour-page .colour-search-results .results .item {
    height: 124px;
  }
  #colour-page .colour-search-results .results .item:hover .colour-desc {
    display: block;
  }
  #colour-page .trend-colours .colour-wall-item:hover {
    cursor: pointer;
  }
  #colour-page .trend-colours .colour-wall-item:hover .colour-desc {
    display: block;
  }
  #colour-page .review-shortlist .colour-shortlist .colour-shortlist-item .colorbox .remove-from-shortlist {
    display: none;
  }
  #colour-page .review-shortlist .colour-shortlist .colour-shortlist-item .colorbox:hover .remove-from-shortlist,
  #colour-page .review-shortlist .colour-shortlist .colour-shortlist-item .colorbox:hover .colour-desc {
    display: block;
  }
  #colour-page .email-shortlist .table .table-row .table-cell.styled-checkbox:hover .fa-square-o {
    display: none;
  }
  #colour-page .email-shortlist .table .table-row .table-cell.styled-checkbox:hover .fa-check-square-o {
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
}
/* For large desktop only */
@media (min-width: 1200px) {
  #colour-page #NearestColoursContent .ppg-near-colors .item {
    width: 120px;
    height: 120px;
  }
  #colour-page .review-shortlist .colour-shortlist .colour-shortlist-item {
    width: 182px;
    height: 182px;
  }
  #colour-page .colour-search-results .results .item {
    height: 124px;
  }
  #colour-page .trend-colours .colour-wall-item {
    width: 90px;
    height: 90px !important;
  }
}
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  #colour-page #NearestColoursContent .ppg-near-colors .item {
    width: 97px;
    height: 97px;
  }
  #colour-page ul.colour-page-navigation {
    right: 200px;
  }
  #colour-page ul.colour-page-navigation li {
    margin: 0 10px;
  }
  #colour-page ul.colour-page-navigation li i {
    font-size: 36px;
  }
  #colour-page ul.colour-page-navigation li i.fa-bullseye {
    font-size: 38px;
  }
  #colour-page ul.colour-page-navigation li i.fa-eyedropper {
    font-size: 31px;
  }
  #colour-page ul.colour-page-navigation li i.fa-search {
    font-size: 32px;
  }
  #colour-page .colour-in-situ {
    width: auto;
    margin-top: 25px;
  }
  #colour-page .colour-in-situ .room-selector-nav {
    margin-bottom: 22px;
  }
  #colour-page .colour-in-situ .room-selector-nav .slick-list .slick-slide p {
    font-size: 16px;
  }
  #colour-page .review-shortlist .colour-shortlist .colour-shortlist-item {
    width: 149px;
    height: 149px;
  }
  #colour-page .colour-search-results .results .item {
    height: 102px;
  }
  #colour-page .trend-colours .colour-wall-item {
    width: 73px;
    height: 73px !important;
  }
  #colour-page .explore-colours-widget {
    margin: 25px 0 0 0;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  #colour-page #NearestColoursContent .ppg-near-colors .item {
    width: 112px;
    height: 112px;
  }
  #colour-page ul.colour-page-navigation {
    right: 17px;
  }
  #colour-page ul.colour-page-navigation li {
    margin: 0 10px;
  }
  #colour-page ul.colour-page-navigation li i {
    font-size: 36px;
  }
  #colour-page ul.colour-page-navigation li i.fa-bullseye {
    font-size: 38px;
  }
  #colour-page ul.colour-page-navigation li i.fa-eyedropper {
    font-size: 31px;
  }
  #colour-page ul.colour-page-navigation li i.fa-search {
    font-size: 32px;
  }
  #colour-page .colour-in-situ {
    width: auto;
    margin-top: 25px;
  }
  #colour-page .colour-in-situ .room-selector-nav {
    margin-bottom: 22px;
  }
  #colour-page .colour-in-situ .room-selector-nav .slick-list .slick-slide p {
    font-size: 15px;
  }
  #colour-page .review-shortlist .colour-shortlist .colour-shortlist-item {
    width: 112px;
    height: 112px;
  }
  #colour-page .colour-search-results .results .item {
    height: 112px;
  }
  #colour-page .trend-colours .colour-wall-item {
    width: 55px;
    height: 55px !important;
  }
  #colour-page .explore-colours-widget {
    margin: 25px 0 0 0;
  }
}
/* For mobile only */
@media (max-width: 767px) {
  #colour-page h1 span {
    display: block;
  }
  #colour-page h1 .active {
    margin-bottom: 3px;
  }
  #colour-page #NearestColoursContent .ppg-near-colors .item {
    width: 33.3%;
    height: 96px;
  }
  #colour-page ul.colour-page-navigation {
    position: initial;
    text-align: center;
  }
  #colour-page ul.colour-page-navigation li {
    margin: 0 7px;
  }
  #colour-page ul.colour-page-navigation li i {
    font-size: 32px;
  }
  #colour-page ul.colour-page-navigation li i.fa-bullseye {
    font-size: 34px;
  }
  #colour-page ul.colour-page-navigation li i.fa-eyedropper {
    font-size: 27px;
  }
  #colour-page ul.colour-page-navigation li i.fa-search {
    font-size: 28px;
  }
  #colour-page .colour-in-situ {
    position: relative !important;
    margin-top: 0;
  }
  #colour-page .colour-in-situ .room-selector-nav {
    margin-bottom: 20px;
  }
  #colour-page .colour-in-situ .room-selector-nav .slick-list .slick-slide p {
    font-size: 15px;
  }
  #colour-page .review-shortlist .colour-shortlist .colour-shortlist-item {
    width: 138px;
    height: 138px;
  }
  #colour-page .colour-search-results .results .item {
    width: 92px;
    height: 92px;
  }
  #colour-page .trend-colours .colour-wall-item {
    width: 69px;
    height: 69px !important;
  }
  #colour-page .explore-colours-widget {
    margin: 15px 0 0 0;
  }
  #colour-page #colour-email-form {
    margin-top: 20px;
  }
}
#colour-detail .display-label {
  width: 30%;
  display: inline-block;
}
#colour-detail .display-field {
  width: 60%;
  display: inline-block;
}
/*************************/
/* Media queries */
/*************************/
/* For large desktop only */
@media (min-width: 1200px) {
  #colour-detail h1 {
    margin-bottom: 45px;
  }
}
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  #colour-detail h1 {
    margin-bottom: 45px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  #generic-page h1 {
    margin-bottom: 40px;
  }
}
/* For mobile only */
@media (max-width: 767px) {
  #colour-detail h1 {
    margin-bottom: 25px;
  }
  #colour-detail .promo {
    margin-top: 30px;
  }
}
#products-page #products-tags {
  margin-top: 30px;
  margin-right: -5px;
  margin-bottom: 20px;
}
#products-listing .product-preview {
  float: left;
  text-align: center;
}
#products-listing .product-preview .content-box-wrapper {
  padding: 15px;
  overflow: visible;
}
#products-listing .product-preview .product-thumbnail img {
  max-width: 139px;
  height: auto;
}
#products-listing .product-preview .product-summary .product-features {
  text-align: center;
}
#products-listing .product-preview .product-summary .product-features .product-feature {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 49px;
  height: 49px;
}
#products-listing .product-preview .product-summary .product-features .product-feature img {
  display: block;
}
#products-listing .product-preview a {
  text-decoration: none;
}
#products-listing .product-preview h2,
#products-listing .product-preview h3 {
  text-transform: uppercase;
  color: #0078A9;
  margin-top: 0;
  font-weight: 800;
}
#products-listing .product-preview .btn {
  margin: 15px 0 0 0;
  padding: 7px 14px;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
/* For large desktop only */
@media (min-width: 1200px) {
  #products-listing {
    padding: 0;
    margin-right: -22px;
  }
  #products-listing .row {
    margin-top: 22px;
  }
  #products-listing .product-preview {
    width: 20%;
    padding: 0 22px 0 0;
    margin-bottom: 22px;
  }
  #products-listing .product-preview h2,
  #products-listing .product-preview h3 {
    font-size: 15px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 36px;
  }
  #products-listing .product-preview p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
  }
}
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  #products-page #products-tags {
    margin-top: 25px;
  }
  #products-listing {
    margin-right: -22px;
  }
  #products-listing .row {
    margin-top: 35px;
  }
  #products-listing .product-preview {
    width: 25%;
    padding: 0 22px 0 0;
    margin-bottom: 22px;
  }
  #products-listing .product-preview h2,
  #products-listing .product-preview h3 {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 7px;
  }
  #products-listing .product-preview p {
    font-size: 13px;
    line-height: 18px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  #products-page #products-tags {
    margin-top: 20px;
  }
  #products-listing {
    margin-right: -22px;
  }
  #products-listing .row {
    margin-top: 25px;
  }
  #products-listing .product-preview {
    width: 33.33%;
    padding: 0 22px 0 0;
    margin-bottom: 22px;
  }
  #products-listing .product-preview h2,
  #products-listing .product-preview h3 {
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 5px;
  }
  #products-listing .product-preview p {
    font-size: 13px;
    line-height: 17px;
  }
}
/* Everything except mobile */
/* For mobile only */
@media (max-width: 767px) {
  #products-page #products-tags {
    margin-top: 10px;
  }
  #products-listing .row {
    margin-top: 25px;
  }
  #products-listing .product-preview {
    width: 100%;
  }
  #products-listing .product-preview h2,
  #products-listing .product-preview h3 {
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 5px;
  }
  #products-listing .product-preview p {
    font-size: 13px;
    line-height: 17px;
  }
}
#product-page {
  padding-top: 10px;
}
#product-page h3 {
  margin-bottom: 5px;
  margin-top: 22px;
}
#product-page #hero-product {
  position: absolute;
  width: 25%;
  left: 15px;
}
#product-page #hero-product img {
  max-width: 80%;
}
#product-page #product-attributes {
  position: absolute;
  left: 25%;
  text-align: center;
}
#product-page #product-attributes img {
  display: inline-block;
  padding-bottom: 20px;
  background-image: url("/images/bg-shadow.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 18px;
  margin-right: 15px;
  width: auto;
  width: initial;
}
#product-page #product-introduction {
  margin-top: 22px;
  margin-bottom: 15px;
}
#product-page #product-features {
  margin-bottom: 40px;
}
#product-page #product-features .product-feature {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 49px;
  height: 49px;
}
#product-page #product-features .product-feature img {
  display: block;
}
#product-page #product-features,
#product-page #product-textures,
#product-page #product-availabilities,
#product-page #product-how-to-apply {
  position: relative;
}
#product-page #product-features i,
#product-page #product-textures i,
#product-page #product-availabilities i,
#product-page #product-how-to-apply i {
  position: absolute;
  top: 5px;
  left: 0;
  color: #c9c9c9;
}
#product-page #product-textures h2,
#product-page #product-availabilities h2 {
  margin-top: 0;
  margin-bottom: 7px;
}
#product-page #product-textures p,
#product-page #product-availabilities p {
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 11px 12px;
  color: #FFFFFF;
  background-color: #58595b;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-right: 3px;
  margin-bottom: 0;
}
#product-page #product-features,
#product-page #product-availabilities,
#product-page #product-how-to-apply {
  margin-top: 40px;
}
#product-page .promo {
  margin-top: 22px;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
/* For large desktop only */
@media (min-width: 1200px) {
  #product-page #hero-product,
  #product-page #product-attributes {
    bottom: -50px;
  }
  #product-page .simple-content {
    padding-top: 70px;
  }
  #product-page #product-features,
  #product-page #product-textures,
  #product-page #product-availabilities,
  #product-page #product-how-to-apply {
    padding-left: 60px;
  }
  #product-page #product-features i,
  #product-page #product-textures i,
  #product-page #product-availabilities i,
  #product-page #product-how-to-apply i {
    font-size: 40px;
  }
}
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  #product-page #hero-product {
    bottom: -45px;
  }
  #product-page #product-attributes {
    bottom: 15px;
  }
  #product-page #product-attributes img {
    max-width: 155px;
  }
  #product-page .simple-content {
    padding-top: 65px;
  }
  #product-page #product-features,
  #product-page #product-textures,
  #product-page #product-availabilities,
  #product-page #product-how-to-apply {
    padding-left: 55px;
  }
  #product-page #product-features i,
  #product-page #product-textures i,
  #product-page #product-availabilities i,
  #product-page #product-how-to-apply i {
    font-size: 35px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  #product-page #product-introduction {
    margin-top: 12px;
  }
  #product-page #hero-product {
    bottom: -40px;
  }
  #product-page #product-attributes {
    bottom: 5px;
  }
  #product-page #product-attributes img {
    max-width: 130px;
  }
  #product-page .simple-content {
    padding-top: 50px;
  }
  #product-page #product-features,
  #product-page #product-textures,
  #product-page #product-availabilities,
  #product-page #product-how-to-apply {
    padding-left: 50px;
  }
  #product-page #product-features i,
  #product-page #product-textures i,
  #product-page #product-availabilities i,
  #product-page #product-how-to-apply i {
    font-size: 35px;
  }
}
/* Everything except mobile */
/* For mobile only */
@media (max-width: 767px) {
  #product-page .simple-content {
    padding-top: 7%;
  }
  #product-page #hero-product {
    bottom: -35px;
  }
  #product-page #product-attributes {
    bottom: -30px;
  }
  #product-page #product-attributes img {
    max-width: 100px;
    max-height: 50px;
    margin-right: 10px;
  }
  #product-page #product-introduction {
    margin-top: 10px;
  }
  #product-page .simple-content {
    padding-top: 50px;
  }
  #product-page #product-features,
  #product-page #product-textures,
  #product-page #product-availabilities,
  #product-page #product-how-to-apply {
    padding-left: 45px;
  }
  #product-page #product-features i,
  #product-page #product-textures i,
  #product-page #product-availabilities i,
  #product-page #product-how-to-apply i {
    font-size: 30px;
  }
}
#find-a-store-page #search-filters {
  margin-bottom: 45px;
}
#find-a-store-page #search-filters .use-current-location {
  display: block;
  height: 42px;
  border-left: 1px solid #c8c8c8;
  padding-left: 25px;
  margin-top: 3px;
}
#find-a-store-page #search-filters .use-current-location img {
  height: 100%;
  width: auto;
  margin-right: 20px;
}
#find-a-store-page #search-filters .use-current-location .btn {
  margin-top: 0;
  margin-top: -3px;
  padding: 12px 21px;
  font-size: 17px !important;
  line-height: 20px !important;
}
#find-a-store-page #search-results .map-icon,
#find-a-store-page #search-results .map-pin {
  color: #0078A9;
  font-weight: 800;
  font-size: 13px;
  pointer-events: none;
  text-align: left;
  white-space: nowrap;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
  text-decoration: none;
  text-align: center;
}
#find-a-store-page #search-results .map-icon {
  background: url("/images/map-pin-large.png");
  background-repeat: no-repeat;
  width: 50px;
  height: 45px;
  font-size: 16px;
  line-height: 16px;
  padding: 7px 20px 21px 5px;
}
#find-a-store-page #search-results .map-pin {
  width: 40px;
  height: 36px;
  font-size: 14px;
  line-height: 14px;
}
#find-a-store-page #search-results #search-results-container {
  *zoom: 1;
  background-color: #FFFFFF;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#find-a-store-page #search-results #search-results-container:before,
#find-a-store-page #search-results #search-results-container:after {
  display: table;
  content: "";
  line-height: 0;
}
#find-a-store-page #search-results #search-results-container:after {
  clear: both;
}
#find-a-store-page #search-results #search-results-container #map-result-listing,
#find-a-store-page #search-results #search-results-container #map-container {
  height: 600px;
}
#find-a-store-page #search-results #search-results-container #map-result-listing {
  float: left;
  overflow-y: scroll;
  padding: 20px;
}
#find-a-store-page #search-results #search-results-container #map-result-listing .spinner {
  text-align: center;
  font-size: 30px;
}
#find-a-store-page #search-results #search-results-container #map-result-listing .item {
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 20px;
}
#find-a-store-page #search-results #search-results-container #map-result-listing .item.last {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
}
#find-a-store-page #search-results #search-results-container #map-result-listing .item .map-icon {
  position: absolute;
  top: 0;
  left: 0;
}
#find-a-store-page #search-results #search-results-container #map-result-listing .item .store-details {
  margin-left: 60px;
}
#find-a-store-page #search-results #search-results-container #map-result-listing .item .store-details .store-name {
  text-decoration: none;
}
#find-a-store-page #search-results #search-results-container #map-result-listing .item .store-details .store-name h3 {
  margin-top: 0;
  font-size: 19px;
  line-height: 23px;
  margin-bottom: 5px;
}
#find-a-store-page #search-results #search-results-container #map-result-listing .item .store-details p {
  margin-bottom: 0px;
}
#find-a-store-page #search-results #search-results-container #map-container {
  float: right;
  overflow-y: hidden;
}
#find-a-store-page #search-results #search-results-container #map-container img {
  max-width: none;
}
#find-a-store-page #search-results #search-results-container #map-container .map-store-details .store-name {
  text-decoration: none;
}
#find-a-store-page #search-results #search-results-container #map-container .map-store-details .store-name h3 {
  margin-top: 0;
  font-size: 19px;
  line-height: 23px;
  margin-bottom: 5px;
}
#find-a-store-page #search-results #search-results-container #map-container .map-store-details p {
  margin-bottom: 0px;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
/* For large desktop only */
@media (min-width: 1200px) {
  #find-a-store-page #search-results #search-results-container #map-result-listing {
    width: 33%;
  }
  #find-a-store-page #search-results #search-results-container #map-container {
    width: 67%;
  }
}
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  #find-a-store-page #search-results #search-results-container #map-result-listing {
    width: 40%;
  }
  #find-a-store-page #search-results #search-results-container #map-container {
    width: 60%;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  #find-a-store-page #search-results #search-results-container #map-result-listing {
    width: 50%;
  }
  #find-a-store-page #search-results #search-results-container #map-container {
    width: 50%;
  }
}
/* Everything except mobile */
/* For mobile only */
@media (max-width: 767px) {
  #find-a-store-page #search-filters .use-current-location {
    border-left: none;
    margin-top: 20px;
    padding-left: 0;
  }
  #find-a-store-page #search-filters .use-current-location .btn {
    width: 100%;
    padding: 12px;
    padding-left: 40px!important;
    font-size: 16px !important;
    line-height: 20px !important;
  }
  #find-a-store-page #search-filters .use-current-location .btn i {
    left: 16px;
  }
  #find-a-store-page #search-results #search-results-container #map-result-listing {
    width: 100%;
    height: auto;
    overflow: visible;
  }
}
#contact-page .form-block,
#contact-page .thankyou-block {
  margin-top: 45px;
}
#contact-page form textarea {
  margin-bottom: 0;
}
#contact-page .content-box-wrapper {
  padding: 30px;
}
#contact-page .content-box-wrapper h2 {
  font-weight: 600;
  text-transform: none;
  font-size: 21px;
  line-height: 30px;
}
#contact-page .content-box-wrapper ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
#contact-page .content-box-wrapper ul li {
  position: relative;
}
#contact-page .content-box-wrapper ul li i {
  position: absolute;
  top: 6px;
  left: 0;
}
#contact-page .content-box-wrapper ul li span {
  padding-left: 8px;
}
#contact-page .content-box-wrapper ul li span.fa {
  width: 15px;
  padding-left: 0;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
/* For large desktop only */
@media (min-width: 1200px) {
  #contact-page .form-block,
  #contact-page .thankyou-block {
    margin-top: 40px;
  }
}
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  #contact-page .form-block,
  #contact-page .thankyou-block {
    margin-top: 35px;
  }
  #contact-page .content-box-wrapper {
    padding: 30px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  #contact-page .form-block,
  #contact-page .thankyou-block {
    margin-top: 30px;
  }
  #contact-page .content-box-wrapper {
    padding: 25px;
  }
}
/* Everything except mobile */
/* For mobile only */
@media (max-width: 767px) {
  #contact-page .form-block,
  #contact-page .thankyou-block {
    margin-top: 20px;
  }
  #contact-page .content-box-wrapper {
    padding: 20px;
  }
}
#inspiration-page #schemes-listing .scheme {
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-align: center;
  margin-right: -4px;
  vertical-align: top;
}
#inspiration-page #schemes-listing .scheme h2,
#inspiration-page #schemes-listing .scheme h3 {
  text-transform: uppercase;
  color: #0078A9;
  margin-top: 0;
  font-weight: 800;
}
#inspiration-page #schemes-listing .scheme .btn {
  margin: 7px 0 0 0;
  padding: 7px 14px;
}
#inspiration-page #schemes-listing .scheme .scheme-preview {
  overflow: visible;
  position: relative;
}
#inspiration-page #schemes-listing .scheme .scheme-preview .content-box-wrapper {
  padding: 15px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#inspiration-page #schemes-listing .scheme .scheme-preview .content-box-wrapper .scheme-thumbnail {
  overflow: hidden;
}
#inspiration-page #schemes-listing .scheme .scheme-preview::after {
  top: auto;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #ddd;
  border-width: 22px;
  left: 50%;
  margin: -17px 0 0 -22px;
}
#inspiration-page #schemes-listing .scheme .scheme-details {
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  padding: 22px 15px 0 15px;
  text-align: left;
}
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper {
  padding: 22px;
  height: 100%;
  background: #ddd;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .close {
  position: absolute;
  top: 0;
  right: 0;
}
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations {
  display: table;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  margin: 20px 0;
}
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper {
  display: table-row;
  width: 100%;
}
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .colour-index-prev,
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .item,
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .colour-index-next {
  display: table-cell;
}
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .colour-index-prev:hover,
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .item:hover,
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .colour-index-next:hover {
  cursor: pointer;
}
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .item .colour {
  position: relative;
  height: 100%;
  border: none;
}
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .item .colour .colour-desc {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 5px;
  overflow: hidden;
  text-align: left;
  width: 100%;
  max-height: 100%;
  color: #FFFFFF;
  font-size: 10px;
  line-height: 12px;
}
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .item.black-text .colour .colour-desc {
  color: #282828;
}
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .item.active .colour {
  box-sizing: border-box;
  border: 1px solid #000;
}
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-full {
  margin-bottom: 0;
  padding: 0 29px;
}
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-full .slick-prev,
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-full .slick-next {
  display: block;
  color: #FFFFFF;
  width: 30px;
  height: 100%;
  top: 0;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 8 */
  filter: alpha(opacity=100);
  /* IE 5-7 */
  -moz-opacity: 1;
  /* Netscape */
  -khtml-opacity: 1;
  /* Safari 1.x */
  opacity: 1;
  /* Good browsers */
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: #0078a9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0078a9), color-stop(100%, #00648e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0078a9 0%, #00648e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0078a9 0%, #00648e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a9', endColorstr='#00648e', GradientType=0);
  /* IE6-9 */
}
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-full .slick-prev:before,
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-full .slick-next:before,
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-full .slick-prev:after,
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-full .slick-next:after {
  display: none;
}
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-full .slick-prev i,
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-full .slick-next i {
  padding: 0 5px;
  font-size: 15px;
}
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-full .slick-prev {
  left: 0;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#inspiration-page #schemes-listing .scheme .scheme-details .scheme-full .slick-next {
  right: 0;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#inspiration-page #schemes-listing .scheme.contracted {
  height: auto !important;
  height: initial !important;
}
#inspiration-page #schemes-listing .scheme.contracted .scheme-preview::after {
  display: none;
}
#inspiration-page #schemes-listing .scheme.contracted .scheme-details {
  display: none;
}
#inspiration-page #schemes-listing .scheme.contracted:hover {
  cursor: pointer;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
@media (min-width: 992px) {
  #inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .item .colour .colour-desc {
    display: none;
  }
  #inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .item:hover .colour .colour-desc {
    display: block;
  }
}
/* For large desktop only */
@media (min-width: 1200px) {
  #inspiration-page #schemes-listing {
    padding: 0;
    margin-top: 40px;
    margin-right: -22px;
  }
  #inspiration-page #schemes-listing .row {
    margin-top: 22px;
  }
  #inspiration-page #schemes-listing .scheme {
    width: 25%;
    padding: 0 22px 0 0;
    margin-bottom: 22px;
  }
  #inspiration-page #schemes-listing .scheme h2,
  #inspiration-page #schemes-listing .scheme h3 {
    font-size: 15px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #inspiration-page #schemes-listing .scheme .scheme-thumbnail {
    height: 140px;
  }
  #inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .colour-index-prev,
  #inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .item,
  #inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .colour-index-next {
    height: 165px;
  }
}
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  #inspiration-page #schemes-listing {
    padding: 0;
    margin-top: 35px;
    margin-right: -22px;
  }
  #inspiration-page #schemes-listing .row {
    margin-top: 22px;
  }
  #inspiration-page #schemes-listing .scheme {
    width: 25%;
    padding: 0 22px 0 0;
    margin-bottom: 22px;
  }
  #inspiration-page #schemes-listing .scheme h2,
  #inspiration-page #schemes-listing .scheme h3 {
    font-size: 15px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #inspiration-page #schemes-listing .scheme .scheme-thumbnail {
    height: 109px;
  }
  #inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .colour-index-prev,
  #inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .item,
  #inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .colour-index-next {
    height: 132px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  #inspiration-page #schemes-listing {
    padding: 0;
    margin-top: 30px;
    margin-right: -22px;
  }
  #inspiration-page #schemes-listing .row {
    margin-top: 22px;
  }
  #inspiration-page #schemes-listing .scheme {
    width: 33.33%;
    padding: 0 22px 0 0;
    margin-bottom: 22px;
  }
  #inspiration-page #schemes-listing .scheme h2,
  #inspiration-page #schemes-listing .scheme h3 {
    font-size: 15px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #inspiration-page #schemes-listing .scheme .scheme-thumbnail {
    height: 111px;
  }
  #inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .colour-index-prev,
  #inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .item,
  #inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .colour-index-next {
    height: 95px;
  }
}
/* Everything except mobile */
/* For mobile only */
@media (max-width: 767px) {
  #inspiration-page #schemes-listing {
    padding: 0;
    margin-top: 10px;
    margin-right: -22px;
  }
  #inspiration-page #schemes-listing .row {
    margin-top: 22px;
  }
  #inspiration-page #schemes-listing .scheme {
    display: block;
    width: 100%;
    padding: 0 22px 0 0;
    margin-bottom: 22px;
  }
  #inspiration-page #schemes-listing .scheme h2,
  #inspiration-page #schemes-listing .scheme h3 {
    font-size: 15px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .colour-index-prev,
  #inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .item,
  #inspiration-page #schemes-listing .scheme .scheme-details .scheme-details-wrapper .scheme-colour-variations .scheme-colour-variations-wrapper .colour-index-next {
    height: 60px;
  }
}


#inspiration-page .lookbook-call-to-action {
    color: #FFFFFF;
    display: block;
    height: inherit;
    line-height: 1.4em;
    padding: 24px 20px;
    margin-right: 10px; 
    width: 310px;
    float: right;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	background-attachment: scroll;	 
}

#inspiration-page .lookbook-call-to-action .link-arrow .black {
    background-image: url(/images/arrow-next-black-xs.png);
    padding-right: 7px;
}

#inspiration-page .lookbook-call-to-action cite {
    color: #1D1D1B;
    font-size: 1em;
    text-transform: uppercase;
    font-style:normal;
}

#inspiration-page .lookbook-call-to-action .bottom-text {
    display: block;
    margin-top: 8px;
    font-size: 10px;
    line-height: 12px;
    color: #000000;
}

#inspiration-page .lookbook-call-to-action:hover, 
#inspiration-page .lookbook-call-to-action:focus,
#inspiration-page .lookbook-call-to-action:active{
    text-decoration: none;
}

@media (max-width: 767px) {
	#inspiration-page .lookbook-call-to-action {
		background-attachment: scroll;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: right top;
		color: #FFFFFF;
		display: block;
		float: left; 
		height: inherit;
		line-height: 1.4em;
		margin-left: -6px;
		margin-right: 0px; 
		margin-top: 5px;
		margin-bottom: 20px;
		padding-top: 24px;		
		padding-bottom: 24px;
		padding-left: 20px;
		width: 300px;
	}
}


#paint-calculator-page .product-image {
  float: left;
  width: 20%;
}
#paint-calculator-page #calculation-results .calculation-result {
  *zoom: 1;
}
#paint-calculator-page #calculation-results .calculation-result:before,
#paint-calculator-page #calculation-results .calculation-result:after {
  display: table;
  content: "";
  line-height: 0;
}
#paint-calculator-page #calculation-results .calculation-result:after {
  clear: both;
}
#paint-calculator-page #calculation-results .calculation-result .calculation-final-result,
#paint-calculator-page #calculation-results .calculation-result .next-steps {
  float: right;
  width: 70%;
}
#paint-calculator-page #calculation-results .calculation-result .calculation-final-result h2,
#paint-calculator-page #calculation-results .calculation-result .next-steps h2 {
  font-size: 22px;
  line-height: 34px;
  margin-bottom: 0;
}
#paint-calculator-page #calculation-results .calculation-result .calculation-final-result h2 span,
#paint-calculator-page #calculation-results .calculation-result .next-steps h2 span {
  font-size: 34px;
  line-height: 34px;
  margin-right: 3px;
}
#paint-calculator-page #calculation-results .calculation-result .calculation-final-result .btn-small,
#paint-calculator-page #calculation-results .calculation-result .next-steps .btn-small {
  margin: 2px 2px;
  padding: 7px 20px;
  font-size: 14px;
}
#paint-calculator-page #calculation-results .note {
  margin: 10px 0 0 0;
}
#paint-calculator-page .promo-container {
  margin-top: 40px;
}
#paint-calculator-page .promo-container .promo {
  margin-bottom: 20px;
}
/*************************/
/* Media queries */
/*************************/
/* For desktop only */
/* For large desktop only */
@media (min-width: 1200px) {
  #paint-calculator-page .calculator-container,
  #paint-calculator-page #calculation-results {
    margin-top: 40px;
  }
  #paint-calculator-page .calculator-container #calculation-measurements h3 {
    margin-top: 20px;
  }
  #paint-calculator-page #calculation-results .calculation-result .calculation-final-result {
    margin-top: 15px;
  }
}
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  #paint-calculator-page .calculator-container,
  #paint-calculator-page #calculation-results {
    margin-top: 30px;
  }
  #paint-calculator-page .calculator-container #calculation-measurements h3 {
    margin-top: 15px;
  }
  #paint-calculator-page #calculation-results .calculation-result .calculation-final-result {
    margin-top: 22px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  #paint-calculator-page .calculator-container #calculation-measurements h3 {
    margin-top: 5px;
  }
  #paint-calculator-page #calculation-results {
    margin-top: 20px;
  }
  #paint-calculator-page #calculation-results .calculation-result .calculation-final-result {
    margin-top: 20px;
  }
}
/* Everything except mobile */
/* For mobile only */
@media (max-width: 767px) {
  #paint-calculator-page .calculator-container #calculation-measurements h3 {
    margin-top: 12px;
  }
  #paint-calculator-page .calculator-container .calculator-btn {
    margin-top: 0;
  }
  #paint-calculator-page #calculation-results {
    margin-top: 30px;
  }
  #paint-calculator-page #calculation-results .calculation-result .calculation-final-result {
    margin-top: 25px;
  }
  #paint-calculator-page #calculation-results .calculation-result .next-steps {
    width: 100%;
  }
  #paint-calculator-page #calculation-results .calculation-result .next-steps .btn-small {
    font-size: 12px;
  }
}
#generic-page {
  /* NEW TIPS*/
}
#generic-page .description ul {
  list-style-type: disc;
  padding-left: 23px;
  margin-top: 10px;
}
#generic-page .description ul li {
  margin-top: 4px;
}
#generic-page .description img {
  display: block;
  width: auto;
  width: initial;
  height: auto !important;
  margin: 40px auto;
}
#generic-page #sub-pages-listing {
  *zoom: 1;
}
#generic-page #sub-pages-listing:before,
#generic-page #sub-pages-listing:after {
  display: table;
  content: "";
  line-height: 0;
}
#generic-page #sub-pages-listing:after {
  clear: both;
}
#generic-page #sub-pages-listing .sub-page-preview {
  float: left;
  text-align: center;
  margin-bottom: 22px;
  padding: 0 22px 0 0;
  width: 50%;
}
#generic-page #sub-pages-listing .sub-page-preview .content-box-wrapper {
  padding: 15px;
  text-decoration: none;
}
#generic-page #sub-pages-listing .sub-page-preview .content-box-wrapper .sub-page-thumbnail {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#generic-page #sub-pages-listing .sub-page-preview .content-box-wrapper h2 {
  font-size: 15px;
  line-height: 18px;
  margin-top: 20px;
  margin-bottom: 0;
}
#generic-page #sub-pages-listing .sub-page-preview .content-box-wrapper p.note {
  margin-top: 5px;
  margin-bottom: 0;
}
#generic-page .promo {
  margin-bottom: 22px;
}
#generic-page .tips-tabs-container {
  margin: 20px 0;
}
#generic-page .tips-tabs-container .generic-menu-switch {
  display: none;
}
#generic-page .tips-tabs-container .tips-tabs {
  padding: 0;
  width: 30%;
  float: left;
}
#generic-page .tips-tabs-container .tips-tabs ul {
  margin: 0;
}
#generic-page .tips-tabs-container .tips-tabs ul li {
  margin-top: 0;
  padding: 0;
  border-top: 1px solid #DDD;
  background-color: rgba(255, 255, 255, 0.5);
}
#generic-page .tips-tabs-container .tips-tabs ul li:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
#generic-page .tips-tabs-container .tips-tabs ul li:hover a {
  color: #0078A9;
}
#generic-page .tips-tabs-container .tips-tabs ul li.active {
  background-color: #ffffff;
}
#generic-page .tips-tabs-container .tips-tabs ul li.active a {
  color: #0078A9;
}
#generic-page .tips-tabs-container .tips-tabs ul li.first {
  border-top: none;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
}
#generic-page .tips-tabs-container .tips-tabs ul li.last {
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
}
#generic-page .tips-tabs-container .tips-tabs ul li a {
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  padding: 15px 20px;
  text-transform: uppercase;
  display: block;
}
#generic-page .tips-tabs-container .tips-content {
  width: 70%;
  float: left;
  background-color: #ffffff;
  -webkit-border-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topleft: 0;
  border-radius: 10px;
  border-top-left-radius: 0;
  padding: 5px 20px;
}
#generic-page .tips-tabs-container .tips-content img {
  width: auto;
  margin: 10px auto;
  display: block;
  width: auto !important;
  height: auto !important;
}
@media (max-width: 767px) {
  #generic-page .tips-tabs-container .generic-menu-switch {
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    font-size: 18px;
    line-height: 18px;
    z-index: 200;
    background-color: rgba(255, 255, 255, 0.5);
    width: 75%;
    padding: 20px 12px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    text-decoration: none;
  }
  #generic-page .tips-tabs-container .generic-menu-switch .fa-bars {
    display: none;
  }
  #generic-page .tips-tabs-container .generic-menu-switch .fa-chevron-left {
    display: block;
  }
  #generic-page .tips-tabs-container.collapsed .fa-chevron-left {
    display: none;
  }
  #generic-page .tips-tabs-container.collapsed .fa-bars {
    display: block;
  }
  #generic-page .tips-tabs-container.collapsed .tips-tabs {
    width: 50px;
  }
  #generic-page .tips-tabs-container.collapsed .tips-tabs ul.menu {
    display: none;
  }
  #generic-page .tips-tabs-container.collapsed .tips-content {
    left: 15%;
    width: 85%;
  }
  #generic-page .tips-tabs-container.collapsed .generic-menu-switch {
    width: 15%;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
  }
  #generic-page .tips-tabs-container .tips-tabs {
    width: 75%;
    position: absolute;
    top: 58px;
  }
  #generic-page .tips-tabs-container .tips-tabs ul li.first {
    border-top-left-radius: 0px;
  }
  #generic-page .tips-tabs-container .tips-content {
    width: 100%;
    position: relative;
    left: 80%;
  }
}
/*************************/
/* Media queries */
/*************************/
/* For large desktop only */
@media (min-width: 1200px) {
  #generic-page {
    padding-top: 80px;
  }
  #generic-page h1 {
    margin-bottom: 45px;
  }
  #generic-page .description img {
    margin: 40px auto;
  }
  #generic-page #sub-pages-listing .sub-page-preview .sub-page-thumbnail {
    height: 200px;
  }
}
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  #generic-page {
    padding-top: 75px;
  }
  #generic-page h1 {
    margin-bottom: 45px;
  }
  #generic-page .description img {
    margin: 35px auto;
  }
  #generic-page #sub-pages-listing .sub-page-preview .sub-page-thumbnail {
    height: 155px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  #generic-page {
    padding-top: 70px;
  }
  #generic-page h1 {
    margin-bottom: 40px;
  }
  #generic-page .description img {
    margin: 30px auto;
  }
  #generic-page #sub-pages-listing .sub-page-preview {
    width: 50%;
  }
  #generic-page #sub-pages-listing .sub-page-preview .sub-page-thumbnail {
    height: 104px;
  }
  #generic-page .tips-tabs-container .tips-tabs ul li a {
    font-size: 14px;
  }
}
/* For mobile only */
@media (max-width: 767px) {
  #generic-page {
    padding-top: 47px;
  }
  #generic-page h1 {
    margin-bottom: 25px;
  }
  #generic-page .description img {
    margin: 25px auto;
  }
  #generic-page #sub-pages-listing .sub-page-preview {
    *zoom: 1;
    width: 100%;
    padding-right: 0;
  }
  #generic-page #sub-pages-listing .sub-page-preview:before,
  #generic-page #sub-pages-listing .sub-page-preview:after {
    display: table;
    content: "";
    line-height: 0;
  }
  #generic-page #sub-pages-listing .sub-page-preview:after {
    clear: both;
  }
  #generic-page #sub-pages-listing .sub-page-preview .content-box-wrapper {
    margin-bottom: -10px;
  }
  #generic-page .promo {
    margin-top: 30px;
  }
  #generic-page .tips-tabs-container .tips-tabs ul li a {
    font-size: 14px;
  }
}
#error-page .search-container {
  padding: 0;
}
#error-page .search-container .content-box-wrapper {
  background-color: #FFFFFF;
}
#error-page .search-container .content-box-wrapper .list-links li a:hover {
  background-color: #EBEBEB;
}
#error-page .search-container .gsc-above-wrapper-area {
  border-bottom: 1px solid #dddddd;
}
#error-page .search-container .gsc-results .gsc-cursor-box .gsc-cursor-page {
  background-color: #c8c8c8;
  color: #888888;
}
#error-page .search-container .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
  background-color: #0078A9;
  color: #FFFFFF;
}
/*************************/
/* Media queries */
/*************************/
/* For large desktop only */
@media (min-width: 1200px) {
  #error-page {
    min-height: 500px;
  }
  #error-page h1 {
    margin-bottom: 45px;
  }
}
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  #error-page {
    min-height: 400px;
  }
  #error-page h1 {
    margin-bottom: 45px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  #error-page {
    min-height: 300px;
  }
  #error-page h1 {
    margin-bottom: 40px;
  }
}
/* For mobile only */
@media (max-width: 767px) {
  #error-page h1 {
    margin-bottom: 25px;
  }
}
#sitemap-page .individual-link {
  font-weight: 600;
}
#sitemap-page ul li {
  margin-right: 0;
  display: block;
}
#sitemap-page ul li a {
  font-weight: 600;
}
#sitemap-page ul li ul {
  padding-left: 0;
}
#sitemap-page ul li ul li {
  position: relative;
  padding-left: 15px;
}
#sitemap-page ul li ul li a {
  font-weight: 400;
}
#sitemap-page a {
  text-decoration: none;
}
#sitemap-page a:hover {
  color: #282828;
}
#sitemap-page .promo {
  margin-bottom: 22px;
}
/*************************/
/* Media queries */
/*************************/
/* For large desktop only */
@media (min-width: 1200px) {
  #sitemap-page {
    min-height: 500px;
  }
  #sitemap-page h1 {
    margin-bottom: 45px;
  }
}
/* For small desktop only */
@media (min-width: 992px) and (max-width: 1199px) {
  #sitemap-page {
    min-height: 400px;
  }
  #sitemap-page h1 {
    margin-bottom: 45px;
  }
}
/* For tablet only */
@media (min-width: 768px) and (max-width: 991px) {
  #sitemap-page {
    min-height: 300px;
  }
  #sitemap-page h1 {
    margin-bottom: 40px;
  }
}
/* For mobile only */
@media (max-width: 767px) {
  #sitemap-page h1 {
    margin-bottom: 25px;
  }
  #sitemap-page .promo {
    margin-top: 30px;
  }
}
#how-to-page {
  background-color: white;
}
#how-to-page .simple-content {
  padding-top: 0;
  padding-bottom: 20px;
}
.how-to-banner {
  margin-left: -22px;
  margin-right: -22px;
  margin-bottom: 30px;
}
.intro .intro-text {
  font-family: Montserrat, sans-serif;
}
.intro .intro-text h1 {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 52px;
  color: #48b2ad;
  margin-top: 0;
  line-height: 50px;
  font-weight: 300!important;
}
.intro .intro-text p {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
}
.intro .intro-image {
  display: none;
}
.intro .intro-image img {
  max-width: 240px;
}
.how-to-listing {
  padding-bottom: 20px;
}
.how-to-listing ul {
  *zoom: 1;
  padding: 0 20px;
  text-align: center;
}
.how-to-listing ul:before,
.how-to-listing ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.how-to-listing ul:after {
  clear: both;
}
.how-to-listing ul li {
  width: 33.33%;
  float: left;
  margin: 0;
  padding: 2px;
  min-height: 220px;
}
.how-to-listing ul a {
  display: block;
  text-decoration: none;
}
.how-to-listing ul a:hover {
  text-decoration: underline;
}
.how-to-listing ul h3 {
  margin: 10px 0 20px;
  font-family: "Open Sans", Arial, sans-serif;
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}
@media (max-width: 991px) {
  .how-to-listing ul li {
    width: 50%;
  }
  .how-to-listing ul li:nth-child(2n+3) {
    clear: left;
  }
}
@media (max-width: 767px) {
  .intro .intro-text {
    margin-bottom: 30px;
  }
  .intro .intro-image {
    text-align: center;
  }
  .how-to-listing ul li {
    width: 100%;
    float: none;
  }
}
@media (max-width: 375px) {
  .how-to-listing ul li {
    min-height: inherit;
  }
}
#how-to-detail-page {
  padding: 20px;
  background-color: #FFFFFF;
}
#how-to-detail-page h1 {
  margin: 0 0 30px;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 52px;
  color: #48b2ad;
  line-height: 50px;
  font-weight: 300!important;
}
#how-to-detail-page .title {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 10px 0 20px;
  padding: 6px 10px;
  font-family: Kreon,serif;
  color: #48b2ad;
  font-size: 24px;
  border: 3px solid #48b2ad;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: -0.25px !important;
}
#how-to-detail-page p {
  font-family: Montserrat, sans-serif;
}
#how-to-detail-page p a {
  color: #08c;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}
.video-block {
  margin-bottom: 50px;
}
.video-block .embed-responsive-4by3 {
  padding-bottom: 50%;
}
.description-time {
  *zoom: 1;
  margin-bottom: 30px;
}
.description-time:before,
.description-time:after {
  display: table;
  content: "";
  line-height: 0;
}
.description-time:after {
  clear: both;
}
.description-time .description {
  width: 68%;
  padding-right: 2%;
  float: left;
}
.description-time .description p {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
}
.description-time .description .pdf,
.description-time .description .print,
.description-time .description .email {
  display: block;
  font-family: Montserrat, sans-serif;
  padding: 10px 20px 10px 40px;
  background-repeat: no-repeat;
  background-position: left;
  color: #48b2ad;
  text-decoration: none;
}
.description-time .description .pdf {
  background-image: url(../images/how-to/icon-pdf.png);
}
.description-time .description .print {
  background-image: url(../images/how-to/icon-print.png);
}
.description-time .description .email {
  padding-right: 0;
  background-image: url(../images/how-to/icon-email.png);
  background-position: left 10px;
}
.description-time .description input[type="email"],
.description-time .description input[type="button"] {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  height: 30px;
  outline: none;
}
.description-time .description input[type="email"].input-error,
.description-time .description input[type="email"]:focus {
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
  border: 2px solid #e9322d;
}
.description-time .description input[type="email"]:focus {
  color: #e9322d;
}
.description-time .description .email-me-input {
  padding: 2px 5px;
  margin-bottom: 0;
  border: 2px solid #48b2ad;
  color: #48b2ad;
}
.description-time .description .email-button {
  padding: 0 10px;
  background-color: #48b2ad;
  color: #fff;
  border: none;
}
.description-time .description .email-error {
  font-family: Montserrat, sans-serif;
  padding-left: 10px;
  color: #ed5900;
  font-size: 14px;
}
.description-time .description .email-confirmation {
  font-family: Montserrat, sans-serif;
  padding-left: 10px;
  color: #48b2ad;
  font-size: 14px;
}
.description-time .description .loading {
  margin-left: 10px;
}
.description-time .description .loading img {
  width: auto;
}
.description-time .time {
  width: 32%;
  float: right;
  text-align: center;
}
.description-time .time h2 {
  text-align: left;
}
.description-time .time img {
  width: auto;
}
.description-time .time p {
  font-family: Montserrat, sans-serif;
  text-align: center;
}
.materials {
  padding-bottom: 20px;
}
.materials h3 {
  margin: 10px 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  text-transform: none;
  line-height: 40px;
}
.materials ul {
  *zoom: 1;
  margin-left: -20px;
  margin-right: -20px;
}
.materials ul:before,
.materials ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.materials ul:after {
  clear: both;
}
.materials ul li {
  float: left;
  width: 20%;
  padding: 0 10px;
  min-height: 280px;
  text-align: center;
}
.materials ul .tmb {
  margin: 0 auto 15px;
  max-width: 120px;
}
.materials ul .tmb img {
  width: auto;
}
.materials ul .info h3 {
  position: relative;
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: 25px;
  color: #48b2ad;
  text-transform: uppercase;
  line-height: 1.1;
}
.materials ul .info h3 .icon {
  position: absolute;
  top: 11px;
  right: -13px;
  width: 26px;
}
.materials ul .info .desc {
  display: block;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  color: #48b2ad;
  line-height: 1.1;
}
.materials ul .info .lowercase {
  text-transform: lowercase;
}
.steps {
  margin-bottom: 40px;
}
.steps h2 {
  color: #72abcc !important;
  border-color: #72abcc !important;
}
.steps ol {
  padding-left: 28px;
  font-size: 14px;
}
.steps ol li {
  padding: 5px 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
}
.steps ol li a {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  color: #08c;
  text-decoration: none;
}
.steps-image {
  font-size: 0;
  text-align: center;
}
.steps-image .image {
  position: relative;
  display: inline-block;
  padding: 2px;
  max-width: 300px;
}
.tips {
  *zoom: 1;
  margin-bottom: 30px;
}
.tips:before,
.tips:after {
  display: table;
  content: "";
  line-height: 0;
}
.tips:after {
  clear: both;
}
.tips h2 {
  color: #d24b5d !important;
  border-color: #d24b5d !important;
}
.tips ul {
  padding-left: 30px;
  list-style-type: disc !important;
}
.tips ul li {
  margin: 0 0 8px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
}
.tips ul li a {
  text-decoration: none;
  font-family: Montserrat, sans-serif;
  color: #08c;
}
.tips ul ul {
  padding-top: 10px;
  list-style-type: circle !important;
}
.tips ul ul li {
  display: list-item;
}
.tips .tips-image {
  display: none;
}
.other-videos h2 {
  color: #000000 !important;
  border-color: #000000 !important;
}
.other-videos ul {
  *zoom: 1;
  margin-left: -10px;
  margin-right: -10px;
}
.other-videos ul:before,
.other-videos ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.other-videos ul:after {
  clear: both;
}
.other-videos ul li {
  float: left;
  width: 33%;
  margin-top: 0;
  padding: 10px;
}
.other-videos ul li a {
  display: block;
  text-decoration: none;
}
.other-videos ul li a:hover {
  text-decoration: underline;
}
.other-videos ul li img {
  margin-bottom: 10px;
}
.other-videos ul h3 {
  display: block;
  margin: 0;
  font-family: Montserrat, sans-serif;
  color: #000000;
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 1024px) {
  .description-time .description {
    width: 65%;
  }
  .description-time .time {
    width: 35%;
  }
}
@media (max-width: 991px) {
  .materials ul li {
    width: 33.33%;
  }
  .materials ul .info h3 .icon {
    top: 7px;
    right: 0;
  }
}
@media (max-width: 767px) {
  #how-to-detail-page .title {
    font-size: 22px;
  }
  .description-time .description,
  .description-time .time {
    float: none;
    width: 100%;
    padding: 0;
  }
  .description-time .description {
    margin-bottom: 10px;
  }
  .materials ul li {
    width: 50%;
    min-height: 200px;
  }
  .tips .tips-content,
  .tips .tips-image {
    float: none;
    width: 100%;
    padding: 0;
  }
  .tips .tips-content {
    margin-bottom: 20px;
  }
  .other-videos ul li {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 440px) {
  .materials ul .tmb {
    max-width: 80px;
  }
  .materials ul .info h3 {
    font-size: 18px;
  }
  .materials ul .info h3 .icon {
    width: 18px;
  }
  .description-time .description .email-error,
  .description-time .description .email-confirmation {
    display: block;
    padding-left: 0;
    font-size: 12px;
  }
}
@media (max-width: 360px) {
  .description-time .description input[type="email"] {
    width: 145px;
  }
  .description-time .description .loading {
    margin-left: 0;
  }
}