.fcolor1 {
    color: #3a2b70; }

  .fcolor2 {
    color: #2b193d; }

  .fcolor3 {
    color: #d7dedc; }

  .fcolor4 {
    color: #2a2b2e; }

  .fcolor5 {
    color: #5b4a99; }

  .fcolor6 {
    color: #40af52; }

  @media (min-width: 768px) {
    .row.equal {
      display: flex;
      flex-wrap: wrap;
    }
    div.equal {
      display: flex;
      flex-wrap: wrap;
    }
  }

  .parralax-background, #header-title, .banner-freedom {
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important; }

  .img-helper {
    padding: 20px 20px 10px 20px;
    border: 1px solid #cacaca;
    display: inline-block; }
    .img-helper svg {
      margin-bottom: -16px; }

  body {
    background: #ffffff;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #333; }

  h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    color: #151d50;
    font-weight: 700; }

  h1 {
    font-size: 48px; }

  h2 {
    font-size: 36px; }

  h3 {
    font-size: 30px; }

  h4 {
    font-size: 28px; }

  h5 {
    font-size: 24px;
    line-height: 30px; }

  h6 {
    font-size: 18px; }

  a {
    color: #151d50; }

  a:hover {
    color: #1585f8;
    text-decoration: none; }

  .btn-primary {
    font-family: 'Montserrat', sans-serif;
    background: #1585f8;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    border-radius: 0px !important;
    border: 0 none;
    font-weight: 400;
    padding: 15px 25px; }
    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
      background: #151d50;
      transition: 0.3s; }

  /* OTHERS */

  .bg-white{background: #fff;}

  .rock-rotate {
    -webkit-animation: spin 120s linear infinite;
    -moz-animation: spin 120s linear infinite;
    animation: spin 120s linear infinite; }

  @-moz-keyframes spin {
    30% {
      -moz-transform: rotate(20deg); } }

  @-webkit-keyframes spin {
    30% {
      -webkit-transform: rotate(20deg); } }

  @keyframes spin {
    30% {
      -webkit-transform: rotate(20deg);
      transform: rotate(20deg); } }

  .card {
    box-shadow: 0 1px 1px transparent;
    border: 1px solid #ccc;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    border-radius: 0px !important; }

  .modal-reference .modal-dialog {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    border-radius: 0px !important;
    width: 1000px !important; }
    .modal-reference .modal-dialog img {
      border: 0 none; }
    .modal-reference .modal-dialog .modal-header {
      border: 0 none;
      padding: 30px; }
      .modal-reference .modal-dialog .modal-header h3 {
        float: left;
        margin: 5px 0 5px 15px;
        line-height: 36px; }
      .modal-reference .modal-dialog .modal-header .close {
        padding: 15px 20px;
        border: 1px solid #ccc;
        opacity: 0.5; }
      .modal-reference .modal-dialog .modal-header .modal-icon-helper {
        border-right: 4px solid #151d50;
        display: block;
        width: 100px;
        float: left; }
        .modal-reference .modal-dialog .modal-header .modal-icon-helper img {
          margin-left: 0; }
    .modal-reference .modal-dialog .modal-body {
      padding: 30px; }
      .modal-reference .modal-dialog .modal-body h3 {
        font-weight: 300;
        margin: 37px 0 0; }
      .modal-reference .modal-dialog .modal-body p {
        margin: 17px 0;
        font-style: italic; }
      .modal-reference .modal-dialog .modal-body p:first-of-type {
        margin: 0 0 40px; }
      .modal-reference .modal-dialog .modal-body p:last-of-type {
        font-weight: 700;
        font-style: none !important; }
      .modal-reference .modal-dialog .modal-body .ref-img {
        border: 1px solid #ccc;
        max-width: 100%;
      }

  /* OTHERS end */
  /* header */
  #header-top {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    padding: 15px 0;
    -webkit-transition: background-color 150ms linear, box-shadow 150ms linear;
      -ms-transition: background-color 150ms linear, box-shadow 150ms linear;
      transition: background-color 150ms linear, box-shadow 150ms linear;

  }
  #header-top.bg{
      background-color: #fff;
      -webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);
      box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.75);
  }
  #header-top .flags img {
    margin-top: 52px;
    margin-left: 4px; }
  #header-top ul li {
    margin-left: 0; }
  #header-top ul li a {
  font-weight: 700;
  color: #151d50;
  padding: 17px 25px;
  }
  #header-top ul li a:hover, #header-top ul li a.active, #header-top ul li a:focus {
      color: #1585f8;
      border-bottom: 5px solid #1585f8;
      background: 0 none; }

  #header {
    z-index: 1;
    overflow: hidden;
    position: sticky;
    top: 0;
    background: #fff;
    -webkit-box-shadow: inset 0px -8px 8px 0px #e1e1e1;
    -moz-box-shadow: inset 0px -8px 8px 0px #e1e1e1;
    box-shadow: inset 0px -8px 8px 0px #e1e1e1; }
    #header #header-video {
      position: absolute;
      min-width: 100%;
      min-height: 100vh;
      max-height: 763px;
      min-height: 763px;
      z-index: -100;
      overflow: hidden;
      opacity: 0.3; }
      #header #header-video video {
        width: 100%; }
      #header #header-video.subpage {
        min-height: 251px;
        max-height: 251px; }

        #header #header-main{
            padding-top: 85px;
        }
        #header #header-main h1 {
        margin: 170px 0 30px; }
        #header #header-main img {
        margin: 70px 0; }
        #header #header-main.subpage h1 {
        margin: 55px 0 15px;
        font-size: 38px; }
        #header #header-main.subpage .rock-container {
        height: 245px;
        overflow: hidden; }
        #header #header-main.subpage .rock-container img {
            width: 80%; }
        #header #header-main .breadcrumb {
        background: 0 none;
        padding: 10px 0 15px;
        text-transform: uppercase;
        margin-bottom: 0; }
        #header #header-main .breadcrumb a {
            color: #666; }
            #header #header-main .breadcrumb a:hover {
            color: #333; }
        #header #header-main .breadcrumb li + li:before {
            content: ">"; }

  #header-title {
    margin-bottom: 40px; }
    #header-title.h-about {
      background: url(../img/h-about.jpg); }
    #header-title.h-why {
      background: url(../img/h-why.jpg); }
    #header-title.h-help {
      background: url(../img/h-help.jpg); }
    #header-title.h-b2b {
      background: url(../img/h-b2b.jpg); }
    #header-title.h-contact {
      background: url(../img/h-contact.jpg); }
    #header-title h1 {
      color: #fff;
      margin: 100px 0 25px; }
    #header-title .breadcrumb {
      background: 0 none;
      margin: 0 0 70px;
      padding: 0; }
      #header-title .breadcrumb li {
        color: #fff; }
        #header-title .breadcrumb li + li::before {
          content: ">";
          margin: 0 8px;
          padding: 0; }
        #header-title .breadcrumb li a {
          color: #fff; }

  /* header END */
  /* content */

  .reference-info .ref-img{
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
  }

  #main{
      z-index: 2;
      padding: 15px 0;
      position: relative;
      background: #fff;
      /*min-height: 100vh; */
  }
  .portfolio-list {
    margin-top: 30px; }
    .portfolio-list a.reference img{
        border: 1px solid rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
        box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
    }
    .portfolio-list a.reference:hover{
        color: #151d50;}
    .portfolio-list .item {
      display: block;
      cursor: pointer;
      margin-bottom: 25px; }
      .portfolio-list .item .overlay {
        display: none;
        position: absolute;
        top: 0;
        height: 360px;
        background: rgba(21, 133, 248, 0.73); }
        .portfolio-list .item .overlay span.btn-primary {
          background: 0 none;
          border: 2px solid #fff;
          width: 200px;
          display: block; }
      .portfolio-list .item.full-size .desc {
        position: absolute;
        top: 86px;
        margin-left: 98px; }
        .portfolio-list .item.full-size .desc > div {
          float: left; }
          .portfolio-list .item.full-size .desc > div:last-child {
            margin-left: 25px; }
          .portfolio-list .item.full-size .desc > div h3, .portfolio-list .item.full-size .desc > div p {
            color: #fff; }
          .portfolio-list .item.full-size .desc > div svg {
            margin-left: 10px; }
          .portfolio-list .item.full-size .desc > div .line {
            fill: #fff; }
      .portfolio-list .item.full-size .overlay {
        width: 1139px; }
        .portfolio-list .item.full-size .overlay span.btn-primary {
          margin: 150px 0 0 75%; }
      .portfolio-list .item.two-thirds-size .overlay {
        width: 749px; }
        .portfolio-list .item.two-thirds-size .overlay span.btn-primary {
          margin: 150px auto; }
      .portfolio-list .item.one-thirds-size .overlay {
        width: 359px; }
        .portfolio-list .item.one-thirds-size .overlay span.btn-primary {
          margin: 150px auto; }
      .portfolio-list .item:hover .overlay {
        display: block; }
      .portfolio-list .item:hover p {
        color: #666; }

  .subpage-portfolio{
    }
    .subpage-portfolio a i{
      color: #999;
      border: 1px solid #999;
      padding: 15px;
      float: left;
      }
      .subpage-portfolio a.prev-project i{
        margin-top: 55px;
        }
      .subpage-portfolio a.next-project i{
        margin-top: -1px;
        }
      .subpage-portfolio a:hover i, .subpage-portfolio a:focus i, .subpage-portfolio a:active i{
        color: #fff;
        background: #151d50;
        }
      .subpage-portfolio a.disable:hover i, .subpage-portfolio a.disable:focus i, .subpage-portfolio a.disable:active i{
        color: #999;
        background: 0 none;
        cursor: not-allowed;
        }
    .subpage-portfolio .site-link{
      text-align: right;
      }
      .subpage-portfolio .site-link a{
        margin-top: 55px;

        }

  .portfolio-details{
    background: #fff;}
    .portfolio-details h3{

      font-family: 'Lato', sans-serif;
      line-height: 42px;
    }

    .portfolio-details .portfolio-container{margin-top: -80px;}

    .portfolio-details .portfolio-img{
    height: 320px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    margin-top: -15px;
  }

    .portfolio-details .description-row{
      background: #fff;
      padding-top: 60px; }

    .portfolio-details .description-heading svg{
      float: right;
      margin-top: 6px; }
    .portfolio-details .description-heading h3{
      text-align: right;
      margin-top: 30px; }

    .portfolio-details .description{
      font-size: 18px; }

    .portfolio-details .portfolio-product{
      margin-top: 15px; }

    .portfolio-details .product-icon-container{
      text-align: center;
      color: #fff;
      background: #151d50;
      padding: 15px 0;}
      .portfolio-details .product-icon-container .icon{
        margin: 0 auto;}
      .portfolio-details .product-icon-container p{
        font-weight: 700;
        margin: 10px 0 0;}

    .portfolio-details .module-name-short{
      font-size: 24px;
      background: #635f60;
      width: 40%;
      text-align: center;
      padding: 15px 0;
      height: 65px;
      margin-bottom: 10px;
      display: inline-block;
      float: left;
      color: #fff;
      margin-right: 10px;}
    .portfolio-details .module-name{
      font-size: 12px;
      display: inline-block;
      float: right;
      width: 50%;
      height: 85px;
      font-weight: 700;}
      .portfolio-details .module-name div{
        display: table;
        height: 65px;}
      .portfolio-details .module-name span{
        display: table-cell;
        vertical-align: middle;}

  .products-list {
    margin-top: 30px; }
    .products-list .products-info h3 {
      font-size: 30px;
      margin-bottom: 30px;
      font-family: 'Lato', sans-serif; }
    .products-list .products-info h6 {
      font-weight: 300;
      font-family: 'Lato', sans-serif; }
    .products-list .card {
      margin-bottom: 30px; }
      .products-list .card h5 {
        text-transform: uppercase; }
      .products-list .card h6 {
        font-weight: 300;
        font-family: 'Lato', sans-serif; }
      .products-list .card .products-item > div > div {
        display: table;
        height: 290px;
        width: 100%; }
        .products-list .card .products-item > div > div > div {
          display: table-cell;
          vertical-align: middle; }
      .products-list .card .products-item > div .product-icon-helper {
        fill: #151d50; }
      .products-list .card a:hover .card-body {
        background: #1585f8;
        transition: 0.3s; }
        .products-list .card a:hover .card-body h5, .products-list .card a:hover .card-body h6 {
          color: #fff; }
        .products-list .card a:hover .card-body .icon {
          background-image: url(../img/icon-sprite-white.png); }
        .products-list .card a:hover .card-body .product-icon-helper {
          fill: #fff; }
  .product-details {
    padding-top: 30px;
    padding-bottom: 50px; }
    .product-details .product-info hr {
      border-top: 1px solid #ccc; }
    .product-details .product-info p {
      font-size: 18px; }
    .product-details .product-info p.lead {
      font-size: 24px;
      font-weight: 700; }
    .product-details .product-info span.module-logo {
      display: inline-block;
      background: #635f60;
      color: #fff;
      font-size: 24px;
      text-align: center;
      font-family: 'Montserrat', sans-serif;
      width: 68px;
      height: 68px;
      padding-top: 17px;
      font-weight: 300; }
    .product-details .product-info p.module-name {
      display: inline-block;
      margin-left: 15px;
      font-size: 20px;
      font-weight: 700;
      text-transform: uppercase; }
    .product-details .product-info .module-desc {
      margin-top: 20px; }
      .product-details .product-info .module-desc p {
        font-size: 16px; }
    .product-details .product-info .download-item {
      margin-top: 10px; }
      .product-details .product-info .download-item:first-of-type {
        margin-top: 0; }
      .product-details .product-info .download-item span.module-file-type {
        display: block;
        float: left;
        background: #151d50;
        color: #fff;
        font-size: 24px;
        text-align: center;
        font-family: 'Montserrat', sans-serif;
        width: 68px;
        height: 68px;
        padding-top: 17px;
        font-weight: 300; }
      .product-details .product-info .download-item p.module-file-name {
        display: block;
        float: left;
        font-size: 20px;
        font-weight: 700;
        color: #1585f8;
        margin: 2px 0 0 15px; }
        .product-details .product-info .download-item p.module-file-name a {
          color: #1585f8; }
          .product-details .product-info .download-item p.module-file-name a:hover {
            color: #151d50; }
        .product-details .product-info .download-item p.module-file-name span {
          font-size: 16px;
          color: #333;
          font-weight: 300; }
    .product-details .product-info #product-references {
      margin-top: 50px;
      margin-bottom: 50px; }
      .product-details .product-info #product-references .reference-img img.ref-img {
        border: 1px solid #ccc;
        max-width: 100%; }
        .product-details .product-info #product-references .reference-img img.ref-img:hover {
          cursor: pointer; }
      .product-details .product-info #product-references .reference-img i.fa.fa-arrows-h {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 15px;
        font-size: 16px;
        padding: 15px;
        color: #fff;
        background: #1585f8;
        display: none; }
      .product-details .product-info #product-references .reference-img:hover i.fa.fa-arrows-h {
        display: block; }
      .product-details .product-info #product-references h3 {
        text-align: center;
        font-weight: 300;
        font-family: 'Lato', sans-serif;
        font-size: 30px; }
      .product-details .product-info #product-references p.ref-function {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase; }
    .product-details .product-select .card .card-body {
      display: table;
      height: 160px; }
      .product-details .product-select .card .card-body.next-element h5 {
        text-align: right; }
      .product-details .product-select .card .card-body > div {
        display: table-cell;
        vertical-align: middle; }
      .product-details .product-select .card .card-body span.glyphicon {
        color: #999;
        padding: 20px 18px;
        border: 1px solid #999; }
      .product-details .product-select .card .card-body img {
        margin: 0 25px 0 35px; }
      .product-details .product-select .card .card-body h5 {
        text-transform: uppercase; }
      .product-details .product-select .card .card-body i {
        color: #999; }
      .product-details .product-select .card .card-body p {
        font-size: 12px;
        font-family: 'Montserrat', sans-serif;
        color: #151d50;
        text-transform: uppercase;
        font-weight: 700;
        margin: 15px 0 0; }

  .portfolio-list {
    margin-top: 30px;}
    .portfolio-list .item-big{
    margin-bottom: 25px;}
      .portfolio-list .item-big img{
      display: inline-block;
      float: left;
      padding-bottom: 10px;
      border-bottom: 4px solid #fff;}
      .portfolio-list .item-big .item-description{
        margin-top: 110px;
      }
      .portfolio-list .item-big .description{
      display: inline-block;
      float: left;
      padding-left: 20px;}
        .portfolio-list .item-big .description h3{
        font-family: 'Lato', sans-serif;
        line-height: 36px;
        color: #fff;
        margin-top: 0;}
        .portfolio-list .item-big .description p{
        color: #fff;
        font-weight: 300;}
    .portfolio-list .item-small{
      margin-bottom: 25px;}
      .portfolio-list .item-small h5{
      font-family: 'Lato', sans-serif;}

  .offer-list .offer-item {
    margin-top: 20px;
    margin-bottom: 50px;
    padding: 25px;
    border: 1px solid #d6d4cf;
    height: 402px; }
    .offer-list .offer-item .icon-helper {
      border-left: 4px solid #151d50;
      display: block;
      width: 80px; }
      .offer-list .offer-item .icon-helper img {
        /*margin-left: 34px;*/ }
    .offer-list .offer-item .icon-helper {
      border-bottom: 4px solid #151d50;
      border-left: 0 none;
      padding-bottom:30px;
      margin-bottom: 30px; }
    .offer-list .offer-item h3 {
      font-size: 22px;
      line-height: 28px;
      font-family: 'Lato', sans-serif;
      margin: 0 0 35px;
      height: 120px;
    }
    .offer-list .offer-item p {
      font-size: 18px;
      color: #333;
      margin: 0; }
    .offer-list .offer-item .reference-img img.ref-img {
      border: 1px solid #ccc;
      max-width: 100%; }
      .offer-list .offer-item .reference-img img.ref-img:hover {
        cursor: pointer; }
    .offer-list .offer-item .reference-img i.fa.fa-arrows-h {
      position: absolute;
      top: 0;
      right: 0;
      margin-right: 15px;
      font-size: 16px;
      padding: 15px;
      color: #fff;
      background: #1585f8;
      display: none; }
    .offer-list .offer-item .reference-img:hover i.fa.fa-arrows-h {
      display: block; }

  .offer-details{
    margin-bottom: 10px;}
    .offer-details p.lead{
      margin:30px 0 60px;}
    .offer-details .extra-element-column{
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      padding: 20px 15px;
      margin-bottom: 20px;}
      .offer-details .extra-element-column h6{
        padding: 10px 0 20px;
        text-transform: uppercase;}
  .offer-details-list h6{
    text-transform: uppercase;
    margin-top: 30px;}
  .offer-details-list p{font-size: 18px;}


  /* content END */
  /* LOGIN */
  #login h2 {
    margin: 40px 0 100px; }
    #login h2.register {
      margin: 15px 0 100px; }

  #login .change-type {
    text-align: right; }
    #login .change-type .btn {
      margin-top: 10px; }

  #login .password-reset {
    margin-top: 15px; }

  #login .user-details svg {
    margin-top: 40px; }

  #order h2 {
    margin: 10px 0 50px; }

  #order h2.units-count {
    width: 100%;
    margin: 13px 0 14px;
    text-align: center;
    width: 80px; }

  #order h3.order-price-info {
    font-size: 36px;
    font-weight: 300; }

  #order h3.order-price {
    font-size: 36px;
    text-align: right; }

  #order h3.order-details-sum {
    font-size: 36px; }
    #order h3.order-details-sum span {
      font-weight: 300; }

  #order p.bg-danger {
    background: #fcf2f2;
    color: #e63838;
    padding: 15px; }

  #order .order-progress {
    margin-top: 20px;
    margin-bottom: 20px; }
    #order .order-progress svg {
      padding-top: 15px;
      margin: 0 20px; }
    #order .order-progress span.active {
      padding-top: 20px;
      font-weight: 700;
      color: #e1e1e1; }
      #order .order-progress span.active svg {
        position: absolute;
        top: -20px;
        padding-top: 0; }

  #order .select-device-country {
    margin-bottom: 20px; }

  #order .input-daterange {
    margin-top: 20px;
    margin-bottom: 20px; }

  #order .device-count input {
    text-align: center; }

  #order .device-count p.description {
    font-size: 14px;
    margin-top: 4px; }

  #order .order-details-status {
    margin-top: 10px;
    margin-bottom: 30px; }
    #order .order-details-status span {
      color: #333;
      font-weight: 600; }
      #order .order-details-status span.success {
        color: #40af52; }
      #order .order-details-status span.waiting {
        color: #de944c; }
    #order .order-details-status .btn-transparent2 {
      margin-left: 0; }

  #order .invoice-info {
    margin-top: 15px;
    margin-bottom: 15px; }
    #order .invoice-info p {
      margin-top: 15px; }

  #order .available-units p.unit-img {
    border: 1px solid #cacaca;
    text-align: center;
    padding: 25px 0; }
    #order .available-units p.unit-img.small {
      padding: 12px 0; }
      #order .available-units p.unit-img.small img {
        max-width: 90%; }
    #order .available-units p.unit-img span {
      display: none;
      position: absolute;
      background: url(../img/bg-success.png);
      top: 1px;
      left: 16px;
      padding: 48px 47px 49px 48px;
      color: #fff; }
      #order .available-units p.unit-img span i {
        border: 3px solid #fff;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        -ms-border-radius: 50% !important;
        border-radius: 50% !important;
        padding: 15px; }
    #order .available-units p.unit-img.selected span {
      display: block; }
    #order .available-units p.unit-img img {
      max-width: 100%; }

  #order .available-units p.desc-main.countries {
    margin-top: 25px; }

  #order .available-units p.desc-main.price {
    text-align: right; }

  #order .available-units p.desc-main span {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2; }
    #order .available-units p.desc-main span.small {
      font-size: 14px;
      font-weight: 700;
      color: #333;
      text-transform: uppercase; }
    #order .available-units p.desc-main span.price {
      color: #000;
      font-size: 34px;
      font-weight: 700; }

  #order .available-units p.desc-extra {
    float: left; }
    #order .available-units p.desc-extra + p {
      margin-left: 15px; }
    #order .available-units p.desc-extra span {
      color: #333; }

  #order .available-units p.supported-countries span {
    margin-right: 10px;
    color: #d6d6d6; }
    #order .available-units p.supported-countries span.active {
      color: #333; }
      #order .available-units p.supported-countries span.active i {
        color: #40af52; }

  #order .available-units .unit-count {
    position: absolute;
    top: -212px;
    left: 490px;
    width: 35%;
    text-align: right; }
    #order .available-units .unit-count input {
      width: 30%;
      text-align: center; }
    #order .available-units .unit-count .buttons {
      display: inline-block;
      float: left; }
      #order .available-units .unit-count .buttons .input-group-btn {
        display: block; }
        #order .available-units .unit-count .buttons .input-group-btn .btn {
          color: #333;
          padding: 3px;
          font-size: 12px;
          -webkit-border-radius: 0px !important;
          -moz-border-radius: 0px !important;
          -ms-border-radius: 0px !important;
          border-radius: 0px !important;
          width: 24px;
          margin-left: 0; }
    #order .available-units .unit-count .btn-transparent {
      padding: 15px 20px;
      color: #9a9a9a;
      width: 130px; }
      #order .available-units .unit-count .btn-transparent.select {
        color: #1585f8; }
      #order .available-units .unit-count .btn-transparent:hover {
        color: #fff; }
    #order .available-units .unit-count p {
      font-size: 36px;
      color: #000;
      font-weight: 700;
      margin-top: 17px; }

  #order .available-units.units-list .unit-count {
    width: 45%;
    top: -132px;
    left: 413px; }
    #order .available-units.units-list .unit-count p {
      float: left;
      width: 53%;
      margin: 0 5% 0 0; }
    #order .available-units.units-list .unit-count input {
      width: 20%;
      padding: 6px 12px; }
    #order .available-units.units-list .unit-count .btn-transparent {
      width: auto;
      padding: 14px 15px; }

  #order .available-units.units-summary p.desc-main.countries {
    margin-top: 15px; }

  #order .available-units.order-confirmation .confirmation-data {
    margin-bottom: 15px; }
    #order .available-units.order-confirmation .confirmation-data .desc-main {
      margin-bottom: 15px; }

  #order .confirmation-exit .btn {
    padding: 20px 30px; }

  #order .bail {
    margin-top: 20px; }

  #order .bail-amount {
    text-align: right;
    font-size: 36px;
    color: #000;
    font-weight: 700; }

  #order #calendar .datepicker-inline {
    width: 100%; }
    #order #calendar .datepicker-inline table {
      width: 100%;
      border-collapse: separate;
      border-spacing: 4px; }
      #order #calendar .datepicker-inline table td {
        border: 1px solid #eaeaea; }
      #order #calendar .datepicker-inline table th, #order #calendar .datepicker-inline table td {
        width: 14%;
        padding: 12px 0; }
        #order #calendar .datepicker-inline table th.day, #order #calendar .datepicker-inline table td.day {
          background: #f7f7f7; }
        #order #calendar .datepicker-inline table th.new.day, #order #calendar .datepicker-inline table th.old.day, #order #calendar .datepicker-inline table td.new.day, #order #calendar .datepicker-inline table td.old.day {
          border: #fbfbfb;
          background: #fdfdfd;
          color: #ccc; }
        #order #calendar .datepicker-inline table th.activate-date, #order #calendar .datepicker-inline table td.activate-date {
          background: #40af52;
          color: #fff; }
        #order #calendar .datepicker-inline table th.day.active, #order #calendar .datepicker-inline table td.day.active {
          background: #18d666; }

  #order .return-header {
    margin-bottom: 35px; }

  #order .term-info {
    margin: 15px 0 40px; }
    #order .term-info span {
      font-weight: 700;
      font-size: 18px;
      display: block;
      margin-top: 5px; }

  #order .btn-transparent2 {
    padding: 20px 50px;
    margin: -2px 0 0 20px; }

  #order .btn-order-submit, #order .btn-add-units {
    display: block;
    width: 75%;
    padding: 0;
    float: right;
    font-size: 16px; }
    #order .btn-order-submit i, #order .btn-add-units i {
      display: block;
      float: left;
      width: 25%;
      text-align: center;
      padding: 20px 0 20px 4%; }
    #order .btn-order-submit div, #order .btn-add-units div {
      float: right;
      width: 75%;
      text-align: left;
      padding-top: 5px; }
      #order .btn-order-submit div span, #order .btn-add-units div span {
        font-size: 14px;
        font-weight: 300; }

  #order .row-submit .btn-order-submit, #order .row-submit .btn-add-units {
    float: left;
    width: 40%;
    margin-top: 0; }
    #order .row-submit .btn-order-submit i, #order .row-submit .btn-add-units i {
      padding: 20px 0; }

  #order .btn-add-units {
    margin-top: 10px; }

  #order.order-list .input-daterange {
    margin-top: 0; }

  #order.order-list .hr-status {
    margin-top: 0; }

  #order.order-list .form-checkbox p {
    top: -8px;
    width: 210px;
    font-size: 14px; }
    #order.order-list .form-checkbox p span {
      font-weight: 600;
      font-size: 16px; }

  #order.order-list .order-status {
    margin-top: 5px;
    margin-bottom: 15px; }

  #order.order-list .available-units .unit-img {
    width: 15%;
    margin-right: 1%;
    float: left; }
    #order.order-list .available-units .unit-img.count {
      font-size: 24px;
      font-weight: 300;
      padding: 16px 0 15px;
      width: 60px; }

  #order.order-list .available-units .desc-main span {
    font-size: 16px;
    font-weight: 700;
    color: #333; }
    #order.order-list .available-units .desc-main span.big {
      font-size: 18px; }

  #order.order-list .available-units .desc-extra {
    margin: 10px 0 0 15px; }
    #order.order-list .available-units .desc-extra:nth-child(2) {
      margin-left: 147px; }
    #order.order-list .available-units .desc-extra span {
      font-weight: 600;
      color: #666; }
      #order.order-list .available-units .desc-extra span.success {
        color: #40af52; }
      #order.order-list .available-units .desc-extra span.waiting {
        color: #de944c; }

  /* LOGIN END */
  /* banners */
  /* NOT USED
  .banner-main{
      background: url(../img/banner1.jpg);
      min-height:700px;
      max-height:700px;
      @extend .parralax-background;

      h1{
          color:#fff;
          margin: 145px 0 50px;
      }
      .btn{margin-right:10px;}
      p{
          color: #fff;
          font-weight: 300;
          margin-top: 40px;
      }
  }
   NOT USED END */
  .banner-freedom {
    background: url(../img/banner2.jpg);
    height: 630px; }
    .banner-freedom h2, .banner-freedom p {
      color: #fff; }
    .banner-freedom h2 {
      margin: 110px 0 20px; }
    .banner-freedom p {
      margin: 25px 0 40px; }

  .banner-range {
    background: url(../img/banner3.jpg);
    height: 797px;
    background-position: center; }
    .banner-range h2 {
      margin: 110px 0 20px;
      font-size: 46px; }
    .banner-range p {
      margin: 25px 0 40px; }

  /* banners END */
  /* widgets-left */
  .widget-left {
    margin: 0 0 20px; }

  .widget-sub-menu {
    background: #fff; }
    .widget-sub-menu ul {
      list-style: none;
      font-weight: 700;
      padding: 0; }
      .widget-sub-menu ul li {
        border: 1px solid #cacaca;
        border-bottom: 0 none; }
        .widget-sub-menu ul li:first-child {
          padding: 18px 0; }
        .widget-sub-menu ul li:last-child {
          border-bottom: 1px solid #cacaca; }
        .widget-sub-menu ul li h5 {
          margin: 15px;
          text-transform: uppercase; }
        .widget-sub-menu ul li a {
          font-size: 18px;
          display: block;
          width: 100%;
          padding: 20px 15px;
          border-bottom: 0 none;
          color: #999; }
          .widget-sub-menu ul li a:hover, .widget-sub-menu ul li a.active {
            color: #151d50; }
        .widget-sub-menu ul li p {
          font-size: 14px;
          font-weight: 300;
          padding: 5px 15px;
          margin: 0; }
          .widget-sub-menu ul li p:first-of-type {
            padding-top: 40px; }
          .widget-sub-menu ul li p:last-of-type {
            padding-bottom: 50px; }
          .widget-sub-menu ul li p span {
            display: inline-block;
            font-weight: 700;
            float: right; }
    .widget-sub-menu .btn-primary {
      width: 100%;
      margin-top: 10px; }

  .widget-contact {
    border: 1px solid #cacaca;
    display: block;
    overflow: auto; }
    .widget-contact img, .widget-contact p {
      float: left; }
    .widget-contact p {
      margin: 15px 0 0;
      font-size: 14px; }
    .widget-contact .phone {
      font-size: 24px;
      font-weight: 700;
      color: #e1e1e1; }
    .widget-contact .link {
      font-size: 18px;
      font-weight: 700;
      color: #e1e1e1; }
    .widget-contact.text-center .img-helper {
      margin-top: 30px; }
    .widget-contact.text-center p {
      float: none;
      margin-bottom: 30px; }
      .widget-contact.text-center p span {
        display: block;
        margin: 10px 20px; }

  /* widgets-left END */
  /* widget-right */
  .widget-units-count h4:first-child {
    color: #18d666;
    border: 1px solid #cacaca;
    text-align: center;
    width: 70px;
    padding: 22px 0; }

  .widget-units-count a {
    font-weight: 700; }

  /* widget-right end */
  /* widgets-full-size */
  .widget-products {
    padding: 60px 0; }
    .widget-products h1 {
      margin: 0 0 30px; }
    .widget-products h4 {
      margin: 45px 10% 0px;
      text-transform: uppercase;
      width: 80%;
      height: 95px;
      overflow: hidden; }
    .widget-products svg {
      margin-top: 30px; }
    .widget-products p {
      margin: 25px 10% 0;
      width: 80%; }

  .widget-portfolio .header {background: #151d50; }
  .widget-portfolio .header h1 {
      color: #fff;
      margin: 20px 0; }
      .widget-portfolio #carousel-project .carousel-control-prev, .widget-portfolio #carousel-project .carousel-control-next{
        border: 1px solid #fff;
        padding: 19px 22px;
        background: rgba(0, 0, 0, 0.5);
        width: unset;
        bottom: unset;
        right: unset;
        left: 15px;
      }

      .widget-portfolio #carousel-project .carousel-caption h5{
        padding-bottom: 12px;
        line-height: 26px;
        margin-left: 66px;
        border-bottom: 1px solid #fff;
        text-align: left;
        padding-left: 15px;
        color: #fff;
        font-family: 'Lato', sans-serif;
      }
    /*.widget-portfolio .header {
      background: #151d50; }
      .widget-portfolio .header h1 {
        color: #fff;
        margin: 20px 0; }
      .widget-portfolio .header .btn-primary {
        float: right;
        margin: 24px 0; }
        .widget-portfolio .header .btn-primary:hover, .widget-portfolio .header .btn-primary:active, .widget-portfolio .header .btn-primary:focus {
          background: #1585f8; }
    .widget-portfolio #portfolio-slider .item {
      height: 400px;
      background-position: 50% 0;
      background-repeat: no-repeat; }
      .widget-portfolio #portfolio-slider .item .carousel-caption {
        top: 56px; }
        .widget-portfolio #portfolio-slider .item .carousel-caption .desc-container {
          margin: 50px 0 0 52px; }
          .widget-portfolio #portfolio-slider .item .carousel-caption .desc-container h5 {
            color: #fff;
            margin: 0 0 10px 20px;
            font-family: 'Lato', sans-serif;
            height: 60px;
            overflow: hidden; }
          .widget-portfolio #portfolio-slider .item .carousel-caption .desc-container hr {
            margin: 0; }
          .widget-portfolio #portfolio-slider .item .carousel-caption .desc-container svg {
            margin-left: 20px;
            position: absolute; }
          .widget-portfolio #portfolio-slider .item .carousel-caption .desc-container p {
            margin: 21px 0 0 20px; }
          .widget-portfolio #portfolio-slider .item .carousel-caption .desc-container .btn-primary {
            padding: 12px 22px; }
    .widget-portfolio #portfolio-slider .carousel-control {
      background: 0 none;
      width: 50px;
      opacity: 1; }
      .widget-portfolio #portfolio-slider .carousel-control span {
        font-size: 20px; }
      .widget-portfolio #portfolio-slider .carousel-control span:before {
        border: 1px solid #fff;
        padding: 19px 22px;
        background: rgba(0, 0, 0, 0.5); }
      .widget-portfolio #portfolio-slider .carousel-control.left {
        margin-left: 0;
        top: -472px; }
      .widget-portfolio #portfolio-slider .carousel-control.right {
        left: 0;
        margin-left: 0;
        top: -345px; }
    .widget-portfolio p {
      color: #fff;
      font-weight: 300;
      margin-top: 40px; }
      */

  .widget-offer {
    background: url(../img/offer-img.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-color: #151d50;
    max-height: 416px;
    margin-top:-15px;
    padding-top: 15px;
 }
    .widget-offer h5, .widget-offer h6 {
      font-family: 'Lato', sans-serif;
      color: #fff;
      font-weight: 300; }
    .widget-offer h5 {
      margin: 15px 0 15px; }
    .widget-offer h6 {
      margin: 15px 0 90px; }

  .widget-about {
    padding: 60px 0; }
    .widget-about h1 {
      margin: 0; }
    .widget-about p {
      margin: 12px 0; }
    .widget-about p.lead {
      margin: 50px 0 0; }
    .widget-about p.buttons {
      margin: 50px 0 0; }
    .widget-about ul {
      padding-left: 32px; }

  /* footer */
  #footer {
    position: sticky;
    bottom:0;
    background: url(../img/footer-bg.jpg);
    background-position: 50% 0;
    color: #fff;
    padding-top: 40px;
    font-size: 14px;
    padding: 55px 0; }
    #footer svg {
      margin: 25px 0 0; }
    #footer p {
      margin: 18px 0;
      color: #ccc;
      font-weight: 700; }
    #footer p.small {
      margin: 20px 0 0; }
    #footer p.header {
      margin: 5px 0 9px;
      color: #fff; }
    #footer p.contact span {
      display: block;
      margin: 9px 0;
      color: #fff; }
    #footer p.links a {
      margin: 9px 0;
      display: block; }
    #footer a {
      color: #ccc;
      font-weight: 300; }
      #footer a:hover {
        color: #fff;
        text-decoration: underline; }
    #footer a.btn-primary {
      font-weight: 700;
      background: 0 none;
      border: 2px solid #6a719b;
      padding: 15px 55px; }
      #footer a.btn-primary:hover {
        text-decoration: none; }

  /* footer END */
  .icon {
    background: url(../img/icon-sprite.png);
    width: 80px;
    height: 80px; }

  .icon-white{
    background: url(../img/icon-sprite-white.png); }

  .icon1 {
    background-position: 0 0; }

  .icon2 {
    background-position: 0 -80px; }

  .icon3 {
    background-position: 0 -160px; }

  .icon4 {
    background-position: 0 -240px; }

  .icon5 {
    background-position: 0 -320px; }

  .icon6 {
    background-position: 0 -400px; }

  .icon7 {
    background-position: 0 -480px; }

  .icon8 {
    background-position: 0 -560px; }

  .icon9 {
    background-position: 0 -640px; }

  .icon10 {
    background-position: 0 -720px; }

  .icon11 {
    background-position: 80px 0; }

  .icon12 {
    background-position: 80px -80px; }

  .icon13 {
    background-position: 80px -160px; }

  .icon14 {
    background-position: 80px -240px; }

  .icon15 {
    background-position: 80px -320px; }

  .icon16 {
    background-position: 80px -400px; }

  .icon17 {
    background-position: 80px -480px; }

  .icon18 {
    background-position: 80px -560px; }

  .icon19 {
    background-position: 80px -640px; }

  .icon20 {
    background-position: 80px -720px; }

  .flag {
    float: left;
    padding: 0 !important;
    margin: 0 5px 4px 5px !important;
    width: 16px;
    height: 11px;
    background: url(../img/msdropdown/icons/flagssprite_small.png) no-repeat; }

  .flag.ad {
    background-position: 0 0; }

  .flag.ae {
    background-position: 0 -11px; }

  .flag.af {
    background-position: 0 -22px; }

  .flag.ag {
    background-position: 0 -33px; }

  .flag.ai {
    background-position: 0 -44px; }

  .flag.al {
    background-position: 0 -55px; }

  .flag.am {
    background-position: 0 -66px; }

  .flag.an {
    background-position: 0 -77px; }

  .flag.ao {
    background-position: 0 -88px; }

  .flag.ar {
    background-position: 0 -99px; }

  .flag.as {
    background-position: 0 -110px; }

  .flag.at {
    background-position: 0 -121px; }

  .flag.au {
    background-position: 0 -132px; }

  .flag.aw {
    background-position: 0 -143px; }

  .flag.ax {
    background-position: 0 -154px; }

  .flag.az {
    background-position: 0 -165px; }

  .flag.ba {
    background-position: 0 -176px; }

  .flag.bb {
    background-position: 0 -187px; }

  .flag.bd {
    background-position: 0 -198px; }

  .flag.be {
    background-position: 0 -209px; }

  .flag.bf {
    background-position: 0 -220px; }

  .flag.bg {
    background-position: 0 -231px; }

  .flag.bh {
    background-position: 0 -242px; }

  .flag.bi {
    background-position: 0 -253px; }

  .flag.bj {
    background-position: 0 -264px; }

  .flag.bm {
    background-position: 0 -275px; }

  .flag.bn {
    background-position: 0 -286px; }

  .flag.bo {
    background-position: 0 -297px; }

  .flag.br {
    background-position: 0 -308px; }

  .flag.bs {
    background-position: 0 -319px; }

  .flag.bt {
    background-position: 0 -330px; }

  .flag.bv {
    background-position: 0 -341px; }

  .flag.bw {
    background-position: 0 -352px; }

  .flag.by {
    background-position: 0 -363px; }

  .flag.bz {
    background-position: 0 -374px; }

  .flag.ca {
    background-position: 0 -385px; }

  .flag.catalonia {
    background-position: 0 -396px; }

  .flag.cc {
    background-position: 0 -407px; }

  .flag.cd {
    background-position: 0 -418px; }

  .flag.cf {
    background-position: 0 -429px; }

  .flag.cg {
    background-position: 0 -440px; }

  .flag.ch {
    background-position: 0 -451px; }

  .flag.ci {
    background-position: 0 -462px; }

  .flag.ck {
    background-position: 0 -473px; }

  .flag.cl {
    background-position: 0 -484px; }

  .flag.cm {
    background-position: 0 -495px; }

  .flag.cn {
    background-position: 0 -506px; }

  .flag.co {
    background-position: 0 -517px; }

  .flag.cu {
    background-position: 0 -528px; }

  .flag.cr {
    background-position: 0 -539px; }

  .flag.cs {
    background-position: 0 -550px; }

  .flag.cv {
    background-position: 0 -561px; }

  .flag.cx {
    background-position: 0 -572px; }

  .flag.cy {
    background-position: -16px 0; }

  .flag.cz {
    background-position: -16px -11px; }

  .flag.de {
    background-position: -16px -22px; }

  .flag.dj {
    background-position: -16px -33px; }

  .flag.dk {
    background-position: -16px -44px; }

  .flag.dm {
    background-position: -16px -55px; }

  .flag.do {
    background-position: -16px -66px; }

  .flag.dz {
    background-position: -16px -77px; }

  .flag.ec {
    background-position: -16px -88px; }

  .flag.ee {
    background-position: -16px -99px; }

  .flag.eg {
    background-position: -16px -110px; }

  .flag.eh {
    background-position: -16px -121px; }

  .flag.england {
    background-position: -16px -132px; }

  .flag.er {
    background-position: -16px -143px; }

  .flag.es {
    background-position: -16px -154px; }

  .flag.et {
    background-position: -16px -165px; }

  .flag.eu {
    background-position: -16px -176px; }

  .flag.fam {
    background-position: -16px -187px; }

  .flag.fi {
    background-position: -16px -198px; }

  .flag.fj {
    background-position: -16px -209px; }

  .flag.fk {
    background-position: -16px -220px; }

  .flag.fm {
    background-position: -16px -231px; }

  .flag.fo {
    background-position: -16px -242px; }

  .flag.fr {
    background-position: -16px -253px; }

  .flag.ga {
    background-position: -16px -264px; }

  .flag.gb {
    background-position: -16px -275px; }

  .flag.gd {
    background-position: -16px -286px; }

  .flag.ge {
    background-position: -16px -297px; }

  .flag.gf {
    background-position: -16px -308px; }

  .flag.gh {
    background-position: -16px -319px; }

  .flag.gi {
    background-position: -16px -330px; }

  .flag.gl {
    background-position: -16px -341px; }

  .flag.gm {
    background-position: -16px -352px; }

  .flag.gn {
    background-position: -16px -363px; }

  .flag.gp {
    background-position: -16px -374px; }

  .flag.gq {
    background-position: -16px -385px; }

  .flag.gr {
    background-position: -16px -396px; }

  .flag.gs {
    background-position: -16px -407px; }

  .flag.gt {
    background-position: -16px -418px; }

  .flag.gu {
    background-position: -16px -429px; }

  .flag.gw {
    background-position: -16px -440px; }

  .flag.gy {
    background-position: -16px -451px; }

  .flag.hk {
    background-position: -16px -462px; }

  .flag.hm {
    background-position: -16px -473px; }

  .flag.hn {
    background-position: -16px -484px; }

  .flag.hr {
    background-position: -16px -495px; }

  .flag.ht {
    background-position: -16px -506px; }

  .flag.hu {
    background-position: -16px -517px; }

  .flag.id {
    background-position: -16px -528px; }

  .flag.ie {
    background-position: -16px -539px; }

  .flag.il {
    background-position: -16px -550px; }

  .flag.in {
    background-position: -16px -561px; }

  .flag.io {
    background-position: -16px -572px; }

  .flag.iq {
    background-position: -32px 0; }

  .flag.ir {
    background-position: -32px -11px; }

  .flag.is {
    background-position: -32px -22px; }

  .flag.it {
    background-position: -32px -33px; }

  .flag.jm {
    background-position: -32px -44px; }

  .flag.jo {
    background-position: -32px -55px; }

  .flag.jp {
    background-position: -32px -66px; }

  .flag.ke {
    background-position: -32px -77px; }

  .flag.kg {
    background-position: -32px -88px; }

  .flag.kh {
    background-position: -32px -99px; }

  .flag.ki {
    background-position: -32px -110px; }

  .flag.km {
    background-position: -32px -121px; }

  .flag.kn {
    background-position: -32px -132px; }

  .flag.kp {
    background-position: -32px -143px; }

  .flag.kr {
    background-position: -32px -154px; }

  .flag.kw {
    background-position: -32px -165px; }

  .flag.ky {
    background-position: -32px -176px; }

  .flag.kz {
    background-position: -32px -187px; }

  .flag.la {
    background-position: -32px -198px; }

  .flag.lb {
    background-position: -32px -209px; }

  .flag.lc {
    background-position: -32px -220px; }

  .flag.li {
    background-position: -32px -231px; }

  .flag.lr {
    background-position: -32px -242px; }

  .flag.lk {
    background-position: -32px -253px; }

  .flag.ls {
    background-position: -32px -264px; }

  .flag.lt {
    background-position: -32px -275px; }

  .flag.lu {
    background-position: -32px -286px; }

  .flag.lv {
    background-position: -32px -297px; }

  .flag.ly {
    background-position: -32px -308px; }

  .flag.ma {
    background-position: -32px -319px; }

  .flag.mc {
    background-position: -32px -330px; }

  .flag.md {
    background-position: -32px -341px; }

  .flag.me {
    background-position: -32px -352px; }

  .flag.mg {
    background-position: -32px -363px; }

  .flag.mh {
    background-position: -32px -374px; }

  .flag.mk {
    background-position: -32px -385px; }

  .flag.ml {
    background-position: -32px -396px; }

  .flag.mm {
    background-position: -32px -407px; }

  .flag.mn {
    background-position: -32px -418px; }

  .flag.mo {
    background-position: -32px -429px; }

  .flag.mp {
    background-position: -32px -440px; }

  .flag.mq {
    background-position: -32px -451px; }

  .flag.mr {
    background-position: -32px -462px; }

  .flag.ms {
    background-position: -32px -473px; }

  .flag.mt {
    background-position: -32px -484px; }

  .flag.mu {
    background-position: -32px -495px; }

  .flag.mv {
    background-position: -32px -506px; }

  .flag.mw {
    background-position: -32px -517px; }

  .flag.mx {
    background-position: -32px -528px; }

  .flag.my {
    background-position: -32px -539px; }

  .flag.mz {
    background-position: -32px -550px; }

  .flag.na {
    background-position: -32px -561px; }

  .flag.nc {
    background-position: -32px -572px; }

  .flag.ne {
    background-position: -48px 0; }

  .flag.nf {
    background-position: -48px -11px; }

  .flag.ng {
    background-position: -48px -22px; }

  .flag.ni {
    background-position: -48px -33px; }

  .flag.nl {
    background-position: -48px -44px; }

  .flag.no {
    background-position: -48px -55px; }

  .flag.np {
    background-position: -48px -66px; }

  .flag.nr {
    background-position: -48px -77px; }

  .flag.nu {
    background-position: -48px -88px; }

  .flag.nz {
    background-position: -48px -99px; }

  .flag.om {
    background-position: -48px -110px; }

  .flag.pa {
    background-position: -48px -121px; }

  .flag.pe {
    background-position: -48px -132px; }

  .flag.pf {
    background-position: -48px -143px; }

  .flag.pg {
    background-position: -48px -154px; }

  .flag.ph {
    background-position: -48px -165px; }

  .flag.pk {
    background-position: -48px -176px; }

  .flag.pl {
    background-position: -48px -187px; }

  .flag.pm {
    background-position: -48px -198px; }

  .flag.pn {
    background-position: -48px -209px; }

  .flag.pr {
    background-position: -48px -220px; }

  .flag.ps {
    background-position: -48px -231px; }

  .flag.pt {
    background-position: -48px -242px; }

  .flag.pw {
    background-position: -48px -253px; }

  .flag.py {
    background-position: -48px -264px; }

  .flag.qa {
    background-position: -48px -275px; }

  .flag.re {
    background-position: -48px -286px; }

  .flag.ro {
    background-position: -48px -297px; }

  .flag.rs {
    background-position: -48px -308px; }

  .flag.ru {
    background-position: -48px -319px; }

  .flag.rw {
    background-position: -48px -330px; }

  .flag.sa {
    background-position: -48px -341px; }

  .flag.sb {
    background-position: -48px -352px; }

  .flag.sc {
    background-position: -48px -363px; }

  .flag.scotland {
    background-position: -48px -374px; }

  .flag.sd {
    background-position: -48px -385px; }

  .flag.se {
    background-position: -48px -396px; }

  .flag.sg {
    background-position: -48px -407px; }

  .flag.sh {
    background-position: -48px -418px; }

  .flag.si {
    background-position: -48px -429px; }

  .flag.sj {
    background-position: -48px -440px; }

  .flag.sk {
    background-position: -48px -451px; }

  .flag.sl {
    background-position: -48px -462px; }

  .flag.sm {
    background-position: -48px -473px; }

  .flag.sn {
    background-position: -48px -484px; }

  .flag.so {
    background-position: -48px -495px; }

  .flag.sr {
    background-position: -48px -506px; }

  .flag.st {
    background-position: -48px -517px; }

  .flag.sv {
    background-position: -48px -528px; }

  .flag.sy {
    background-position: -48px -539px; }

  .flag.sz {
    background-position: -48px -550px; }

  .flag.tc {
    background-position: -48px -561px; }

  .flag.td {
    background-position: -48px -572px; }

  .flag.tf {
    background-position: -64px 0; }

  .flag.tg {
    background-position: -64px -11px; }

  .flag.th {
    background-position: -64px -22px; }

  .flag.tj {
    background-position: -64px -33px; }

  .flag.tk {
    background-position: -64px -44px; }

  .flag.tl {
    background-position: -64px -55px; }

  .flag.tm {
    background-position: -64px -66px; }

  .flag.tn {
    background-position: -64px -77px; }

  .flag.to {
    background-position: -64px -88px; }

  .flag.tr {
    background-position: -64px -99px; }

  .flag.tt {
    background-position: -64px -110px; }

  .flag.tv {
    background-position: -64px -121px; }

  .flag.tw {
    background-position: -64px -132px; }

  .flag.tz {
    background-position: -64px -143px; }

  .flag.ua {
    background-position: -64px -154px; }

  .flag.ug {
    background-position: -64px -165px; }

  .flag.um {
    background-position: -64px -176px; }

  .flag.us {
    background-position: -64px -187px; }

  .flag.uy {
    background-position: -64px -198px; }

  .flag.uz {
    background-position: -64px -209px; }

  .flag.va {
    background-position: -64px -220px; }

  .flag.vc {
    background-position: -64px -231px; }

  .flag.ve {
    background-position: -64px -242px; }

  .flag.vg {
    background-position: -64px -253px; }

  .flag.vi {
    background-position: -64px -264px; }

  .flag.vn {
    background-position: -64px -275px; }

  .flag.vu {
    background-position: -64px -286px; }

  .flag.wales {
    background-position: -64px -297px; }

  .flag.wf {
    background-position: -64px -308px; }

  .flag.ws {
    background-position: -64px -319px; }

  .flag.ye {
    background-position: -64px -330px; }

  .flag.yt {
    background-position: -64px -341px; }

  .flag.za {
    background-position: -64px -352px; }

  .flag.zm {
    background-position: -64px -363px; }

  .flag.zw {
    background-position: -64px -374px; }

    .product-details .product-info p {
        font-size: 18px; }

.article{}
    .article h3{margin: 30px 0;}
    .article hr{margin: 30px 0;}
    .article p{font-size: 1.2em;}
    .article ul{display: inline-block;}
    .article ul li{
        width: 50%;
        float: left;
        padding: 15px;
        font-size: 1.2em;
    }

  @media screen and (max-width: 1400px) {
    #header-video {
      max-width: 100%;
      overflow-y: hidden; }
      #header-video video {
        width: auto !important;
        height: 850px; } }

  @media screen and (min-width: 1200px) {
    #header #header-video.subpage {
      min-height: 341px;
      max-height: 341px; } }

  @media screen and (max-width: 1199px) {
    #header-top ul li a{
        padding: 17px 12px;
    }
    #header #header-video {
      min-height: 754px;
      max-height: 754px; }
    #header #header-video.subpage{
        min-height: 350px;
        max-height: 350px; }
    #header #header-top img.logo {
      max-width: 100%; }
    #header #header-top .flags img {
      width: 44%;
      margin: 42px 2% 0 0; }
    #header #header-top ul li a {
      margin-top: 22px;
      padding: 17px 17px; }
    .modal-reference .modal-dialog {
      width: 980px !important; }
    #portfolio-slider .item .carousel-caption {
      top: 26px !important;
      left: 10%; }
      #portfolio-slider .item .carousel-caption .desc-container {
        margin: 50px 0 0 61px; }
        #portfolio-slider .item .carousel-caption .desc-container h5 {
          height: 90px !important; }
    .portfolio-list .item {
      overflow: hidden; }
      .portfolio-list .item.full-size .overlay {
        width: 940px; }
      .portfolio-list .item.two-thirds-size .overlay {
        width: 617px; }
      .portfolio-list .item.one-thirds-size .overlay {
        width: 293px; }

    #header #header-main.subpage.subpage-portfolio h1{
      font-size: 28px;}

    .portfolio-details{
      }
      .portfolio-details .description-heading h3{
        font-size: 26px;}
      .portfolio-details .description{
        font-size: 16px;}
      .portfolio-details .product-icon-container p{
        font-size: 12px;}
      .portfolio-details .module-name-short{
        font-size: 18px;
        height: 57px;}
      .portfolio-details .module-name{
        font-size: 10px;}
        .portfolio-details .module-name div{
          height: 57px;}

    .product-details .product-info h3 {
      font-size: 28px; }
    .product-details .product-info p.lead, .product-details .product-info p.module-name {
      font-size: 18px; }
    .product-details .product-info .download-item p.module-file-name {
      font-size: 18px;
      margin: 8px 0 0 15px; }
      .product-details .product-info .download-item p.module-file-name span {
        font-size: 14px; }
    .product-details .product-info #product-references h3 {
      font-size: 24px; }
    .product-details .product-select h5 {
      font-size: 18px; }
    .product-details .product-select p {
      font-size: 10px; }
    .product-details .product-select img {
      margin: 0 10px 0 20px; }
    .widget-sub-menu h5 {
      font-size: 20px; }
    .widget-sub-menu p.desc {
      font-size: 12px; }
      .widget-sub-menu p.desc:first-of-type {
        padding-top: 20px; }
      .widget-sub-menu p.desc:last-of-type {
        padding-bottom: 20px; }
    .widget-sub-menu ul li a {
      font-size: 16px; } }

  @media screen and (max-width: 991px) {
    h1 {
      font-size: 38px; }
    h2 {
      font-size: 32px; }
    h3 {
      font-size: 28px; }
    h4 {
      font-size: 24px; }
    h5 {
      font-size: 22px;
      line-height: 28px; }
    h6 {
      font-size: 18px; }
    #header{
       }
    #header .flags {
      position: absolute;
      top: 0;
      right: 0;
      width: 30%;
      text-align: right; }
      #header .flags img {
        width: 20px !important;
        margin-left: 20px; }
    #header #header-video {
      min-height: 524px;
     max-height: 524px; }
    #header #header-top ul li a {
      padding: 17px 24px; }
    #header #header-main .header-desc {
      text-align: center; }
      #header #header-main .header-desc h1 {
        margin: 40px 0 30px;
        font-size: 2p8x; }
        #header #header-main .header-desc h1 br {
          display: none; }
      #header #header-main .header-desc ol {
        font-size: 12px; }
    #header #header-main .rock-container {
      text-align: center; }
      #header #header-main .rock-container img {
        margin: 30px 0 50px;
        width: 260px; }
    #header #header-main.subpage .rock-container {
      height: 157px; }
    #header #header-main.subpage .header-desc h1 {
      margin: 30px 0 10px;
      text-align: left; }
    #header #header-main.subpage .header-desc ol {
      text-align: left; }
    .modal-reference .modal-dialog {
      width: 760px !important; }
    .portfolio-list .item {
      overflow: hidden; }
      .portfolio-list .item:hover .overlay {
        display: none; }
      .portfolio-list .item h5 {
        font-size: 16px; }

    #header #header-main.subpage.subpage-portfolio h1{
      font-size: 24px;}
    .subpage-portfolio .site-link a{
      font-size: 10px;
      margin-top: 25px;
    }

    .product-details .product-select .card .card-body {
      height: 110px; }
      .product-details .product-select .card .card-body.prev-element h5 {
        margin-left: 10px; }
      .product-details .product-select .card .card-body.next-element h5 {
        margin-right: 10px; }
      .product-details .product-select .card .card-body h5 {
        font-size: 14px; }
      .product-details .product-select .card .card-body p {
        font-size: 9px; }
      .subpage-portfolio a.prev-project, .subpage-portfolio a.next-project{
        display: none;
        overflow: auto;}
      .subpage-portfolio a.prev-project i{
        margin-top: 30px;}
      .portfolio-details .description-heading svg{
        float: left;}
      .portfolio-details .description-heading h3{
        text-align: left;}
      .portfolio-details .module-name-short{
        width: 30%;}
      .portfolio-details .module-name{
        width: 60%;}
      .portfolio-details .product-details{
        margin-top: 0;}

    .widget-products h4 {
      font-size: 22px; }
    .widget-portfolio .header h1 {
      margin: 29px 0; }
    .widget-portfolio #portfolio-slider .item .carousel-caption {
      top: 25px !important;
      left: 13%; }
      .widget-portfolio #portfolio-slider .item .carousel-caption .desc-container {
        margin: 80px 0 0 50px !important; }
        .widget-portfolio #portfolio-slider .item .carousel-caption .desc-container h5 {
          height: 60px !important; }
    .widget-about p.buttons {
      margin: 20px 0 0; } }

    #footer a.btn-primary{
      padding: 15px;
    }

  @media screen and (max-width: 767px) {
    body {
      font-size: 16px;
      margin-top: 60px; }
    h1 {
      font-size: 30px; }
    h2 {
      font-size: 26px; }
    h3 {
      font-size: 24px; }
    h4 {
      font-size: 22px; }
    h5 {
      font-size: 20px;
      line-height: 28px; }
    h6 {
      font-size: 18px; }
    #header {
        padding-bottom: 0;
      }
      #header.header-subpage {
        margin-bottom: 0; }
      #header #header-video {
        display: none; }
       #header-top {
        position: fixed;
        width: 100%;
        z-index: 99999;
        padding-top: 0;
        height: 60px;
        top: 0;
        background: #fff; }
      #header-top .navbar-brand img{
        max-height: 24px;
      }
      #header-top  #navbarText{
        background: #fff;
      }
      #header-top  #navbarText .navbar-text{
        display: block;
        text-align: center;
      }
      #header-top  #navbarText .navbar-text img{
        margin: 0 15px;
      }

      #header #header-main {
        background: url(../img/header-bg.jpg); }
      #header-nav {
        position: fixed;
        top: 60px;
        display: none;
        height: 100%;
        overflow-x: scroll;
        z-index: 99999;
        color: #fff;
        background: #fff;
        border-top: 2px solid #151d50;
        width: 100%; }
        #header-nav .nav li {
          width: 100%;
          margin: 0;
          text-align: center; }
        #header-nav .nav li a {
            padding: 15px;
            font-weight: 700; }
      #header .helper {
        height: 60px; }
    .portfolio-list .item.full-size .desc {
      top: 100px;
      margin-left: 15px; }
    .portfolio-list .item h3 {
      font-size: 18px; }
    .portfolio-list .item.two-thirds-size .portfolio-img-helper {
      height: 140px;
      overflow: hidden; }
    .portfolio-details{
      margin-top: -60px;}
    .portfolio-details .product-icon-container{
      margin-bottom: 10px;}

    .products-list .card .products-item > div > div {
      height: auto; }
    .products-list .card .card-body h5, .products-list .card .card-body h6 {
      text-align: center; }
    .product-details .product-info span.module-logo {
      height: 50px;
      width: 50px;
      font-size: 18px;
      padding-top: 12px; }
    .product-details .product-info p.module-name {
      font-size: 16px;
      margin-left: 5px; }
    .product-details .product-select .card .card-body {
      display: block;
      width: 100%;
      height: 100%; }
      .product-details .product-select .card .card-body > div {
        display: block !important;
        width: 100%; }
    .offer-list .offer-item {
      margin-top: 20px;
      margin-bottom: 20px; }
      .offer-list .offer-item .icon-helper {
        width: 100%;
        text-align: center;
        border: 0 none !important; }
        .offer-list .offer-item .icon-helper img {
          margin: 0; }
      .offer-list .offer-item p {
        font-size: 16px; }
    .widget-offer {
      height: auto; }
      .widget-offer h5, .widget-offer h6 {
        margin: 20px 0; }
    .widget-products .item {
      margin-top: 40px; }
      .widget-products .item:first-of-type {
        margin: 0; }
    .widget-products h4 {
      margin: 15px 10% 0;
      height: auto; }

    .widget-portfolio .carousel-caption{
      left: 0;
      bottom: 0;
      position: relative;
    }
    .widget-portfolio #carousel-project .carousel-caption h5{
      color: #151D50;
      margin-left: 0;
      border-bottom: 1px solid #151D50;
    }
    .widget-portfolio #carousel-project .carousel-control-prev, .widget-portfolio #carousel-project .carousel-control-next{
      display: none;
    }
    .article ul li{width: 100%;}
}