/* =========================================================================

    Project: SidePaper
    Author: Xfive
    Last updated: @@timestamp
@@toc

   ========================================================================= */

// Vendor Dependencies
@import (inline) "normalize.css/normalize.css";
@import (inline) "vendor/magnific-popup.css";
@import (inline) "vendor/chosen.css";
@import (inline) "vendor/owl.carousel.css";
// Authored Dependencies
@import "setup/variables";

// Common styles & layouts
@import "common/base";
@import "common/utilities";
@import "common/layout";
#container
{
  margin:0 70px;
  @media only screen and (max-width:1245px)
  {
    margin:0 10px;
  }
  @media only screen and (max-width:440px)
  {
    margin:0;
  }
}
#mobile_menu
{
  display:none;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:@dark-blue;
  z-index: 10000;
  text-align: center;
  padding-top:25px;
  @media only screen and (max-width:440px)
  {
    padding-top:50px;
  }
  ul
  {
    margin-top: 20px;
    padding:0;
    li
    {
      display:block;
      margin-bottom:15px;
      a
      {
        display:block;
        color:@white;
        font-size: 25px;
        font-family: @font-cinzel;
        text-decoration: none;
      }
    }
  }
}
header
{
  background: url('../img/home_header_bg.jpg') 50% 0;
  background-size: cover;
  padding:0 145px;
  @media only screen and (max-width:1440px)
  {
    padding:0 45px !important;
  }
  @media only screen and (max-width:440px)
  {
    padding:0 !important;
  }
  overflow: hidden;
  >div {overflow:hidden; position: relative}
  &.no-background
  {
    background-image:none;
    background:@dark-blue;
    height:140px;
    @media only screen and (max-width:440px)
    {
      height:80px;
    }
  }
  #mobile_menu_button
  {
    position: absolute;
    right:0;
    top:40px;
    background: @dark-blue;
    font-size:40px;
    color:@white;
    padding:10px 15px;
    z-index: 10001;
    @media only screen and (min-width:981px)
    {
      display:none;
    }
    @media only screen and (max-width:440px)
    {
      top:0;
      right:0;
    }
  }
  .menu
  {
    font-family: @font-cinzel;
    font-size:16px;
    float:right;
    @media only screen and (max-width:980px)
    {
      display:none;
    }
    ul
    {
      margin-top:65px;
      padding:0;
      li
      {
        display:inline-block;
        color:@white;
        margin-left:40px;
        text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.5);
        @media screen and (max-width:1070px)
        {
          margin-left:20px;
        }
        position: relative;
        &:first-child
        {
          margin-left:0;
          &:before
          {
            display:none;
          }
        }
        &:before
        {
          content: '•';
          display:block;
          position: absolute;
          left:-22px;
          @media screen and (max-width:1070px)
          {
            left:-11px;
          }
        }
        &:hover
        {
          &:before
          {
            color:@white;
          }
        }
        a
        {
          text-decoration: none;
          text-transform: uppercase;
        }
        &:last-child
        {
          a {color:@orange}
        }
      }
    }
  }
  #logo
  {
    float:left;
    margin-top:40px;
    @media only screen and (max-width:440px)
    {
      margin-top:3px;
      margin-left:3px;
    }
  }
  .flexdisplay
  {
    margin-top: 70px;
    margin-bottom:100px;
    @media only screen and (max-width:1245px)
    {
      flex-wrap:wrap !important;
      justify-content: center;
    }
    &.hidden
    {
      display:none;
    }
  }
}
#page-title
{
  height:70px;
  background:@light-blue;
  padding:0 145px;
  display:flex;
  justify-content: flex-start;
  align-items: center;
  @media only screen and (max-width:1440px)
  {
    padding:0 45px !important;
  }
  h1
  {
    font-family: @font-cinzel;
    font-size:28px;
    color:@white;
    font-weight:400;
    margin:0;
    padding:0;
  }
}
h1
{
  font-family: @font-cinzel;
  font-size:52px;
  font-weight: 700;
  color:@white;
  text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.5);
  @media only screen and (max-width:440px)
  {
    font-size:34px;
    text-align:center;
    margin-bottom:80px;
  }
  span
  {
    font-size:42px;
    font-weight: 400;
    @media only screen and (max-width:440px)
    {
      font-size:28px;
      text-align:center;
    }
  }
}
#quote-box
{
  color:@white;
  background: rgba(26, 31, 37, 0.85);
  padding:60px;
  .title
  {
    font-family: @font-cinzel;
    font-size:42px;
    @media only screen and (max-width:440px) {
      font-size:34px;
    }
    margin:0;
  }
  .step
  {
    font-size:14px;
    font-family:@font-lato;
    text-align: center;
    color:#aaaaaa;
  }
  form {margin-top:60px;}
  form > p:first-child input
  {
    width:60%;
    &:last-child
    {
      float:right;
      width:38%;
    }
  }
  input
  {
    border:0;
    border-bottom:2px solid #aaaaaa;
    background:none;
    outline: none;
    color:#aaaaaa;
    font-family: @font-lato;
    font-weight:300;
    font-style: italic;
    font-size:18px;
    width:100%;
    padding-bottom:13px;
  }
  .submit-button
  {
    margin-top:60px;
    width:260px;
    margin-left:auto;
    margin-right:auto;
  }
}
.submit-button
{
  cursor:pointer;
  text-align: center;
  background:@orange;
  color:@white;
  font-family:@font-lato;
  font-size:20px;
  padding:20px 60px;
}
.flexdisplay
{
  display:flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.title-bar
{
  padding:32px 0;
  font-family:@font-cinzel;
  color:@dark-grey;
  font-size:32px;
  text-align: center;
  @media only screen and (max-width:440px)
  {
    i {display:none;}
  }
  .cinzel-bold
  {
    font-weight: 700;
    color:@orange;
  }
}

.iso-item
{
  width:25%;
  @media only screen and (max-width:1485px)
  {
    width:50%;
  }
  @media only screen and (max-width:690px)
  {
    width:100%;
  }
  text-align: center;
  height:375px;
  overflow: hidden;
  border-top:1px solid @pale;
  &:not(.iso-bg)
  {
    display:flex;
    align-items: center;
    justify-content: center;
  }
  .sortid
  {
    visibility: hidden;
  }
  .number
  {
    font-size:100px;
    font-family:@font-cinzel;
    color:@pale;
    position: absolute;
    top:30px;
    left:20px;
    margin:0;
  }
  .title
  {
    font-family:@font-cinzel;
    font-size:28px;
    line-height: 1.2;
    margin-bottom:0;
  }
  ul
  {
    font-family:@font-lato;
    font-weight:300;
    color:@dark-grey;
    list-style: none;
    padding:0;
    li
    {
      margin-bottom:10px;
      &:last-of-type{margin-bottom:0;}
      &::before
      {
        content: '•';
        position: static;
        display: block;
        color:@light-grey !important;
      }
    }
  }
  &.iso-bg
  {


    img
    {
      width:100%;
    }
  }
}

.quote-section
{
  background-size: cover !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color:@white;

  .wrapper
  {
    padding: 200px 25%;
    @media only screen and (max-width:750px)
    {
      padding: 100px 15%;
    }
    a {text-decoration:none;}
    .inner-wrapper
    {
      position: relative;
      p
      {
        font-size:26px;
        font-family:@font-lato;
        line-height: 1.5;
        font-weight: 300;
        &:last-of-type
        {
          font-weight: 400 !important;
        }
      }
      .quote
      {
        color:@orange;
        font-size:50px;
        position: absolute;
        &.left
        {
          left:-70px;
          top:-40px;
          @media only screen and (max-width:545px)
          {
            left:0;
          }
        }
        &.right
        {
          right:-70px;
          bottom:-40px;
          @media only screen and (max-width:545px)
          {
            right:0;
          }
        }
      }
    }
    .button
    {
      text-align: center;
      border:2px solid @white;
      width:260px;
      font-family: @font-lato;
      font-size:20px;
      padding:15px 30px;
      margin:100px auto 0 auto;
      cursor: pointer;
    }
  }
}
.products
{
  height: auto;
  background:@very-light-blue;
  .iso-item
  {
    width:20%;
    @media only screen and (max-width:1460px)
    {
      width:100%/3;
    }
    @media only screen and (max-width:770px)
    {
      width:100%;
    }
    height: 285px;
    @media only screen and (max-width:770px)
    {
      height:150px !important;
    }
    &:first-child
    {
      background:@white;
    }
    .prod
    {
      font-family:@font-cinzel;
      font-size:28px;
      color:@dark-grey;
    }
  }
}
.what-can-we-do
{
  display: flex;
  justify-content: center;
  align-items: center;
  background: url('../img/lady_with_glasses.jpg') 50% 0;
  background-size: cover;
  height: 570px;
  @media only screen and (max-width:700px)
  {
    padding:10px;
  }
  p
  {
    font-family:@font-cinzel;
    font-size:42px;
    font-weight: 700;
    color:@white;
    text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.5);
  }
  .submit-button
  {
    width:260px;
    margin:0 auto;
  }
}
footer
{
  margin:0;
  padding:0;
  .row
  {
    &:first-child
    {
      background:@dark-blue;
      height: 90px;
      @media only screen and (max-width:645px)
      {
        height:auto;
      }
      display: flex;
      justify-content: center;
      align-items: center;
      ul
      {
        padding:0;
        text-align: center;
        li
        {
          display:inline-block;
          margin-right:70px;
          position: relative;
          text-transform: uppercase;
          @media only screen and (max-width:645px)
          {
            width:100%;
            display:block;
            margin-right:0;
            margin-bottom:10px;
            &::after
            {
              display:none !important;
            }
          }
          &::after
          {
            content: '•';
            position: absolute;
            right:-35px;
            display: block;
            color:@white;
            top:3px;
          }
          &:last-child
          {
            display:none;
          }
          &:nth-child(5)
          {
            margin-right:0;
            &::after
            {
              display:none;
            }
          }
          a
          {
            font-family: @font-lato;
            font-weight: 300;
            color:@white;
            text-decoration: none;
            font-size:16px;
          }
        }
      }
    }
    &:nth-child(2)
    {
      background: @light-blue;
      text-align: center;
      padding-top:30px;
      padding-bottom:50px;
      address
      {
        font-family:@font-lato;
        font-weight: 300;
        font-size:14px;
        color:@white;
        font-style: normal;
        text-transform: uppercase;
        margin-top:30px;
        p
        {
          display:inline-block;
          margin-right:10px;
          margin-left:10px;
          @media only screen and (max-width:750px)
          {
            display:block;
            margin:0;
          }
          &:first-of-type
          {
            margin-left:0;
          }
          &:last-of-type
          {
            margin-right:0;
          }
          a
          {
            text-decoration: none;
          }
        }
      }
      form
      {
        margin-top:40px;
        input
        {
          display:inline-block;
          height:55px;
          outline: none;
          @media only screen and (max-width:790px)
          {
            display:block;
            margin: 10px auto !important;
            width:230px;
          }
          &[type=text]
          {
            background:none;
            border:0;
            border-bottom:2px solid @white;
            font-family: @font-lato;
            font-weight: 300;
            font-style: italic;
            font-size:16px;
            color:#aaaaaa;
            margin-right:15px;
            width:270px;

            height: 48px;
          }
          &[type=submit]
          {
            background:none;
            border:2px solid @white;
            font-family: @font-lato;
            color:@white;
            font-size:20px;
            width:230px;
            @media only screen and (max-width:1136px)
            {
              margin-top:30px;
            }
          }
        }
      }
    }
    &:nth-child(3), &.short-f
    {
      display: flex;
      justify-content: center;
      align-items: center;
      background: @dark-blue;
      height: 90px;
      @media only screen and (max-width:550px)
      {
        height:auto;
        padding:10px 0;
      }
      text-align: center;
      a
      {
        color:@light-grey;
        font-size:14px;
        font-family: @font-lato;
        text-transform: uppercase;
        text-decoration: none;
        position: relative;
        margin-right:25px;
        @media only screen and (max-width:550px)
        {
          display:block;
          margin:10px 0 0 0;
          &::after
          {
            display:none !important;
          }
        }
        &::after
        {
          content:'-';
          display: block;
          position: absolute;
          top:0;
          right:-16px;
        }
        &:last-child
        {
          margin-right:0;
          &::after
          {
            display:none;
          }
        }
      }
    }
  }
}

#get-quote-popup
{
  text-align: center;
  width:60%;
  margin:0 auto;
  background:#1c2326;
  padding:70px;
  @media only screen and (max-width:900px)
  {
    width:90%;
    padding:10%;
  }
  .title
  {
    font-family:@font-cinzel;
    font-size:42px;
    color:@white;
    font-weight: 700;
    margin:0 0 30px 0;
    i
    {
      color:#555555;
      @media screen and (max-width:570px)
      {
        display:none;
      }
    }
  }
  .row
  {
    .clear {clear:both;}
    .col
    {
      width:48%;
      @media only screen and (max-width:1400px)
      {
        width:100%;
      }
      text-align: left;
      border-bottom:2px solid #898989;
      padding-bottom:8px;
      &.last {float:left !important;}
      &:first-of-type
      {
        float:left;
      }
      &:last-of-type
      {
        float: right;
      }
      label:first-child
      {
        font-family:@font-lato;
        font-style: italic;
        font-weight: 300;
        color:#aaaaaa;
        font-size:18px;
        span
        {
          color:@orange;
        }
      }
      input, select
      {
        background:none;
        border:0;
        width:auto;
        font-family:@font-lato;
        font-style: italic;
        font-weight: 300;
        color:@white;
        font-size:18px;
        outline: none;
      }
      input[type="checkbox"]
      {
        display:none;
      }
      input[type="checkbox"] + label span
      {
        display:inline-block;
        width:25px;
        height:25px;
        margin:0 auto;
        vertical-align:middle;
        background:url('../img/unchecked.png');
        cursor:pointer;
      }
      input[type="checkbox"]:checked + label span
      {
        background:url('../img/checked.png');
      }
    }
    .submit-button
    {
      width:260px;
      margin:0 auto;
      @media screen and (max-width:450px)
      {
        width:220px;
        font-size:16px;
      }
    }
  }
}
.about-us
{
  .top-blue
  {
    background:@very-light-blue;
    text-align: center;
    padding:65px 0;
    font-family: @font-lato;
    p
    {
      margin:0 auto 15px auto;
      font-size:26px;
      &:first-child
      {
        color:@orange;
        font-size:32px;
      }
      &:nth-child(2)
      {
        font-weight: 700;
      }
      &:last-of-type
      {
        font-weight: 300;
      }
    }
    .isotope-container
    {
      margin-top:70px;
    }
    .iso-item
    {
      width:100%/3;
      @media only screen and (max-width:670px)
      {
        width:100%;
      }
      height:auto;
      display:block;
      border:0;
      padding:0 90px;
      @media only screen and (max-width:1500px)
      {
        padding:0 2%;
      }
      p
      {
        font-family: @font-lato;
        font-size:20px;
        color:#000;
        text-align: left;
        line-height: 1.3;
      }

    }
  }
  .iconics
  {
    .iconic
    {
      font-family:@font-lato;
      font-size:26px;
      font-weight: 300;
      overflow:hidden;
      padding:75px 300px;
      @media only screen and (max-width:1660px)
      {
        padding:75px 100px;
      }
      @media only screen and (max-width:1010px)
      {
        padding:75px 10px;
      }
      .icon
      {
        width:100%/3;
        text-align: center;
        @media only screen and (max-width:1010px)
        {
          padding:0 20px;
          img {width:100%;}
        }
        @media only screen and (max-width:600px)
        {
          width:100%;
        }
      }
      .desc
      {
        width:100%/1.5;
        text-align: left;
        @media only screen and (max-width:600px)
        {
          width:100%;
        }
        p {line-height: 1.5;}
      }
      &:nth-child(odd)
      {
        background:@white;
        .icon
        {
          float:left;
        }
        .desc
        {
          float:right;
        }
      }
      &:nth-child(even)
      {
        background:#f5f5f5;
        .icon
        {
          float:right;
        }
        .desc
        {
          float:left;
        }
      }
    }
  }
}
.careers
{
  .banner
  {
    background:url('../img/careers_bg.jpg');
    background-position: 50% 0 !important;
    background-size: cover;
    color:@white;
    padding:150px 145px;
    @media only screen and (max-width:1440px)
    {
      padding:150px 45px !important;
    }
    @media only screen and (max-width:450px)
    {
      padding:30px 10px !important;
    }
    a {text-decoration:none;}
    h2
    {
      font-family: @font-cinzel;
      font-size:42px;
      font-weight: 400;
      line-height:1.2;
      text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.5);
      span
      {
        font-weight: 700;
      }
    }
    p
    {
      font-family: @font-lato;
      font-weight: 300;
      font-size:26px;
      line-height:1.3;
      span
      {
        font-weight: 700;
      }
    }
    .submit-button
    {
      width:280px;
      margin-top:50px;
    }
  }
  .cnt
  {
    padding:80px 280px;
    font-family: @font-lato;
    font-weight: 300;
    font-size:26px;
    line-height: 1.3;
    color:#555555;
    @media only screen and (max-width:1350px)
    {
      padding:80px 10%;
    }
    &.blue
    {
      background:@very-light-blue;
      height:280px;
      padding:0 280px;
      @media only screen and (max-width:1350px)
      {
        padding:0 10%;
      }
      display: flex;
      justify-content: center;
      align-items: center;
      @media only screen and (max-width:1024px)
      {
        flex-wrap: wrap;
        height:auto;
      }
      .img
      {
        margin-right:30px;
        @media only screen and (max-width:750px)
        {
          width:100%;
        }
      }
      &.second
      {
        height:180px;
        .info
        {
          float:left !important;
        }
        .img
        {
          float:right !important;
          text-align: right !important;
          @media only screen and (max-width:1029px)
          {
            display:none;
            text-align:center;
            width:100%;
            float:none !important;
          }
        }
        a{text-decoration:underline;}

      }
    }
    p
    {
      line-height: inherit;
      font-size: inherit;
    }
    .info
    {
      font-size:26px;
      font-family: @font-lato;
      font-weight: 700;
      width:100%/1.5;
      line-height: 1.3;
      float:right;
      @media only screen and (max-width:1024px)
      {
        text-align:center;
        width:100%;
        float:none !important;
        margin-top:30px;
      }
      @media only screen and (max-width:450px)
      {
        margin-bottom:40px;
        font-size:21px;
      }
      a
      {
        color:@orange;
        text-decoration: none;
      }
    }
    .img
    {
      width:100%/3;
      float:left;
      margin-top:-25px;
      @media only screen and (max-width:750px)
      {
        text-align:center;
        width:100%;
        float:none !important;
      }
    }
  }
  .offers
  {
    background:@white;
    padding:50px 280px 0 280px;
    @media only screen and (max-width:1350px)
    {
      padding: 50px 10% 0 10%;
    }
    .offer
    {
      color:#555555;
      border-top: 1px solid #e1e1e1;
      padding-top:20px;
      padding-bottom:80px;
      overflow: hidden;
      &:last-of-type
      {
        padding-bottom:50px;
      }
      .position
      {
        width:100%/3;
        float:left;
        @media only screen and (max-width:450px)
        {
          width:100%;
          float:none;
        }
        p
        {
          font-family: @font-cinzel;
          font-weight: 400;
          font-size:28px;
        }
      }
      .description
      {
        width:100%/1.5;
        float:right;
        @media only screen and (max-width:450px)
        {
          width:100%;
          float:none;
        }
        p
        {
          font-family: @font-lato;
          font-weight: 300;
          font-size:26px;
          color:#555555;
          line-height: 1.3;
          &.title
          {
            font-weight: 700;
          }
        }
        a {text-decoration: none;}
        .btn
        {
          margin-top:50px;
          width:260px;
          height:55px;
          border:2px solid @orange;
          color:@orange;
          padding:15px 37px;
          font-size:20px;
          font-family: @font-lato;
          font-weight: 400;
          cursor: pointer;
          line-height: 1;
          @media screen and (max-width:450px)
          {
            width:240px;
            font-size:18px;
          }
        }
      }
    }
  }
}
.contact
{
  .contact-section
  {
    overflow: hidden;
    #map
    {
      width:50%;
      height:780px;
      float:left;
      @media only screen and (max-width:1023px)
      {
        width:100%;
        float:none;
      }
    }
    #contact-form
    {
      float:right;
      width:50%;
      padding-left:110px;
      padding-top:60px;
      padding-right:270px;
      @media only screen and (max-width:1670px)
      {
        padding-right:10%;
      }
      @media only screen and (max-width:1023px)
      {
        width:100%;
        float:none;
        padding:2%;
      }
      h2
      {
        font-family: @font-cinzel;
        font-size:42px;
        font-weight: 400;
      }
      .submit-button {width:260px; font-weight: 400; font-style: normal;}
      form
      {
        font-family:@font-lato;
        font-weight: 300;
        font-style: italic;
        input[type=text], textarea, label
        {
          border: none;
          color:@dark-grey;
          outline: none;
        }
        input[type=text]
        {
          font-style: normal;
          color:#000;
          font-size:18px;
        }
        textarea
        {
          width:100%;
          font-style: normal;
          color:#000;
          height:100px;
          padding:10px 0;
          font-size:18px;
        }
        p:not(.submit-button)
        {
          border-bottom:2px solid #e1e1e1;
          padding-bottom:10px;
          margin-bottom:40px;
          margin-top:0;
        }
        label
        {
          font-size:18px;
        }
      }

    }
  }
  .ics
  {
    display:flex;
    justify-content: center;
    font-family: @font-lato;
    font-weight: 300;
    color:#555555;
    font-size:26px;
    background:@very-light-blue;
    height: 250px;
    @media only screen and (max-width:750px)
    {
      flex-wrap:wrap;
      height:auto;
    }
    a {text-decoration: none;}
    div
    {
      width:100%/3;
      text-align: center;
      padding-top:50px;
      @media only screen and (max-width:750px)
      {
        width:100%;
      }
    }
    i {color:@orange;font-size:42px;}
  }
}
.loans
{
  position: relative;
  .owl-carousel .slide
  {
    height:600px;
    background-size: cover !important;
    display:flex;
    justify-content: flex-start;
    align-items: center;
    background-position: 50% 0 !important;
    .slide-content
    {
      width:50%;
      @media only screen and (max-width:1000px)
      {
        width:80%;
      }
      @media only screen and (max-width:625px)
      {
        width:100%;
      }
      color:@white;
      padding:0 0 0 145px;
      @media only screen and (max-width:1440px)
      {
        padding:0 45px !important;
      }
      .title
      {
        font-family:@font-cinzel;
        font-weight:700;
        font-size:42px;
        margin:0;
        text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.5);
        @media only screen and (max-width:450px)
        {
          font-size:22px;
        }
      }
      p:last-of-type
      {
        font-family:@font-lato;
        font-weight:300;
        font-size:26px;
        line-height:1.3;
        margin-top:20px;
        @media only screen and (max-width:720px)
        {
          font-size:22px;
        }
        @media only screen and (max-width:450px)
        {
          font-size:16px;
        }
      }
      .submit-button {width:260px;margin-top:35px; cursor:pointer;
        @media only screen and (max-width:450px)
        {
          width:230px;
          font-size:18px !important;
        }
      }
    }
  }
  .owl-nav
  {
    position: absolute;
    bottom:40px;
    right:40px;
    border:2px solid @white;
    width:90px;
    height: 55px;
    @media only screen and (max-width:625px)
    {
      display:none;
    }
    div
    {
      text-align: center;
      display: inline-block;
      width:50%;
      height:100%;
      color:@white;
      margin-top:18px;
    }
  }
  .navi
  {
    display:flex;
    justify-content:center;
    align-items:center;
    height:240px;
    @media only screen and (max-width:720px)
    {
      display:none;
    }
    a
    {
      width:25%;
      text-decoration: none;
      text-align: center;
      display:table;
      vertical-align: middle;
      height:240px;
      cursor: pointer;
      &.active
      {
        background:@very-light-blue;
        position: relative;
        &:before
        {
          display:block;
          position: absolute;
          content: '';
          top:-28px;
          right:0;
          width:45px;
          height:28px;
          background:url('../img/over.png');
          z-index: 1000;
        }
      }
      div
      {
        display:table-cell;
        vertical-align: middle;
        position:relative;
        .nbrs
        {
          position:absolute;
          top:20px;
          left:20px;
          font-size:50px;
          color:#f0f0f0;
          font-family:@font-cinzel;
        }
      }
      p:last-child
      {
        font-family:@font-cinzel;
        font-size:28px;
      }
    }
  }
}
.msg
{
  font-family:@font-lato;
  font-weight: 300;
  font-size:16px;
}
.clear {clear:both;}
.quote-left
{
  width:35px;
  height:34px;
  background:url('../img/quote_left.png');
}
.quote-right
{
  width:37px;
  height:33px;
  background:url('../img/quote_right.png');
}
.invalid
{
  color:red !important;
}
.invalid-border
{
  border-bottom:2px solid red !important;
}
#size
{
  z-index: 10000;
  position: fixed;
  top:0;
  left:0;
  background:#000;
  color:@white;
}