/*
	Order > step1
*/
/*
	Base
*/
/*
	Variables
*/
/*
	Mixins
*/
/*
	Reset
*/
h1, h2, h3, h4, h5, h6 {
  margin: 0 0; }

/*
  Global
*/
body {
  font-size: 16px; }

.fluidrow {
  margin-left: -15px;
  margin-right: -15px; }

/* ========== Order Navigation ========== */
.order-navigation {
  padding: 12px 0; }

.order-navigation ul {
  list-style: none;
  padding-right: 0;
  text-align: center; }

.order-navigation ul li {
  display: inline-block;
  width: 23%;
  padding: 3px 0; }

.order-navigation ul li.arrow {
  width: 8%; }

.order-navigation ul li.arrow span {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #c8cbcc; }

.order-navigation ul li.current {
  color: #fff;
  border-radius: 50px;
  background-color: #31687d; }

.order-navigation ul li.past {
  border-radius: 50px;
  background-color: #fff;
  border: 1px solid #31687d; }

/* ========== Hero ========== */
.order .hero {
  background-color: #f5f8fa;
  box-shadow: inset 0 1px 0 0 #c8cbcc;
  padding: 20px 0;
  text-align: right;
  margin-bottom: 20px; }

.order .hero h1 {
  font-size: 16px;
  font-weight: 600;
  display: inline;
  color: #323333; }

/* ========== Main Price ========== */
.order .main-price {
  font-size: 18px;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 2px #ff9500;
  padding: 10px 0;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px; }

.order .main-price span {
  font-weight: 600; }

/* ========== Details ========== */
.order .details h3 {
  font-size: 16px;
  font-weight: 600; }

.order .details .list-items {
  margin-bottom: 30px; }

.order .details .headline {
  background-color: #31687d;
  color: #fff;
  padding: 10px 15px; }

.order .details .headline p {
  font-size: 14px;
  margin-top: 2px;
  margin-bottom: 0; }

.order .details .headline p span {
  font-size: 12px; }

.order .details .headline .toggler {
  cursor: pointer; }

.order .details .headline p span.lbl {
  font-size: 14px; }

.order .details .item {
  display: table;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #e1e4e6; }

.order .details .item.last {
  border-bottom: 0; }

.order .details .item .name,
.order .details .item .type,
.order .details .item .price {
  display: table-cell;
  vertical-align: middle; }

.order .details .item .name {
  width: 60%; }

.order .details .item .type,
.order .details .item .price {
  width: 20%; }

.order .details .item .type .help {
  background-image: url("../../img/order/help.svg");
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle; }

.order .details .total {
  background-color: #f5f9fa;
  border-top: 1px solid #e1e4e6; }

.order .details .total .item {
  padding-left: 15px;
  padding-right: 15px; }

.order .tooltip.in {
  opacity: 1.0; }

.order .tooltip .tooltip-inner {
  padding: 20px 20px;
  border-radius: 3px;
  background-color: #323233;
  font-size: 14px; }

/* ========== Features ========== */
.order .features {
  margin-bottom: 30px; }

.order .features .bullet {
  background-image: url("../../img/order/bullet.svg");
  background-size: 100% 100%;
  width: 40px;
  height: 40px; }

.order .features p {
  font-size: 16px; }

.order .features .row:first-child {
  margin-bottom: 20px; }

/* ========== Price Comparison ========== */
.price-comparison {
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #c8cbcc;
  padding: 30px 0 20px 0;
  margin-bottom: 30px; }

.price-comparison .graphs {
  display: table;
  width: 170px;
  margin: 0 auto; }

.price-comparison .graphs .our-graph,
.price-comparison .graphs .competitor-graph {
  width: 82px;
  display: table-cell;
  vertical-align: bottom; }

.price-comparison .empty-column {
  width: 4px;
  display: table-cell; }

.price-comparison .graphs .graph {
  width: 40px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin: 0 auto; }

.price-comparison .graphs .our-graph .graph {
  height: 20px;
  background-color: #ff9500; }

.price-comparison .graphs .competitor-graph .graph {
  height: 40px;
  background-color: #7d7f7f; }

.price-comparison .graphs .price-bubble {
  margin-bottom: 10px; }

.price-comparison .graphs .price-bubble .price {
  width: 82px;
  text-align: center;
  padding: 8px;
  border-radius: 3px;
  color: white;
  font-weight: 600; }

.price-comparison .graphs .our-graph .price-bubble .price {
  background-color: #ff9500; }

.price-comparison .graphs .competitor-graph .price-bubble .price {
  background-color: #7d7f7f; }

.price-comparison .graphs .price-bubble .cue {
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid white;
  margin: 0 auto; }

.price-comparison .graphs .our-graph .price-bubble .cue {
  border-top-color: #ff9500; }

.price-comparison .graphs .competitor-graph .price-bubble .cue {
  border-top-color: #7d7f7f; }

.price-comparison .labels-container {
  background-color: #f5f9fa;
  padding: 10px 0;
  margin-bottom: 20px; }

.price-comparison .labels {
  display: table;
  width: 170px;
  margin: 0 auto; }

.price-comparison .labels .our-label,
.price-comparison .labels .competitor-label {
  width: 60px;
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.price-comparison .read-more a:link,
.price-comparison .read-more a:active,
.price-comparison .read-more a:visited {
  text-decoration: underline; }

/* ========== Continue ========== */
.continue {
  position: fixed;
  width: 90%;
  bottom: 25px;
  z-index: 99; }

@media (min-width: 992px) {
  /* ========== Order Navigation ========== */
  .order-navigation {
    margin-bottom: 28px; }

  .order-navigation .inner {
    border-radius: 3px;
    border: solid 1px #c8cbcc;
    height: 42px; }

  .order-navigation .inner .step,
  .order-navigation .inner .arrow {
    display: inline-block;
    vertical-align: middle;
    float: right; }

  .order-navigation .inner .step {
    width: 30%;
    height: 40px;
    line-height: 41px;
    text-align: center;
    color: #31687d;
    font-size: 15px; }

  .order-navigation .inner .step.active {
    background-color: #31687d;
    color: white; }

  .order-navigation .inner .arrow {
    width: 5%;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 20px 0; }

  .order-navigation .inner .arrow.inactive {
    background-image: url("../../img/order/order-nav-arrow.svg");
    border-width: 0 0 0 0;
    border: none;
    height: 40px;
    background-repeat: no-repeat; }

  .order-navigation .inner .arrow.active {
    border-color: transparent #31687d transparent transparent; }

  .order-navigation .inner .arrow.active.prev {
    border-color: #31687d transparent #31687d transparent; }

  .order-navigation .inner .step a {
    background-image: url("../../img/utill/check.svg");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 25px; }

  .order-navigation .inner .step a.proceed-link {
    background: none;
    padding-right: 0;
    text-decoration: underline; }

  /* ========== Hero ========== */
  .order .hero {
    padding: 24px 0;
    margin-bottom: 30px; }

  .order .hero h1 {
    font-size: 18px;
    display: inline-block; }

  .order .hero a {
    text-decoration: underline;
    margin-right: 5px;
    /*text-decoration: none;
    border-radius: 3px;
    border: solid 1px #275364;		
    display: inline-block;
    float: left;
    padding: 10px 20px;*/ }

  /* ========== Details ========== */
  .fluidrow {
    margin-left: 0;
    margin-right: 0; }

  .order .details h3 {
    font-size: 18px; }

  .order .details .list-items {
    margin-bottom: 20px; }

  .order .details .headline {
    padding: 20px 20px; }

  .order .details .headline h3 {
    display: inline-block; }

  .order .details .headline p {
    font-size: 16px;
    display: inline-block;
    float: left; }

  .order .details .item {
    line-height: 2.5;
    border-bottom: 0;
    /*border-left: 1px solid $color-dark-gray;
    border-right: 1px solid $color-dark-gray;*/ }

  .order .details .item.first {
    padding-top: 20px; }

  .order .details .item.last {
    border-bottom: 0;
    padding-bottom: 20px; }

  .order .details .item .name {
    padding-right: 20px; }

  .order .tooltip .tooltip-inner {
    min-width: 300px; }

  .order .details .total {
    border-left: 1px solid #e1e4e6;
    border-right: 1px solid #e1e4e6;
    border-bottom: 1px solid #e1e4e6;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

  .order .details .total .item.last {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0; }

  .order .details .total .item .name,
  .order .details .total .item .price {
    font-size: 18px; }

  .order .details .total .item .price {
    font-weight: 600; }

  /* ========== Main Price ========== */
  .main-price.visible-md-block {
    width: auto;
    padding: 20px 0; }

  .main-price.visible-md-block span {
    display: block;
    margin-bottom: 10px; }

  .main-price.visible-md-block span:first-child {
    font-size: 20px;
    font-weight: 600; }

  .main-price.visible-md-block span.price {
    font-size: 34px;
    font-weight: 600; }

  .main-price.visible-md-block span:last-child {
    font-size: 16px;
    color: #7d7f80;
    margin-bottom: 0;
    font-weight: 400; }

  /* ========== Continue ========== */
  .continue {
    position: relative;
    width: auto;
    bottom: 0;
    z-index: 1; }

  /* ========== Error - no results ========== */
  .order .no-results {
    padding-top: 100px;
    padding-bottom: 150px; }

  .no-results img {
    margin-bottom: 50px; }

  .no-results h2 {
    margin-bottom: 15px; } }