@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700,500);
/* prefix declarations */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea, select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

input {
  border-radius: 0; }

html {
  font-size: 0.625em;
  /* Allow 1em == 10px */ }

/**
 * Basic styling
 */
body {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 300;
  color: #000000;
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
  min-width: 320px; }

/**
 * Set `margin-bottom` to maintain vertical rhythm
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, figure,
.highlight {
  margin-bottom: 10px; }

/**
 * Images
 */
img {
  max-width: 100%;
  vertical-align: middle; }

/**
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
  font-weight: 300; }

/**
 * Links
 */
a {
  color: #000000;
  text-decoration: none; }
  a:visited {
    color: black; }
  a:hover {
    color: #000000;
    text-decoration: none; }

/**
 * Blockquotes
 */
blockquote {
  color: #828282;
  border-left: 4px solid #e8e8e8;
  padding-left: 10px;
  font-size: 18px;
  letter-spacing: -1px;
  font-style: italic; }
  blockquote > :last-child {
    margin-bottom: 0; }

/**
 * Code formatting
 */
pre,
code {
  font-size: 15px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background-color: #eef; }

code {
  padding: 1px 5px; }

pre {
  padding: 8px 12px;
  overflow-x: scroll; }
  pre > code {
    border: 0;
    padding-right: 0;
    padding-left: 0; }

/**
 * Wrapper
 */
.wrapper {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 95%;
  max-width: 1100px; }

/**
 * Clearfix
 */
.wrapper:after {
  content: "";
  display: table;
  clear: both; }

h1 {
  font-family: Georgia;
  font-size: 25px;
  font-style: italic;
  .max-width: 300px; }

h2 {
  font-family: Georgia;
  font-size: 20px;
  font-style: italic;
  padding-top: 20px; }

.container-three .container {
  float: left;
  position: relative;
  width: 33%; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .container-three .container {
      float: none;
      margin-bottom: 40px;
      width: 100%; } }

.slider {
  margin: 0 auto;
  padding-bottom: 20px;
  width: 950px; }

/**
 * Site header
 */
.site-header {
  border-top: 10px solid black;
  padding: 20px 0; }
  .site-header .left-header-slogan {
    padding-top: 10px; }
  .site-header .container {
    float: left;
    text-align: center;
    width: 33%; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .site-header .header-logo {
      margin-top: 72px;
      padding: 0px 5%; } }
  .site-header .slogan {
    color: #23272d;
    font-family: Georgia;
    font-style: italic;
    line-height: 18px;
    margin: 0 auto;
    max-width: 200px;
    padding-bottom: 10px; }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .site-header .slogan {
        margin-top: 60px; } }
  .site-header .slogan-b {
    color: #B29047;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 4px; }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .site-header .slogan-b {
        position: absolute;
        top: 0px;
        z-index: 9999;
        left: 50%;
        font-size: 10px;
        letter-spacing: 3px;
        width: 220px;
        margin-left: -110px; } }
  .site-header .infinity-login .slogan {
    font-size: 13px; }

.site-footer {
  padding-top: 30px; }
  .site-footer .container {
    float: left;
    width: 40%; }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .site-footer .container {
        width: 50%; } }
  .site-footer .footer-logo {
    float: left;
    padding-left: 20px;
    width: 105px; }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .site-footer .footer-logo {
        display: none; } }
  .site-footer .footer-contact-links {
    padding-right: 40px; }
  .site-footer .with-padding {
    padding-right: 30px; }
  .site-footer .footer-title {
    font-family: Georgia;
    font-style: italic;
    font-size: 17px;
    padding-bottom: 10px; }
  .site-footer .footer-links {
    border-top: 1px solid #e5e5e5;
    padding: 20px 0; }
    .site-footer .footer-links .address {
      float: left;
      font-size: 13px; }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .site-footer .footer-links .address {
          font-size: 12px; } }
  .site-footer .footer-quick-links a {
    color: black;
    display: block;
    font-size: 13px; }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .site-footer .footer-quick-links a {
        font-size: 12px; } }
  .site-footer .footer-quick-links .links-list {
    float: left; }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .site-footer .footer-quick-links .links-list {
        float: none; } }
  .site-footer .footer-bottom {
    border-top: 1px solid #e5e5e5;
    font-size: 13px;
    padding: 20px 0; }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .site-footer .footer-bottom {
        font-size: 12px; } }
    .site-footer .footer-bottom a {
      border-right: 1px solid black;
      padding: 0 10px 0 10px; }
      .site-footer .footer-bottom a:first-child {
        padding-left: 0; }
      .site-footer .footer-bottom a:last-child {
        border-right: 0; }

.bulleted {
  list-style-type: disc;
  padding: 10px 0 30px 20px; }

.backresults {
  background: #B29047;
  color: white;
  display: inline-block;
  padding: 5px 10px;
  position: relative; }
  .backresults:before {
    content: '';
    display: block;
    position: absolute;
    width: 25px;
    height: 2px;
    left: -40px;
    border-top: 15px solid white;
    border-bottom: 15px solid white;
    border-left: 0px solid white;
    border-right: 15px solid #B29047;
    top: 0px; }

#map {
  height: 400px;
  margin: 30px 0 -30px 0;
  width: 100%; }

.social-media-container {
  position: absolute;
  right: 0;
  top: 10px; }

.social-media-share-container {
  background: #d7d7d7;
  left: 0px;
  margin-top: -100px;
  min-height: 100px;
  top: 30%;
  position: fixed;
  z-index: 999; }
  .social-media-share-container a {
    display: block; }

.print-title,
.print-title-palette {
  display: none; }

.print-design {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: black;
  color: white;
  cursor: pointer;
  font-size: 13px;
  padding: 5px 15px;
  height: 30px; }
  .print-design:hover {
    background: #484848;
    color: white; }

.highlight-container {
  overflow: hidden;
  padding: 30px 0px 50px;
  text-align: center; }
  .highlight-container .highlight-title {
    font-family: Georgia;
    font-size: 21px;
    font-style: italic; }
  .highlight-container .highlight-infinity-collection {
    background: url("../images/highlight-infinity-collection.jpg") top center no-repeat;
    height: 380px; }
  .highlight-container .highlight-products {
    background: url("../images/highlight-products.jpg") top center no-repeat;
    height: 380px; }
  .highlight-container .highlight-brochures {
    background: url("../images/highlight-brochures.jpg") top center no-repeat;
    height: 380px; }
  .highlight-container .highlight-text {
    top: 310px;
    position: absolute;
    width: 100%; }

.brochures-wrapper {
  padding: 30px 0; }
  .brochures-wrapper .brochure {
    float: left;
    margin: 0px 20px 50px 0px;
    min-height: 300px;
    text-align: center;
    max-width: 235px;
    width: 23%; }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .brochures-wrapper .brochure {
        float: none;
        margin: 20px auto;
        min-height: auto;
        width: 100%; } }
    .brochures-wrapper .brochure img {
      padding-bottom: 10px; }
    .brochures-wrapper .brochure .brochure-title {
      font-family: Georgia;
      font-size: 21px;
      line-height: 25px; }
    .brochures-wrapper .brochure .brochure-option {
      display: inline-block;
      height: 35px;
      position: relative;
      width: 40px; }
      .brochures-wrapper .brochure .brochure-option:before {
        border-bottom: 4px solid black;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: '';
        display: block;
        left: 50%;
        opacity: 0;
        position: absolute;
        margin-left: -7px;
        top: 31px;
        visibility: hidden; }
      .brochures-wrapper .brochure .brochure-option:after {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: black;
        color: white;
        display: block;
        font-size: 12px;
        left: 50%;
        margin-left: -50px;
        opacity: 0;
        padding: 5px;
        position: absolute;
        top: 35px;
        visibility: hidden;
        width: 100px;
        z-index: 999; }
      .brochures-wrapper .brochure .brochure-option:hover:after, .brochures-wrapper .brochure .brochure-option:hover:before {
        opacity: 1;
        visibility: visible; }
    .brochures-wrapper .brochure .brochure-download {
      background: url("../images/brochure-download.png") no-repeat; }
      .brochures-wrapper .brochure .brochure-download:after {
        content: "Download PDF"; }
    .brochures-wrapper .brochure .brochure-view {
      background: url("../images/brochure-view.png") no-repeat; }
      .brochures-wrapper .brochure .brochure-view:after {
        content: "View Online PDF"; }
    .brochures-wrapper .brochure .brochure-design {
      background: url("../images/brochure-design.png") no-repeat; }
      .brochures-wrapper .brochure .brochure-design:after {
        content: "Deisgn with Infinity"; }

.gen-button {
  background: black;
  border-radius: 10px;
  color: white !important;
  font-size: 11px;
  font-weight: 400;
  padding: 2px 8px;
  text-transform: uppercase; }
  .gen-button.gen-gold {
    background: #B29047; }

.sequence-theme {
  background: #ffffff;
  padding-bottom: 20px; }

#sequence {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 970px;
  background-color: #ffffffg;
  background-repeat: no-repeat;
  color: white;
  margin: 0 auto;
  position: relative;
  height: 500px; }
  #sequence > .sequence-canvas {
    height: 100%;
    width: 100%; }
    #sequence > .sequence-canvas > li {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1; }
    #sequence > .sequence-canvas li > * {
      position: absolute;
      /* only cause the left and opacity properties to transition */
      -webkit-transition-property: left, opacity;
      -moz-transition-property: left, opacity;
      -ms-transition-property: left, opacity;
      -o-transition-property: left, opacity;
      transition-property: left, opacity; }

.sequence-next,
.sequence-prev {
  color: white;
  cursor: pointer;
  display: none;
  font-weight: bold;
  padding: 10px 0;
  position: absolute;
  top: 50%;
  z-index: 1000;
  height: 75px;
  margin-top: -47.5px; }

.sequence-pause {
  bottom: 0;
  cursor: pointer;
  position: absolute;
  z-index: 1000; }

.sequence-paused {
  opacity: 0.3; }

.sequence-prev {
  left: 0; }

.sequence-next {
  right: 0; }

.sequence-prev img,
.sequence-next img {
  height: 100%;
  width: auto; }

#sequence-preloader {
  background: #d9d9d9; }

.sequence-pagination {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  bottom: -5px;
  display: none;
  left: 50%;
  margin-left: -50px;
  position: absolute;
  text-align: center;
  width: 100px;
  z-index: 10; }
  .sequence-pagination li {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #4e4a40;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    width: 12px; }
    .sequence-pagination li.current {
      background: #4e4a40; }

.sequence-next,
.sequence-prev {
  position: absolute;
  opacity: 0.6;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s; }

.sequence-next:hover,
.sequence-prev:hover {
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s; }

.title {
  color: white;
  font-size: 3.4em;
  left: 65%;
  width: 35%;
  opacity: 0;
  position: relative;
  bottom: 90px;
  z-index: 50; }
  .title:visited, .title:active {
    color: white; }

.animate-in .title {
  left: 10%;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.animate-out .title {
  left: 35%;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.title-content {
  background: rgba(31, 27, 43, 0.7);
  font-size: 18px;
  padding: 20px 40px;
  text-align: center; }

.title-cta {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background: #87181E;
  font-size: 12px;
  text-transform: uppercase;
  padding: 4px 17px;
  position: absolute;
  bottom: -15px;
  right: 20px; }

.slider-image {
  left: 10%;
  opacity: 0; }

.animate-in .slider-image {
  left: 0%;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.animate-out .slider-image {
  left: -10%;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s; }

@media only screen and (min-width: 992px) {
  #sequence .title {
    width: 42%; } }
@media only screen and (max-width: 838px) {
  #sequence {
    height: 550px; }
    #sequence .model {
      max-height: 530px !important;
      width: auto; } }
@media only screen and (max-width: 768px) {
  #sequence {
    height: 500px; }
    #sequence .title {
      font-size: 2.8em; }
    #sequence .subtitle {
      font-size: 1.6em; }
    #sequence .sequence-next,
    #sequence .sequence-prev {
      height: 60px;
      margin-top: -40px; }
    #sequence .model {
      max-height: 480px !important;
      width: auto; } }
@media only screen and (max-width: 568px) {
  #sequence .model {
    left: 50%;
    min-width: 40%;
    /*prevents the model from shrinking when the browser is resized*/
    width: 40%; }
  #sequence .animate-in .model {
    left: 50%;
    margin-left: -20%; }
  #sequence .animate-out .model {
    left: 50%;
    margin-left: -20%; }
  #sequence .title {
    background: #a1a1a1;
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    left: 100%;
    padding: 4%;
    bottom: -50%;
    width: 100%;
    z-index: 10; }
  #sequence .animate-in .title {
    left: 0%; }
  #sequence .animate-out .title {
    left: -100%; }
  #sequence .subtitle {
    visibility: hidden; }
  #sequence .sequence-pagination {
    bottom: 40px; }
    #sequence .sequence-pagination li img {
      height: 100px; } }
@media only screen and (max-width: 518px) {
  #sequence {
    height: 450px; } }
@media only screen and (max-width: 468px) {
  #sequence {
    height: 415px; }
    #sequence .sequence-pagination {
      opacity: 0;
      visibility: hidden; } }
@media only screen and (max-width: 418px) {
  #sequence {
    height: 205px; } }
@media only screen and (max-width: 368px) {
  #sequence {
    height: 325px; }
    #sequence .title {
      font-size: 2.2em; } }
@media only screen and (max-width: 320px) and (orientation: portrait) {
  /*iphone portrait*/
  #sequence {
    height: 320px; }
    #sequence .model {
      min-width: 45%;
      width: 45%; }
    #sequence .animate-in .model {
      margin-left: -22.5%; }
    #sequence .animate-out .model {
      margin-left: -22.5%; } }
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
  #sequence {
    height: 260px; }
    #sequence .model {
      min-width: 24%;
      width: 24%; }
    #sequence .animate-in .model {
      left: 17.5%;
      margin-left: 0; }
    #sequence .animate-out .model {
      left: 17.5%;
      margin-left: 0; }
    #sequence .sequence-pagination {
      right: 17.5%; } }
/**
 * Syntax highlighting styles
 */
.highlight {
  background: #fff; }
  .highlight .c {
    color: #998;
    font-style: italic; }
  .highlight .err {
    color: #a61717;
    background-color: #e3d2d2; }
  .highlight .k {
    font-weight: bold; }
  .highlight .o {
    font-weight: bold; }
  .highlight .cm {
    color: #998;
    font-style: italic; }
  .highlight .cp {
    color: #999;
    font-weight: bold; }
  .highlight .c1 {
    color: #998;
    font-style: italic; }
  .highlight .cs {
    color: #999;
    font-weight: bold;
    font-style: italic; }
  .highlight .gd {
    color: #000;
    background-color: #fdd; }
  .highlight .gd .x {
    color: #000;
    background-color: #faa; }
  .highlight .ge {
    font-style: italic; }
  .highlight .gr {
    color: #a00; }
  .highlight .gh {
    color: #999; }
  .highlight .gi {
    color: #000;
    background-color: #dfd; }
  .highlight .gi .x {
    color: #000;
    background-color: #afa; }
  .highlight .go {
    color: #888; }
  .highlight .gp {
    color: #555; }
  .highlight .gs {
    font-weight: bold; }
  .highlight .gu {
    color: #aaa; }
  .highlight .gt {
    color: #a00; }
  .highlight .kc {
    font-weight: bold; }
  .highlight .kd {
    font-weight: bold; }
  .highlight .kp {
    font-weight: bold; }
  .highlight .kr {
    font-weight: bold; }
  .highlight .kt {
    color: #458;
    font-weight: bold; }
  .highlight .m {
    color: #099; }
  .highlight .s {
    color: #d14; }
  .highlight .na {
    color: #008080; }
  .highlight .nb {
    color: #0086B3; }
  .highlight .nc {
    color: #458;
    font-weight: bold; }
  .highlight .no {
    color: #008080; }
  .highlight .ni {
    color: #800080; }
  .highlight .ne {
    color: #900;
    font-weight: bold; }
  .highlight .nf {
    color: #900;
    font-weight: bold; }
  .highlight .nn {
    color: #555; }
  .highlight .nt {
    color: #000080; }
  .highlight .nv {
    color: #008080; }
  .highlight .ow {
    font-weight: bold; }
  .highlight .w {
    color: #bbb; }
  .highlight .mf {
    color: #099; }
  .highlight .mh {
    color: #099; }
  .highlight .mi {
    color: #099; }
  .highlight .mo {
    color: #099; }
  .highlight .sb {
    color: #d14; }
  .highlight .sc {
    color: #d14; }
  .highlight .sd {
    color: #d14; }
  .highlight .s2 {
    color: #d14; }
  .highlight .se {
    color: #d14; }
  .highlight .sh {
    color: #d14; }
  .highlight .si {
    color: #d14; }
  .highlight .sx {
    color: #d14; }
  .highlight .sr {
    color: #009926; }
  .highlight .s1 {
    color: #d14; }
  .highlight .ss {
    color: #990073; }
  .highlight .bp {
    color: #999; }
  .highlight .vc {
    color: #008080; }
  .highlight .vg {
    color: #008080; }
  .highlight .vi {
    color: #008080; }
  .highlight .il {
    color: #099; }

#pageproducts h2, #pageproducts h3 {
  font-family: Georgia; }
#pageproducts h3 {
  padding-top: 5px; }

#maincontent {
  position: relative; }
  #maincontent h2 {
    font-size: 25px; }
  #maincontent .sr2 a,
  #maincontent .Selected a {
    color: black;
    display: block;
    font-size: 14px;
    position: relative; }
    #maincontent .sr2 a h3,
    #maincontent .Selected a h3 {
      padding-left: 20px;
      font-size: 13px;
      font-family: 'roboto-light'; }
    #maincontent .sr2 a:before,
    #maincontent .Selected a:before {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background: #B7B7B7;
      content: '';
      display: block;
      height: 15px;
      left: 0px;
      position: absolute;
      top: 5px;
      width: 15px; }
    #maincontent .sr2 a:after,
    #maincontent .Selected a:after {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background: white;
      content: '';
      display: block;
      height: 9px;
      left: 3px;
      position: absolute;
      top: 8px;
      width: 9px; }
  #maincontent .Selected a:after {
    background-color: #90702A;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#B29047), to(#90702A));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #B29047, #90702A);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #B29047, #90702A);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #B29047, #90702A);
    /* IE10 */
    background-image: -o-linear-gradient(top, #B29047, #90702A);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #B29047, #90702A);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#B29047', EndColorStr='#90702A'); }

.sr1 {
  padding: 0px 40px 40px 0;
  text-align: center; }
  .sr1 .sr1_b h3 {
    margin-bottom: 5px; }

#searchbox3 .prd1, #searchbox3 .prd2, #searchbox3 .prd3 {
  float: left;
  width: 33%; }

.morebutton {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #B29047;
  color: white;
  display: inline-block;
  margin: 5px 0 0 0;
  padding: 5px 10px;
  text-transform: uppercase; }
  .morebutton:visited {
    color: white; }

.icons1 .icon2 {
  margin: 0 2px 0 2px; }

.Main2 .image2 {
  float: left;
  margin-bottom: 180px;
  width: 420px; }
  .Main2 .image2 img {
    max-width: 400px;
    width: 100%; }
.Main2 .details2 {
  float: left; }
  .Main2 .details2 .data_title_s {
    font-size: 22px;
    margin-bottom: 0px;
    line-height: 22px; }
  .Main2 .details2 .data_code_s {
    color: #B29047;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 18px; }
  .Main2 .details2 .description {
    max-width: 350px; }
.Main2 .details-container {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  margin: 15px 0;
  padding: 15px 0; }
  .Main2 .details-container .detail-info {
    font-weight: 400;
    padding: 5px 0; }
    .Main2 .details-container .detail-info span {
      display: inline-block;
      text-transform: uppercase;
      width: 140px; }

#leftp {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #F2F2F2;
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  width: 180px; }
  #leftp h2 {
    font-size: 14px;
    text-transform: uppercase;
    font-style: normal; }

#rightp_stage1,
#rightp_stage2,
#rightp_stage3 {
  margin-left: 220px;
  position: relative; }

#main4 {
  overflow: hidden;
  min-height: 900px; }

#product_results .image1 {
  background: #d7d7d7;
  height: 225px;
  width: 230px; }

.back_results2 {
  display: none; }

.image3 {
  background: #d7d7d7;
  height: 355px;
  width: 360px;
  float: left;
  margin-right: 30px; }

#product_detail .backresults {
  background: transparent;
  color: black;
  font-weight: bold;
  display: inline-block;
  padding: 0px 0px 10px 0;
  position: relative; }
  #product_detail .backresults:before {
    display: none; }
#product_detail .inflink {
  background: url("/images/design-link-image.png") no-repeat;
  height: 54px;
  margin-top: 20px;
  position: relative;
  width: 296px; }
  #product_detail .inflink a {
    display: block;
    height: 100%;
    width: 100%; }

#rightp_stage1 .datalist1 td {
  padding: 40px;
  text-align: center; }

.datalist1 .sr1_b h3 {
  margin: 10px 0 0 0; }

.image-gallery #main {
  min-height: 300px; }
.image-gallery .nstory {
  float: left;
  margin: 0 10px 60px 0;
  width: 130px;
  height: 130px;
  overflow: hidden; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .image-gallery .nstory {
      float: none;
      width: 100%; } }
  .image-gallery .nstory a.ig-image {
    background-size: cover;
    display: block;
    height: 200px;
    width: 100%; }
.image-gallery h3 {
  font-family: Georgia;
  margin-bottom: 0px; }
.image-gallery .shortDateFormat {
  display: block;
  font-size: 12px; }
.image-gallery .morebutton {
  font-size: 12px; }

.image-gallery-container .image-gallery-single {
  float: left;
  margin-right: 9%;
  padding-bottom: 50px;
  text-align: center;
  width: 27%; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .image-gallery-container .image-gallery-single {
      float: none;
      width: 100%; } }
  .image-gallery-container .image-gallery-single:nth-child(3n+3) {
    margin-right: 0; }

.ref_main_list {
  clear: both; }
  .ref_main_list .selected {
    font-weight: 400;
    font-size: 22px;
    font-family: Georgia;
    padding-bottom: 15px; }

.ref_datalist {
  width: 100%; }
  .ref_datalist tr {
    border-bottom: 1px solid #d7d7d7;
    display: block;
    padding: 5px 0; }
    .ref_datalist tr td {
      display: block;
      overflow: auto; }
    .ref_datalist tr .no {
      display: none; }
    .ref_datalist tr .morebutton {
      float: right;
      font-size: 12px;
      margin: 0;
      padding: 3px 10px; }

.rr_top .rr_lefttop {
  font-weight: 400;
  font-size: 22px;
  font-family: Georgia;
  padding-bottom: 15px; }

.rr_main .nstory {
  float: left;
  margin: 0 10px 10px 0;
  width: 130px; }

.image-gallery #th_list {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #F2F2F2;
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  width: 180px; }
  .image-gallery #th_list h2 {
    font-size: 14px;
    text-transform: uppercase;
    font-style: normal; }
  .image-gallery #th_list a {
    padding-left: 30px;
    position: relative; }
    .image-gallery #th_list a:before {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background: #B7B7B7;
      content: '';
      display: block;
      height: 15px;
      left: 0px;
      position: absolute;
      top: 3px;
      width: 15px; }
    .image-gallery #th_list a:after {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background: white;
      content: '';
      display: block;
      height: 9px;
      left: 3px;
      position: absolute;
      top: 6px;
      width: 9px; }
.image-gallery .ref_main_list {
  position: relative;
  margin-left: 200px; }
.image-gallery .image-gallery-container {
  margin-left: 200px;
  overflow: auto; }
.image-gallery h1 {
  margin-left: 200px;
  margin-bottom: 0px; }
.image-gallery .gallery-title {
  font-family: Georgia;
  font-size: 18px;
  color: black;
  padding: 6px 0 2px 0; }
.image-gallery .ref_datalist_results {
  margin-left: 200px; }
.image-gallery .ref_back_main {
  margin-left: 200px; }
  .image-gallery .ref_back_main .backresults {
    background: transparent;
    color: #B29047;
    font-weight: bold;
    padding-left: 0; }
    .image-gallery .ref_back_main .backresults:before {
      display: none; }

.site-nav {
  border-top: 1px solid #e5e5e5;
  margin-top: 20px;
  padding-top: 20px;
  text-align: center;
  z-index: 999; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .site-nav {
      background-color: black;
      left: 0px;
      margin-top: 0px;
      padding-bottom: 30px;
      position: absolute;
      top: 0px;
      width: 100%; } }
  .site-nav ul {
    display: inline-block;
    list-style-type: none;
    text-transform: uppercase; }
    .site-nav ul li {
      float: left;
      margin-right: 30px; }
      .site-nav ul li:last-child {
        margin-right: 0; }
      .site-nav ul li.current a {
        font-weight: bold; }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .site-nav ul {
        display: none;
        margin-top: 20px;
        width: 100%; }
        .site-nav ul li {
          border-bottom: 1px solid #585858;
          float: none;
          padding: 5px 0px 7px 0px;
          text-align: left;
          width: 100%; }
          .site-nav ul li a {
            color: white; } }
  .site-nav .small-menu-trigger {
    cursor: pointer;
    display: none;
    height: 20px;
    position: relative;
    top: 7px;
    width: 25px;
    z-index: 99; }
    .site-nav .small-menu-trigger:before {
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.9);
      content: '';
      height: 39px;
      left: -7px;
      opacity: 0;
      position: absolute;
      top: -8px;
      width: 39px; }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .site-nav .small-menu-trigger {
        display: block; } }
  .site-nav .small-menu-icon {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: white;
    height: 2px;
    position: absolute;
    top: 10px;
    width: 100%; }
    .site-nav .small-menu-icon:before, .site-nav .small-menu-icon:after {
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      background: white;
      content: '';
      height: 2px;
      left: 0px;
      position: absolute;
      width: 100%; }
    .site-nav .small-menu-icon:before {
      top: -8px; }
    .site-nav .small-menu-icon:after {
      top: 8px; }
  .site-nav.show-menu {
    -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3); }
    .site-nav.show-menu ul {
      display: block; }

@media print {
  .site-header {
    display: none; }

  .site-footer {
    display: none; }

  .options-2d {
    display: none; }

  .color-choice-single-container {
    display: none; }

  .social-media-share-container {
    display: none; }

  .saved-design-title {
    display: none; }

  .visual-tab-choice {
    display: none; }

  .save-design {
    display: none; }

  .saved-design {
    display: none; }

  h1 {
    display: none; }

  .color-select-selector-container {
    background: none !important;
    border: none !important;
    color: black !important;
    padding: 0 !important;
    margin: 0 !important; }

  .color-select-selector {
    background-image: none !important;
    border: none;
    padding: 0 !important;
    color: black !important;
    margin: 0 !important; }

  .print-title {
    display: block !important;
    font-size: 20px; }

  .print-title-palette {
    display: block !important; } }
.modal-iframe-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: rgba(0, 0, 0, 0.8);
  border: 10px solid black;
  height: 100vh;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100vw;
  z-index: 99999; }
  .modal-iframe-container .modal-close {
    -moz-box-shadow: -5px 5px 20px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: -5px 5px 20px 0px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 5px 20px 0px rgba(0, 0, 0, 0.5);
    background: black;
    color: white;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    padding: 0px 10px 7px 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99999; }
    .modal-iframe-container .modal-close:hover {
      color: #B29047; }
  .modal-iframe-container iframe {
    -moz-box-shadow: 0px 30px 30px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 30px 30px -10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 30px 30px -10px rgba(0, 0, 0, 0.5);
    height: 90vh;
    margin: auto;
    width: 90vw; }
  .modal-iframe-container.show-dialog {
    opacity: 1;
    visibility: visible; }

.infinity-container {
  min-height: 700px;
  position: relative; }

.login-container {
  position: absolute;
  right: 10px;
  text-align: center;
  top: -30px;
  width: 100px; }
  .login-container input {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
    color: #999999;
    font-size: 11px;
    margin: 0 0 3px 0;
    padding: 3px;
    text-align: center;
    width: 100%; }
    .login-container input[type="submit"] {
      background: transparent;
      border: none;
      font-weight: bold; }

button {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #B29047;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 13px;
  padding: 5px 15px;
  height: 30px; }
  button:focus {
    outline: none; }
  button:hover {
    background: #B29047; }

select {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-appearance: none;
  background-color: white;
  background-image: url("../images/select-caret-down.png");
  background-repeat: no-repeat;
  background-position: right 1px;
  border: 2px solid #cccccc;
  color: #000000;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  padding: 12px 30px 12px 12px; }
  select:focus {
    outline: none; }
  select:disabled {
    background-color: #F4F4F4;
    background-image: none;
    border-color: #f4f4f4;
    color: #D5D5D5; }
  select:not(:disabled):hover {
    border-color: #B29047; }
  select.active {
    border-color: #000000;
    font-weight: bold; }

.loading-design-container {
  background: rgba(255, 255, 255, 0.9);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999999; }
  .loading-design-container .loading-design-message {
    color: black;
    font-size: 20px;
    font-weight: 400;
    left: 50%;
    margin: -50px 0px 0px -130px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 260px; }

.visualisation {
  position: relative; }

.carpet-care .visual-tab {
  height: auto;
  margin-left: 250px; }
  .carpet-care .visual-tab h2:first-child {
    padding-top: 0; }
  .carpet-care .visual-tab h4 {
    font-weight: 600; }
.carpet-care .visual-tab-choice {
  border: none;
  font-family: Georgia;
  float: left;
  width: 220px; }
  .carpet-care .visual-tab-choice li {
    background: none;
    color: black;
    float: none; }
    .carpet-care .visual-tab-choice li:before {
      border-left: 5px solid transparent;
      content: '';
      left: -10px;
      position: relative; }
    .carpet-care .visual-tab-choice li.selected {
      background: none;
      color: black; }
      .carpet-care .visual-tab-choice li.selected:before {
        border-color: #B29047; }

.visual-tab {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 380px;
  display: none;
  padding: 10px 0px 0px 0px;
  z-index: -1; }
  .visual-tab.show {
    display: block;
    position: relative;
    z-index: 10; }
  .visual-tab .pattern svg {
    float: left; }
  .visual-tab.visual-2d .pattern-container {
    border: 1px solid #DFDFDF;
    height: 390px;
    overflow: hidden;
    width: 570px; }
  .visual-tab.visual-2d .pattern {
    -webkit-print-color-adjust: exact;
    height: 100%;
    width: 770px; }
    .visual-tab.visual-2d .pattern .pattern-repeat {
      border: 2px solid #237FDA;
      position: absolute; }
  .visual-tab.visual-3d .pattern-container {
    border: 1px solid #DFDFDF;
    display: none;
    height: 430px;
    overflow: hidden;
    position: absolute;
    width: 570px; }
    .visual-tab.visual-3d .pattern-container.show {
      display: block; }
  .visual-tab.visual-3d .room-overlay {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 9; }
  .visual-tab.visual-3d .room-1 .overlay-room-1 {
    background: url("../images/rooms/room-a-background-noise.png"); }
    .visual-tab.visual-3d .room-1 .overlay-room-1:before {
      background: url("../images/rooms/room-a-background-shadows.png");
      content: '';
      height: 100%;
      position: absolute;
      width: 100%; }
    .visual-tab.visual-3d .room-1 .overlay-room-1:after {
      background: url("../images/rooms/room-a-background.png") top center no-repeat;
      content: '';
      height: 100%;
      position: absolute;
      width: 100%; }
  .visual-tab.visual-3d .room-2 .overlay-room-2 {
    background: url("../images/rooms/room-a-background-noise.png"); }
    .visual-tab.visual-3d .room-2 .overlay-room-2:before {
      background: url("../images/rooms/room-b-background-shadows.png");
      content: '';
      height: 100%;
      position: absolute;
      width: 100%; }
    .visual-tab.visual-3d .room-2 .overlay-room-2:after {
      background: url("../images/rooms/room-b-background.png") top center no-repeat;
      content: '';
      height: 100%;
      position: absolute;
      width: 100%; }
  .visual-tab.visual-3d .room-3 .overlay-room-3 {
    background: url("../images/rooms/room-a-background-noise.png"); }
    .visual-tab.visual-3d .room-3 .overlay-room-3:before {
      background: url("../images/rooms/room-c-background-shadows.png");
      content: '';
      height: 100%;
      position: absolute;
      width: 100%; }
    .visual-tab.visual-3d .room-3 .overlay-room-3:after {
      background: url("../images/rooms/room-c-background.png") top center no-repeat;
      content: '';
      height: 100%;
      position: absolute;
      width: 100%; }
  .visual-tab.visual-3d .room-4 .overlay-room-4 {
    background: url("../images/rooms/room-a-background-noise.png"); }
    .visual-tab.visual-3d .room-4 .overlay-room-4:before {
      background: url("../images/rooms/room-d-background-shadows.png");
      content: '';
      height: 100%;
      position: absolute;
      width: 100%; }
    .visual-tab.visual-3d .room-4 .overlay-room-4:after {
      background: url("../images/rooms/room-d-background.png") top center no-repeat;
      content: '';
      height: 100%;
      position: absolute;
      width: 100%; }
  .visual-tab.visual-3d .room-5 .overlay-room-5 {
    background: url("../images/rooms/room-a-background-noise.png"); }
    .visual-tab.visual-3d .room-5 .overlay-room-5:before {
      background: url("../images/rooms/room-e-background-shadows.png");
      content: '';
      height: 100%;
      position: absolute;
      width: 100%; }
    .visual-tab.visual-3d .room-5 .overlay-room-5:after {
      background: url("../images/rooms/room-e-background.png") top center no-repeat;
      content: '';
      height: 100%;
      position: absolute;
      width: 100%; }
  .visual-tab.visual-3d .room-1 .pattern {
    -webkit-transform: perspective(146px) rotateX(24deg) skewX(2deg) skewY(-2deg);
    -moz-transform: perspective(146px) rotateX(24deg) skewX(2deg) skewY(-2deg);
    -o-transform: perspective(146px) rotateX(24deg) skewX(2deg) skewY(-2deg);
    -ms-transform: perspective(146px) rotateX(24deg) skewX(2deg) skewY(-2deg);
    transform: perspective(146px) rotateX(24deg) skewX(2deg) skewY(-2deg);
    background: #A0A0A0;
    height: 2500px;
    margin: -780px 0px 0px -473px;
    width: 1700px; }
  .visual-tab.visual-3d .room-2 .pattern {
    -webkit-transform: perspective(350px) rotateX(50deg) skewX(-22deg) skewY(0deg);
    -moz-transform: perspective(350px) rotateX(50deg) skewX(-22deg) skewY(0deg);
    -o-transform: perspective(350px) rotateX(50deg) skewX(-22deg) skewY(0deg);
    -ms-transform: perspective(350px) rotateX(50deg) skewX(-22deg) skewY(0deg);
    transform: perspective(350px) rotateX(50deg) skewX(-22deg) skewY(0deg);
    background: #A0A0A0;
    height: 2860px;
    margin: -1010px 0px 0px -718px;
    width: 1590px; }
  .visual-tab.visual-3d .room-3 .pattern {
    -webkit-transform: perspective(350px) rotateX(50deg) skewX(-40deg) skewY(0deg);
    -moz-transform: perspective(350px) rotateX(50deg) skewX(-40deg) skewY(0deg);
    -o-transform: perspective(350px) rotateX(50deg) skewX(-40deg) skewY(0deg);
    -ms-transform: perspective(350px) rotateX(50deg) skewX(-40deg) skewY(0deg);
    transform: perspective(350px) rotateX(50deg) skewX(-40deg) skewY(0deg);
    background: #A0A0A0;
    height: 2860px;
    margin: -1010px 0px 0px -718px;
    width: 1590px; }
  .visual-tab.visual-3d .room-4 .pattern {
    -webkit-transform: perspective(110px) rotateX(4deg) skewX(10deg) skewY(-3deg);
    -moz-transform: perspective(110px) rotateX(4deg) skewX(10deg) skewY(-3deg);
    -o-transform: perspective(110px) rotateX(4deg) skewX(10deg) skewY(-3deg);
    -ms-transform: perspective(110px) rotateX(4deg) skewX(10deg) skewY(-3deg);
    transform: perspective(110px) rotateX(4deg) skewX(10deg) skewY(-3deg);
    background: #A0A0A0;
    background-size: contain;
    height: 470px;
    margin: -50px 0px 0px -25px;
    width: 700px; }
  .visual-tab.visual-3d .room-5 .pattern {
    -webkit-transform: perspective(90px) rotateX(2deg) skewX(1deg) skewY(-2deg);
    -moz-transform: perspective(90px) rotateX(2deg) skewX(1deg) skewY(-2deg);
    -o-transform: perspective(90px) rotateX(2deg) skewX(1deg) skewY(-2deg);
    -ms-transform: perspective(90px) rotateX(2deg) skewX(1deg) skewY(-2deg);
    transform: perspective(90px) rotateX(2deg) skewX(1deg) skewY(-2deg);
    background: #A0A0A0;
    background-size: contain;
    height: 450px;
    margin: -20px 0px 0px -25px;
    width: 700px; }
  .visual-tab.visual-3d .room-selector {
    right: 0;
    position: absolute;
    top: -80px; }
    .visual-tab.visual-3d .room-selector li {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      background-size: cover;
      border: 4px solid #d7d7d7;
      cursor: pointer;
      float: left;
      height: 70px;
      margin-right: 10px;
      width: 100px; }
      .visual-tab.visual-3d .room-selector li[target="room-1"] {
        background-image: url("../images/rooms/room-a-thumb.png"); }
      .visual-tab.visual-3d .room-selector li[target="room-2"] {
        background-image: url("../images/rooms/room-b-thumb.png"); }
      .visual-tab.visual-3d .room-selector li[target="room-3"] {
        background-image: url("../images/rooms/room-c-thumb.png"); }
      .visual-tab.visual-3d .room-selector li[target="room-4"] {
        background-image: url("../images/rooms/room-d-thumb.png"); }
      .visual-tab.visual-3d .room-selector li[target="room-5"] {
        background-image: url("../images/rooms/room-e-thumb.png"); }
      .visual-tab.visual-3d .room-selector li.selected {
        border-color: #B29047; }

.visual-tab-choice {
  border-bottom: 1px solid #B29047;
  margin-bottom: 5px;
  overflow: hidden;
  padding-bottom: 10px;
  position: relative;
  z-index: 9; }
  .visual-tab-choice li {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #EFEFEF;
    border-bottom: 3px solid transparent;
    color: #B29047;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
    padding: 6px 15px; }
    .visual-tab-choice li span {
      font-weight: 400; }
    .visual-tab-choice li.selected {
      background: #B29047;
      color: white; }

.options-2d {
  padding-bottom: 10px; }

.saved-designs {
  display: none;
  margin-top: 60px; }
  .saved-designs .title {
    padding-bottom: 15px; }
  .saved-designs .close-saved-design {
    background: black;
    position: absolute;
    top: -5px;
    right: -5px;
    height: 20px;
    width: 20px;
    border-radius: 50%; }
    .saved-designs .close-saved-design:after {
      content: 'X';
      color: white;
      font-weight: bold;
      padding: 1px 0 0 6px;
      display: block;
      font-size: 13px; }
  .saved-designs svg {
    height: 100%;
    width: 100%; }
  .saved-designs .saved-design-title {
    font-weight: 400; }
  .saved-designs .saved-design {
    float: left;
    margin-right: 10px;
    position: relative;
    width: 80px; }

button.show-repeat {
  width: 115px; }

.pattern-repeat-container {
  background: white;
  display: none;
  height: 390px;
  position: absolute;
  width: 570px;
  z-index: 99999; }
  .pattern-repeat-container.show-repeat {
    display: block; }
  .pattern-repeat-container svg {
    height: 100%;
    width: 100%;
    max-width: 570px;
    max-height: 390px; }

.infinity-options {
  display: none;
  left: 590px;
  position: absolute;
  top: 60px;
  z-index: 999999; }
  .infinity-options .pattern-selector {
    margin-bottom: 20px; }
  .infinity-options .pattern-repeat {
    color: #898989;
    display: block;
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 10px; }
  .infinity-options .pattern-title {
    font-weight: bold; }

.pattern-selector-dialog-container {
  background: rgba(200, 200, 200, 0.8);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10; }

.pattern-selector-dialog {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  background: white;
  position: absolute;
  left: 50%;
  padding: 20px;
  top: 50%;
  height: 500px;
  width: 700px;
  margin: -250px 0 0 -350px; }

.pattern-selector-patterns {
  padding: 30px 0 0 0; }
  .pattern-selector-patterns img {
    border: 1px solid #d7d7d7; }
  .pattern-selector-patterns .pattern-single {
    float: left;
    height: 100px;
    margin: 5px 5px 40px 5px;
    position: relative;
    text-align: center;
    width: 100px; }
    .pattern-selector-patterns .pattern-single img {
      opacity: 0; }
    .pattern-selector-patterns .pattern-single .pattern-name {
      display: block;
      font-size: 12px;
      font-weight: bold;
      position: absolute;
      top: -17px; }
  .pattern-selector-patterns .svg-pattern-image {
    cursor: pointer;
    height: 100%;
    max-height: 130px; }

.infinity-color-editor {
  clear: both; }
  .infinity-color-editor .color-choice-container {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    padding: 5px;
    position: relative; }
    .infinity-color-editor .color-choice-container.selected .color-choice {
      -moz-box-shadow: 0px 0px 0px 3px #B29047;
      -webkit-box-shadow: 0px 0px 0px 3px #B29047;
      box-shadow: 0px 0px 0px 3px #B29047; }
    .infinity-color-editor .color-choice-container .pattern-name {
      font-weight: bold;
      display: table-cell;
      font-size: 12px;
      vertical-align: middle;
      height: 40px;
      padding-left: 5px; }
  .infinity-color-editor .color-choice {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    height: 40px;
    width: 40px; }

.color-select-selector {
  margin: 15px 0px 20px 0px; }

.pattern-info-container {
  float: left;
  margin-top: 10px;
  position: relative;
  width: 150px; }
  .pattern-info-container .save-design {
    margin-top: 10px; }

.color-select-selector-container {
  float: left;
  margin-left: 20px;
  position: relative;
  width: 340px;
  border-left: 1px solid #d7d7d7;
  padding-left: 20px; }
  .color-select-selector-container.pattern-has-been-selected {
    border-color: #B29047;
    background: rgba(178, 144, 71, 0.09); }
  .color-select-selector-container.please-select:after {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    content: 'Please select a palette';
    position: absolute;
    top: 5px;
    left: 210px;
    width: 100px;
    font-size: 12px;
    background: #B29047;
    padding: 5px;
    color: white; }

select:disabled + .color-select-tooltip {
  height: 100%;
  position: absolute;
  top: 0px;
  width: 150px; }
  select:disabled + .color-select-tooltip:after {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #B29047;
    color: white;
    content: 'Please select a pattern';
    display: block;
    font-size: 12px;
    padding: 10px;
    top: -3px;
    position: relative;
    left: 25px;
    opacity: 0; }
  select:disabled + .color-select-tooltip:before {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-bottom: 5px solid #B29047;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: '';
    position: relative;
    top: -11px;
    left: 95px;
    opacity: 0; }
  select:disabled + .color-select-tooltip:hover:before {
    opacity: 1;
    top: -6px; }
  select:disabled + .color-select-tooltip:hover:after {
    opacity: 1;
    top: 2px; }

.color-selector-choices-container {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.color-choice-single-container {
  float: left;
  overflow: auto;
  width: 135px; }
  .color-choice-single-container .color-code-name {
    font-weight: bold;
    display: table-cell;
    font-size: 12px;
    vertical-align: middle;
    height: 40px; }

.color-selector-choices {
  clear: both; }
  .color-selector-choices .color-choice {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    float: left;
    height: 40px;
    margin: 0 10px 10px 0;
    width: 40px; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
.spinner {
  -webkit-animation: rotate 0.55s linear forwards infinite;
  -moz-animation: rotate 0.55s linear forwards infinite;
  -o-animation: rotate 0.55s linear forwards infinite;
  animation: rotate 0.55s linear forwards infinite;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 3.75px solid #255BC7;
  border-top-color: #255bc7;
  border-bottom-color: rgba(37, 91, 199, 0.4);
  border-right-color: rgba(37, 91, 199, 0.2);
  border-left-color: rgba(37, 91, 199, 0.6);
  display: inline-block;
  height: 15px;
  width: 15px; }