@import url(https://fonts.googleapis.com/css?family=Play:400,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,200,300);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

@font-face {
  font-family: RoobertPRO;
  src: url(/assets/fonts/RoobertPRO-Medium.woff);
}

.emphasize {
  font-size: 1em;
  color: #E7F43B; }

.margin-bottom-8 {
  margin-bottom: 8px !important; }

.margin-bottom-10 {
  margin-bottom: 10px !important; }

.margin-bottom-22 {
  margin-bottom: 22px !important; }

.padding-right-5 {
  padding-right: 5px !important; }

.padding-left-5 {
  padding-left: 5px !important; }

.padding-left-10 {
  padding-left: 10px !important; }

.opacity-1 {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); }

.clear {
  display: block;
  clear: both;
  height: 0px;
  line-height: 0px; }

.icon {
  display: block;
  background: url(/assets/img/sprites.png) no-repeat; }
  .icon.icon-to {
    background-position: 0 0;
    width: 26px;
    height: 19px; }
  .icon.icon-from {
    background-position: -50px 0;
    width: 27px;
    height: 19px; }
  .icon.icon-letter {
    background-position: -100px 0;
    width: 20px;
    height: 15px; }
  .icon.icon-box {
    background-position: -150px 0;
    width: 22px;
    height: 22px; }
  .icon.icon-pallete {
    background-position: -200px 0;
    width: 28px;
    height: 23px; }
  .icon.icon-letter-active {
    background-position: -250px 0;
    width: 20px;
    height: 15px; }
  .icon.icon-box-active {
    background-position: -300px 0;
    width: 22px;
    height: 22px; }
  .icon.icon-pallete-active {
    background-position: -350px 0;
    width: 28px;
    height: 23px; }
  .icon.icon-search {
    background-position: 0 -50px;
    width: 18px;
    height: 18px; }
  .icon.icon-plus {
    background-position: -50px -50px;
    width: 15px;
    height: 15px; }
  .icon.icon-minus {
    background-position: -100px -50px;
    width: 15px;
    height: 15px; }
  .icon.check-gold {
    background-position: -299px -49px;
    width: 18px;
    height: 18px; }
  .icon.check-disabled {
    background-position: -349px -49px;
    width: 18px;
    height: 18px; }
  .icon.check-active {
    background-position: -200px -50px;
    width: 35px;
    height: 28px; }
  .icon.check3-active {
    background-position: -200px -50px;
    width: 35px;
    height: 28px; }
  .icon.check3-inactive {
    background-position: -250px -50px;
    width: 35px;
    height: 28px; }
  .icon.radio-active {
    background-position: -300px -50px;
    width: 16px;
    height: 16px; }
  .icon.radio-inactive {
    background-position: -350px -50px;
    width: 16px;
    height: 16px; }
  .icon.search-grey {
    background-position: -150px -50px;
    width: 18px;
    height: 18px; }
  .icon.check-small-active {
    background-position: 0 -100px;
    width: 25px;
    height: 20px; }
  .icon.check-small-inactive {
    background-position: -50px -100px;
    width: 25px;
    height: 20px; }
  .icon.cart {
    background-position: -100px -100px;
    width: 22px;
    height: 22px; }
  .icon.add {
    background-position: -150px -100px;
    width: 47px;
    height: 28px; }
  .icon.edit {
    background-position: -200px -100px;
    width: 47px;
    height: 28px; }
  .icon.info-white {
    background-position: -248px -98px;
    width: 32px;
    height: 32px;
    zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0; }
  .icon.info-small-white {
    background-position: -300px -100px;
    width: 15px;
    height: 15px; }

.icon-new {
  display: block;
  background: url(/assets/img/icons.png) no-repeat; }
  .icon-new.menu-open {
    background-position: -77px -30px;
    width: 12px;
    height: 10px;
    float: right;
    margin: 7px 5px;
    zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0; }

ul.custom-bullets {
  list-style-type: none;
  padding-left: 0px; }
  ul.custom-bullets li {
    background: url("/assets/img/bullet.png") no-repeat 0 5px;
    padding: 4px 0 10px 24px;
    color: #6d6d6d; }
    ul.custom-bullets li strong {
      color: #4d4d4d; }

.bullet-light {
  color: #9339F2;
}

h1 {
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.3em;
  margin: 8px 0; }

h2 {
  font-size: 1.3em;
  line-height: 1.3em;
  margin: 8px 0; }

/* background img not exist in project */

#content {
  padding-top: 34px; }
  @media only screen and (max-width: 991px) {
    #content {
      width: 100%; } }

.well {
  padding: 10px 20px;
  border: none;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .well#front-text h1 {
    color: #4d4d4d; }
  @media only screen and (max-width: 1199px) {
    .well#front-text {
      background: white;
      background: rgba(255, 255, 255, 0.7);
      box-shadow: none; } }

@media only screen and (min-width: 1200px) {
  #front-text {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    background-color: transparent;
    box-shadow: none; } }

.btn, 
.btn-group .btn, 
.btn-default, 
.btn-success,
#submit-filter {
  border-radius: 0px !important;
  color: #fff;
  background-color: #9339F2;
  border: none;
}
.btn:hover, 
.btn-group .btn:hover, 
.btn-default:hover,
.btn-success:hover,
#submit-filter:hover,
.btn:focus,
.btn-group .btn:focus, 
.btn-default:focus,
.btn-success:hover,
#submit-filter:focus {
  background-color: #643395;
  color: #fff;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #9339F2;
}
.daterangepicker td.in-range {
  background-color: #EBE4FE;
}

.form-opaque {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90); }

.form-container {
  background-color: #643395;
  color: #FFFFFF;
  font-size: 13px; }
  #main-info .form-container {
    background-color: #643395e0; }
  .form-container .form-icon {
    position: absolute;
    top: 0;
    left: 0; }
  .form-container .form-field {
    padding-left: 49px; }
    .form-container .form-field.left {
      padding-right: 0; }
    .form-container .form-field.right {
      padding-left: 28px; }
    .form-container .form-field .icon {
      top: 5px;
      left: 20px; }
      .form-container .form-field .icon.icon-search {
        top: 6px;
        left: 6px; }
  .form-container select {
    -moz-appearance: none;
    text-overflow: ""; }
  .form-container .btn {
    height: 28px;
    background: none;
    outline: none !important;
    border-color: #FFFFFF; }
  .form-container .package-type-selection {
    border: 1px solid #FFFFFF;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    height: 30px;
    margin-right: 6px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
    .form-container .package-type-selection label {
      display: block !important;
      float: left;
      height: 28px;
      width: 47px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      margin: 0px !important;
      position: relative;
      cursor: pointer; }
      .form-container .package-type-selection label:hover, .form-container .package-type-selection label:active {
        /*--- color animation ---*/
        transition: color 300ms, background-color 300ms, opacity 300ms;
        -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
        /* FF3.7+ */
        -o-transition: color 300ms, background-color 300ms, opacity 300ms;
        /* Opera 10.5 */
        -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
        /* Saf3.2+, Chrome */
        background-color: #51447f; }
      .form-container .package-type-selection label p {
        color: #fff;
        font-size: 8px;
        text-align: center;
        position: relative;
        top: 3px;
        margin: 0px; }
      .form-container .package-type-selection label .icon {
        position: relative; }
      .form-container .package-type-selection label .icon-inactive {
        display: block; }
      .form-container .package-type-selection label .icon-active {
        display: none; }
      .form-container .package-type-selection label .icon {
        margin: 0 auto; }
      .form-container .package-type-selection label .caption {
        color: #FFFFFF;
        font-size: 8px;
        text-transform: uppercase;
        text-align: center;
        line-height: 16px;
        position: absolute;
        bottom: -19px;
        left: 0;
        right: 0; }
      .form-container .package-type-selection label:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 1px;
        background-color: #FFFFFF; }
      .form-container .package-type-selection label:last-child:after {
        display: none; }
      .form-container .package-type-selection label img {
        pointer-events: none; }
  .form-container #select-package-block {
    vertical-align: top;
    position: relative;
    top: 6px; }
  .form-container #package_type_explanation {
    line-height: 28px;
    position: relative;
    top: -9px; }
    @media only screen and (max-width: 991px) {
      .form-container #package_type_explanation {
        display: block;
        top: 0px; } }
  .form-container .package-add-explanation {
    vertical-align: top;
    padding-top: 6px;
    display: inline-block;
    display: none; }
    .form-container .package-add-explanation .icon {
      position: relative;
      top: 3px;
      left: 0px; }
    @media only screen and (max-width: 1199px) {
      .form-container .package-add-explanation {
        position: relative;
        top: 0px; } }
    @media only screen and (max-width: 991px) {
      .form-container .package-add-explanation {
        position: relative;
        top: 0px; } }
    .package_info_0 .form-container .package-add-explanation {
      display: inline-block !important; }
  .form-container select.form-control option:disabled {
    color: #f7f7f7; }
  .form-container label {
    font-weight: normal; }
    .form-container label#addAnotherLabel {
      cursor: pointer; }
  .form-container .choose-package {
    display: inline-block;
    vertical-align: middle;
    line-height: 28px; }
    @media only screen and (max-width: 767px) {
      .form-container .choose-package {
        margin: 0; } }
  .form-container .btn-container {
    display: inline-block;
    cursor: pointer; }
    .form-container .btn-container .icon-container {
      display: inline-block;
      height: 28px;
      line-height: 26px;
      width: 45px;
      margin-right: 6px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      border: 1px solid #FFFFFF;
      text-align: center; }
      .form-container .btn-container .icon-container .icon {
        display: inline-block;
        position: relative;
        top: 2px; }

button#calculate {
  background-color: #9339F2;
  color: #FFFFFF;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90); }

@media only screen and (max-width: 991px) {
  #promo {
    display: none;
    padding: 0; }
    #promo #main_info {
      padding: 0;
      margin: 0; }
    #promo .well {
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      border-radius: 0px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      border: 2px solid #F9343B;
      padding: 0; } }
@media only screen and (max-width: 1199px) {
  #promo #main_info {
    padding: 0;
    margin: 15px 0 0 165px; }
  #promo #front-text {
    margin: 0; } }

#cookies #cookie-body-text > ol {
  padding-left: 0 !important; }
  #cookies #cookie-body-text > ol > li {
    margin-top: 10px;
    margin-bottom: 10px; }
  #cookies #cookie-body-text > ol > li > span {
    font-weight: bold;
    text-transform: uppercase; }
#cookies #cookie-body-text table, #cookies #cookie-body-text th, #cookies #cookie-body-text td {
  border: 1px solid #8d9095; }
#cookies #cookie-body-text th, #cookies #cookie-body-text td {
  padding: 2px 6px;
  line-height: 18px;
  vertical-align: top; }
#cookies #cookie-body-text table {
  margin: 10px 0;
  border-collapse: collapse; }
#cookies #cookie-body-text li {
  margin-bottom: 10px; }
#cookies #cookie-body-text ol {
  margin-top: 10px; }

html {
  overflow-y: scroll !important; }

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  width: 100% !important;
  background-color: #9339F2;
  /* font-family: 'Open Sans', Arial, sans-serif !important; */
  font-family: 'RoobertPRO', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  /* firefox scrollbar */
  scrollbar-color: #643395 #fff; }

/* chrome scrollbar */
::-webkit-scrollbar {
    width: 10px;
    background: #643395;
  }
::-webkit-scrollbar-track {
  background: #fff;
}
::-webkit-scrollbar-thumb {
  background: #643395;
  box-shadow: inset 0 0 3px #9339F2; 
  border-radius: 5px;
}

h1, h2, h3, h4, h5, h6 {
  /* font-family: 'Open Sans', sans-serif !important; */
  font-family: 'RoobertPRO', Arial, Helvetica, sans-serif;
  font-weight: 300; }
  h1.simple-heading, 
  h2.simple-heading, 
  h3.simple-heading, 
  h4.simple-heading, 
  h5.simple-heading, 
  h6.simple-heading {
    font-weight: 400; }

input, select {
  border: 1px solid #fff0;
  border-radius: 0 !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background-color: #f3f3f3;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  height: 29px !important; }

.form-control[disabled], 
.form-control[readonly], 
fieldset[disabled] .form-control {
  background-color: #F7F7F7;
  color: #838391;
}
input:focus,
select:focus,
.form-control:focus,
.daterangepicker .input-mini.active {
  border: 1px solid #9339F2;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #AA91FA88;
}
a {
  color: #643395;
  text-decoration: none;
  /*--- color animation ---*/
  transition: color 300ms, background-color 300ms, opacity 300ms;
  -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
  /* FF3.7+ */
  -o-transition: color 300ms, background-color 300ms, opacity 300ms;
  /* Opera 10.5 */
  -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
  /* Saf3.2+, Chrome */ }
a:hover, a:focus {
  color: #9339F2;
  text-decoration: underline;
  text-underline-offset: 4px;
}
input[type=checkbox] {
  height: 13px !important; }

label.custom-checkbox {
  color: #643395;
  display: block;
  position: relative;
  height: 28px;
  line-height: 28px;
  padding-right: 10px;
  padding-left: 0px;
  cursor: pointer;
  font-weight: normal; }
  label.custom-checkbox input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    height: 0px !important;
    width: 0px !important; }
  label.custom-checkbox .chk {
    background-image: url("../img/icon-checkbox-unchecked-dark.svg");
    position: relative;
    float: right;
    margin: 0 5px;
    top: 5px;
    right: 0px;
    width: 22px;
    height: 20px;
    /*--- color animation --- */
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
    /* FF3.7+ */
    -o-transition: color 300ms, background-color 300ms, opacity 300ms;
    /* Opera 10.5 */
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
    /* Saf3.2+, Chrome */ }
  label.custom-checkbox.pos-right {
    padding-right: 35px;
    padding-left: 0px; }
    label.custom-checkbox.pos-right .chk {
      top: 4px;
      right: 5px; }
  label.custom-checkbox.pos-left {
    padding-right: 0px;
    padding-left: 30px; }
    label.custom-checkbox.pos-left .chk {
      top: 4px;
      left: 0px;
      right: auto; }
  label.custom-checkbox input ~ .chk {
    background-image: url("../img/icon-checkbox-unchecked-dark.svg");
    background-size: 24px 20px; }
  label.custom-checkbox input:checked ~ .chk {
    background-image: url('../img/icon-checkbox-checked-purple.svg'); }


button:focus,
input:focus {
  outline: none !important; }

.form-control {
  border: 1px solid #fff0;
  border-radius: 0px;
}

select.form-control {
  line-height: 21px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important; }

#address-form .form-control[disabled], #address-form .form-control[readonly], fieldset[disabled] #address-form .form-control, #address-calc-form .form-control[disabled], #address-calc-form .form-control[readonly], fieldset[disabled] #address-calc-form .form-control {
  background-color: #FFF !important;
  color: #c5c6c6 !important; }
  #address-form .form-control[disabled] option:disabled, #address-form .form-control[readonly] option:disabled, fieldset[disabled] #address-form .form-control option:disabled, #address-calc-form .form-control[disabled] option:disabled, #address-calc-form .form-control[readonly] option:disabled, fieldset[disabled] #address-calc-form .form-control option:disabled {
    color: #c5c6c6 !important; }

#tracking input {
  -webkit-appearance: none; }

#tracking {
  padding-right: 0px; }

@media only screen and (max-width: 767px) {
  #tracking-hidden #header-search-container {
    width: 100% !important; } }

#header-nav-btn {
  margin-right: -15px;
  position: relative;
  top: -1px; }

.valign {
  display: flex;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px; }

.fwidth {
  width: 100%;
  padding-right: 15px; }

#lang-selection {
  position: absolute;
  top: 0;
  right: 15px;
  width: 50px;
  padding-top: 27px;
  padding-bottom: 7px;
  background-color: #EBE4FE;
  z-index: 10;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  background-clip: padding-box; }
  @media only screen and (max-width: 991px) {
    #lang-selection {
      right: 15px; } }
  #lang-selection a.btn {
    width: 50px !important;
    height: 22px;
    line-height: 22px;
    padding: 0;
    position: relative;
    text-align: left;
    padding-left: 14px !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    background-color: #EBE4FE;
    /* stops bg color from leaking outside the border: */ }
    #lang-selection a.btn:hover {
      background-color: #E7F43B;
    }
    #lang-selection a.btn .glyphicon {
      display: none;
      font-size: 8px;
      position: absolute;
      top: 12px;
      right: 7px; }
    #lang-selection a.btn.active-lang {
      position: absolute;
      background-color: #E7F43B;
      top: 0;
      left: 0;
      height: 27px;
      padding-top: 5px; }
      #lang-selection a.btn.active-lang .glyphicon {
        display: block; }
  #lang-selection.collapsed .btn {
    display: none; }
  #lang-selection.collapsed .btn.active-lang {
    display: block;
    height: 34px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    background-clip: padding-box; }
  #lang-selection.collapsed .active-lang .glyphicon-triangle-bottom {
    display: block !important; }
  #lang-selection.collapsed .active-lang .glyphicon-triangle-right {
    display: none !important; }
  #lang-selection.expanded .active-lang .glyphicon-triangle-bottom {
    display: none !important; }
  #lang-selection.expanded .active-lang .glyphicon-triangle-right {
    display: block !important; }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  #nav-wrapper {
    padding: 0 !important; } }

#navbarCollapse {
  padding-right: 0;
  margin: 15px 0 10px 0; }
  #navbarCollapse .dropdown-menu {
    top: 36px;
    right: 5px; }
  @media only screen and (max-width: 767px) {
    #navbarCollapse {
      margin-top: 0 !important; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    #navbarCollapse {
      padding-left: 0 !important;
      padding-right: 15px !important; } }
  @media only screen and (max-width: 767px) {
    #navbarCollapse {
      overflow-x: hidden; } }

#navbar-right {
  width: 100% !important; }

.navbar-right {
  margin-right: 0 !important; }

.header-nav li a {
  color: #000; }
  .header-nav li a:hover, 
  .header-nav li a:active {
    background-color: #F7F7F7;
    text-decoration: underline;
    text-underline-offset: 4px; }
.header-nav li a.level-1 {
  height: 38px;
  text-decoration: none; }
  .header-nav li a.level-1.link-cart {
    display: block; 
    white-space: nowrap; }
  @media only screen and (min-width: 768px) {
    .header-nav li a.level-1 {
      height: 38px !important;
      padding: 8px 6px !important;
      position: relative;
      top: 8px;
      margin-right: 5px; } }
.header-nav li #cart a {
  padding-left: 22px !important;
  padding-right: 24px !important; }
.header-nav li #cart i, .header-nav li #cart .icon {
  position: absolute;
  top: 3px;
  left: 7px;
  font-size: 22px; }

#cart a {
  color: #999999 !important; }

#header-search-container {
  position: relative; }

#header-search-input {
  font-size: 13px;
  width: 100%;
  height: 36px !important;
  padding: 3px 22px 3px 6px !important;
  background-color: #F7F7F7;
  color: #999999 !important; }
  #header-search-input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset; }
  #header-search-input:-webkit-autofill {
    color: #FFFFFF !important; }

#header-search-btn {
  color: transparent !important;
  background-color: transparent !important;
  border: none !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  height: 26px !important;
  width: 26px !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 6px 3px !important;
  display: block;
  position: absolute;
  top: 3px;
  right: 2px; }
  #header-search-btn .icon.icon-search {
    margin: 6px 0 0 0;
  }

#lang-menu {
  float: left; 
  display: inline; }

  @media only screen and (min-width: 768px) {
    #lang-menu {
      padding: 0 6px !important; } }
  
  @media only screen and (max-width: 767px) {
    #lang-menu {
      display: none; } }

#btn-lang {
  padding: 8px 0 8px 7px !important; }

#lang-menu-mobile {
  display: none;
}
  @media only screen and (max-width: 767px) {
    #lang-menu-mobile {
      display: inline; } }

#message {
  border: 1px solid #fff0; }

#menu-xs #cart {
  position: absolute;
  width: 26px;
  top: 28px;
  right: 0;
  margin-right: 15px; }
  #menu-xs #cart a {
    white-space: nowrap;
    text-decoration: none !important; }
  #menu-xs #cart i {
    top: 3px;
    position: relative; }
  #menu-xs #cart .icon {
    display: inline-block;
    top: 8px;
    position: relative; }

form#tracking {
  float: left;
  padding-left: 0; }

#tracking input {
  width: 190px; }
  @media only screen and (min-width: 1200px) {
    #tracking input {
      width: 225px; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    #tracking input {
      width: 120px !important; } }

.input-p-search {
  background-clip: padding-box;
  color: #ccc;
  height: 34px !important; }

.btn-lang {
  background-color: #F7F7F7;
}

.lang-ul {
  min-width: 50px;
}
.lang-item {
  background: #fff;
}
  .lang-item:hover,
  .lang-item:focus {
    background: #F7F7F7;
  }
  .lang-item.active-lang {
    background-color: #E7F43B;
  }

.btn-p-search {
  background-color: #ccc;
  color: #fff;
  height: 34px;
  padding: 4px 12px; }

/* ============  ADMIN DASHBOARD ================== */

#excel-export-header {
  color: #fff;
  background-color: #9339F2;
  border-bottom: 1px solid #643395;
  padding: 10px 15px;
}
#excel-export-body {
  padding: 10px 15px;
}
.table-cell-center {
  height: 30px;
  vertical-align: center;
  display: table-cell;
}
#main-order-id {
  max-width: 100%;
}

/* ========================= */
#policy ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#terms-popup ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0; }

#terms-popup li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em; }

#terms-popup li:before {
  content: counters(item,".") ". ";
  display: table-cell;
  padding-right: 0.6em; }

#terms-popup li li {
  margin: 0px; }

#terms-popup li li:before {
  content: counters(item,".") " "; }

.tooltip-inner {
  background-color: #F9343B;
  color: #fff; }

.tooltip.top .tooltip-arrow {
  border-top-color: #F9343B; }

/* ============= POPUPS ============= */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.state {
  position: absolute;
  top: 0;
  left: -100vw; }

.state:checked ~ .content {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.state:checked ~ .backdrop {
  bottom: 0;
  opacity: 1;
  z-index: 1; }

.pickup {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 0;
  padding: 0 20px;
  z-index: 9998;
  top: 0;
  left: 0; }

.pickup .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  z-index: 2;
  max-width: 800px;
  max-height: 95vh;
  margin: 20px auto;
  padding: 20px;
  background: #fff;
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.pickup .header,
.pickup .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.pickup .header .h,
.pickup .footer .h {
  margin: 0; }

.pickup .header .button:not(:first-child),
.pickup .footer .button:not(:first-child) {
  margin-left: auto; }

.pickup .header {
  padding-bottom: 10px; }

.pickup .footer {
  padding-top: 20px; }

.pickup .main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: scroll; }

.pickup .backdrop {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out; }

/* ======================== */
.pickup-info {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 0;
  padding: 0 20px;
  z-index: 9998;
  top: 0;
  left: 0; }

.pickup-info .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  z-index: 2;
  max-width: 800px;
  max-height: 95vh;
  margin: 20px auto;
  padding: 20px;
  background: #fff;
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.pickup-info .header,
.pickup-info .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.pickup-info .header .h,
.pickup-info .footer .h {
  margin: 0; }

.pickup-info .header .button:not(:first-child),
.pickup-info .footer .button:not(:first-child) {
  margin-left: auto; }

.pickup-info .header {
  padding-bottom: 10px; }

.pickup-info .footer {
  padding-top: 20px; }

.pickup-info .main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: scroll; }

.pickup-info .backdrop {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out; }

/* ============================== */
.pickup-info-economy {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 0;
  padding: 0 20px;
  z-index: 9998;
  top: 0;
  left: 0; }

.pickup-info-economy .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  z-index: 2;
  max-width: 800px;
  max-height: 95vh;
  margin: 20px auto;
  padding: 20px;
  background: #fff;
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.pickup-info-economy .header,
.pickup-info-economy .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.pickup-info-economy .header .h,
.pickup-info-economy .footer .h {
  margin: 0; }

.pickup-info-economy .header .button:not(:first-child),
.pickup-info-economy .footer .button:not(:first-child) {
  margin-left: auto; }

.pickup-info-economy .header {
  padding-bottom: 10px; }

.pickup-info-economy .footer {
  padding-top: 20px; }

.pickup-info-economy .main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: scroll; }

.pickup-info-economy .backdrop {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out; }

.pickup-list-container {
  padding-top: 5px;
  padding-bottom: 10px; }
  .pickup-list-container .pickup-caption {
    clear: both;
    padding: 11px 15px 5px; }
  @media only screen and (min-width: 992px) {
    .pickup-list-container.pickup-list-double .pickup-list-item {
      float: left;
      width: 33%;
      margin-left: 0%; }
      .pickup-list-container.pickup-list-double .pickup-list-item:nth-child(3).expanded + div {
        clear: both; }
      .pickup-list-container.pickup-list-double .pickup-list-item:nth-child(2).expanded + div {
        clear: both; }
      .pickup-list-container.pickup-list-double .pickup-list-item:nth-child(2).expanded + div + div + div {
        clear: both; }
      .pickup-list-container.pickup-list-double .pickup-list-item:nth-child(3).expanded + div + div {
        clear: both; }
      .pickup-list-container.pickup-list-double .pickup-list-item:nth-child(4).expanded + div {
        clear: both; } }
  .pickup-list-container.pickup-list-double .pickup-list-item .pickup-list-item-details {
    background-color: transparent !important;
    background-image: none !important; }
  .pickup-list-container .pickup-list-item {
    padding: 0; }
    .pickup-list-container .pickup-list-item:first-of-type {
      border: none; }
    .pickup-list-container .pickup-list-item:last-of-type {
      background-clip: padding-box; }
    .pickup-list-container .pickup-list-item .pickup-name {
      position: relative;
      top: -2px;
      font-weight: bold;
      color: #E7F43B; }
    .pickup-list-container .pickup-list-item .pickup-list-item-title {
      cursor: pointer;
      position: relative;
      padding: 5px 30px 5px 15px !important; }
      .pickup-list-container .pickup-list-item .pickup-list-item-title:hover, .pickup-list-container .pickup-list-item .pickup-list-item-title:active {
        color: #E7F43B; }
      .pickup-list-container .pickup-list-item .pickup-list-item-title .glyphicon {
        font-size: 12px;
        position: absolute;
        top: 10px;
        right: 12px; }
      .pickup-list-container .pickup-list-item .pickup-list-item-title .glyphicon-triangle-bottom {
        display: none; }
      .pickup-list-container .pickup-list-item .pickup-list-item-title .glyphicon-triangle-right {
        display: block; }
      @media only screen and (max-width: 991px) {
        .pickup-list-container .pickup-list-item .pickup-list-item-title {
          padding: 10px 25px 10px 15px !important; }
          .pickup-list-container .pickup-list-item .pickup-list-item-title .glyphicon {
            top: 15px; } }
    .pickup-list-container .pickup-list-item .pickup-list-item-details {
      display: none;
      padding: 0 15px;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efeef3+0,dedce6+100 */
      background: #efeef3;
      /* Old browsers */
      background: -moz-linear-gradient(top, #efeef3 0%, #dedce6 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #efeef3 0%, #dedce6 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #efeef3 0%, #dedce6 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeef3', endColorstr='#dedce6',GradientType=0 );
      /* IE6-9 */ }
      .pickup-list-container .pickup-list-item .pickup-list-item-details b {
        display: inline-block;
        width: 26px; }
      .pickup-list-container .pickup-list-item .pickup-list-item-details img {
        display: block;
        float: left;
        margin: 5px 0 10px;
        max-width: 100%; }
      .pickup-list-container .pickup-list-item .pickup-list-item-details:after {
        content: "";
        display: table;
        clear: both; }
    .pickup-list-container .pickup-list-item.expanded .pickup-list-item-title {
      color: #E7F43B; }
    .pickup-list-container .pickup-list-item.expanded .glyphicon-triangle-bottom {
      display: block; }
    .pickup-list-container .pickup-list-item.expanded .glyphicon-triangle-right {
      display: none; }

/* ============================== */
.courier-info {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 0;
  padding: 0 20px;
  z-index: 9998;
  top: 0;
  left: 0; }

.courier-info .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  z-index: 2;
  max-width: 800px;
  max-height: 95vh;
  margin: 20px auto;
  padding: 20px;
  background: #fff;
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.courier-info .header,
.courier-info .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.courier-info .header .h,
.courier-info .footer .h {
  margin: 0; }

.courier-info .header .button:not(:first-child),
.courier-info .footer .button:not(:first-child) {
  margin-left: auto; }

.courier-info .header {
  padding-bottom: 10px; }

.courier-info .footer {
  padding-top: 20px; }

.courier-info .main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: scroll; }

.courier-info .backdrop {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out; }

/* ============================== */
.courier-info-economy {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 0;
  padding: 0 20px;
  z-index: 9998;
  top: 0;
  left: 0; }

.courier-info-economy .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  z-index: 2;
  max-width: 800px;
  max-height: 95vh;
  margin: 20px auto;
  padding: 20px;
  background: #fff;
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.courier-info-economy .header,
.courier-info-economy .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.courier-info-economy .header .h,
.courier-info-economy .footer .h {
  margin: 0; }

.courier-info-economy .header .button:not(:first-child),
.courier-info-economy .footer .button:not(:first-child) {
  margin-left: auto; }

.courier-info-economy .header {
  padding-bottom: 10px; }

.courier-info-economy .footer {
  padding-top: 20px; }

.courier-info-economy .main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: scroll; }

.courier-info-economy .backdrop {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out; }

/* ============================== */
.calculate_error {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 0;
  padding: 0 20px;
  z-index: 9998;
  top: 0;
  left: 0; }

.calculate_error .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  z-index: 2;
  max-width: 500px;
  max-height: 95vh;
  margin: 20px auto;
  padding: 20px;
  background: #fff;
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.calculate_error .header,
.calculate_error .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.calculate_error .header .h,
.calculate_error .footer .h {
  margin: 0; }

.calculate_error .header .button:not(:first-child),
.calculate_error .footer .button:not(:first-child) {
  margin-left: auto; }

.calculate_error .header {
  padding-bottom: 10px; }

.calculate_error .footer {
  padding-top: 20px; }

.calculate_error .main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.calculate_error .backdrop {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.3s opacity ease-in-out;
  transition: 0.3s opacity ease-in-out; }

/* ================================================================== */
#wrapper {
  background-color: #fff;
  min-height: 50%;
  position: relative; }

.content {
  padding-bottom: 100px; }

p {
  color: #000; }

ol li {
  color: #000; }

ul li {
  color: #000; }

#calc-row label {
  font-weight: normal !important;
  color: #8d9095 !important; }

#calc-row input[name=index_from],
#calc-row input[name=index_to],
#calc-row input[name=weight_0],
#calc-row input[name=length_0],
#calc-row input[name=width_0],
#calc-row input[name=height_0] {
  height: 27px !important; }

#calc-row select {
  height: 30px !important;
  width: 160px; }

.p-arrow {
  padding-right: 10px; }

/* ========= POPUP =========== */
#flex-overlay {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none; }

.popup {
  background-color: #fff;
  padding: 30px;
  display: none; }

/* ========================== */
input.error {
  border-style: solid !important;
  border-color: #F9343B !important;
  color: #F9343B !important; }
  input.error::-webkit-input-placeholder {
    color: #F9343B !important;
    opacity: 1 !important; }
  input.error:-moz-placeholder {
    color: #F9343B !important;
    opacity: 1 !important; }
  input.error::-moz-placeholder {
    color: #F9343B !important;
    opacity: 1 !important; }
  input.error:-ms-input-placeholder {
    color: #F9343B !important;
    opacity: 1 !important; }

select.error {
  border-style: solid !important;
  border-color: #F9343B !important;
  color: #F9343B !important; }

.error-color {
  color: #F9343B;
}
#package_send_form label.error {
  display: none !important; }

.col-centered {
  float: none;
  margin: 0 auto; }

/* ==================== Main page ===============*/
#main-top {
  max-height: 500px;
}

#main-bg {
  margin-top: -20px;
  margin-right: auto;
  margin-left: auto;
  height: 100%; }

#header-text {
  height: auto;
  width: auto; }

#main_info .fa-1x {
  font-size: 18px !important; }

#main_info_display .fa-1x {
  font-size: 18px !important; }

#arrow-right {
  margin-right: 5px; }

#main-top h1 {
  font-size: 50px; }

#main-top h1,
#main-top h2 {
  color: #281c5c; }

#main-top h3 {
  color: #565553;
  margin-top: 0px; }

#main-top a {
  color: #E7F43B; }

#main-top .btn-info {
  color: #fff; }

#main-middle h1 {
  font-size: 50px; }

#main-middle h1,
#main-middle h2 {
  color: #281c5c; }

#main-middle h3 {
  color: #565553;
  margin-top: 0px; }

#main-bottom h3 {
  color: #565553;
  margin-top: 0px; }

#main-bottom h1 {
  font-size: 50px; }

#main-bottom h1,
#main-bottom h2 {
  color: #281c5c; }

.main-top {
  min-height: auto;
  min-width: auto;
  left: 0px;
  background-color: #EBE4FE;
}

#main-mid-empy-row {
  background-color: #fff;
  height: 80px;
  width:100%;
  position: relative;
}

#main-mid-img {
  background-image: url("../img/full-bg@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-width: 100%;
  min-height: 100%;
  width: 65%;
  position: absolute;
  right: 0px;
}
#main-mid-img-wrap {
  width: 60%;
  position: absolute;
  right: 0px;
}
#main-mid-img-div {
  display: flex;
  justify-content: center;
  overflow: hidden;
  min-height: 500px;
}
#main-mid-img-div img {
  flex-shrink: 1;
  min-width: 100%;
  min-height: 100%;
  max-height: 500px;
  float: right;
}
  @media only screen and (max-width: 991px) {
    #main-mid-img-wrap {
      display: none; } }

#main-middle {
  min-height: 600px;
  min-width: auto;
  left: 0px;
  background-image: url("../img/full-bg@2x.png");
  background-size: cover;
  background-repeat: no-repeat; }

#main-bottom {
  min-height: 600px;
  min-width: auto;
  left: 0px;
  background-image: url("../img/full-bg@2x.png");
  background-attachment: scroll;
  background-color: #EBE4FE;
  background-size: cover;
  background-repeat: no-repeat; }

.info-container {
  margin: 40px; }

.top-underline {
  border-top: 1px solid #999999; }

.bg-orange {
  background-color: #E7F43B; }

.bg-blue {
  background-color: #643395; }

.bg-orange-transp {
  background-color: rgba(238, 170, 0, 0.4); }

.price-row-main.priceEur,
.price-row-main.resultsDelDate {
  color: #fff; }

#submit-btn {
  padding-top: 32px;
  padding-bottom: 5px;
  padding-left: 0px; }

.color-white {
  color: #fff; }

.payments {
  width: auto;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 14px;
  margin-left: 14px;
  display: inline-block;
  text-align: center; }

.info-display {
  background-color: #EBE4FE; }

/* =================== Cart styles ============== */
#checkout-steps-row {
  margin-top: 15px; }

#checkout-steps-heading {
  background-color: #643395; }
@media only screen and (min-width: 992px) {
  #steps > div {
    width: auto !important; } }

@media only screen and (min-width: 1200px) {
  #steps-caption-1,
  #steps-caption-2,
  #steps-caption-3,
  #steps-caption-4 {
    padding-right: 20px; } }

.cart-empty #steps {
  display: none; }
@media only screen and (min-width: 992px) {
  .cart-empty .panel-heading h3 {
    position: relative;
    top: 0px !important;
    line-height: 34px; } }
.cart-empty .cart-empty-explanation {
  padding-top: 10px; }
  @media only screen and (max-width: 991px) {
    .cart-empty .cart-empty-explanation {
      text-align: center; } }

#cart_header {
  border: none !important; }

#cart_header.panel {
  margin-bottom: 0; }

#cart_header .panel-heading {
  padding: 8px; }

#cart_header .panel-heading {
  padding: 4px 8px !important; }

#cart_header h3 {
  font-size: 22px;
  font-weight: 300; }
  @media only screen and (min-width: 992px) {
    #cart_header h3 {
      margin: 0;
      padding-left: 7px;
      position: relative;
      top: 10px; } }
  @media only screen and (max-width: 991px) {
    #cart_header h3 {
      margin-top: 5px;
      margin-bottom: 8px; } }

@media only screen and (max-width: 767px) {
  #cart_count {
    font-size: 16px; } }

.step {
  text-align: center;
  border: 1px solid #fff;
  width: 55px;
  height: 30px;
  margin: 5px; }

.step-text span {
  height: 30px;
  vertical-align: center;
  display: table-cell;
  padding-top: 12px; }
  @media only screen and (max-width: 767px) {
    .step-text span {
      padding-top: 0;
      height: auto !important;
      padding-bottom: 5px; } }
  @media only screen and (min-width: 768px) and (max-width: 768px) {
    .step-text span {
      padding-top: 10px !important; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .step-text span {
      padding-top: 12px !important; } }
@media only screen and (max-width: 767px) {
  .step-text {
    text-align: center;
    line-height: 14px;
    font-size: 12px; }
    .step-text span {
      padding-top: 0 !important; } }
@media only screen and (max-width: 1199px) {
  .step-text {
    position: relative;
    top: 3px; } }
@media only screen and (min-width: 1200px) {
  .step-text {
    position: relative;
    top: 3px; } }

.step-center {
  vertical-align: middle; }

.step-center span {
  height: 100%;
  font-size: 20px; }

.step-active {
  background-color: #fff;
  color: #643395;
}

#cart_area {
  margin-top: 15px;
  padding-bottom: 0px; }
  #cart_area.cart-area-sender {
    padding-bottom: 14px !important; }
  @media only screen and (min-width: 992px) {
    #cart_area .cart-area-col-wrapper {
      min-height: 94px !important; } }
  @media only screen and (min-width: 992px) {
    #cart_area .cart-area-col-wrapper {
      position: relative; }
      #cart_area .cart-area-col-wrapper:after {
        content: "";
        display: table;
        clear: both; } }
  #cart_area .cart-area-col-wrapper-bottom {
    min-height: 0px; }
  #cart_area .cart-area-col-wrapper-bottom-inner {
    padding: 0px;
    margin: 0 -15px 0;
    min-height: 0px; }
  #cart_area .cart-area-col-address-info {
    padding: 0;
    margin-top: 0px;
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 9px; }
  #cart_area .additional-explanation {
    position: relative; }
    #cart_area .additional-explanation p {
      color: #555; }
  #cart_area .cart-area-col-top {
    position: relative; }
  @media only screen and (max-width: 991px) {
    #cart_area .cart-area-col-img {
      width: 50%;
      float: left; }
      #cart_area .cart-area-col-img .img_container {
        padding: 5px 0 0 0; }
      #cart_area .cart-area-col-img img {
        margin-top: 15px;
        margin-bottom: 0px !important; } }
    @media only screen and (max-width: 991px) and (max-width: 500px) {
      #cart_area .cart-area-col-img img {
        height: 30px !important;
        width: auto !important; } }

  #cart_area .cart-area-col-service-info {
    padding-top: 12px;
    padding-bottom: 6px;
    line-height: normal;
    padding-right: 0; }
    @media only screen and (max-width: 991px) {
      #cart_area .cart-area-col-service-info {
        width: 50%;
        float: left;
        padding-top: 12px;
        padding-left: 15px;
        padding-right: 15px; } }
  #cart_area .cart-area-col-packages {
    padding-right: 0;
    padding-top: 24px;
    padding-bottom: 4px;
    line-height: normal; }
    @media only screen and (max-width: 991px) {
      #cart_area .cart-area-col-packages {
        width: 50%;
        float: left;
        padding-top: 24px;
        padding-left: 15px; } }
  #cart_area .cart-area-col-price {
    padding-top: 14px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      #cart_area .cart-area-col-price {
        padding-top: 20px; } }
    #cart_area .cart-area-col-price .price-big {
      white-space: normal; }
      #cart_area .cart-area-col-price .price-big .price-big-number {
        font-size: 24px;
        color: #643395; }
        @media only screen and (max-width: 1199px) {
          #cart_area .cart-area-col-price .price-big .price-big-number {
            font-size: 20px; } }
      #cart_area .cart-area-col-price .price-big .price-big-explanation {
        display: inline-block;
        white-space: nowrap;
        color: #8d9095;
        font-size: 13px;
        margin-top: -3px !important; }
    #cart_area .cart-area-col-price .price-small .price-small-text {
      margin: 2px 0 0 0 !important;
      font-size: 13px;
      line-height: 16px; }
    @media only screen and (max-width: 991px) {
      #cart_area .cart-area-col-price {
        width: 50%;
        float: left; } }
  #cart_area .cart-area-col-button {
    padding-top: 10px;
    padding-bottom: 0px; }
    @media only screen and (max-width: 991px) {
      #cart_area .cart-area-col-button {
        width: 100%;
        float: left; } }
  #cart_area .cart-area-col-info-block .cart-info-btn button {
    min-height: 42px; }
  @media only screen and (max-width: 991px) {
    #cart_area .cart-area-col-info-block .cart-info-btn .cart-info-btn-text.cart-info-btn-text-pickup {
      padding-top: 0 !important; } }
  @media only screen and (max-width: 991px) {
    #cart_area .cart-area-col-info-block .cart-info-btn .cart-info-btn-text.cart-info-btn-text-courier {
      padding-top: 5px !important; } }
  @media only screen and (min-width: 992px) {
    #cart_area .cart-area-col-info-block {
      position: absolute;
      bottom: 0;
      right: 0px; } }
  @media only screen and (max-width: 991px) {
    #cart_area .cart-area-col-info-block {
      margin-top: 10px; } }
  #cart_area .cart-area-col-receiver {
    font-size: 13px;
    color: #000;
    padding-top: 12px;
    padding-bottom: 6px;
    line-height: 16px;
    padding-right: 0; }

#cart_area .payment-heading {
  font-size: 13px;
  line-height: 16px;
  padding-bottom: 10px; }
  #cart_area .payment-heading h3 {
    font-weight: normal;
    margin-bottom: 6px;
    margin-top: 10px;
    color: #643395; }
    @media only screen and (max-width: 991px) {
      #cart_area .payment-heading h3#payment-info-head {
        margin-top: 16px; } }

#cart_area select#country {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 3px 12px; }
  #cart_area select#country option {
    padding-left: 0 !important; }

#cart_area .btn-delete {
  background-color: #EBE4FE !important;
  color: #F9343B !important;
  height: 32px; }

.cart-area-border {
  border: 1px solid #643395; }
  .cart-area-border h3 {
    font-size: 22px !important;
    font-weight: normal; }
  .cart-area-border .img_container img {
    margin: 12px 0; }
  .cart-area-border .receiver-info-button-container {
    padding-right: 8px !important;
    padding-left: 0px !important; }
    .cart-area-border .receiver-info-button-container .btn-info {
      height: 32px !important;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative;
      padding-right: 32px !important; }
      .cart-area-border .receiver-info-button-container .btn-info i {
        position: absolute;
        top: 6px;
        right: 8px; }
    @media only screen and (min-width: 1200px) {
      .cart-area-border .receiver-info-button-container {
        padding-right: 0 !important;
        padding-left: 0 !important; } }
  .cart-area-border .delete-button-container {
    padding-left: 0px;
    padding-right: 0; }
    @media only screen and (min-width: 1200px) {
      .cart-area-border .delete-button-container {
        padding-right: 0 !important;
        padding-left: 10px !important; } }
    .cart-area-border .delete-button-container .btn-delete {
      width: 47px;
      width: 100% !important; }

.receiver-header h3 {
  font-size: 22px;
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.cart-service-info {
  color: #9339F2;
  font-size: 13px;
  line-height: 16px; }
  .cart-service-info .cart-service-info-gold {
    color: #643395;
    font-weight: bold; }

  .cart-service-info span {
    color: #000;
  }

.cart-service-type {
  color: #643395 !important;
  font-weight: bold;
}

.eur-accent {
  font-size: 23px;
  color: #643395;
}

.pp-link, .pp-link:visited {
  color: #000 !important;
}
.pp-link:hover, .pp-link:focus {
  color: #9339F2 !important;
}

#terms-link {
  color: #9339F2;
}

#terms_check {
  position: relative;
}

#receiver_legal .pull-right {
  height: 22px; }
#receiver_legal p {
  margin-top: 10px;
  margin-bottom: 0; }
#receiver_legal label {
  font-weight: normal; }
  #receiver_legal label input[type="checkbox"] {
    position: relative;
    top: 2px; }

#price-without-pvm span,
#pvm span,
#total span {
  font-size: 14px !important; }
  #price-without-pvm span#total-price,
  #pvm span#total-price,
  #total span#total-price {
    font-size: 20px !important;
    position: relative;
    bottom: 6px; }

#price-without-pvm {
  padding-top: 5px !important; }

#pvm {
  padding-bottom: 5px !important; }

#total {
  padding-top: 5px !important; }

.img_container {
  position: relative;
  width: 100%;
  padding-bottom: 50%; }

.img-responsive {
  position: absolute;
  width: 100%;
  height: 100%; }

.img-responsive-fast {
  position: relative;
}

.img-responsive-fast img {
  max-width: 90%;
}

#receiver_info h3 {
  color: #643395;
  margin-top: 10px;
  margin-bottom: 5px; }

#sender_info h3 {
  margin-top: 10px !important;
  color: #643395; }

@media only screen and (max-width: 767px) {
  #receiver_legal p {
    margin-top: 0 !important; } }

#sender_legal p {
  margin-top: 10px !important; }
@media only screen and (max-width: 767px) {
  #sender_legal {
    margin-bottom: 10px;
    padding-bottom: 5px; }
    #sender_legal p {
      margin-top: 0 !important; } }

#invoice-check .pull-right {
  margin-top: 5px; }
#invoice-check label {
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  #invoice-check {
    padding-top: 0 !important;
    padding-left: 15px;
    margin-bottom: 10px; }
    #invoice-check .pull-right {
      margin-top: 0 !important;
      float: left !important; } }

#cart_area.cart-area-payments-container {
  padding-right: 10px !important;
  padding-left: 10px !important;
  padding-top: 0px !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  clear: both; }
  #cart_area.cart-area-payments-container .cart-area-payments {
    padding-right: 0 !important;
    padding-left: 0 !important; }

#pay-btn .pay-btn-inner, #pay-btn .pay-btn-inner-text {
  line-height: 28px !important; }
#pay-btn .col-xs-6 {
  line-height: 28px !important; }

.cart-area-payments-wrapper .error-number-one {
  color: #F9343B;
  text-align: right;
  padding-right: 5px;
  display: none; }
.cart-area-payments-wrapper.error .error-number-one {
  padding-top: 10px;
  clear: both;
  display: none; }
.cart-area-payments-wrapper.error .payment-list {
  border: 1px solid #F9343B !important;
  -webkit-box-shadow: inset 0px 0px 0px 1px #F9343B !important;
  -moz-box-shadow: inset 0px 0px 0px 1px #F9343B !important;
  box-shadow: inset 0px 0px 0px 1px #F9343B !important; }

#payment_options {
  text-align: center; }
  #payment_options div.col-lg-2 {
    display: block !important;
    float: left !important;
    width: auto !important;
    padding: 0 5px !important;
    margin: 10px 0 0 0 !important; }
  #payment_options:after {
    content: "";
    display: table;
    clear: both; }
  #payment_options .payment-list {
    margin-bottom: 0 !important;
    display: block;
    height: 32px;
    border: 1px solid #643395;
    background-clip: padding-box;
    position: relative;
    cursor: pointer;
    overflow: hidden; }
    #payment_options .payment-list.hli,
    #payment_options .payment-list:checked {
      border: 1px solid #9339F2; }

    .radio-on {
      background-image: url("../img/icon-radio-on.svg");
      background-size: 22px 22px;
      position: relative;
      width: 22px;
      height: 22px;
      float: left;
      margin: 4px 8px;
    }
    .radio-off {
      background-image: url("../img/icon-radio-off.svg");
      background-size: 22px 22px;
      position: relative;
      width: 22px;
      height: 22px;
      float: left;
      margin: 4px 8px;
    }
    
    #payment_options .payment-list .radio-on {
      display: none; }
    #payment_options .payment-list .radio-off {
      display: block; }
    #payment_options .payment-list input[type="radio"]:checked ~ .radio-on {
      display: block; }
    #payment_options .payment-list input[type="radio"]:checked ~ .radio-off {
      display: none; }
    #payment_options .payment-list input {
      position: absolute;
      z-index: -1;
      opacity: 0;
      height: 0px !important;
      width: 0px !important;
    }

#payment_options .payment-list img {
  display: block;
  float: right;
  margin: 3px auto 0 !important;
  height: 24px !important;
  width: auto !important; }

.p-bottom {
  padding-bottom: 5px; }

#cart_next_step .btn-add-additional {
  background-color: #9339F2;
  color: #fff;
  width: 100%;
  height: 42px;
  line-height: 28px;
  position: relative;
  /*--- color animation ---*/
  transition: color 300ms, background-color 300ms, opacity 300ms;
  -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
  /* FF3.7+ */
  -o-transition: color 300ms, background-color 300ms, opacity 300ms;
  /* Opera 10.5 */
  -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
  /* Saf3.2+, Chrome */ }
  #cart_next_step .btn-add-additional:hover, #cart_next_step .btn-add-additional:active {
    background-color: #643395; }
  #cart_next_step .btn-add-additional .icon, #cart_next_step .btn-add-additional i {
    display: block;
    position: absolute;
    top: 6px;
    left: 12px; }
  #cart_next_step .btn-add-additional i {
    top: 4px !important; }
  #cart_next_step .btn-add-additional span.btn-text {
    font-size: 12px; }
  #cart_next_step .btn-add-additional .p-none {
    white-space: normal !important;
    display: table !important;
    table-layout: fixed !important;
    height: 28px !important;
    max-width: 100% !important;
    padding-left: 57px; }
    #cart_next_step .btn-add-additional .p-none span.btn-text {
      line-height: 14px !important;
      display: table-cell !important;
      vertical-align: middle !important;
      text-align: left !important; }

#cart_next_step .step-2 .p-none,
#cart_next_step .step-3 .p-none {
  padding-left: 21px !important; }

#cart_next_step .btn-next {
  background-color: #9339F2;
  color: #fff;
  width: 100%;
  height: 42px;
  /*--- color animation ---*/
  transition: color 300ms, background-color 300ms, opacity 300ms;
  -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
  /* FF3.7+ */
  -o-transition: color 300ms, background-color 300ms, opacity 300ms;
  /* Opera 10.5 */
  -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
  /* Saf3.2+, Chrome */ }
  #cart_next_step .btn-next:hover, #cart_next_step .btn-next:active {
    background-color: #643395; }

.receiver-data-filled {
  background-color: #9339F2 !important;
  color: #fff !important; }

#add_package {
  padding-top: 10px; }
  #cart_next_step.from-step-1 #add_package {
    padding-top: 5px !important; }

#previous_step {
  padding-top: 10px; }

#next_step {
  padding-top: 10px; }
  #cart_next_step.from-step-1 #next_step {
    padding-top: 5px !important; }
  #next_step .btn-next {
    position: relative;
    padding-right: 67px !important; }
    #next_step .btn-next .p-none {
      display: table !important;
      table-layout: fixed !important;
      height: 28px !important; }
      #next_step .btn-next .p-none span {
        display: table-cell !important;
        vertical-align: middle !important;
        text-align: left !important; }

#btn-next-arrow-block {
  position: absolute;
  top: 6px;
  right: 12px; }

.bottom {
  margin-bottom: -15px;
  margin-right: 15px;
  bottom: 0;
  margin-right: 0; }

.vp-price {
  padding-top: 30px; }

.vp-packages {
  padding-top: 30px; }

.cart-info-btn button {
  width: 100%;
  font-size: 10px;
  color: #000;
  border: none;
  border-radius: 0px;
  padding: 5px;
  background-color: #fff;
  min-height: 62px; }

.cart-info-btn img {
  margin-top: 3px;
  margin-bottom: 3px; }

.cart-info-btn .btn {
  white-space: normal !important;
  text-align: left; }

.cart-info-btn .btn.active {
  background-color: #dedce7 !important;
  -webkit-box-shadow: none;
  box-shadow: none; }

.cart-info-btn .btn:hover,
.cart-info-btn .btn:focus,
.cart-info-btn button:hover,
.cart-info-btn button:focus {
  background-color: #EBE4FE !important; }

.printer-info-btn button {
  width: 100%;
  font-size: 10px;
  color: #000;
  border: none;
  border-radius: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 5px;
  background-color: #fff; }

.printer-info-btn .btn {
  white-space: normal !important;
  text-align: left; }

.printer-info-btn .btn:hover,
.printer-info-btn .btn:active {
  background-color: #F5F5F6;
  -webkit-box-shadow: none;
  box-shadow: none; }

.more-info-btn button {
  width: 100%;
  font-size: 10px;
  color: #23175a;
  border: none;
  border-radius: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 5px;
  background-color: #fff; }

.more-info-btn .btn {
  white-space: normal !important;
  text-align: left; }

.more-info-btn .btn:hover,
.more-info-btn .btn:active {
  background-color: #F5F5F6;
  -webkit-box-shadow: none;
  box-shadow: none; }

.cart-info-btn.left.collapsed button {
  border-bottom-left-radius: 0px; }

.p-receiver {
  padding: 5px; }

.p-sender {
  padding: 5px; }

.p-company {
  padding: 5px; }

.cart-info-btn.collapsed .btn {
  background-color: #FFF !important; }
.cart-info-btn.collapsed:hover .btn {
  background-color: #EBE4FE !important; }

/* ============================================== */
/* ==================== Btn styles ============== */
.navbar-header .btn.btn-info {
  background-color: #EBE4FE;
  border: 0px solid transparent; }

.navbar-header .btn.btn-info:hover {
  background-color: #9339F2 !important; }

.navbar-header .navbar-toggle:focus {
  background-color: #9339F2 !important; }

.btn {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  background-clip: padding-box; }

.btn.btn-info {
  color: #fff;
  background-color: #9339F2;
  border: 0px solid transparent;
  /*--- color animation ---*/
  transition: color 300ms, background-color 300ms, opacity 300ms;
  -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
  /* FF3.7+ */
  -o-transition: color 300ms, background-color 300ms, opacity 300ms;
  /* Opera 10.5 */
  -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
  /* Saf3.2+, Chrome */ }

.btn.btn-info:hover,
.btn.btn-info:active:hover,
.btn.btn-info:active:focus {
  background-color: #643395; }

#main-info .btn.btn-info {
  background-color: #9339F2;
  color: #fff; }

#main-info .btn.btn-info:hover,
#main-info .btn.btn-info:active:hover,
#main-info .btn.btn-info:active:focus {
  background-color: #643395 !important; }

.btn.btn-warning {
  background-color: #9339F2;
  border: 0px solid transparent; }

.btn.btn-warning:hover {
  background-color: #643395; }

.cc-button {
  background-color: #9339F2 !important;
}
.cc-button:hover,
.cc-button:focus {
  background-color: #643395 !important;
}

.float-right {
  display: table;
  float: right; }

.color-orange {
  color: #E7F43B; }

.btn-calc {
  height: 50px !important;
  width: 100%;
  background-color: #E7F43B;
  color: #000; }

  .btn-calc:hover,
  .btn-calc:focus {
    background-color: #643395;
    color: #fff;
  }

.calc-btn-wrapper {
  height: 50px; }

.postcode-search {
  color: #E7F43B; }

.postcode-search:hover {
  color: #E7F43B; }

/* =============================================== */
/* =============== Bottom underlines ============= */
.h-underline {
  border-bottom: 1px solid #cccccc; }

.f-underline {
  border-top: 1px solid #cccccc; }

.b-underline {
  border-bottom: 1px solid #e9ebec;
  padding-top: 10px; }

.b-underline-top {
  border-top: 1px solid #e9ebec;
  padding-top: 10px; }

.orange-underline {
  border-bottom: 1px solid #E7F43B; }

/*=====================================================*/
.static-top {
  background-color: #494949;
  height: 20px; }

.static-top-border {
  background-color: #E7F43B;
  height: 4px; }

#main-logo-wrapper {
  padding-left: 0; }

#main-logo {
  padding-top: 22px;
  padding-bottom: 15px;
  height: auto; }
  @media only screen and (max-width: 1200px) and (min-width: 990px) {
    #main-logo {
      padding: 20px 0 6px 0; } }
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    #main-logo img {
      width: 200px; } }
  @media only screen and (max-width: 767px) {
    #main-logo img {
      width: 200px; } }
#main-logo-img {
  max-width: 100%;
  max-height: 100%;
}
/* ================= Navbar ==================== */
.navbar {
  border-radius: 0px;
  margin-bottom: 0px; }

#main-menu .navbar-nav li {
  padding-left: 5px;
  padding-right: 5px; }

/* ========= Top Nabar underline ========== */
#main-menu .navbar-nav li a:hover,
#main-menu .navbar-nav li a:focus {
  text-decoration: underline;
  text-underline-offset: 4px; }

#main-menu .navbar-nav .navbar-form {
  margin-top: 5px; }

.navbar-toggle .button-label {
  display: inline-block;
  float: left;
  line-height: 14px;
  padding-right: 10px;
  color: #fff; }

.icon-bar {
  background-color: #fff; }

.vp-burger {
  margin-top: 10px; 
  margin-left: -15px; 
  padding-top: 8px; 
  padding-bottom: 8px; 
  float: left;
}
.button-bars {
  display: inline-block;
  float: left; }

.navbar-toggle {
  background-color: #E7F43B; }

.navbar-toggle:focus {
  background-color: #E7F43B !important; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff !important; }

#ww {
  border-top: 1px solid #F5F5F6;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #F5F5F6; }

/* =============================================== */
/* ================= Step bar ==================== */
.step-txt {
  margin-top: 10px; }

/* =============================================== */
/* ============== Price calculate ================ */
.col-calc-right {
  padding-right: 20px; }

.col-calc-left {
  padding-left: 20px; }

.header-price-from {
  font-size: 12px; }

#next_day .panel-heading {
  padding: 0; }

#standard .panel-heading {
  padding: 0; }

#cargo .panel-heading {
  padding: 0; }

.panel-top {
  border: none; }

.panel-header-btn {
  outline: none;
  background-color: #643395; }
  .panel-header-btn h4 {
    font-size: 21px !important; }
  @media only screen and (min-width: 768px) {
    .panel-header-btn {
      pointer-events: none;
      cursor: default; } }

@media only screen and (min-width: 768px) {
  .more-info {
    display: none; } }
@media only screen and (min-width: 768px) {
  .more-info .btn {
    pointer-events: none;
    cursor: default; } }

@media only screen and (min-width: 768px) and (max-width: 768px) {
  .panel-subhead-xs,
  .panel-content {
    display: block !important; } }

#calc-panels .price-row-main {
  display: block !important; }
  @media only screen and (max-width: 767px) {
    #calc-panels .price-row-main.collapsible.collapse {
      display: none !important; } }
  @media only screen and (max-width: 767px) {
    #calc-panels .price-row-main.collapsible.collapse.in {
      display: block !important; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  #calc-panels .p-right-half {
    padding: 0 5px 0 0 !important; }
  #calc-panels .p-both-half {
    padding: 0 5px 0 5px !important; }
  #calc-panels .p-left-half {
    padding: 0 0 0 5px !important; } }

.panel {
  margin-bottom: 10px; }

#next_day .btn.panel-header-btn {
  width: 100%;
  text-align: left; }

#next_day .btn.panel-header-btn:hover {
  color: #fff; }

#next_day .btn.panel-header-btn:focus {
  color: #fff; }

#standard .btn.panel-header-btn {
  width: 100%;
  text-align: left;
  color: #fff; }

#standard .btn.panel-header-btn:hover {
  color: #fff; }

#standard .btn.panel-header-btn:focus {
  color: #fff; }

#cargo .btn.panel-header-btn {
  width: 100%;
  text-align: left;
  color: #fff; }

#cargo .btn.panel-header-btn:hover {
  color: #fff; }

#cargo .btn.panel-header-btn:focus {
  color: #fff; }

.white-bg {
  background-color: #fff; }

.no-margin {
  margin-left: 0;
  margin-right: 0; }

.col-left-half {
  padding-left: 7.5px; }

.col-right-half {
  padding-right: 7.5px; }

.p-left-half {
  padding-right: 0px !important;
  padding-left: 5px !important; }
  @media only screen and (max-width: 991px) {
    .p-left-half {
      padding: 0 !important; } }

.p-right-half {
  padding-right: 5px !important;
  padding-left: 0px !important; }
  @media only screen and (max-width: 991px) {
    .p-right-half {
      padding: 0 !important; } }

.p-both-half {
  padding-right: 5px !important;
  padding-left: 5px !important; }
  @media only screen and (max-width: 991px) {
    .p-both-half {
      padding: 0 !important; } }

.equalheight {
  overflow: hidden; }

.eq-height {
  margin-bottom: -99999px;
  padding-bottom: 99999px; }

.calc-pickup p {
  color: #23175a; }

.price-row-main_e-head .panel.panel-default {
  margin-bottom: 10px; }

.price-row-main_cargo-head .panel.panel-default {
  margin-bottom: 10px; }

/* Collapse buttons for info display */
#express-courier-collapse.collapse {
  display: block;
  height: auto; }

#economy-courier-collapse.collapse {
  display: block;
  height: auto; }

#express_pickup_more_info-xs.collapse {
  display: block;
  height: auto; }

#express_courier_more_info-xs.collapse {
  display: block;
  height: auto; }

#economy_pickup_more_info-xs.collapse {
  display: block;
  height: auto; }

#economy_courier_more_info-xs.collapse {
  display: block;
  height: auto; }

.btn:hover,
.btn:active {
  background-color: #643395 !important;
}

.more-info .btn {
  width: 100% !important;
  color: #643395 !important;
  border: none !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  background-color: #dedce6 !important; }

.more-info .btn:hover,
.more-info .btn:active {
  background-color: #efeef3 !important; }

#pickup-economy {
  overflow-y: scroll;
  height: 400px !important;
  max-height: 400px;
  margin-right: 6px; }

#pickup-express {
  overflow-y: scroll;
  height: 400px !important;
  max-height: 400px;
  margin-right: 6px; }

#pickup-btn-info button {
  width: 100%;
  font-size: 10px;
  color: #000;
  border: none;
  border-radius: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 5px;
  background-color: #EBE4FE; }

#pickup-btn-info .btn {
  white-space: normal !important;
  text-align: left; 
  color: #000; }

#pickup-btn-info .btn:hover,
#pickup-btn-info .btn:active {
  background-color: #efeef3; }

#pickup-btn-info .btn.active {
  background-color: #efeef3 !important;
  -webkit-box-shadow: none;
  box-shadow: none; }

#pickup-btn-info.collapsed button {
  border-bottom-left-radius: 5px; }

#printer-btn-info button {
  width: 100%;
  font-size: 10px;
  color: #000;
  border: none;
  border-radius: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #EBE4FE; }

#printer-btn-info .btn {
  white-space: normal !important;
  text-align: left; }

#printer-btn-info .btn:hover,
#printer-btn-info .btn:active {
  background-color: #efeef3; }

#printer-btn-info .btn.active {
  background-color: #efeef3 !important;
  -webkit-box-shadow: none;
  box-shadow: none; }

#more-btn-info button {
  width: 100%;
  font-size: 10px;
  color: #000;
  border: none;
  border-radius: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 5px;
  padding-right: 15px;
  background-color: #dedce6; }

#more-btn-info .btn {
  white-space: normal !important;
  text-align: left; }

#more-btn-info .btn:hover,
#more-btn-info .btn:active {
  background-color: #efeef3; }

#more-btn-info .btn.active {
  background-color: #efeef3 !important;
  -webkit-box-shadow: none;
  box-shadow: none; }

#courier-btn-info button {
  width: 100%;
  font-size: 10px;
  color: #000;
  border: none;
  border-radius: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 5px;
  background-color: #EBE4FE; }

#courier-btn-info img {
  margin-top: 3px;
  margin-bottom: 3px; }

#courier-btn-info .btn {
  white-space: normal !important;
  text-align: left; }

#courier-btn-info .btn:hover,
#courier-btn-info .btn:active {
  background-color: #efeef3; }

#courier-btn-info .btn.active {
  background-color: #efeef3 !important;
  -webkit-box-shadow: none;
  box-shadow: none; }

.calc-info-bg {
  background-color: #efeef3; }

.c-fixed {
  width: 140px; }

.s-static {
  width: 140px !important; }

/* IE not show arrow */
#c_from::-ms-expand {
  display: none; }

#c_to::-ms-expand {
  display: none; }

#c_from {
  -webkit-appearance: none;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  color: #999; }

#c_to {
  -webkit-appearance: none;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  color: #999; }

.quantity {
  -webkit-appearance: none;
  margin-top: 5px;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5 !important;
  color: #999; }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  #price-form-container {
    padding-right: 15px !important;
    padding-left: 15px !important; } }
@media only screen and (max-width: 767px) {
  #price-form-container {
    padding-left: 30px !important;
    padding-right: 30px !important; } }
#price-form-container .form-opaque {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); }

#inner-page-main ol ol li:before, #inner-page-main ol ul li:before,
#tracking-page-main ol ol li:before,
#tracking-page-main ol ul li:before {
  width: 35px; }
#inner-page-main h3,
#tracking-page-main h3 {
  font-weight: 400;
  margin-bottom: 15px !important; }
#inner-page-main h4,
#tracking-page-main h4 {
  font-weight: 400;
  margin-bottom: 15px !important; }
@media only screen and (max-width: 991px) {
  #inner-page-main,
  #tracking-page-main {
    margin-top: -30px;
    padding-left: 0;
    padding-right: 0; } }
@media only screen and (max-width: 767px) {
  #inner-page-main,
  #tracking-page-main {
    padding-left: 15px;
    padding-right: 15px; } }
@media only screen and (min-width: 992px) {
  #inner-page-main,
  #tracking-page-main {
    padding-left: 50px; } }

@media only screen and (max-width: 767px) {
  #container-calc {
    padding-left: 30px !important;
    padding-right: 30px !important; } }

#calculate-form {
  margin-top: 15px;
  margin-bottom: 10px; }
  @media only screen and (max-width: 991px) {
    #calculate-form {
      margin-bottom: 10px; } }

#calculate-form input,
#calculate-form select {
  padding-left: 5px;
  padding-right: 5px; }

#calculate-form-main input,
#calculate-form-main select {
  padding-left: 5px;
  padding-right: 5px; }

#calculate-form h4 {
  margin-top: 5px;
  margin-bottom: 5px; }

#calculate-form-main {
  margin-top: 30px;
  margin-bottom: 30px; }
  #calculate-form-main #btn-add-additional:hover .icon-container, #calculate-form-main #btn-add-additional:active .icon-container {
    /*--- color animation ---*/
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
    /* FF3.7+ */
    -o-transition: color 300ms, background-color 300ms, opacity 300ms;
    /* Opera 10.5 */
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
    /* Saf3.2+, Chrome */
    background-color: #51447f !important; }

#calculate-form-main h4 {
  margin-top: 5px;
  margin-bottom: 7px; }

#calculate-form .calc-btn-right {
  padding-left: 5px !important; }
  @media only screen and (max-width: 765px) {
    #calculate-form .calc-btn-right {
      padding: 0 !important; } }

#calculate-form .calc-btn-left {
  padding-right: 5px !important; }
  @media only screen and (max-width: 991px) {
    #calculate-form .calc-btn-left {
      padding: 0 !important; } }

#address-form {
  background-color: #643395;
  padding-bottom: 20px;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0; }

#address-form h4 {
  color: #fff;
  padding-left: 0px;
  font-size: 18px;
  line-height: 24px; }

#address-calc-form {
  padding-left: 0; }

#address-calc-form h4 {
  color: #fff;
  padding-left: 0px;
  font-size: 18px;
  line-height: 24px; }

@media only screen and (min-width: 992px) {
  #package-address-form {
    height: 144px; } }
@media only screen and (max-width: 991px) {
  #package-address-form {
    margin-bottom: 10px !important; } }

.parcel-controls-wrapper {
  width: auto; }
  @media only screen and (max-width: 991px) {
    .parcel-controls-wrapper {
      position: absolute;
      top: 45px;
      right: 5px; }
      .parcel-controls-wrapper .package-add-caption-wrapper {
        display: none !important; } }

.parcel-controls {
  margin-top: 20px; }
  .parcel-controls a {
    cursor: pointer; }
  .parcel-controls div.btn-control {
    /*--- color animation ---*/
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
    /* FF3.7+ */
    -o-transition: color 300ms, background-color 300ms, opacity 300ms;
    /* Opera 10.5 */
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
    /* Saf3.2+, Chrome */ }
    .parcel-controls div.btn-control:hover {
      background-color: #643395; }
  @media only screen and (max-width: 991px) {
    .parcel-controls {
      margin: 0; } }

.package-add-caption {
  color: #fff;
  margin-right: -50px;
  padding-left: 4px; }

.icon-close {
  display: none;
  color: #FFFFFF;
  font-size: 18px;
  position: absolute;
  top: 20px;
  right: 23px;
  z-index: 100;
  cursor: pointer; }

#package-form {
  background-color: #643395;
  margin-top: 10px;
  padding-bottom: 20px;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0; }

#package-form h4 {
  color: #fff;
  padding-left: 0px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 100; }

.package-form {
  background-color: #643395;
  margin-top: 10px;
  padding-bottom: 15px;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0; }

.package-form h4 {
  color: #fff;
  padding-left: 10px;
  font-size: 22px; }

/* Main calc FORM */
.p-none {
  padding-left: 0;
  padding-right: 0; }

.p-15 {
  padding: 15px;
}

.row-special {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 15px;
  padding-right: 15px; }
  @media only screen and (max-width: 991px) {
    .row-special {
      margin: 0;
      padding: 0;
      display: block; } }

@media only screen and (min-width: 1200px) {
  .row-right-col {
    width: 775px !important; } }

.package-calc-form {
  background-color: #643395;
  padding-bottom: 15px;
  padding-top: 10px; }
  .package-calc-form.form-left {
    margin-right: 0px; }
    @media only screen and (max-width: 991px) {
      .package-calc-form.form-left {
        -webkit-border-bottom-right-radius: 0px;
        border-bottom-right-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-left-radius: 0px;
        border-bottom-left-radius: 0px;
        -moz-border-radius-bottomleft: 0px;
        background-clip: padding-box;
        padding-left: 5px !important;
        padding-right: 5px !important; } }
    @media only screen and (min-width: 992px) {
      .package-calc-form.form-left {
        padding: 10px 5px 15px; } }
  .package-calc-form.form-right {
    margin-left: 0px; }
    @media only screen and (max-width: 991px) {
      .package-calc-form.form-right {
        -webkit-border-top-right-radius: 0px;
        border-top-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        -webkit-border-top-left-radius: 0px;
        border-top-left-radius: 0px;
        -moz-border-radius-topleft: 0px;
        background-clip: padding-box;
        padding-left: 5px !important;
        padding-right: 5px !important; } }
    @media only screen and (min-width: 992px) {
      .package-calc-form.form-right {
        padding: 10px 5px 15px; } }
    @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
      .package-calc-form.form-right {
        bottom: 1px; } }
  @media only screen and (max-width: 991px) {
    .package-calc-form {
      margin: 0 !important; } }

.row-special-dis {
  margin: 0 !important; }
  @media only screen and (max-width: 991px) {
    .row-special-dis {
      margin: 0;
      padding: 0;
      display: block; } }
  .row-special-dis .form-container {
    height: 144px !important; }
  .row-special-dis .form-left {
    width: 380px !important; }
    @media only screen and (max-width: 1199px) {
      .row-special-dis .form-left {
        width: 313.33px !important; } }
    @media only screen and (max-width: 991px) {
      .row-special-dis .form-left {
        width: 100% !important;
        height: 90px !important;
        padding-bottom: 0px !important; } }
  .row-special-dis .form-right {
    width: 385px !important;
    margin-left: 10px !important; }
    @media only screen and (max-width: 1199px) {
      .row-special-dis .form-right {
        width: 318.33px !important; } }
    @media only screen and (max-width: 991px) {
      .row-special-dis .form-right {
        width: 100% !important;
        height: 100px !important;
        margin-left: 0 !important;
        padding-top: 0 !important; } }

.package-calc-form h4 {
  color: #fff;
  padding-left: 0;
  font-size: 18px;
  line-height: 24px; }

.a-from {
  padding-right: 7.5px; }

.a-from-postcode {
  padding-left: 7.5px; }

.a-to {
  padding-right: 7.5px; }

.a-to-postcode {
  padding-left: 7.5px; }

.p-quantity {
  display: none !important;
  padding-right: 5px !important; }

.p-weight {
  padding-right: 5px !important; }

.p-length {
  padding-left: 5px !important; }

.p-width {
  padding-right: 5px !important; }

.p-height {
  padding-left: 5px !important; }

#main_info {
  line-height: 130%;
  margin-top: 15px;
  margin-bottom: 30px;
  padding-left: 30px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  @media only screen and (min-width: 1200px) {
    #main_info {
      padding-left: 0; } }

#main_info h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 26px;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-weight: 300; }

#main_info p {
  margin: 0;
  padding-bottom: 5px; }

#main_info .fa-text b {
  color: #4d4d4d; }

#main_info_display {
  line-height: 130%;
  margin-top: 15px;
  margin-bottom: 30px; }

#main_info_display h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 26px;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-weight: 300; }

#main_info_display p {
  margin: 0;
  padding-bottom: 5px; }

#main_info_display .fa-text b {
  color: #4d4d4d; }

.price_from {
  color: #E7F43B;
  font-size: 22px; }

.p-wrapper-package {
  margin-top: 5px;
  margin-bottom: 5px; }

.p-wrapper {
  margin: 10px; }

.p-wrapper-main {
  margin-top: 5px;
  margin-bottom: 5px; }

.calc-btn-form {
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0; }

.calc-btn-form input,
.calc-btn-form .btn {
  font-size: 18px; }

.p-static-input-main {
  width: 100% !important; }

.static-input {
  width: 65px !important; }

.bg-color {
  background-color: #EBE4FE; }

.form-inline .form-group {
  margin: 15px; }

.form-inline .row {
  margin-bottom: 5px; }

#package_type input[type=radio],
.radios input[type=radio] {
  display: none;
  margin: 0px; }

#package_type input[type=radio] + label,
.radios input[type=radio] + label {
  display: inline-block; }

.img-center {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto; }

#post-search a {
  margin-top: 25px; }

#price-row {
  border-top: 1px solid #F5F5F6;
  border-bottom: 1px solid #F5F5F6; }

.pull-center {
  display: inline-block;
  vertical-align: middle;
  float: none; }

.txt-center {
  text-align: center; }

.resultsLogo {
  padding-top: 15px;
  padding-bottom: 15px; }

.resultsLogo img {
  height: 67px;
  width: 156px; }

.resultsLogoTnt {
  padding-top: 15px;
  padding-bottom: 15px; }

.resultsLogoTnt img {
  height: 57px;
  width: 156px; }

.resultsPrice {
  padding-top: 35px; }

.results-child-order {
  padding-top: 35px; }

.inline {
  display: inline-block; }

.package-wrapper {
  margin: 0px; }

.fixed-h {
  height: 30px; }

.p-padding-left {
  padding-left: 26px;
  margin-top: -8px; }

.c-wrapper {
  width: 100%;
  height: 100%; }

.c-wrapper .circle {
  width: 22px;
  vertical-align: top;
  padding-top: 8px; }

.c-wrapper .fa-text {
  width: 85%;
  height: 100%;
  margin-top: 7px; }

.custom-wrapper {
  width: 100%;
  height: 100%; }

.custom-wrapper .circle {
  width: 22px;
  vertical-align: top;
  padding-right: 20px;
  padding-bottom: 7px; }

.custom-wrapper .fa-text {
  width: 85%;
  height: 100%; }

.order-line {
  width: 100%;
  height: 5px;
  background-color: #643395; }

.panel-default {
  border-color: #643395 !important; }

.panel {
  border-radius: 0px !important; }

.panel-rounded {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important; }

.panel-noborder {
  border: none !important; }

.panel-default > .panel-heading {
  color: #fff;
  background-color: #643395;
  border-color: transparent; }

.panel-heading {
  border-radius:0 !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.panel-heading-blue {
  color: #fff;
  background-color: #643395;
  border-color: transparent; }

.panel-heading-gold {
  color: #fff;
  background-color: #E7F43B !important;
  border-color: transparent; }

.panel-heading-blue,
.panel-heading-gold {
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .panel-heading-blue h1, .panel-heading-blue h2, .panel-heading-blue h3, .panel-heading-blue h4,
  .panel-heading-gold h1,
  .panel-heading-gold h2,
  .panel-heading-gold h3,
  .panel-heading-gold h4 {
    margin: 5px 0 !important;
    font-size: 22px;
    line-height: 25px !important; }
  .panel-heading-blue h4,
  .panel-heading-gold h4 {
    font-size: 14px !important; }

.price-row-main .panel-body {
  padding-top: 0px;
  padding-bottom: 0px; }

#price-row-main-courier .panel-body {
  padding-top: 0px;
  padding-bottom: 0px; }

#price-row-main_e .panel-body {
  padding-top: 0px;
  padding-bottom: 0px; }

#price-row-courier-main_e .panel-body {
  padding-top: 0px;
  padding-bottom: 0px; }

#price-row-tnt-express .panel-body {
  padding-top: 0px;
  padding-bottom: 0px; }

#price-row-tnt-economy .panel-body {
  padding-top: 0px;
  padding-bottom: 0px; }

.p-top {
  padding-top: 15px; }

.p-bottom {
  padding-bottom: 15px; }

.p-top-bottom {
  padding-top: 15px;
  padding-bottom: 15px; }

.calc-bg-1 {
  background-color: #F7F7F7; }

.calc-bg-2 {
  background-color: #EBE4FE; }

.info-ico {
  float: right; }

.calc-insurance-title p {
  font-weight: bold;
  color: #000;
  margin-bottom: 4px; }

.calc-insurance-from p {
  font-size: 10px;
  color: #000;
  margin-bottom: 0; }

.calc-price {
  font-size: 30px;
  color: #000; }

.btn-calc-order {
  width: 100%;
  font-size: 16px; }


button.btn-calc-order {
  color: #fff !important;
  padding: 10px;
  line-height: 26px;
  margin-top: 6px;
  margin-bottom: 5px; }
  button.btn-calc-order img {
    position: relative;
    top: -2px;
    left: -6px; }

.no-insurance .btn.btn-info {
  background-color: #EBE4FE;
  color: #000 !important; }
  .no-insurance .btn.btn-info:hover,
  .no-insurance .btn.btn-info:active {
    background-color: #9339F2 !important; }

.panel-body .panel-head {
  height: 80px;
  padding-top: 10px;
  padding-bottom: 10px; }
  .panel-body .panel-head .panel-head-logo {
    padding-right: 0 !important; }
    .panel-body .panel-head .panel-head-logo img {
      max-height: 60px;
      height: auto;
      width: auto; }
      @media only screen and (max-width: 767px) {
        .panel-body .panel-head .panel-head-logo img {
          width: auto !important; } }
    .panel-body .panel-head .panel-head-logo #order_logo img,
    .panel-body .panel-head .panel-head-logo #order_logo_vp img {
      max-width: 100%;
      max-height: 100%; }

  .panel-body .panel-head .panel-head-caption {
    font-size: 13px;
    line-height: 16px;
    margin-top: 10px;
    display: table !important;
    table-layout: fixed !important; }
    .panel-body .panel-head .panel-head-caption table {
      color: #000;
      min-height: 50px;
      text-align: left !important; }
    .panel-body .panel-head .panel-head-caption.hidden-sm {
      display: none !important; }
    @media only screen and (max-width: 767px) {
      .panel-body .panel-head .panel-head-caption {
        height: 60px !important; } }
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .panel-body .panel-head .panel-head-caption {
        height: 40px !important; } }
.panel-body .panel-content .calc-insurance-title {
  font-size: 13px; }
.panel-body .panel-content .no-insurance {
  background-color: #FFF; }
.panel-body .panel-content .additional-explanation {
  color: #555; }
  .panel-body .panel-content .additional-explanation p {
    color: #555; }

.calc-info-btn .btn:hover,
.calc-info-btn .btn:active {
  background-color: #efeef3 !important; }
.calc-info-btn.collapsed .btn {
  background-color: #EBE4FE !important; }
  @media only screen and (min-width: 992px) {
    .calc-info-btn.collapsed .btn:hover {
      background-color: #efeef3 !important; } }

/* =============================================== */
/* ================== Order form ================ */
#package_value {
  border-right: 2px solid #F5F5F6; }

#terms {
  background-color: #F5F5F6;
  padding-top: 0px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px; }

.terms-cont {
  background-color: #ffffff;
  padding: 30px;
  margin: 20px 0;
  height: 250px;
  overflow: auto; }

.full-width input[type=tel] {
  width: auto; }

#cart-confirm-container {
  text-align: right;
  padding-left: 21px; }
  #cart-confirm-container .error-number-one {
    color: #F9343B;
    display: none; }
  #cart-confirm-container.error .error-number-one {
    display: block; }

#terms-label {
  color: #E7F43B; }

#terms-label:hover {
  color: #BB860F; }

#pickup_list .pickup p {
  margin-bottom: 0px; }

#pickup_list .pickup {
  border-bottom: 1px solid #8d9095;
  padding-top: 5px;
  padding-bottom: 5px; }

/* =============================================== */
/* ================== FORM CONFIRM =============== */
#delivery-box {
  border-top: 2px solid #F5F5F6; }

#delivery-box-status {
  border-top: 2px solid #F5F5F6;
  border-bottom: 2px solid #F5F5F6; }

#fast-nav {
  padding-top: 15px;
  padding-bottom: 25px;
  padding-right: 25px;
  float: right; }

#confirm_sum {
  padding-top: 10px;
  padding-bottom: 5px; }

#confirm_sum_pvm {
  padding-bottom: 5px; }

#confirm_sum_total {
  padding-bottom: 10px;
  font-size: 22px; }

#package-details {
  height: auto;
  border-top: 2px solid #F5F5F6; }

.parcel-dimensions-confirm {
  padding-top: 18px;
  padding-bottom: 19px; }

/* ============== Form Status success ============= */
#take_date {
  padding-top: 15px; }

#question {
  padding-bottom: 15px; }

/* =============================================== */
/* ================== Footer ===================== */
.footer-menu-container {
  padding-top: 50px;
  padding-bottom: 50px; }

.footer-menu-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.footer-menu-container h4 {
  color: #fff; }

.footer-menu-container li {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px; }

.footer-menu-container li a {
  padding-top: 10px;
  color: #000; }

.footer-border {
  border-top: 1px solid #312560; }

#footer-copyright {
  background-color: #9339F2;
  min-height: 60px; }

#footer-copyright p {
  color: #fff;
  margin-top: 20px; }

#footer-copyright-container {
  padding: 0;
  position: relative; }
  @media only screen and (max-width: 767px) {
    #footer-copyright-container {
      padding: 0 15px; }}
  .footer-hr {
    border-top: 1px solid #643395;
    width: 100%;
    height: 1px;
  }

#footer-menu {
  background-color: #9339F2; }

#footer-menu {
  width: 100%;
  left: 0; }
  #footer-menu:before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    line-height: 1px;
    max-height: 1px;
    left: 0;
    right: 0;
    top: 0px;
    background-color: #EBE4FE; }
  #footer-menu #footer-menu-wrapper {
    padding-bottom: 30px !important; }
    @media only screen and (min-width: 992px) {
      #footer-menu #footer-menu-wrapper {
        padding: 0; } }
  #footer-menu h4 {
    padding-top: 30px;
    margin: 15px 0; }

#footer-col-1 {
  padding-left: 0; }
  #footer-col-1 .footer-sub-col {
    padding-left: 0; }

#footer-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  #footer-menu ul li {
    line-height: 16px;
    padding-bottom: 8px; }
  @media only screen and (max-width: 991px) {
    #footer-menu ul li {
      padding-bottom: 10px; } }

#footer-menu li a {
  font-size: 13px;
  color: #fff;
  text-decoration: none;
}
#footer-menu li a:hover,
#footer-menu li a:focus {
  text-decoration: underline;
  text-underline-offset: 4px;
}

#footer-menu h4 {
  color: #fff; }
  @media only screen and (max-width: 991px) {
    #footer-menu h4 {
      font-size: 21px; } }

#footer-col-3 {
  padding-right: 0; }
  #footer-col-3 h4 {
    padding-top: 30px; }
    @media only screen and (max-width: 991px) {
      #footer-col-3 h4 {
        padding-top: 0; } }
  @media only screen and (max-width: 991px) {
    #footer-col-3 {
      padding-left: 0 !important;
      padding-right: 0px !important; } }
  #footer-col-3 img {
    margin-top: 48px;
    max-width: 100%;
    float: right; }
    @media only screen and (max-width: 767px) {
      #footer-col-3 img {
        margin-top: 8px;
        margin-bottom: 12px; } }

#payments-front {
  border: 1px solid #FFFFFF;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  text-align: center; }
  @media only screen and (min-width: 992px) {
    #payments-front {
      position: relative; } }
  #payments-front img {
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    margin: 0 25px;
    display: inline-block;
    width: auto; }
    @media only screen and (max-width: 1199px) {
      #payments-front img {
        max-height: 40px; } }
    @media only screen and (max-width: 767px) {
      #payments-front img {
        margin: 0 20px !important;
        max-height: 30px !important; } }

.span2 {
  display: inline-block; }

/* =============================================== */
/* ================= Calc logos ================== */
#order_logo {
  padding-top: 10px; }

#order_logo_vp {
  padding-top: 10px; }

/* ============= Parcel packing img ============== */
.img-container {
  border-radius: 80px;
  border: 1px solid #ebebeb;
  margin: 5px; }

.img-container img {
  max-width: 100%;
  max-height: 100%;
  padding: 5px;
  border-radius: 80px; }

/* ================== Contacts ================== */
#contacts a,
#terminals a {
  color: #E7F43B; }

#contacts a:hover,
#terminals a:hover {
  color: #E7F43B; }

#contact-form-container {
  padding: 10px 20px 10px 20px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  margin-bottom: 10px;
  margin-top: 15px; }
  #contact-form-container h4 {
    font-size: 22px;
    margin: 5px 0 7px !important; }
  #contact-form-container .form-group {
    margin-bottom: 10px; }

.contact-email {
  color: #643395;
  text-decoration: none;
}
.contact-email:hover,
.contact-email:focus {
  color: #9339F2;
  text-decoration: underline;
  text-underline-offset: 5px;
}

#send_mail {
  padding: 0 15px; }
  #send_mail textarea {
    resize: vertical; }

/* ================== Order status ================== */
#order-status-container {
  padding-top: 15px !important; }
  #order-status-container #pics-container #pics-wrapper {
    padding: 0 10px !important; }
    @media only screen and (max-width: 767px) {
      #order-status-container #pics-container #pics-wrapper {
        padding: 0 15px !important; } }
  #order-status-container #pics-container .panel .panel-heading {
    padding-right: 80px !important; }
    #order-status-container #pics-container .panel .panel-heading .step {
      position: absolute;
      right: 20px;
      top: 13px;
      margin: 0 !important; }
      @media only screen and (max-width: 991px) and (min-width: 768px) {
        #order-status-container #pics-container .panel .panel-heading .step {
          top: 25px !important; } }
  #order-status-container #pics-container .panel .panel-body {
    position: relative;
    padding: 0; }
    #order-status-container #pics-container .panel .panel-body img {
      display: block;
      width: 100% !important;
      max-width: 378px !important;
      margin: 0 auto !important; }
    #order-status-container #pics-container .panel .panel-body .img-caption-wrapper {
      height: 55px;
      padding-bottom: 15px;
      display: table; }
    #order-status-container #pics-container .panel .panel-body .img-caption {
      display: table-cell;
      vertical-align: bottom;
      padding: 0 15px 0px;
      min-height: 55px;
      line-height: 20px; }
      @media only screen and (max-width: 991px) and (min-width: 768px) {
        #order-status-container #pics-container .panel .panel-body .img-caption {
          height: 55px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        #order-status-container #pics-container .panel .panel-body .img-caption {
          height: 55px; } }
  #order-status-container .p-right-half {
    padding-right: 5px !important;
    padding-left: 0px !important; }
    @media only screen and (max-width: 767px) {
      #order-status-container .p-right-half {
        padding-left: 0px !important;
        padding-right: 0px !important; } }
  #order-status-container .p-both-half {
    padding-right: 5px !important;
    padding-left: 5px !important; }
    @media only screen and (max-width: 767px) {
      #order-status-container .p-both-half {
        padding-left: 0px !important;
        padding-right: 0px !important; } }
  #order-status-container .p-left-half {
    padding-left: 5px !important;
    padding-right: 0px !important; }
    @media only screen and (max-width: 767px) {
      #order-status-container .p-left-half {
        padding-left: 0px !important;
        padding-right: 0px !important; } }
  #order-status-container #order-status-step-3 {
    display: block; }
  #order-status-container #order-status-step-4 {
    display: none; }
  #order-status-container .order-status-courier #order-status-step-3 {
    display: none !important; }
  #order-status-container .order-status-courier #order-status-step-4 {
    display: block !important; }

/* ================== About ================== */
.img-wrapper {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  margin: 0px 0px 10px 0 !important; }

.img-wrapper img {
  max-width: 100%;
  max-height: 100%;
  padding: 5px;
  border-radius: 50%; }

/* ================= Terms ==================== */
#send-terms a {
  color: #E7F43B; }

#send-terms a:hover {
  color: #E7F43B; }

/* ============== No left padding ============= */
.p-no-left {
  padding-left: 0px !important; }

.p-no-right {
  padding-right: 0px; }

/* ============== Suggestions ============= */
.tt-menu {
  background-color: white !important;
  border: 1px solid #ccc !important; }

.tt-suggestion {
  border-top: 1px solid #ccc !important; }

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

aside.lightbox h3.h3 {
  font-weight: normal !important; }

.widget-pickup {
  border: none !important; }

#pickupContents {
  box-sizing: border-box; }

.pickup-country-wrapper {
  font-size: 14px;
  border: 1px solid #643395;
  background-color: #643395;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  overflow: hidden;
  margin-bottom: 10px; }
  .pickup-country-wrapper .pickup-country-title {
    color: #373a41;
    background-clip: padding-box;
    border: 1px solid #643395;
    background-color: #643395;
    overflow: hidden; }
    .pickup-country-wrapper .pickup-country-title h4 {
      color: #FFFFFF !important;
      margin: 0;
      height: 43px;
      padding: 10px 5px 10px 12px;
      line-height: 23px;
      font-size: 22px;
      font-weight: 300;
      overflow: hidden; }
  .pickup-country-wrapper .pickup-city-wrapper {
    display: none;
    position: relative;
    border-top: 1px solid #643395;
    overflow: hidden;
    background-color: #FFFFFF; }
    .pickup-country-wrapper .pickup-city-wrapper.data-present {
      display: block; }
    .pickup-country-wrapper .pickup-city-wrapper .pickup-city-title {
      padding: 7px 15px;
      line-height: 22px;
      height: 37px;
      color: #643395;
      overflow: hidden;
      cursor: pointer; }
      .pickup-country-wrapper .pickup-city-wrapper .pickup-city-title:hover {
        color: #9339F2; }
        .pickup-country-wrapper .pickup-city-wrapper .pickup-city-title:hover .glyphicon {
          color: #9339F2 !important; }
      .pickup-country-wrapper .pickup-city-wrapper .pickup-city-title .glyphicon {
        display: block;
        position: absolute;
        top: 11px;
        right: 11px;
        color: #643395;
        -webkit-transition: color 0.2s ease;
        -moz-transition: color 0.2s ease;
        -o-transition: color 0.2s ease;
        -ms-transition: color 0.2s ease; }
      .pickup-country-wrapper .pickup-city-wrapper .pickup-city-title .glyphicon-triangle-right {
        display: block; }
      .pickup-country-wrapper .pickup-city-wrapper .pickup-city-title .glyphicon-triangle-bottom {
        display: none; }
      .pickup-country-wrapper .pickup-city-wrapper .pickup-city-title .city-title {
        -webkit-transition: font-size 0.5s ease, color 0.2s ease;
        -moz-transition: font-size 0.5s ease, color 0.2s ease;
        -o-transition: font-size 0.5s ease, color 0.2s ease;
        -ms-transition: font-size 0.5s ease, color 0.2s ease; }
      .pickup-country-wrapper .pickup-city-wrapper .pickup-city-title.expanded {
        color: #9339F2;
        background-color: #FFFFFF;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        background-clip: padding-box; }
        .pickup-country-wrapper .pickup-city-wrapper .pickup-city-title.expanded .glyphicon {
          color: #9339F2 !important; }
        .pickup-country-wrapper .pickup-city-wrapper .pickup-city-title.expanded .glyphicon-triangle-right {
          display: none; }
        .pickup-country-wrapper .pickup-city-wrapper .pickup-city-title.expanded .glyphicon-triangle-bottom {
          display: block; }
        .pickup-country-wrapper .pickup-city-wrapper .pickup-city-title.expanded .city-title {
          font-size: 16px;
          font-weight: 400; }
    .pickup-country-wrapper .pickup-city-wrapper .pickup-points {
      display: none;
      background-clip: padding-box; }

.pickup-points table {
  table-layout: fixed;
  margin: 0 !important;
  width: 100%; }
  .pickup-points table td, .pickup-points table th {
    line-height: 23px;
    padding: 5px;
    height: 33px;
    font-weight: normal; }
    .pickup-points table td:first-child, .pickup-points table th:first-child {
      padding-left: 15px; }
  .pickup-points table th {
    background-color: #dedce7;
    font-weight: normal;
    color: #000; }
  .pickup-points table td {
    border-top: 1px solid #c8c6d1; }
  .pickup-points table .pickup-row {
    cursor: pointer;
    color: #000;
    background-color: #F7F7F7; }
  .pickup-points table .pickup-row:active, .pickup-points table .pickup-row:hover {
    color: #643395 !important;
    background-color: #EBE4FE; }
  .pickup-points table .city {
    display: none;
    width: 0%;
    padding-left: 15px !important; }
    #pickup-ee-other .pickup-points table .city, #pickup-lv-other .pickup-points table .city, #pickup-lt-other .pickup-points table .city {
      display: table-cell;
      width: 15%; }
      @media only screen and (max-width: 767px) {
        #pickup-ee-other .pickup-points table .city, #pickup-lv-other .pickup-points table .city, #pickup-lt-other .pickup-points table .city {
          width: 25%; } }
  .pickup-points table .name {
    width: 40%;
    padding-left: 15px; }
    @media only screen and (max-width: 767px) {
      .pickup-points table .name {
        width: 50%; } }
    #pickup-ee-other .pickup-points table .name, #pickup-lv-other .pickup-points table .name, #pickup-lt-other .pickup-points table .name {
      width: 25%;
      padding-left: 5px; }
      @media only screen and (max-width: 767px) {
        #pickup-ee-other .pickup-points table .name, #pickup-lv-other .pickup-points table .name, #pickup-lt-other .pickup-points table .name {
          width: 25%; } }
  .pickup-points table .address {
    width: 20%; }
    @media only screen and (max-width: 767px) {
      .pickup-points table .address {
        width: 30%; } }
  .pickup-points table .postcode {
    width: 10%; }
    @media only screen and (max-width: 767px) {
      .pickup-points table .postcode {
        width: 20%; } }
  .pickup-points table .time_V {
    width: 10%; }
    @media only screen and (max-width: 767px) {
      .pickup-points table .time_V {
        display: none; } }
  .pickup-points table .time_VI {
    width: 10%; }
    @media only screen and (max-width: 767px) {
      .pickup-points table .time_VI {
        display: none; } }
  .pickup-points table .time_VII {
    width: 10%; }
    @media only screen and (max-width: 767px) {
      .pickup-points table .time_VII {
        display: none; } }

#pickupPointsMap {
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 1px solid #643395;
  overflow: hidden;
  min-height: 600px;
  background-color: #e5e3df; }
  #pickupPointsMap #canvas {
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    overflow: hidden; }
  #pickupPointsMap #canvas .close-button {
    top: 8px !important;
    right: 8px !important; }
  #pickupPointsMap .pickup-info-window h4 {
    margin: 0;
    background-color: #643395;
    color: #FFFFFF;
    line-height: 20px;
    font-size: 15px;
    text-align: left;
    padding: 5px 26px 5px 10px;
    display: block;
    position: relative; }
  #pickupPointsMap .pickup-info-window .info-body {
    padding: 5px 0px 0;
    font-size: 13px;
    line-height: 19px; }
    #pickupPointsMap .pickup-info-window .info-body .info-body-details {
      padding: 0 10px; }
  #pickupPointsMap .pickup-info-window table tr th.day-caption {
    padding-left: 10px;
    text-align: center; }
  #pickupPointsMap .pickup-info-window table tr th.time-caption {
    padding-right: 10px;
    text-align: center; }
  #pickupPointsMap .pickup-info-window table tr td.day-number {
    padding-left: 10px;
    text-align: center; }
  #pickupPointsMap .pickup-info-window table tr td.time-from {
    text-align: center; }
  #pickupPointsMap .pickup-info-window table tr td.time-to {
    text-align: center;
    padding-right: 10px; }
  #pickupPointsMap .pickup-info-window table tr td.not-working {
    text-align: center;
    padding-right: 10px; }
  #pickupPointsMap .pickup-info-window table tr:nth-child(even) {
    background-color: #ecebef; }
  #pickupPointsMap .par-2 ~ * {
    visibility: hidden; }

#pickupDisclaimer {
  text-align: right; }

#tracking_wrapper:after {
  content: "";
  display: table;
  clear: both; }
@media only screen and (max-width: 991px) {
  #tracking_wrapper {
    padding: 30px 15px 0 15px; } }

.tracker-parcels {
  padding-bottom: 5px; }
  .tracker-parcels .parcel-nr {
    display: inline-block;
    height: 26px;
    line-height: 22px;
    font-size: 14px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    padding: 2px 6px;
    margin: 0 5px 5px 0;
    cursor: pointer;
    outline: none;
    color: #000;
    border: 1px solid #643395;
    background-color: #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    width: 32.5%;
    margin-right: 1.25%; }
    .tracker-parcels .parcel-nr:hover, .tracker-parcels .parcel-nr:active {
      color: #E7F43B;
      border-color: #E7F43B; }
    .tracker-parcels .parcel-nr:nth-of-type(3n) {
      margin-right: 0 !important; }
    @media only screen and (max-width: 991px) {
      .tracker-parcels .parcel-nr {
        width: 49%;
        margin-right: 2%; }
        .tracker-parcels .parcel-nr:nth-of-type(3n) {
          margin-right: 2% !important; }
        .tracker-parcels .parcel-nr:nth-of-type(2n) {
          margin-right: 0 !important; } }
    @media only screen and (max-width: 500px) {
      .tracker-parcels .parcel-nr {
        width: 100%;
        margin-right: 0%; }
        .tracker-parcels .parcel-nr:nth-of-type(3n) {
          margin-right: 0 !important; }
        .tracker-parcels .parcel-nr:nth-of-type(2n) {
          margin-right: 0 !important; } }
    .overflow .tracker-parcels .parcel-nr.over_limit {
      display: none; }
    .tracker-parcels .parcel-nr.active, .tracker-parcels .parcel-nr:active {
      color: #E7F43B;
      border: 1px solid #E7F43B;
      background-color: #FFFFFF; }
  .tracker-parcels .tracking-heading.overflow .over_limit {
    display: none; }
  .tracker-parcels .tracking-heading#tracking-heading-delivered {
    padding-bottom: 12px; }
  .tracker-parcels .tracking-heading .tracking-heading-caption {
    margin: 0;
    font-size: 18px;
    color: #000000;
    position: relative;
    padding: 8px 0 8px 0px; }
    .tracker-parcels .tracking-heading .tracking-heading-caption span {
      width: 24px;
      height: 20px;
      position: absolute;
      top: 10px;
      left: 0; }
      .tracker-parcels .tracking-heading .tracking-heading-caption span.delivered {
        background-image: url("../../../plugins/vp-shipment-tracker/images/icon_tracking_delivered.png"); }
      .tracker-parcels .tracking-heading .tracking-heading-caption span.not-delivered {
        background-image: url("../../../plugins/vp-shipment-tracker/images/icon_tracking_not_delivered.png"); }
  .tracker-parcels .tracking-heading .overflow_toggler {
    padding-left: 7px;
    clear: both;
    width: auto;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    height: 26px;
    line-height: 22px;
    font-size: 14px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    padding: 2px 6px;
    color: #000;
    border: 1px solid #643395;
    background-color: #FFFFFF;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.25s;
    /* Safari */
    transition: all 0.25s; }
    .tracker-parcels .tracking-heading .overflow_toggler:hover, .tracker-parcels .tracking-heading .overflow_toggler:active {
      color: #E7F43B;
      border-color: #E7F43B; }
    .tracker-parcels .tracking-heading .overflow_toggler .hide {
      display: none; }
    .tracker-parcels .tracking-heading .overflow_toggler .show {
      display: inline; }
    .tracker-parcels .tracking-heading .overflow_toggler.show {
      display: none !important; }
      .tracker-parcels .tracking-heading .overflow_toggler.show .hide {
        display: inline; }
      .tracker-parcels .tracking-heading .overflow_toggler.show .show {
        display: none; }
  .tracker-parcels .tracking-heading:after {
    content: "";
    display: table;
    clear: both; }

.cart-info-btn-text {
  color: #000; }

#tracker_table {
  display: block;
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 10px 25px 10px 10px;
  position: relative;
  min-height: 500px; }
  @media only screen and (max-width: 767px) {
    #tracker_table {
      float: none;
      width: 100%;
      padding: 0;
      min-height: auto; } }
  #tracker_table #tracker-wrapper {
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    border: 1px solid #643395;
    overflow: hidden; }
  #tracker_table #tracking_form #tracking_form_controls {
    height: 29px; }
    #tracker_table #tracking_form #tracking_form_controls .vp_code, #tracker_table #tracking_form #tracking_form_controls .vp_submit {
      height: 35px;
      padding: 2px 5px;
      line-height: 29px;
      margin: 0;
      vertical-align: middle; }
    #tracker_table #tracking_form #tracking_form_controls .vp_code {
      width: 74%;
      margin-right: 2%; }
    #tracker_table #tracking_form #tracking_form_controls .vp_submit {
      width: 24%;
      padding: 2px 5px;
      height: 29px;
      line-height: 25px; }
  #tracker_table .parcel-info-container {
    padding: 0px 0px 10px 0; }
    #tracker_table .parcel-info-container[data-parcel-status="2"] .parcel-info.status-1 {
      padding-top: 18px !important; }
  #tracker_table .parcel-info {
    position: relative;
    cursor: pointer;
    padding: 10px 0 10px 60px !important;
    color: #8d9095;
    line-height: 16px;
    font-size: 13px;
    min-height: 32px;
    -webkit-transition: all 0.25s;
    /* Safari */
    transition: all 0.25s; }
    #tracker_table .parcel-info:last-of-type:after {
      display: none !important; }
    #tracker_table .parcel-info:after {
      content: "";
      display: block;
      height: 0;
      line-height: 0;
      border-bottom: 1px solid #e6e6e6;
      position: absolute;
      bottom: 0;
      right: 0;
      left: 60px; }
    #tracker_table .parcel-info .info-place {
      font-weight: bold; }
    #tracker_table .parcel-info .info-receiver-check .info-receiver-check-trigger {
      border-bottom: 1px dashed #E7F43B;
      color: #E7F43B; }
    #tracker_table .parcel-info .info-receiver-check .info-receiver-check-form {
      padding-top: 7px;
      vertical-align: top; }
      #tracker_table .parcel-info .info-receiver-check .info-receiver-check-form .info-receiver-check-caption {
        padding-bottom: 7px; }
      #tracker_table .parcel-info .info-receiver-check .info-receiver-check-form .info-receiver-check-input {
        height: 35px;
        line-height: 29px;
        font-size: 14px;
        padding: 2px 5px;
        margin: 0 0px 0 0;
        width: 50%;
        vertical-align: middle; }
      #tracker_table .parcel-info .info-receiver-check .info-receiver-check-form .info-receiver-check-submit {
        height: 29px;
        line-height: 25px;
        font-size: 14px;
        padding: 2px 5px;
        text-align: center;
        width: 48%;
        margin-left: 2%;
        vertical-align: middle; }
      #tracker_table .parcel-info .info-receiver-check .info-receiver-check-form .info-receiver-check-error {
        padding: 7px 0;
        color: #f00; }
    #tracker_table .parcel-info .info-status .info-status-text {
      cursor: help; }
    #tracker_table .parcel-info .info-status-icon {
      box-sizing: content-box;
      position: absolute;
      top: 6px;
      left: 0px;
      width: 34px;
      height: 34px;
      line-height: 34px;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      border-radius: 100%;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      border: 2px solid #1f1158;
      background-color: #FFFFFF;
      font-family: Play, Verdana;
      font-size: 18px;
      font-weight: bold;
      color: #1f1158;
      text-align: center;
      z-index: 100;
      -webkit-transition: all 0.25s;
      /* Safari */
      transition: all 0.25s; }
      #tracker_table .parcel-info .info-status-icon:after {
        content: '';
        display: block;
        position: absolute;
        height: 36px;
        width: 2px;
        background-color: #918bad;
        top: 36px;
        left: 16px;
        z-index: -1; }
      #tracker_table .parcel-info .info-status-icon.icon-9 {
        width: 34px;
        height: 34px;
        line-height: 34px; }
    #tracker_table .parcel-info:hover, #tracker_table .parcel-info:active, #tracker_table .parcel-info.active {
      color: #373a41; }
    #tracker_table .parcel-info.active {
      color: #373a41; }
      #tracker_table .parcel-info.active .info-status-icon {
        background-color: #E7F43B;
        border: 2px solid #E7F43B;
        color: #FFFFFF; }
    #tracker_table .parcel-info:last-of-type .info-status-icon:after {
      display: none !important; }

#map_wrapper {
  margin-top: 30px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 1px solid #643395;
  overflow: hidden;
  display: block;
  float: left;
  width: 50%;
  min-height: 500px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 460px; }
  @media only screen and (max-width: 767px) {
    #map_wrapper {
      float: none;
      width: 100%;
      margin-top: 0; } }
  #map_wrapper #canvas {
    width: 100%;
    height: 460px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 7px; */
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    overflow: hidden; }
    #map_wrapper #canvas .gm-style {
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */ }
  #map_wrapper #map_legend {
    display: table;
    width: 100%;
    border-top: 1px solid #643395;
    height: 40px; }
    @media only screen and (max-width: 767px) {
      #map_wrapper #map_legend {
        display: block; }
        #map_wrapper #map_legend:after {
          content: "";
          display: table;
          clear: both; } }
    #map_wrapper #map_legend .legend_cell {
      display: table-cell;
      text-align: left;
      vertical-align: middle;
      width: 33.333333%;
      height: 28px;
      line-height: 14px;
      position: relative;
      padding: 6px 10px 6px 45px;
      font-size: 12px;
      border-left: 1px solid #e8e8e8; }
      #map_wrapper #map_legend .legend_cell:first-of-type {
        border: none !important; }
      @media only screen and (max-width: 767px) {
        #map_wrapper #map_legend .legend_cell {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          width: 100%;
          float: left;
          line-height: 30px;
          height: 40px;
          border-top: 1px solid #e8e8e8 !important; } }
      #map_wrapper #map_legend .legend_cell img {
        height: 30px;
        width: 30px;
        margin-right: 5px;
        position: absolute;
        top: 5px;
        left: 10px; }

/* ======================================== */
/* IPHONE 5 */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  .mobil-debil .package_input {
    width: 100%;
    padding-bottom: 5px; }

  .mobil-debil .p_label {
    padding-top: 20px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  .mobil-debil > div {
    width: 49% !important;
    display: inline-block;
    padding-left: 5px;
    padding-top: 20px; }

  .mobil-debil .p_label {
    padding-top: 26px;
    padding-left: 0;
    width: auto !important;
    float: left; }
}
/* IPHONE 6 */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
  .mobil-debil .package_input {
    width: 100%;
    padding-bottom: 5px; }

  .mobil-debil .p_label {
    padding-top: 20px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  .mobil-debil > div {
    width: 49% !important;
    display: inline-block;
    padding-left: 5px;
    padding-top: 20px; }

  .mobil-debil .p_label {
    padding-top: 26px;
    padding-left: 0;
    width: auto !important;
    float: left; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #tracking_input {
    width: 59px !important; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #tracking_input {
    width: 100% !important; } }
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #tracking_input {
    width: 135px !important; }

  .package-wrapper {
    padding-top: 8px; }

  #main-menu .container {
    padding-left: 0px;
    padding-right: 0px; }

  #main-menu .container #navbarCollapse {
    padding-left: 0px;
    padding-right: 0px; }

  #main-menu .col-sm-3 {
    padding-left: 0px;
    padding-right: 0px;
    width: 30%; }

  #tracking {
    padding-left: 0px;
    padding-right: 0px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #tracking_input {
    width: 100% !important; } }
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/* ========================================= */
/* ================ PC ===================== */
/* Large desktops and laptops */
@media (min-width: 1200px) {
  .info-display {
    display: none; }

  #calculate-form-main.col-lg-5 {
    width: 35.666667%; }

  #calculate-form.col-lg-5 {
    width: 35.666667%; }

  #calculate-form .static-input-main {
    display: inline; }

  #main_info {
    background-color: transparent;
    opacity: 1; }

  .col-info {
    margin-top: -5%; } }
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .info-display {
    display: none; }

  .static-input-main {
    width: 140px !important; }

  #calculate-form-main.col-md-5 {
    width: 42.666667%; }

  #calculate-form-main .static-input-main {
    width: 75% !important;
    display: inline; }

  #calculate-form.col-md-6 {
    width: 42.666667%; }

  #calculate-form .static-input-main {
    width: 74% !important;
    display: inline; }

  .main-top {
    min-height: auto;
    min-width: auto; }

  #main-mid-img {
    width: 55%;
  }

  #pickup-btn-info button {
    font-size: 9px;
    border-radius: 0px !important;
    border-bottom-left-radius: 8px !important; }

  #printer-btn-info button {
    font-size: 9px;
    border-radius: 0px !important; }

  #more-btn-info button {
    font-size: 9px;
    border-radius: 0px !important;
    border-bottom-right-radius: 0px !important; }
    #more-btn-info button.active {
      border-bottom-right-radius: 0 !important; }

  #courier-btn-info button {
    font-size: 9px; }

  .img-responsive img {
    height: 38px !important;
    width: auto !important; }

  .img-responsive-fast img {
    max-width: 100%;
    max-height: 100%;
  }

  .col-info {
    margin-top: -5%; }

  .cart-info-btn button {
    padding-left: 5px;
    padding-right: 5px; }

  .cart-info-btn-text {
    font-size: 9px;
    padding-top: 3px; }
  
  .cart-info-btn-text:hover,
  .cart-info-btn-text:focus {
    color: #000; }

  .service-info {
    font-size: 12px; }

  #main_info {
    padding: 20px; }

  .step.first {
    margin-left: 0; }

  .cart-info-btn.left.collapsed button {
    border-bottom-left-radius: 0px; } }
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  .info-no-display {
    display: none; }

  .main-top {
    min-height: auto;
    min-width: auto;
    left: 0px;
    background-image: url("../img/full-bg@2x.png");
    background-color: #EBE4FE;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 25% 50% !important; }

  .img_container {
    padding-bottom: 40%; }

  .cart-info-btn-text {
    padding-top: 10px; } }
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .info-no-display {
    display: none; }

  .main-top {
    min-height: auto;
    min-width: auto;
    left: 0px;
    background-image: none !important; }

  #package_info .pull-right,
  #package_info_1 .pull-right,
  #package_info_2 .pull-right,
  #package_info_3 .pull-right,
  #package_info_4 .pull-right {
    float: left !important; } }
/* Portrait phones and smaller */
@media (max-width: 480px) {
  .info-no-display {
    display: none; }

  .static-input-main {
    width: 100% !important; }

  #address-form {
    padding-left: 0;
    padding-right: 0; }

  #address-calc-form .static-input-main {
    width: 75% !important; }

  #address-calc-form {
    padding-left: 0;
    padding-right: 0; }

  #package-form {
    padding-left: 0;
    padding-right: 7.5px; }

  .package-form {
    padding-left: 0;
    padding-right: 0; }

  .p-left-half {
    padding-left: 0; }

  .p-right-half {
    padding-right: 0; }

  #calculate-form .p-no-right {
    padding-right: 0px !important; }

  #receiver_legal .pull-right {
    float: left !important; }

  #sender_legal .pull-right {
    float: left !important; } }
/* Inline bug fix */
@media (min-width: 400px) and (max-width: 767px) {
  .calc-cust-to {
    width: 51% !important; }

  .calc-cust-to-post {
    width: 49% !important; }

  .info-no-display {
    display: none; }

  .p-left-half {
    padding-left: 0; }

  .p-right-half {
    padding-right: 0; }

  #receiver_legal .pull-right {
    float: left !important; }

  #sender_legal .pull-right {
    float: left !important; } }
/*------------------ PC -------------------*/
@media only screen and (max-width: 1999px) {
  .p-top-order-btn {
    padding-top: 30px; }

  #price-row-main .express {
    padding-left: 0px; }

  #price-row-main-courier .express {
    padding-left: 0px; }

  #price-row-tnt-express .express {
    padding-left: 0px; } }
@media only screen and (max-width: 1200px) {
  #price-row-main .express {
    padding-left: 15px; }

  #price-row-main-courier .express {
    padding-left: 15px; }

  #price-row-tnt-express .express {
    padding-left: 15px; }

  .p-top-order-btn {
    padding-top: 30px; }

  .service-info {
    font-size: 12px; } }
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .p-top-order-btn {
    padding-top: 0px; }

  #price-row-main .express {
    padding-left: 15px; }

  #price-row-main-courier .express {
    padding-left: 15px; }

  #price-row-tnt-express .express {
    padding-left: 15px; }

  .cart-price.pull-right {
    float: none !important; }

  #cart_header h3 {
    text-align: center; }

  .cart-info-btn.left.collapsed button {
    border-bottom-left-radius: 0px; } }
/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .p-top-order-btn {
    padding-top: 0px; }

  #price-row-main .express {
    padding-left: 15px; }

  #express-courier-collapse.collapse {
    display: none; }

  #express-courier-collapse.collapse.in {
    display: block; }

  #economy-courier-collapse.collapse {
    display: none; }

  #economy-courier-collapse.collapse.in {
    display: block; }

  #express_pickup_more_info-xs.collapse {
    display: none; }

  #express_pickup_more_info-xs.collapse.in {
    display: block; }

  #express_courier_more_info-xs.collapse {
    display: none; }

  #express_courier_more_info-xs.collapse.in {
    display: block; }

  #economy_pickup_more_info-xs.collapse {
    display: none; }

  #economy_pickup_more_info-xs.collapse.in {
    display: block; }

  #economy_courier_more_info-xs.collapse {
    display: none; }

  #economy_courier_more_info-xs.collapse.in {
    display: block; }

  #ex-pickup-xs .calc-insurance-title p,
  #ex-courier-xs .calc-insurance-title p,
  #ec-pickup-xs .calc-insurance-title p,
  #ec-courier-xs .calc-insurance-title p {
    font-size: 10px; }

  #ex-pickup-xs p,
  #ex-courier-xs p,
  #ec-pickup-xs p,
  #ec-courier-xs p {
    font-size: 12px;
    margin-bottom: 0px; }

  #ex-pickup-xs #pickup-price-insurance-no-pvm,
  #ex-courier-xs #pickup-price-insurance-no-pvm,
  #ec-pickup-xs #pickup-price-insurance-no-pvm,
  #ec-courier-xs #pickup-price-insurance-no-pvm {
    font-size: 16px; }

  #ex-pickup-xs #courier-price-insurance-no-pvm,
  #ex-courier-xs #courier-price-insurance-no-pvm,
  #ec-pickup-xs #courier-price-insurance-no-pvm,
  #ec-courier-xs #courier-price-insurance-no-pvm {
    font-size: 16px; }

  #ex-pickup-xs #pickup-price-insurance-no-pvm_e,
  #ex-courier-xs #pickup-price-insurance-no-pvm_e,
  #ec-pickup-xs #pickup-price-insurance-no-pvm_e,
  #ec-courier-xs #pickup-price-insurance-no-pvm_e {
    font-size: 16px; }

  #ex-pickup-xs #courier-price-insurance-no-pvm_e,
  #ex-courier-xs #courier-price-insurance-no-pvm_e,
  #ec-pickup-xs #courier-price-insurance-no-pvm_e,
  #ec-courier-xs #courier-price-insurance-no-pvm_e {
    font-size: 16px; }

  .img_container {
    padding-bottom: 10%; }

  .step,
  .step-text {
    display: table;
    margin: 0 auto; }

  .receiver-header {
    padding-bottom: 15px; }

  .vp-packages,
  .vp-price {
    padding-top: 10px; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .p-top-order-btn {
    padding-top: 0px; }

  #price-row-main .express {
    padding-left: 15px; }

  #price-row-main-courier .express {
    padding-left: 15px; } }
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  .p-top-order-btn {
    padding-top: 0px; }

  #price-row-main .express {
    padding-left: 15px; }

  #price-row-main-courier .express {
    padding-left: 15px; } }
/* =========================================== */
@media only screen and (min-device-width: 320px) and (max-device-width: 1999px) {
  .order-line {
    margin-bottom: 10px;
    margin-top: 20px; }

  .calc-btn-wrapper {
    margin-bottom: 20px; }

  .calc-pickup {
    margin-top: 15px; }

  .calc-courier {
    margin-top: 20px; }
}
@media (max-width: 767px) {
  #main-menu .container {
    width: 100%; }

  .p-top-order-btn {
    padding-top: 0px !important; }

  #submit-btn {
    padding-top: 5px !important;
    padding-left: 30px !important;
    padding-right: 30px !important; }

  .btn-order {
    width: 100%; }

  .resp-center {
    width: 100%;
    left: 0;
    text-align: center; }

  .footer-menu-container {
    padding-top: 10px !important;
    padding-bottom: 0px !important; }

  #main-top {
    background-image: none !important;
    background-color: #fff !important;
    margin-bottom: 80px;
    width: auto !important;
    height: auto !important;
    min-width: auto !important; }

  #main-middle {
    background-image: none !important;
    background-color: #F5F5F6 !important;
    width: auto !important;
    height: auto !important;
    min-width: auto !important; }

  #main-bottom {
    background-image: none !important;
    background-color: #fff;
    width: auto !important;
    height: auto !important;
    min-width: auto !important; }

  .info-container {
    margin: 10px !important; }

  .resultsPrice {
    padding-top: 0px !important; }

  .results-child-order {
    padding-top: 0px !important; }

  .p-no-right {
    padding-right: 15px !important; }

  .col-left-half {
    padding-left: 15px; }

  .col-right-half {
    padding-right: 15px; } }
@media (min-device-width: 375px) and (max-device-width: 667px) {
  .calc-custom-c {
    width: 300px !important; }

  .calc-custom-p {
    width: 320px !important; } }
@media (max-width: 1200px) {
  .btn-calc {
    width: 100%;
    padding-right: 0px !important; }

  .p-top-order-btn {
    padding-top: 0px; }
}
#price-form-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 500px;
}
  @media only screen and (max-width: 767px) {
    #price-form-container {
      width: 100% !important; }
      #price-form-container.front-page-container {
        padding-left: 15px !important;
        padding-right: 15px !important; } }

@media only screen and (max-width: 767px) {
  #inner-page-main,
  #promo {
    width: 100% !important; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
  #inner-page-main,
  #promo {
    width: 100% !important; }
    #inner-page-main > .row,
    #promo > .row {
      margin: 0 !important; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #inner-page-main,
  #promo {
    width: 580px !important; } }
@media only screen and (min-width: 1200px) {
  #inner-page-main,
  #promo {
    width: 780px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #promo #main_info {
    margin-left: 120px !important; } }

/*# sourceMappingURL=main.css.map */

#calc-panels > div.package-col, .block-top {
  padding: 0;
}

.block-top:first-child {
  padding-right: 5px;
}

.block-top:not(:first-child) {
  padding-left: 5px;
}

div.price-row-main > div:first-child:last-child {
  margin: 0 auto;
  float: none;
}

.block-top.disabled {
  pointer-events: none;
  cursor: none;
  opacity: 0.5;
}

@media only screen and (max-width: 767px) {
  .block-top.disabled {
    display: none;
  }
}