/*-------------------------------------------------------*/
/* Table of Content

1.General
  1.1.Typography
  1.2.Grid
2.Common Elements
3.Layout
4.Blog
5.About me
6.Contact
7.Shop
8.Navigation
9.Footer
10.Helper CLasses

/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
@font-face {
  font-family: 'oxygenbold';
  src: url('../fonts/oxygen-bold.eot');
  src: url('../fonts/oxygen-bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/oxygen-bold.woff2') format('woff2'),
       url('../fonts/oxygen-bold.woff') format('woff'),
       url('../fonts/oxygen-bold.ttf') format('truetype'),
       url('../fonts/oxygen-bold.svg#oxygenbold') format('svg');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'oxygenlight';
  src: url('../fonts/oxygen-light.eot');
  src: url('../fonts/oxygen-light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/oxygen-light.woff2') format('woff2'),
       url('../fonts/oxygen-light.woff') format('woff'),
       url('../fonts/oxygen-light.ttf') format('truetype'),
       url('../fonts/oxygen-light.svg#oxygenlight') format('svg');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'oxygenregular';
  src: url('../fonts/oxygen-regular.eot');
  src: url('../fonts/oxygen-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/oxygen-regular.woff2') format('woff2'),
       url('../fonts/oxygen-regular.woff') format('woff'),
       url('../fonts/oxygen-regular.ttf') format('truetype'),
       url('../fonts/oxygen-regular.svg#oxygenregular') format('svg');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'RubikLight';
  src: url('../fonts/RubikLight.eot');
  src: url('../fonts/RubikLight.eot') format('embedded-opentype'),
       url('../fonts/RubikLight.woff2') format('woff2'),
       url('../fonts/RubikLight.woff') format('woff'),
       url('../fonts/RubikLight.ttf') format('truetype'),
       url('../fonts/RubikLight.svg#RubikLight') format('svg');
}
@font-face {
  font-family: 'RubikRegular';
  src: url('../fonts/RubikRegular.eot');
  src: url('../fonts/RubikRegular.eot') format('embedded-opentype'),
       url('../fonts/RubikRegular.woff2') format('woff2'),
       url('../fonts/RubikRegular.woff') format('woff'),
       url('../fonts/RubikRegular.ttf') format('truetype'),
       url('../fonts/RubikRegular.svg#RubikRegular') format('svg');
}
@font-face {
  font-family: 'RubikMedium';
  src: url('../fonts/RubikMedium.eot');
  src: url('../fonts/RubikMedium.eot') format('embedded-opentype'),
       url('../fonts/RubikMedium.woff2') format('woff2'),
       url('../fonts/RubikMedium.woff') format('woff'),
       url('../fonts/RubikMedium.ttf') format('truetype'),
       url('../fonts/RubikMedium.svg#RubikMedium') format('svg');
}
@font-face {
  font-family: 'RubikBold';
  src: url('../fonts/RubikBold.eot');
  src: url('../fonts/RubikBold.eot') format('embedded-opentype'),
       url('../fonts/RubikBold.woff2') format('woff2'),
       url('../fonts/RubikBold.woff') format('woff'),
       url('../fonts/RubikBold.ttf') format('truetype'),
       url('../fonts/RubikBold.svg#RubikBold') format('svg');
}
@media (min-width: 1200px){
  .container {max-width: 1140px;}
}
.clearfix {
  *zoom: 1;}

.clearfix:before, .clearfix:after {
  display: table;
  line-height: 0;
  content: ""; }

.clearfix:after {
  clear: both; }

.clear {
  clear: both; }

.oh {
  overflow: hidden; }

.relative {
  position: relative; }

.white {
  color: #fff; }

.left {
  float: left; }

.right {
  float: right; }

.bg-light {
  background-color: #f7f7f7; }

.bg-dark {
  background-color: #000000; }

.last {
  margin-bottom: 0 !important; }

.img-fullwidth {
  width: 100%; }

.uppercase {
  text-transform: uppercase;
  letter-spacing: 0.03em; }

.nocaps {
  text-transform: none;
  letter-spacing: 0; }

::-moz-selection {
  color: #fff;
  background: #318FFE; }

::-webkit-selection {
  color: #fff;
  background: #318FFE; }

::selection {
  color: #fff;
  background: #318FFE; }

html {
  overflow-x: hidden; }

a {
  text-decoration: none;
  color: #ec2424; }

a:hover,
a:focus {
  text-decoration: none;
  color: #000000; }

body {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.5;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  color: #7b7b7b;
  width: 100%;
  height: 100%; }
  body img {
    border: none;
    max-width: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none; }

video {
  height: 100%;
  width: 100%; }

/*-------------------------------------------------------*/
/* Preloader
/*-------------------------------------------------------*/
.loader-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99999; }

.loader {
  display: block;
  position: absolute;
  font-size: 0;
  color: #ec2424;
  left: 50%;
  top: 50%;
  width: 42px;
  height: 42px;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%); }

.loader-secondary {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
}
.loader-secondary .loader-sub {
  color: #3498db;
  display: block;
  position: absolute;
  font-size: 0;
  left: 50%;
  top: 46%;
  width: 600px;
  height: 42px;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.loader-secondary .loader-sub p{
  margin-top: 55px;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
}

table#orderhistory tbody tr td:nth-child(2) {
    width: 160px;
    word-break: break-word;
}

.loader, .loader-sub > div {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 100%;
  display: inline-block;
  float: none;
  width: 38px;
  height: 38px;
  background: transparent;
  border-style: solid;
  border-width: 2px;
  border-right-color: transparent;
  border-left-color: transparent;
  -webkit-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  -moz-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  -o-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

@-webkit-keyframes ball-clip-rotate-pulse-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0); }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }

@-moz-keyframes ball-clip-rotate-pulse-rotate {
  0% {
    -moz-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0); }
  50% {
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg); }
  100% {
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }

@-o-keyframes ball-clip-rotate-pulse-rotate {
  0% {
    -o-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0); }
  50% {
    -o-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg); }
  100% {
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }

@keyframes ball-clip-rotate-pulse-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    -moz-transform: translate(-50%, -50%) rotate(0);
    -o-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0); }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    -o-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }

@-webkit-keyframes ball-clip-rotate-pulse-scale {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); }
  30% {
    opacity: .3;
    -webkit-transform: translate(-50%, -50%) scale(0.15);
    transform: translate(-50%, -50%) scale(0.15); } }

@-moz-keyframes ball-clip-rotate-pulse-scale {
  0%, 100% {
    opacity: 1;
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); }
  30% {
    opacity: .3;
    -moz-transform: translate(-50%, -50%) scale(0.15);
    transform: translate(-50%, -50%) scale(0.15); } }

@-o-keyframes ball-clip-rotate-pulse-scale {
  0%, 100% {
    opacity: 1;
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); }
  30% {
    opacity: .3;
    -o-transform: translate(-50%, -50%) scale(0.15);
    transform: translate(-50%, -50%) scale(0.15); } }

@keyframes ball-clip-rotate-pulse-scale {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); }
  30% {
    opacity: .3;
    -webkit-transform: translate(-50%, -50%) scale(0.15);
    -moz-transform: translate(-50%, -50%) scale(0.15);
    -o-transform: translate(-50%, -50%) scale(0.15);
    transform: translate(-50%, -50%) scale(0.15); } }

/*-------------------------------------------------------*/
/* Typography
/*-------------------------------------------------------*/
ul {
  list-style: none;
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #000000;
  font-weight: 400;
  line-height: 1.3; }

h1 {
  font-size: 28px; }

h2 {
  font-size: 24px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 15px; }

@media only screen and (max-width: 575px) {
  h1 {
    font-size: 26px; }
  h2 {
    font-size: 22px; }
  h3 {
    font-size: 19px; } }

@media (max-width: 640px) {
  h1 {
    font-size: 24px; }
  h2 {
    font-size: 20px; }
  h3 {
    font-size: 19px; }
  h4 {
    font-size: 18px; } }

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
  color: inherit; }

.heading-row {
  margin-bottom: 30px; }

.heading {
  position: relative;
  margin-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 0.03em; }

.bottom-line:after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  margin: 4px auto 0;
  z-index: 1;
  position: relative; }

p {
  font-size: 15px;
  color: #7b7b7b;
  font-weight: normal;
  line-height: 26px;
  margin: 0 0 10px; }

address {
  font-style: normal; }

.lead {
  font-size: 18px;
  line-height: 32px; }

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

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

@media only screen and (max-width: 1439px) {
  .text-lg-center {
    text-align: center; } }

@media only screen and (max-width: 991px) {
  .text-md-center {
    text-align: center; } }

@media only screen and (max-width: 767px) {
  .text-sm-center {
    text-align: center; } }

@media only screen and (max-width: 575px) {
  .text-xs-center {
    text-align: center; } }

blockquote {
  padding: 15px 0 15px 37px;
  border-left: 2px solid #e1e1e1;
  margin-bottom: 40px; }
  blockquote p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 5px !important;
    position: relative;
  }
  blockquote cite {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    color: #000; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #e1e1e1; }

/*-------------------------------------------------------*/
/* Grid
/*-------------------------------------------------------*/
.section-wrap {
  padding: 70px 0;
  overflow: hidden;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; 
}
.mobile .section-wrap {background-position: 50% 50% !important;background-attachment: scroll !important; }
.container-semi-fluid {padding: 0 50px; }
@media only screen and (max-width: 767px) {
  .section-wrap {padding: 50px 0; } 
}
@media only screen and (max-width: 575px) {
  .section-wrap {padding: 40px 0; }
}
@media only screen and (max-width: 767px) {
  .container-semi-fluid {padding: 0 15px; } 
}
@media (min-width: 1440px) {
  .container {max-width: 1300px; } 
}
@media (min-width: 1600px) {
  .container {max-width: 1500px; } 
}

@media (min-width: 1920px) {
  .container {max-width: 1710px; } 
}

/* Flexbox
-------------------------------------------------------*/
.flex-parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.flex-child {
  -webkit-box-flex: 1 0 0;
  -webkit-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0; }

/* Columns With No Gutters
-------------------------------------------------------*/
.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

/* Row Gutters
-------------------------------------------------------*/
.row-8 {
  margin: 0 -4px; }
  .row-8 > div {
    padding: 0 4px; }

.row-10 {
  margin: 0 -5px; }
  .row-10 > div {
    padding: 0 5px; }

.row-24 {
  margin: 0 -12px; }
  .row-24 > div {
    padding: 0 12px; }

/*-------------------------------------------------------*/
/* Buttons
/*-------------------------------------------------------*/
.btn {
  font-weight: 700;
  overflow: hidden;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.05em;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #fff;
  background-color: #000000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:hover {
    color: #fff;
    background-color: #015e94 !important;
    border-color: transparent; }
  .btn:focus {
    outline: none;
    color: #fff; }
  .btn-lg, .btn-lg.btn-button {
    font-size: 16px;
    padding: 0 30px; }
    .btn-lg span, .btn-lg.btn-button span {
      line-height: 52px; }
    .btn-lg i, .btn-lg.btn-button i {
      font-size: 16px;
      margin-right: 4px; }
  .btn-lg.btn-button {
    height: 54px; }
  .btn-md, .btn-md.btn-button {
    font-size: 13px;
    padding: 0 20px; }
    .btn-md span, .btn-md.btn-button span {
      line-height: 43px; }
  .btn-md.btn-button {
    height: 45px; }
  .btn-sm, .btn-sm.btn-button {
    font-size: 11px;
    padding: 0 20px;
    line-height: 28px; }
  .btn-sm.btn-button {
    height: 30px; }
  .btn-color {
    background-color: #ec2424; }
    .btn-color:hover {
      background-color: #000 !important; }
  .btn-transparent {
    background-color: transparent;
    border: 1px solid #fff; }
  .btn-stroke {
    color: #000000;
    border: 1px solid #e1e1e1;
    background-color: transparent; }
  .btn-dark {
    background-color: #000000; }
  .btn-white {
    background-color: #fff;
    color: #000000; }
  .btn-light {
    background-color: #f7f7f7;
    color: #000000; }
  .btn-white:focus, .btn-stroke:focus, .btn-transparent:focus {
    color: #000000; }

.rounded,
.rounded:before {
  border-radius: 70px; }

/* Input Buttons
-------------------------------------------------------*/
.btn-button {
  border: none;
  margin-bottom: 0;
  width: auto; }
  .btn-button.btn-color, .btn-button.btn-dark {
    color: #fff; }
  .btn-button.btn-color:hover, .btn-button.btn-color:focus {
    background-color: #000; }
  .btn-button.btn-wide {
    width: 100%; }
  .btn-button:hover, .btn-button:focus {
    color: #fff;
    background-color: #ec2424; }

/*-------------------------------------------------------*/
/* Accordions and Toggles
/*-------------------------------------------------------*/
.accordion__heading {
  position: relative;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.accordion__toggle {
  display: block;
  width: 10px;
  height: 2px;
  background-color: #7b7b7b;
  right: 22px;
  top: 28px;
  position: absolute; }

.accordion--is-closed span {
  background-color: #7b7b7b; }

.accordion--is-closed span:after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  position: absolute;
  top: 0;
  background-color: #7b7b7b;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.accordion--is-open span {
  background-color: #000; }

.accordion__body,
.toggle__body {
  padding-bottom: 17px;
  line-height: 26px; }

.accordion__link,
.toggle__link {
  display: block;
  position: relative;
  text-decoration: none;
  padding: 18px 0;
  color: #7b7b7b;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-top: 1px solid #e1e1e1; }

.toggle__link {
  border-bottom: 1px solid #e1e1e1;
  padding: 14px 0; }
  .toggle__link:after {
    font-family: "ui-icons";
    position: absolute;
    content: "\e802";
    right: 0;
    top: 12px;
    color: #7b7b7b;
    font-size: 18px; }
  .toggle__link.active:after {
    content: "\e809";
    color: #000000; }

.toggle__body {
  padding: 20px 0 10px;
  border: none; }

/*-------------------------------------------------------*/
/* Form Elements
/*-------------------------------------------------------*/
input,
select,
textarea {
  height: 45px;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  background-color: #ffffff;
  width: 100%;
  margin-bottom: 30px;
  padding: 0 12px;
  -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -ms-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  color: #868686;
  font-size: 15px; }

textarea {
  height: auto;
  display: block;
  padding: 8px 16px;
  margin-bottom: 30px; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input:focus,
textarea:focus {
  border-color: #ec2424;
  background-color: #fff;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Change Color of Placeholders */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #868686; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #868686;
  opacity: 1; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #868686;
  opacity: 1; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #868686; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-left: 12px;
  background-image: url(../images/dropdown.png);
  background-repeat: no-repeat;
  background-position: 100% 50%; 
  outline: none;
}

select::-ms-expand {
  display: none; }

label {
  color: #7b7b7b;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  margin-bottom: 6px; 
  font-family: 'RubikLight';

}

label strong{color: #000;}

/* Checkboxes & Radio Buttons
-------------------------------------------------------*/

input[type="checkbox"] + label:before {
  width: 13px;
  height: 13px;
  content: "";
  display: inline-block;
  font-size: 13px;
  margin: -4px 10px 0 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #7b7b7b; 
}
input[type="checkbox"]:checked + label:after {
  width: 7px;
  height: 7px;
  content: "";
  display: inline-block;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #000;
  position: absolute;
  left: 3px;
  top: 7px; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  cursor: pointer;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  position: relative;
  line-height: 22px; }

.radio-buttons > li,
.checkboxes > li {
  padding: 7px 0; }

input[type="radio"] {
  display: block; }

input[type="radio"] + label:before {
  display: inline-block;
  content: "";
  width: 15px;
  height: 15px;
  -webkit-box-shadow: 0 0 0 1px #7b7b7b;
  box-shadow: 0 0 0 1px #7b7b7b;
  border-radius: 40px;
  margin: -3px 10px 0 0;
  outline: none;
  vertical-align: middle;
  cursor: pointer;
  margin-bottom: 0; 
}
input[type="radio"]:checked + label:before {
  background-color: #000;
  border: 4px solid #fff;
  padding: 1px; 
}
input[type="radio"]:focus { outline: none; }
.form-group  input[type="checkbox"] + label:before{display: none;}
.form-group  input[type="checkbox"] + label:after{display: none;}
.form-group .dynamic-checkbox:checked + label:after {display: none;}
#contact-form .message {
  height: 50px;
  width: 100%;
  font-size: 13px;
  line-height: 50px;
  text-align: center;
  float: none;
  margin-top: 20px;
  display: none;
  color: #fff; }

#contact-form .message.error {
  background-color: #f44336; }

#contact-form .message.success {
  background-color: #4CAF50; }

/*-------------------------------------------------------*/
/* Sliders
/*-------------------------------------------------------*/
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative; }

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none; }

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block; }

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.owl-height {
  -webkit-transition: height .5s ease-in-out;
  -o-transition: height .5s ease-in-out;
  transition: height .5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .1s ease;
  transition: -webkit-transform .1s ease;
  -o-transition: transform .1s ease;
  transition: transform .1s ease;
  transition: transform .1s ease, -webkit-transform .1s ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.owl-prev, .owl-next {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  text-align: center;
  line-height: 34px;
  z-index: 10;
  width: 34px;
  height: 34px;
  font-size: 34px;
  color: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.owl-prev {
  left: -34px; }

.owl-next {
  right: -34px; }

.owl-carousel:hover .owl-prev {
  opacity: 1;
  left: 10px; }

.owl-carousel:hover .owl-next {
  opacity: 1;
  right: 10px; }

.owl-next:hover i,
.owl-prev:hover i {
  color: #000; }

.owl-carousel--dark-arrows .owl-prev, .owl-carousel--dark-arrows .owl-next {
  color: #7b7b7b; }

.owl-carousel--visible-arrows .owl-prev, .owl-carousel--visible-arrows .owl-next {
  opacity: 1; }

.owl-carousel--visible-arrows .owl-prev,
.owl-carousel--visible-arrows:hover .owl-prev {
  left: -60px; }

.owl-carousel--visible-arrows .owl-next,
.owl-carousel--visible-arrows:hover .owl-next {
  right: -60px; }

.owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  margin-top: 30px; }

.owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline; }

.owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px;
  background: #fff;
  opacity: 0.6;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  border-radius: 30px; }

.owl-dot.active span,
.owl-dot:hover span {
  opacity: 1; }

.owl-carousel--dots-inside .owl-dots {
  position: absolute;
  bottom: 12px;
  margin-top: 0;
  width: 100%; }

/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: 0; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: #fff;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.flickity-prev-next-button:hover {
  background: #fff; }

.flickity-prev-next-button:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 5px #09f;
  box-shadow: 0 0 0 5px #09f; }

.flickity-prev-next-button:active {
  opacity: .6; }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button:disabled {
  opacity: .3;
  cursor: auto; }

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-prev-next-button .arrow {
  fill: #333; }

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: .25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  opacity: 1; }

.is-dragging {
  pointer-events: none; }

.flickity-prev-next-button,
.flickity-prev-next-button:hover {
  background-color: transparent; }

/*-------------------------------------------------------*/
/* Magnific Pupop
/*-------------------------------------------------------*/
.mfp-bg, .mfp-wrap {
  position: fixed;
  left: 0;
  top: 0; }

.mfp-bg, .mfp-container, .mfp-wrap {
  height: 100%;
  width: 100%; }

.mfp-arrow:after, .mfp-arrow:before, .mfp-container:before, .mfp-figure:after {
  content: ''; }

.mfp-bg {
  z-index: 1042;
  overflow: hidden;
  background: #0b0b0b;
  opacity: .8; }

.mfp-wrap {
  z-index: 1043;
  outline: 0 !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-close, .mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
  display: none; }

button.mfp-arrow, button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

.mfp-figure:after, .mfp-iframe-scaler iframe {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  padding: 0 0 18px 10px;
  font-style: normal;
  font-size: 28px;
  font-family: Arial,Baskerville,monospace; }

.mfp-close:focus, .mfp-close:hover {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-figure, img.mfp-img {
  line-height: 0; }

.mfp-arrow {
  position: absolute;
  opacity: .65;
  margin: -55px 0 0;
  top: 50%;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:focus, .mfp-arrow:hover {
  opacity: 1; }

.mfp-arrow:after, .mfp-arrow:before {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: inset transparent; }

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: .7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-image-holder .mfp-content, img.mfp-img {
  max-width: 100%; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000; }

.mfp-figure:after, img.mfp-img {
  width: auto;
  height: auto;
  display: block; }

img.mfp-img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto; }

.mfp-figure:after {
  top: 40px;
  bottom: 40px;
  right: 0;
  z-index: -1;
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/*-------------------------------------------------------*/
/* Tables
/*-------------------------------------------------------*/
.table-wrap {
  margin-bottom: 34px; }

/*-------------------------------------------------------*/
/* Social Icons
/*-------------------------------------------------------*/
.socials a {
  display: inline-block;
  line-height: 20px;
  color: #868686;
  text-align: center;
  margin-left: 18px;
  font-size: 20px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .socials a:hover {
    color: #ec2424; }
  .socials a:first-child {
    margin-left: 0; }

.socials--white a {
  color: #fff; }

.socials--small a {
  font-size: 20px;
  line-height: 24px; }

.socials .facebook:hover {
  color: #4c70ba; }

.socials .twitter:hover {
  color: #00acee; }

.socials .google-plus:hover {
  color: #dd4b39; }

.socials .snapchat:hover {
  color: #fffb01; }

.socials .linkedin:hover {
  color: #0e76a8; }

.socials .pinterest:hover {
  color: #c8232c; }

.socials .instagram:hover {
  color: #d93175; }

/*-------------------------------------------------------*/
/* Hero
/*-------------------------------------------------------*/
.hero__slide {
  height: 670px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .hero__slide {
      height: 500px; } }

.hero .container {
  height: 100%; }

.hero__title {
  font-size: 45px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-top: 42px;
  top: 10%;
  margin-bottom: 0;
  display: inline-block; }
  @media only screen and (max-width: 991px) {
    .hero__title {
      font-size: 34px;
      margin-top: 60px;
      margin-bottom: 10px; } }
  @media only screen and (max-width: 767px) {
    .hero__title {
      margin-top: 40px; } }
  @media only screen and (max-width: 575px) {
    .hero__title {
      font-size: 28px; } }

.hero__link {
  color: #000;
  text-transform: uppercase;
  border-bottom: 2px solid #000;
  font-size: 23px;
  font-weight: 700;
  margin-left: 20px;
  position: relative;
  bottom: 8px; }
  .hero__link:hover {
    color: #ec2424;
    border-color: #ec2424; }
  @media only screen and (max-width: 991px) {
    .hero__link {
      margin: 0 20px; } }

.hero__holder {
  position: absolute;
  left: 61%;
  top: 24%; }
  @media only screen and (max-width: 575px) {
    .hero__holder {
      top: 18%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      text-align: center; } }

.hero__title-1 {
  font-size: 72px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 41px; }
  @media only screen and (max-width: 991px) {
    .hero__title-1 {
      font-size: 60px; } }
  @media only screen and (max-width: 767px) {
    .hero__title-1 {
      font-size: 48px; } }

.hero__link-1 {
  font-size: 23px;
  font-weight: 700; }
  .hero__link-1 span {
    line-height: 68px; }
  @media only screen and (max-width: 991px) {
    .hero__link-1 {
      font-size: 18px; }
      .hero__link-1 span {
        line-height: 54px; } }

.hero__holder-1 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative; }
  @media only screen and (max-width: 575px) {
    .hero__holder-1 {
      top: 45%; } }

.hero__title-2 {
  font-size: 100px;
  letter-spacing: .2em;
  color: #fff;
  text-transform: uppercase;
  line-height: 1; }
  @media only screen and (max-width: 991px) {
    .hero__title-2 {
      font-size: 70px;
      letter-spacing: .1em; } }
  @media only screen and (max-width: 575px) {
    .hero__title-2 {
      font-size: 38px; } }

.hero__subtitle {
  font-size: 33px;
  font-weight: 700;
  font-style: italic;
  color: #fff;
  margin-bottom: 46px; }
  @media only screen and (max-width: 575px) {
    .hero__subtitle {
      font-size: 24px;
      margin-bottom: 30px; } }

/*-------------------------------------------------------*/
/* Features
/*-------------------------------------------------------*/
.feature {
  border: 2px solid #e1e1e1;
  padding: 11px 30px; }
  @media only screen and (min-width: 768px) {
    .feature:first-child {
      border-right: 0; }
    .feature:last-child {
      border-left: 0; } }
  .feature__icon {
    font-size: 24px;
    float: left;
    margin-right: 20px;
    color: #000; }
  .feature__holder {
    margin-left: 40px; }
  .feature__title {
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 16px;
    margin-bottom: 0; }
  .feature__text {
    font-size: 13px; }
  .feature__promo {
    color: #ec2424; }

/*-------------------------------------------------------*/
/* Testimonials
/*-------------------------------------------------------*/
.testimonial__rating {
  margin-top: 3px; }

.testimonial__text {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 18px;
  margin-top: 21px; }

.testimonial__author {
  color: #000;
  font-size: 13px; }

/*-------------------------------------------------------*/
/* Blog
/*-------------------------------------------------------*/
.entry {
  overflow: hidden;
  margin-bottom: 40px; }
  .entry__img-holder {
    position: relative;
    overflow: hidden;
    margin-bottom: 27px; }
  .entry__img {
    width: 100%; }
  .entry__header {
    padding-bottom: 7px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e1e1e1; }
  .entry__title {
    font-size: 28px;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 0.03em;
    margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .entry__title {
        font-size: 22px; } }
    .entry__title:hover a {
      color: #ec2424; }
  .entry__meta li {
    display: inline-block;
    font-size: 10px; }
  .entry__meta a {
    color: #7b7b7b; }
    .entry__meta a:hover {
      color: #ec2424; }
  .entry__meta li + li {
    margin-left: 27px; }
  .entry__meta-label {
    text-transform: uppercase;
    letter-spacing: .03em;
    font-weight: 700; }
  .entry__excerpt p {
    margin-bottom: 15px; }
  .entry__read-more-link {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.03em;
    font-weight: 700;
    color: #7b7b7b; }
    .entry__read-more-link:hover {
      color: #ec2424; }

/*-------------------------------------------------------*/
/* Blog Single Post
/*-------------------------------------------------------*/
.entry__article h1, .entry__article h2, .entry__article h3, .entry__article h4, .entry__article h5, .entry__article h6 {
  margin-top: 36px; }

.entry__article p {
  margin-bottom: 36px; }

.entry__article ol, .entry__article ul {
  padding-left: 16px;
  line-height: 26px; }

.entry__article ul {
  list-style: disc; }

/* Share / tags
/*-------------------------------------------------------*/
.entry__tags {
  margin-top: 40px;
  padding-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #000;
  font-size: 15px;
}
.entry__tags a {
  color: #7b7b7b;
  text-transform: none;
  letter-spacing: normal; 
}
.entry__tags a:hover {color: #ec2424; }

.entry__share {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  padding: 24px 0;
  text-align: center; }
  .entry__share-label {
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #000;
    margin-bottom: 8px; }

/* Author
-------------------------------------------------------*/
.entry-author {padding: 40px 46px;margin-bottom: 58px;background-color: #f7f7f7;position: relative; }
.entry-author__img {display: block;float: left;margin-right: 36px;border-radius: 50%; }
.entry-author__info {overflow: hidden;margin-top: 5px; }
.entry-author__name {font-size: 18px;text-transform: uppercase;letter-spacing: 0.03em; }

@media only screen and (max-width: 575px) {
  .entry-author {padding: 20px; } 
}

@media only screen and (max-width: 575px) {
  .entry-author__img {width: 40px;margin-right: 20px; } 
}
  
@media only screen and (max-width: 575px) {
  .entry-author__info {margin-top: 0; } 
}
  
/* Comments
/*-------------------------------------------------------*/
.entry-comments__title {font-size: 24px; }

@media only screen and (min-width: 576px) {
  .comment .children {padding-left: 8%; } 
}

.comment-list > li:last-child > .comment-body {border-bottom: 0; }
.comment-body {margin-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #e1e1e1; }
.comment-text {overflow: hidden; }
.comment-text p {margin-bottom: 10px; }
.comment-avatar {float: left;margin-right: 24px;display: block;border-radius: 50%;overflow: hidden; }

@media only screen and (max-width: 575px) {
  .comment-avatar {width: 40px; } 
}

.comment-author {
  color: #000000;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  display: block;
  margin-bottom: 0; }

.comment-date, .comment-edit-link {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 12px;
  color: #868686; }

.comment-edit-link {
  margin-left: 5px;
  margin-bottom: 0;
  color: #ec2424; }

.comment-reply {
  color: #000; }
  .comment-reply:hover {
    color: #ec2424; }

/* Comment Form
/*-------------------------------------------------------*/
.comment-form p {
  margin: 0; }

.comment-form__title {
  font-size: 20px; }

.comment-respond {
  margin-top: 40px; }
  .comment-respond__title {
    font-size: 24px;
    margin-bottom: 18px; }

/*-------------------------------------------------------*/
/* Sidebar
/*-------------------------------------------------------*/
.sidebar__box {
  background-color: #f7f7f7;
  padding: 45px 40px; }
  @media only screen and (max-width: 575px) {
    .sidebar__box {
      padding: 20px; } }

.sidebar .widget {
  margin-bottom: 60px; }
  .sidebar .widget:last-child {
    margin-bottom: 0; }

.sidebar .widget ul li {
  position: relative; }

/*-------------------------------------------------------*/
/* Widgets
/*-------------------------------------------------------*/
.widget-title {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .03em;
  margin-bottom: 12px;
  font-weight: 700; }

.widget li {
  padding: 4px 0; }
  .widget li a {
    color: #7b7b7b; }
  .widget li a:hover {
    color: #ec2424; }

.widget--bottom-line {
  padding-bottom: 24px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 24px !important; }

.widget .sub-menu {
  padding-left: 15px;
  padding-top: 5px; }
  .widget .sub-menu li {
    padding: 5px 0 !important; }

.widget .children {
  padding-top: 10px;
  padding-left: 15px;
  margin-top: 10px; }

/* Filter by Color / Size
-------------------------------------------------------*/
.widget__filter-by-color label,
.widget__filter-by-size label {
  color: #7b7b7b !important; }

/* Price Slider
-------------------------------------------------------*/
.ui-slider-horizontal {
  cursor: pointer;
  position: relative;
  height: 5px;
  background: #e1e1e1;
  margin-bottom: 24px;
  margin-top: 24px; }

.widget__filter-by-price .ui-slider .ui-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #000000;
  top: -4px;
  margin-left: -14px;
  border-radius: 50%; }

.widget__filter-by-price .ui-slider span:first-of-type {
  margin-left: 0; }

.ui-slider .ui-slider-range {
  position: absolute;
  background-color: #ec2424;
  height: 5px; }

.widget__filter-by-price p {
  margin-bottom: 0; }

.widget__filter-by-price #amount {
  width: 40%;
  padding: 0;
  border: none;
  background-color: transparent;
  height: auto;
  border-radius: 0;
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 1;
  vertical-align: middle; }

.widget__filter-by-price label {
  font-weight: normal;
  line-height: 33px;
  margin-bottom: 0;
  text-transform: none;
  letter-spacing: normal;
  color: #7b7b7b; }

.widget__filter-by-price p > a {
  float: right;
  padding: 0 15px; }

/* Widget About
-------------------------------------------------------*/
@media only screen and (min-width: 992px) {
  .widget__about-text {
    padding-right: 110px; } }

/* Widget Newsletter 
-------------------------------------------------------*/
.mc4wp-form-fields {
  position: relative; }

.mc4wp-form-fields p {
  margin-bottom: 0; }
  .mc4wp-form-fields p:last-child:before {
    content: "\f3d3";
    font-family: 'ui-icons';
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    text-align: center;
    font-size: 16px; }

.mc4wp-form-fields input[type=email],
.mc4wp-form-fields input[type=text] {
  background-color: transparent;
  border-color: #353535;
  margin-bottom: 10px; }
  .mc4wp-form-fields input[type=email]:focus,
  .mc4wp-form-fields input[type=text]:focus {
    border-color: #e1e1e1; }

.mc4wp-form-fields input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  background-color: transparent;
  width: 45px;
  height: 45px;
  border: none;
  margin-bottom: 0;
  font-size: 13px;
  padding: 0; }

/* Search
-------------------------------------------------------*/
.widget-search-input {
  background-color: #fff; }

.widget-search-button {
  position: absolute;
  top: 0;
  height: 100%;
  width: 45px;
  padding: 0;
  background-color: transparent;
  border: 0;
  right: 0;
  font-size: 17px;
  vertical-align: middle; }

/* Recent Posts
-------------------------------------------------------*/
.widget_recent_entries li {
  padding-bottom: 7px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e1e1e1; }
  .widget_recent_entries li:last-child {
    border-bottom: 0; }

.widget_recent_entries li a {
  display: block;
  color: #000000; }
  .widget_recent_entries li a:hover {
    color: #ec2424; }

.widget_recent_entries span {
  font-size: 10px; }

/* Tags
-------------------------------------------------------*/
.widget_tags a {
  padding: 7px 10px;
  line-height: 1;
  margin: 0 10px 10px 0;
  font-size: 13px;
  border: 1px solid #e1e1e1;
  color: #7b7b7b;
  display: inline-block;
  float: left; }
  .widget_tags a:hover {
    background-color: #ec2424;
    border-color: transparent;
    color: #fff; }

/*-------------------------------------------------------*/
/* Page title
/*-------------------------------------------------------*/
.page-title {
  padding-top: 70px; }
  .page-title__subtitle {
    margin-bottom: 0;
    margin-top: 17px;
    max-width: 636px;
    margin-left: auto;
    margin-right: auto; }

/* Breadcrumbs
-------------------------------------------------------*/
.breadcrumbs {
  padding: 0;
  margin-bottom: 40px;
  font-size: 13px;
  list-style: none; }
  .breadcrumbs li {
    display: inline-block; }
  .breadcrumbs li,
  .breadcrumbs a {
    color: #7b7b7b; }
  .breadcrumbs > li + li:before {
    content: "/\00a0";
    padding: 0 5px; }
  .breadcrumbs .active {
    color: #000000; }

/*-------------------------------------------------------*/
/* Pagination
/*-------------------------------------------------------*/
.pagination__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.pagination__page {
  font-size: 15px;
  width: 32px;
  height: 32px;
  line-height: 30px;
  margin: 0 2px;
  text-align: center;
  border: 1px solid #e1e1e1;
  color: #000000;
  vertical-align: middle; }
  .pagination__page:not(span):hover {
    background-color: #ec2424;
    border-color: transparent;
    color: #fff; }
  .pagination__page i {
    font-size: 18px; }
  .pagination__page--current {
    background-color: #000;
    color: #fff;
    border-color: transparent; }

/*-------------------------------------------------------*/
/* About Page
/*-------------------------------------------------------*/
.team {
  margin-bottom: 50px; }
  .team__img {
    width: 100%; }
  .team__title {
    margin-top: 28px;
    font-size: 24px;
    margin-bottom: 1px; }
  .team__position {
    font-size: 15px;
    font-weight: 700; }

/*-------------------------------------------------------*/
/* Contact Page
/*-------------------------------------------------------*/
.contact-name,
.contact-email,
.contact-subject {
  max-width: 266px; }

.contact-info {
  background-color: #f7f7f7;
  padding: 45px 40px; }
  @media only screen and (max-width: 575px) {
    .contact-info {
      padding: 20px; } }
  .contact-info__item {
    margin-bottom: 60px;
    line-height: 26px; }
    .contact-info__item:last-child {
      margin-bottom: 0; }
  .contact-info__title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 15px; }
  .contact-info__store-title {
    margin-bottom: 5px; }
  .contact-info a {
    color: #7b7b7b; }
    .contact-info a:hover {
      color: #ec2424; }

/* Gmap
-------------------------------------------------------*/
.gmap {
  width: 100%;
  height: 428px; }

/*-------------------------------------------------------*/
/* 404
/*-------------------------------------------------------*/
.page-404 {
  text-align: center;
  padding: 130px 0; }
  @media only screen and (max-width: 575px) {
    .page-404 {
      padding: 70px 0; } }
  .page-404__title {
    font-size: 334px;
    letter-spacing: 0.03em;
    color: #b2b2b2;
    line-height: .75; }
    @media only screen and (max-width: 767px) {
      .page-404__title {
        font-size: 200px; } }
    @media only screen and (max-width: 575px) {
      .page-404__title {
        font-size: 120px; } }
  .page-404__subtitle {
    font-size: 50px; }
    @media only screen and (max-width: 767px) {
      .page-404__subtitle {
        font-size: 36px; } }
  .page-404__text {
    font-size: 18px;
    line-height: 32px;
    max-width: 636px;
    margin: 0 auto 25px auto; }

/*-------------------------------------------------------*/
/* Products
/*-------------------------------------------------------*/
.product {
  margin-bottom: 30px; 
}
  .product__link, .product__img-holder {
    display: block;
    position: relative; }
  .product__img-holder {
    margin-bottom: 11px;
    overflow: hidden; }
  .product__img, .product__img-back {
    overflow: hidden;
    min-width: 99.9%; }
  .product__img-back {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .product:hover .product__img-back {
    opacity: 1;
    visibility: visible; }
  .product__actions {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    opacity: 0;
    width: 100%;
    padding: 15px 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
    .product__actions a {
      display: inline-block;
      float: left;
      color: #000;
      width: 50%;
      text-align: center; }
      .product__actions a:hover {
        color: #ec2424; }
    .product__actions i {
      font-size: 16px;
      display: block;
      line-height: 1; }
    .product__actions span {
      font-size: 13px; }
  .product:hover .product__actions {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  .product__title {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 4px; }
    .product__title:hover a {
      text-decoration: underline; }
  .product__price del {
    color: #7b7b7b;
    font-weight: 700;
    font-size: 13px; }
  .product__price ins {
    text-decoration: none;
    color: #000;
    font-weight: 600;
    font-size: 13px;
    margin-right: 10px; }

.sale {
  color: #fff;
  background-color: #e95e49; }

.sold-out {
  background-color: rgba(255, 255, 255, 0.9);
  color: #000000;
  pointer-events: none;
  padding: 15px 0;
  display: block;
  text-align: center;
  width: 100%;
  z-index: 5;
  text-transform: uppercase;
  font-weight: bold;
  cursor: default;
  font-size: 11px;
  letter-spacing: 0.05em; }

.rating {
  font-size: 13px;
  line-height: 26px; }
  .rating:before {
    font-family: 'ui-icons';
    content: '\f2fc' '\f2fc' '\f2fc' '\f2fc' '\f2fc';
    letter-spacing: 0.25em;
    font-size: 18px;
    color: #b5ab93;
    font-style: normal; }
  .rating a {
    color: #7b7b7b;
    margin-left: 15px; }
  .rating__time {
    font-size: 13px;
    margin-left: 15px; }

/*-------------------------------------------------------*/
/* Sign in Popup
/*-------------------------------------------------------*/
.sign-in-popup {
  max-width: 800px;
  margin: auto;
  background-color: #fff;
  padding: 30px 30px 0 30px;
  position: relative; }
  .sign-in-popup__forgot-password {
    color: #7b7b7b;
    font-size: 13px;
    float: right; }
    .sign-in-popup__forgot-password:hover {
      color: #ec2424; }

/* overlay at start */
.mfp-fade.mfp-bg,
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.40s ease-out;
  -moz-transition: all 0.40s ease-out;
  -o-transition: all 0.40s ease-out;
  transition: all 0.40s ease-out; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

/*-------------------------------------------------------*/
/* Quickview Popup
/*-------------------------------------------------------*/
.quickview-popup {
  max-width: 800px;
  margin: auto;
  background-color: #fff;
  position: relative; }
  .quickview-popup__padding-box {
    padding: 30px 30px 20px 0; }

.processed {
  overflow: visible; }

/*-------------------------------------------------------*/
/* Catalogue
/*-------------------------------------------------------*/
/* Filter
-------------------------------------------------------*/
.shop-filter {
  padding-bottom: 14px;
  margin-bottom: 50px;
  text-align: right; }

.woocommerce-result-count {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 10px; }

.woocommerce-result-count,
.woocommerce-ordering-label {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 15px;
}

.woocommerce-ordering {
  float: right;
  width: 190px; }
  .woocommerce-ordering-label {
    color: #000;
    margin-right: 20px; }
    .woocommerce-ordering-label:before {
      content: '';
      display: inline-block;
      height: 25px;
      width: 1px;
      position: relative;
      top: 5px;
      margin-right: 20px;
      margin-left: 15px;
      background-color: #e1e1e1; }
  .woocommerce-ordering select {
    margin-bottom: 0;
    background-color: #fff; }

/*-------------------------------------------------------*/
/* Single Product
/*-------------------------------------------------------*/
@media only screen and (min-width: 992px) {
  .product-slider {
    padding-right: 31px; } }

/* Image slider
/*-------------------------------------------------------*/
#gallery-main .gallery-cell {
  margin-bottom: 8px; }

.gallery-cell,
#gallery-main img {
  width: 100%; }

.gallery-thumbs {
  margin: 0 -4px; }
  .gallery-thumbs .gallery-cell {
    width: 20%;
    float: left;
    padding: 0 4px; }
  .gallery-thumbs img {
    opacity: 0.5;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .gallery-thumbs .is-nav-selected img,
  .gallery-thumbs img:hover {
    opacity: 1; }

#gallery-main .gallery-cell a,
#gallery-main .gallery-cell {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  cursor: zoom-in; }

.quickview-popup #gallery-main .gallery-cell {
  cursor: -webkit-grab;
  cursor: grab; }

/* Product Description
/*-------------------------------------------------------*/
.product-single__title {
  margin-bottom: 0;
  line-height: 1.2; }

.product-single__price {
  display: block;
  margin-top: 22px; }
  .product-single__price ins {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    margin-right: 15px; }
  .product-single__price del {
    font-weight: 700;
    font-size: 13px; }

.product-single__actions {
  margin-top: 4px;
  margin-bottom: 20px; }

.product-single__add-to-cart, .product-single__add-to-wishlist {
  width: 100%;
  margin-bottom: 10px; }

/* Product Meta
-------------------------------------------------------*/
.product_meta {
  margin-bottom: 28px; }
  .product_meta span {
    line-height: 24px;
    font-size: 15px;
    color: #000000; }
  .product_meta span span {
    color: #7b7b7b; }

/* Colors
-------------------------------------------------------*/
.colors {
  margin: 22px 0 24px; }
  .colors__label {
    display: block;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin-bottom: 7px; }
    .colors__label-selected {
      color: #000; }
  .colors__item {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 5px; }
    .colors__item--selected {
      border: 1px solid #000; }

.blue {
  background-color: #30427a; }

.black {
  background-color: #000; }

.pink {
  background-color: #ffd8db; }

/* Size / Quantity
-------------------------------------------------------*/
.size,
.quantity {
  width: 50%;
  float: left; }

.size__select,
.quantity__select {
  background-color: #fff; }

.size {
  padding-right: 5px; }

.quantity {
  padding-left: 5px; }

/* Accordion
/*-------------------------------------------------------*/
.reviews__content p:first-child {
  margin-bottom: 0; }

.reviews__body {
  padding: 12px 0; }

/*-------------------------------------------------------*/
/* Cart Page
/*-------------------------------------------------------*/
@media (max-width: 560px) {
  .table-wrap {
    overflow-x: scroll; } }

.shop_table thead th {
  border-top: 0;
  border-bottom: 0;
  padding: 6px;
  color: #000000;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.03em; }

.shop_table tr td {
  vertical-align: middle;
  padding: 6px; }

.shop_table tr:last-child {
  border-bottom: 1px solid #e1e1e1; }

.shop_table .product-thumbnail {
  padding: 13px 50px 13px 0;
  width: 215px;
  min-width: 80px; }
  @media only screen and (max-width: 991px) {
    .shop_table .product-thumbnail {
      padding: 13px 13px 13px 0; } }

.shop_table td.product-name {
  width: 30%;
  line-height: 24px; }

.shop_table td.product-quantity {
  min-width: 120px; }
  .shop_table td.product-quantity .quantity {
    padding-left: 0;
    width: auto;
    float: none; }

.shop_table .product-name a,
.shop_table .product-price span,
.shop_table .product-subtotal span {
  color: #000000; }

.shop_table .product-name a:hover {
  color: #ec2424; }

@media only screen and (max-width: 575px) {
  .shop_table tbody .product-name {
    font-size: 13px;
    line-height: 1.5; }
  .shop_table .product-price {
    display: none; } }

.shop_table .product-price {
  width: 16%; }

.shop_table .product-price span,
.shop_table .product-subtotal span {
  font-size: 13px;
  color: #7b7b7b;
  font-weight: 700;
  letter-spacing: .03em; }

.shop_table .product-subtotal span {
  color: #000000; }

.shop_table .product-remove {
  text-align: right;
  min-width: 30px; }

.shop_table .remove {
  color: #7b7b7b; }
  .shop_table .remove:hover {
    background-color: transparent;
    color: #000; }

.remove {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #7b7b7b; }
  .remove i {
    font-size: 18px;
    display: block; }
  .remove:hover {
    background-color: #ec2424;
    color: #fff; }

/* Quantity
-------------------------------------------------------*/
.quantity.buttons_added {
  white-space: nowrap;
  position: relative;
  display: inline-block; }

.quantity.buttons_added .minus,
.quantity.buttons_added .plus,
.quantity.buttons_added .qty {
  margin-bottom: 0;
  width: 35px;
  height: 35px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  font-size: 22px;
  float: left;
  padding: 0;
  text-align: center;
  border-radius: 0;
  line-height: 1; }

.quantity.buttons_added .minus {
  border-right: 0;
  width: 28px; }

.quantity.buttons_added .plus {
  border-left: 0;
  width: 28px; }

.quantity .input-text.qty {
  font-size: 13px; }

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; }

/* Coupon / Update cart / Proceed to checkout
-------------------------------------------------------*/
.coupon .input-text {
  width: 50%;
  display: inline-block;
  float: left;
  margin-right: 10px; }

.actions {
  float: right; }
  @media only screen and (max-width: 991px) {
    .actions {
      float: none; } }

.actions > input,
.actions > div {
  display: inline-block; }

.actions > div {
  margin-left: 5px; }

@media (max-width: 413px) {
  .actions > input,
  .actions > div {
    display: block;
    margin-left: 0;
    margin-bottom: 10px;
    width: 100%; }
  .actions a {
    width: 100%; } }

/* Shipping
-------------------------------------------------------*/
.shipping-calculator-form p {
  margin: 0; }

.shipping-calculator-form > p:last-child {
  margin-bottom: 30px; }

select.country_to_state,
#calc_shipping_postcode,
#calc_shipping_state {
  margin-bottom: 24px; }

/* Cart Totals
-------------------------------------------------------*/
.cart_totals .table td,
.cart_totals .table th,
.ecommerce-checkout-review-order-table td,
.ecommerce-checkout-review-order-table th {
  padding: 7px 0;
  font-weight: 400; }

.cart_totals tr:first-child th,
.cart_totals tr:first-child td,
.ecommerce-checkout-review-order-table tr:first-child th,
.ecommerce-checkout-review-order-table tr:first-child td {
  border-top: 0; }

.cart_totals tr td,
.ecommerce-checkout-review-order tr td {
  text-align: right; }

.order-total th,
.order-total .amount {
  font-weight: 700 !important;
  color: #000000; }

/*-------------------------------------------------------*/
/* Checkout
/*-------------------------------------------------------*/
.showlogin {
  color: #000000; }

.ecommerce-checkout #customer_details p {
  margin-bottom: 24px; }

.ecommerce-checkout #customer_details input,
.ecommerce-checkout #customer_details select,
.ecommerce-checkout #customer_details textarea {
  margin-bottom: 0; }

.ecommerce-checkout #customer_details textarea {
  min-height: 110px; }

.ecommerce-checkout .create-account {
  padding-bottom: 24px;
  margin-bottom: 25px !important;
  border-bottom: 1px solid #e1e1e1; }

.ecommerce-checkout .ecommerce-shipping-fields {
  margin-bottom: 34px; }

abbr.required {
  color: #e7604a; }

#billing_address_1_field {
  margin-bottom: 10px !important; }

/* Your Order
-------------------------------------------------------*/
.order-review-wrap {
  border: 2px solid #7b7b7b;
  padding: 40px; }
  @media only screen and (max-width: 575px) {
    .order-review-wrap {
      padding: 20px; } }

.ecommerce-checkout-review-order-table {
  margin-bottom: 40px; }

.payment_methods li {
  padding: 15px 0;
  border-bottom: 1px solid #e1e1e1; }

.payment_method_paypal img {
  margin-left: 15px; }

.payment_box p {
  margin-top: 10px;
  margin-bottom: 0; }

.payment_methods label {
  color: #000000; }

.place-order {
  margin-top: 34px; }

/*-------------------------------------------------------*/
/* Navigation
/*-------------------------------------------------------*/
.nav {
  min-height: 50px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 120;
  position: relative;
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -ms-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  /* Dropdowns (large screen) */ }
  .nav__holder {
    background-color: #000; }
  @media only screen and (min-width: 992px) {
    .nav {
      height: 80px; }
      .nav .nav.sticky {
        height: 80px; } }
  .nav__menu, .nav__dropdown-menu {
    list-style: none; }
  .nav__menu {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .nav__menu > li {
      position: relative; }
    .nav__menu > li > a {
      color: #ffffff;
      font-size: 14px;
      padding: 0 16px;
      display: block;
      position: relative;
      text-transform: uppercase;
      line-height: 32px;
      letter-spacing: .06em; 
    }
    .nav__menu > li > a:hover { opacity: 0.95; }
    .nav__menu > li:last-child > a { padding-right: 0; }
  @media only screen and (min-width: 992px) {
    .nav__menu > li {
      display: inline-block;
      text-align: center; }
    .nav__dropdown-menu,
    .nav__dropdown-submenu > .nav__dropdown-menu {
      position: absolute;
      padding: 22px 0;
      top: 100%;
      left: -6px;
      z-index: 1000;
      min-width: 250px;
      width: 100%;
      text-align: left;
      list-style: none;
      white-space: nowrap;
      background-color: #1a1a1a;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      display: block;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
      .nav__dropdown-menu > li > a,
      .nav__dropdown-submenu > .nav__dropdown-menu > li > a {
        color: #b2b2b2;
        padding: 4px 23px;
        font-size: 15px;
        display: block; }
        .nav__dropdown-menu > li > a:hover,
        .nav__dropdown-submenu > .nav__dropdown-menu > li > a:hover {
          color: #fff; }
    .nav__dropdown-menu.hide-dropdown {
      visibility: hidden !important;
      opacity: 0 !important; }
    .nav__dropdown-menu--right {
      right: 0; }
    .nav__dropdown:hover > .nav__dropdown-menu,
    .nav__dropdown-submenu:hover > .nav__dropdown-menu {
      opacity: 1;
      visibility: visible; }
    .nav__dropdown-submenu {
      position: relative; }
      .nav__dropdown-submenu .nav__dropdown-menu {
        left: 100%;
        top: 0; }
    .nav__megamenu {
      padding: 50px 30px; }
    .nav__megamenu-item {
      border-right: 1px solid #353535; }
      .nav__megamenu-item:last-child {
        border-right: none; }
    .nav__megamenu-title {
      
      display: block;
      color: #fff;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      font-size: 14px;
      margin-bottom: 10px; }
    .nav__megamenu-list a {
      
      display: block;
      clear: both;
      padding: 4px 0;
      white-space: nowrap;
      color: #b2b2b2;
      font-size: 15px; }
    .nav__megamenu-list a:hover, .nav__megamenu-title:hover {
      color: #fff; } }

.mobile body {
  cursor: pointer; }

/* Logo
-------------------------------------------------------*/
.logo__img {
  max-height: 21px; }

/* Nav Flexbox
-------------------------------------------------------*/
header .flex-parent {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px; }

header .flex-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
  -ms-flex: 1 0 0px;
  flex: 1 0 0; }
  header .flex-child.nav__wrap {
    -webkit-box-flex: 2;
    -webkit-flex: 2 0 0;
    -ms-flex: 2 0 0px;
    flex: 2 0 0;
    padding-top: 14px;
    padding-left: 32px; }

header .flex-child.flex-right {
  text-align: right; }

.nav--align-right {
  margin-left: auto; }

.nav--align-left {
  margin-right: auto; }
  @media only screen and (min-width: 768px) {
    .nav--align-left {
      margin-left: 60px; } }

/* Nav Search
-------------------------------------------------------*/
.nav__search {
  text-align: right; }
  .nav__search-form {
    position: relative; }
  .nav__search-input {
    border: 1px solid transparent;
    margin-bottom: 0;
    width: 222px;
    height: 30px;
    font-size: 13px;
    padding: 0 12px;
    color: #fff;
    background-color: #282828; }
    .nav__search-input:focus {
      background-color: transparent;
      border-color: #fff; }
  .nav__search-submit {
    background: none;
    position: absolute;
    border: 0;
    font-size: 15px;
    color: #c1c1c1;
    right: 7px;
    top: 4px;
    vertical-align: middle; }

/* Change Color of Placeholders */
input.nav__search-input::-webkit-input-placeholder {
  color: #c1c1c1; }

input.nav__search-input:-moz-placeholder {
  color: #c1c1c1;
  opacity: 1; }

input.nav__search-input::-moz-placeholder {
  color: #c1c1c1;
  opacity: 1; }

input.nav__search-input:-ms-input-placeholder {
  color: #c1c1c1; }

/* Mobile Search */
.sidenav__search-mobile-form {
  position: relative; }

.sidenav__search-mobile-input {
  height: 46px;
  border: none;
  background-color: transparent;
  margin-bottom: 0;
  font-size: 13px;
  color: #ffffff;
  border-bottom: 1px solid #353535; }
  .sidenav__search-mobile-input:focus {
    background-color: transparent;
    border-color: #fff; }

.sidenav__search-mobile-submit {
  position: absolute;
  right: 0;
  top: 0;
  width: 46px;
  height: 46px;
  border: 0;
  padding: 0;
  font-size: 22px;
  cursor: pointer;
  color: #b2b2b2;
  background-color: transparent; }

/*-------------------------------------------------------*/
/* Nav Mobile Sidenav
/*-------------------------------------------------------*/
.sidenav {
  background-color: #000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 260px;
  overflow-y: auto;
  -webkit-transition: transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98);
  -moz-transition: transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98);
  -ms-transition: transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98);
  -o-transition: transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98);
  transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98);
  transition: transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98);
  transition: transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98), -webkit-transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98);
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px); }
  .sidenav--is-open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

.main {
  -webkit-transition: transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98);
  -moz-transition: transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98);
  -ms-transition: transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98);
  -o-transition: transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98);
  transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98);
  transition: transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98);
  transition: transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98), -webkit-transform 0.4s cubic-bezier(0.16, 0.36, 0, 0.98); }

.main--is-open {
  -webkit-transform: translateX(260px);
  -moz-transform: translateX(260px);
  -ms-transform: translateX(260px);
  -o-transform: translateX(260px);
  transform: translateX(260px); }

/* Nav Icon Toggle (mobile nav)
-------------------------------------------------------*/
.nav-icon-toggle {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: 0.15s linear;
  -moz-transition: 0.15s linear;
  -ms-transition: 0.15s linear;
  -o-transition: 0.15s linear;
  transition: 0.15s linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  @media only screen and (min-width: 992px) {
    .nav-icon-toggle {
      display: none; } }
  .nav-icon-toggle:focus {
    outline: none; }
  .nav-icon-toggle__box {
    width: 22px;
    height: 22px;
    position: relative;
    display: block; }
  .nav-icon-toggle__inner {
    display: block;
    top: 50%;
    margin-top: -1px;
    -webkit-transition: 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -ms-transition: 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .nav-icon-toggle__inner, .nav-icon-toggle__inner:before, .nav-icon-toggle__inner:after {
    width: 22px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
  .nav-icon-toggle__inner:before, .nav-icon-toggle__inner:after {
    content: "";
    display: block; }
  .nav-icon-toggle__inner:before {
    top: -6px;
    -webkit-transition: top 0.2s 0.2s ease-in, opacity 0.1s ease-in;
    -moz-transition: top 0.2s 0.2s ease-in, opacity 0.1s ease-in;
    -ms-transition: top 0.2s 0.2s ease-in, opacity 0.1s ease-in;
    -o-transition: top 0.2s 0.2s ease-in, opacity 0.1s ease-in;
    transition: top 0.2s 0.2s ease-in, opacity 0.1s ease-in; }
  .nav-icon-toggle__inner:after {
    bottom: -6px;
    -webkit-transition: bottom 0.2s 0.2s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: bottom 0.2s 0.2s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -ms-transition: bottom 0.2s 0.2s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: bottom 0.2s 0.2s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition: bottom 0.2s 0.2s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.2s 0.2s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.2s 0.2s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.2s 0.2s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .nav-icon-toggle--is-open .nav-icon-toggle__inner {
    -webkit-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg); }
  .nav-icon-toggle--is-open .nav-icon-toggle__inner:before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    -moz-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    -ms-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .nav-icon-toggle--is-open .nav-icon-toggle__inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* Sidenav Menu
-------------------------------------------------------*/
.sidenav__menu {
  list-style: none;
  padding: 0; }
  .sidenav__menu ul {
    list-style: none;
    padding: 0; }
  .sidenav__menu li {
    position: relative;
    border-bottom: 1px solid #353535; }
    .sidenav__menu li:last-child {
      border-bottom: 0; }
  .sidenav__menu-dropdown {
    overflow: hidden;
    display: none;
    background-color: #fff; }
    .sidenav__menu-dropdown li {
      border-color: #e1e1e1; }
    .sidenav__menu-dropdown a,
    .sidenav__menu-dropdown .sidenav__menu-toggle {
      color: #000000; }
      .sidenav__menu-dropdown a:hover,
      .sidenav__menu-dropdown .sidenav__menu-toggle:hover {
        color: #000000; }
  .sidenav__menu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 24px;
    padding: 0;
    width: 46px;
    height: 46px;
    text-align: center; }
    .sidenav__menu-toggle:focus {
      outline: none; }
  .sidenav__menu--is-open > a {
    background-color: #262626;
    color: #fff; }
    .sidenav__menu--is-open > a:hover {
      color: #fff; }
  .sidenav__menu--is-open > .sidenav__menu-toggle {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #fff; }
    .sidenav__menu--is-open > .sidenav__menu-toggle:hover {
      color: #fff; }
  .sidenav__menu-link {
    width: 100%;
    display: block;
    color: #fefefe;
    padding: 12px 16px;
    
    text-transform: uppercase;
    letter-spacing: .06em;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease; }
    .sidenav__menu-link:hover {
      color: #fff; }

/* Sticky Nav
-------------------------------------------------------*/
@media only screen and (min-width: 992px) {
  .nav--sticky {
    position: fixed;
    height: 80px;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .nav--sticky.sticky {
      z-index: 120;
      height: 80px; }
  .nav.sticky {
    height: 80px; } }

.nav--always-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0; }

/* Top Bar
-------------------------------------------------------*/
.top-bar {
  height: 30px;
  border-bottom: 1px solid #353535;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .top-bar a {
    color: #c1c1c1;
    font-size: 13px; }
    .top-bar a:hover {
      color: #fff; }
  .top-bar__currency-language, .top-bar__right {
    -webkit-box-flex: 1 0 0;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0; }
  .top-bar__promo {
    -webkit-box-flex: 2 0 0;
    -webkit-flex: 2 0 0;
    -ms-flex: 2 0 0;
    flex: 2 0 0;
    margin-bottom: 0; }
  .top-bar > ul, .top-bar__currency, .top-bar__language {
    display: inline-block;
    position: relative; }
  .top-bar__language {
    margin-right: 10px; }
    .top-bar__language:after {
      content: '';
      display: block;
      width: 1px;
      height: 13px;
      background-color: #353535;
      position: absolute;
      top: 5px;
      right: -7px; }
  .top-bar__currency-dropdown, .top-bar__language-dropdown {
    background-color: #0d0d0d;
    padding: 6px 16px;
    position: absolute;
    left: -16px;
    z-index: 150;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .top-bar__currency-dropdown ul li,
  .top-bar__language-dropdown ul li {
    line-height: 26px;
    border-top: 1px solid #353535; }
    .top-bar__currency-dropdown ul li:first-child,
    .top-bar__language-dropdown ul li:first-child {
      border-top: 0; }
  .top-bar__currency:hover .top-bar__currency-dropdown,
  .top-bar__language:hover .top-bar__language-dropdown {
    visibility: visible;
    opacity: 1; }
  .top-bar__promo {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #fff; }
  .top-bar__right {
    text-align: right; }
  .top-bar__item {
    display: inline-block;
    margin-left: 16px; }
    .top-bar__item:nth-child(2) i {
      margin-right: 0; }
    .top-bar__item > i,
    .top-bar__item > a > i {
      margin-right: 5px;
      color: #fff; }
  .top-bar__sign-in {
    text-transform: uppercase;
    letter-spacing: .06em; }
    .top-bar__sign-in i {
      font-size: 12px; }

/* Nav Cart
-------------------------------------------------------*/
.nav-cart {
  position: relative; }
  .nav-cart__dropdown {
    opacity: 0;
    visibility: hidden;
    min-width: 270px;
    max-width: 300px;
    position: absolute;
    top: 100%;
    left: auto;
    right: -15px;
    background-color: #1a1a1a;
    padding: 20px;
    line-height: 1;
    text-align: left;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 201; }
    .nav-cart__dropdown:before {
      content: '';
      position: absolute;
      width: 50px;
      height: 13px;
      display: block;
      top: -10px;
      right: 17px; }
  .nav-cart__items {
    position: relative; }
  .nav-cart__item {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #353535;
    position: relative; }
    .nav-cart__item:first-child {
      margin-top: 0; }
  .nav-cart__img {
    float: left;
    margin-right: 20px; }
  .nav-cart__price {
    color: #c1c1c1;
    font-size: 13px;
    margin-top: 5px; }
  .nav-cart__title {
    position: relative;
    overflow: hidden;
    margin-right: 30px; }
    .nav-cart__title > a {
      position: relative;
      color: #fff;
      font-size: 14px;
      vertical-align: top;
      line-height: 1.5; }
      .nav-cart__title > a:hover {
        color: #fff; }
  .nav-cart__remove {
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #383838; }
    .nav-cart__remove a {
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      display: block;
      color: #c1c1c1; }
    .nav-cart__remove i {
      font-size: 16px; }
    .nav-cart__remove:hover {
      background-color: #ec2424; }
      .nav-cart__remove:hover i {
        color: #fff; }
  .nav-cart__summary {
    margin-top: 10px;
    font-weight: 700;
    color: #fff;
    font-size: 14px; }
  .nav-cart__total-price {
    float: right; }
  .nav-cart__actions a {
    width: 100%;
    color: #fff; }
    .nav-cart__actions a:first-child {
      color: #000000; }
    .nav-cart__actions a:hover {
      color: #fff; }
  .nav-cart:hover .nav-cart__dropdown {
    opacity: 1;
    visibility: visible; }

.nav__mobile-cart,
.nav__mobile-wishlist {
  color: #fff;
  font-size: 18px; }
  .nav__mobile-cart:hover,
  .nav__mobile-wishlist:hover {
    color: #fff; }

.nav__mobile-cart-amount {
  font-size: 16px; }

.nav__mobile-wishlist {
  margin-right: 18px; }

/*-------------------------------------------------------*/
/* Nav Mobile Styles
/*-------------------------------------------------------*/
@media only screen and (max-width: 991px) {
    .nav__header {
      height: 50px; 
    }
    .nav__wrap {
      text-align: left; 
    }
    .logo {
      margin: auto;
      line-height: 1; 
    }
    .logo__img {
      max-height: 16px; 
    } 
  }

/*-------------------------------------------------------*/
/* Footer
/*-------------------------------------------------------*/
.footer {
  background-color: #000; }
  .footer__widgets {
    padding: 65px 0; }
    .footer__widgets ul li a:hover {
      color: #fff;
      text-decoration: underline; }
    @media only screen and (max-width: 991px) {
      .footer__widgets > .row > div:not(:last-child) {
        margin-bottom: 50px; } }
  .footer .widget-title {
    margin-bottom: 29px; }

/* Bottom Footer
-------------------------------------------------------*/
.footer__bottom {
  padding: 20px 0 50px; }

.copyright {
  display: block;
  font-size: 12px;
  padding: 10px;
  color: #868686; 
}
.copyright a { color: #fff; text-decoration: underline;}
.copyright a:hover { color: #fff; }

/* Payment Systems
-------------------------------------------------------*/
.footer__payment-systems i {
  font-size: 26px; }

/*-------------------------------------------------------*/
/* Spacings
/*-------------------------------------------------------*/
.no-margin {
  margin: 0 !important; }

.no-padding {
  padding: 0 !important; }

.mt-0 {
  margin-top: 0 !important; }

.mt-10 {
  margin-top: 10px; }

.mt-20 {
  margin-top: 20px !important; }

.mt-30 {
  margin-top: 30px; }

.mt-40 {
  margin-top: 40px; }

.mt-50 {
  margin-top: 50px; }

.mt-60 {
  margin-top: 60px; }

.mt-70 {
  margin-top: 70px; }

.mt-80 {
  margin-top: 80px; }

.mt-90 {
  margin-top: 90px; }

.mt-100 {
  margin-top: 100px; }

.mt-110 {
  margin-top: 110px; }

.mt-120 {
  margin-top: 120px; }

.mt-130 {
  margin-top: 130px; }

.mt-140 {
  margin-top: 140px; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-10 {
  margin-bottom: 10px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-70 {
  margin-bottom: 70px; }

.mb-80 {
  margin-bottom: 80px; }

.mb-90 {
  margin-bottom: 90px; }

.mb-100 {
  margin-bottom: 100px; }

.mb-110 {
  margin-bottom: 110px; }

.mb-120 {
  margin-bottom: 120px; }

.mb-130 {
  margin-bottom: 130px; }

.mb-140 {
  margin-bottom: 140px; }

.pl-20{
  padding-left: 20px;}

.pt-0 {
  padding-top: 0; }

.pt-10 {
  padding-top: 10px; }

.pt-20 {
  padding-top: 20px; }

.pt-30 {
  padding-top: 30px; }

.pt-40 {
  padding-top: 40px; }

.pt-50 {
  padding-top: 50px; }

.pt-60 {
  padding-top: 60px; }

.pt-70 {
  padding-top: 70px; }

.pt-80 {
  padding-top: 80px; }

.pt-90 {
  padding-top: 90px; }

.pt-100 {
  padding-top: 100px; }

.pt-110 {
  padding-top: 110px; }

.pt-120 {
  padding-top: 120px; }

.pt-130 {
  padding-top: 130px; }

.pt-140 {
  padding-top: 140px; }

.pt-150 {
  padding-top: 150px; }

.pt-160 {
  padding-top: 160px; }

.pt-170 {
  padding-top: 170px; }

.pt-180 {
  padding-top: 180px; }

.pt-190 {
  padding-top: 190px; }

.pt-200 { padding-top: 200px; }

.pb-0 { padding-bottom: 0; }

.pb-10 {
  padding-bottom: 10px; }

.pb-20 {
  padding-bottom: 20px; }

.pb-30 {
  padding-bottom: 30px; }

.pb-40 {
  padding-bottom: 40px; }

.pb-50 {
  padding-bottom: 50px; }

.pb-60 {
  padding-bottom: 60px; }

.pb-70 {
  padding-bottom: 70px; }

.pb-80 {
  padding-bottom: 80px; }

.pb-90 {
  padding-bottom: 90px; }

.pb-100 {
  padding-bottom: 100px; }

.pb-110 {
  padding-bottom: 110px; }

.pb-120 {
  padding-bottom: 120px; }

.pb-130 {
  padding-bottom: 130px; }

.pb-140 {
  padding-bottom: 140px; }

.pb-150 {
  padding-bottom: 150px; }

.pb-160 {
  padding-bottom: 160px; }

.pb-170 {
  padding-bottom: 170px; }

.pb-180 {
  padding-bottom: 180px; }

.pb-190 {
  padding-bottom: 190px; }

.pb-200 {
  padding-bottom: 200px; }

@media only screen and (max-width: 1199px) {
  .mt-lg-0 {
    margin-top: 0 !important; }
  .mt-lg-10 {
    margin-top: 10px; }
  .mt-lg-20 {
    margin-top: 20px; }
  .mt-lg-30 {
    margin-top: 30px; }
  .mt-lg-40 {
    margin-top: 40px; }
  .mt-lg-50 {
    margin-top: 50px; }
  .mt-lg-60 {
    margin-top: 60px; }
  .mt-lg-70 {
    margin-top: 70px; }
  .mt-lg-80 {
    margin-top: 80px; }
  .mt-lg-90 {
    margin-top: 90px; }
  .mt-lg-100 {
    margin-top: 100px; }
  .mt-lg-110 {
    margin-top: 110px; }
  .mt-lg-120 {
    margin-top: 120px; }
  .mt-lg-130 {
    margin-top: 130px; }
  .mt-lg-140 {
    margin-top: 140px; }
  .mb-lg-0 {
    margin-bottom: 0 !important; }
  .mb-lg-10 {
    margin-bottom: 10px; }
  .mb-lg-20 {
    margin-bottom: 20px; }
  .mb-lg-30 {
    margin-bottom: 30px; }
  .mb-lg-40 {
    margin-bottom: 40px; }
  .mb-lg-50 {
    margin-bottom: 50px; }
  .mb-lg-60 {
    margin-bottom: 60px; }
  .mb-lg-70 {
    margin-bottom: 70px; }
  .mb-lg-80 {
    margin-bottom: 80px; }
  .mb-lg-90 {
    margin-bottom: 90px; }
  .mb-lg-100 {
    margin-bottom: 100px; }
  .mb-lg-110 {
    margin-bottom: 110px; }
  .mb-lg-120 {
    margin-bottom: 120px; }
  .mb-lg-130 {
    margin-bottom: 130px; }
  .mb-lg-140 {
    margin-bottom: 140px; }
  .pt-lg-0 {
    padding-top: 0; }
  .pt-lg-10 {
    padding-top: 10px; }
  .pt-lg-20 {
    padding-top: 20px; }
  .pt-lg-30 {
    padding-top: 30px; }
  .pt-lg-40 {
    padding-top: 40px; }
  .pt-lg-50 {
    padding-top: 50px; }
  .pt-lg-60 {
    padding-top: 60px; }
  .pt-lg-70 {
    padding-top: 70px; }
  .pt-lg-80 {
    padding-top: 80px; }
  .pt-lg-90 {
    padding-top: 90px; }
  .pt-lg-100 {
    padding-top: 100px; }
  .pt-lg-110 {
    padding-top: 110px; }
  .pt-lg-120 {
    padding-top: 120px; }
  .pt-lg-130 {
    padding-top: 130px; }
  .pt-lg-140 {
    padding-top: 140px; }
  .pb-lg-0 {
    padding-bottom: 0; }
  .pb-lg-10 {
    padding-bottom: 10px; }
  .pb-lg-20 {
    padding-bottom: 20px; }
  .pb-lg-30 {
    padding-bottom: 30px; }
  .pb-lg-40 {
    padding-bottom: 40px; }
  .pb-lg-50 {
    padding-bottom: 50px; }
  .pb-lg-60 {
    padding-bottom: 60px; }
  .pb-lg-70 {
    padding-bottom: 70px; }
  .pb-lg-80 {
    padding-bottom: 80px; }
  .pb-lg-90 {
    padding-bottom: 90px; }
  .pb-lg-100 {
    padding-bottom: 100px; }
  .pb-lg-110 {
    padding-bottom: 110px; }
  .pb-lg-120 {
    padding-bottom: 120px; }
  .pb-lg-130 {
    padding-bottom: 130px; }
  .pb-lg-140 {
    padding-bottom: 140px; } }

@media only screen and (max-width: 991px) {
  .mt-md-0 {
    margin-top: 0 !important; }
  .mt-md-10 {
    margin-top: 10px; }
  .mt-md-20 {
    margin-top: 20px; }
  .mt-md-30 {
    margin-top: 30px; }
  .mt-md-40 {
    margin-top: 40px; }
  .mt-md-50 {
    margin-top: 50px; }
  .mt-md-60 {
    margin-top: 60px; }
  .mt-md-70 {
    margin-top: 70px; }
  .mt-md-80 {
    margin-top: 80px; }
  .mt-md-90 {
    margin-top: 90px; }
  .mt-md-100 {
    margin-top: 100px; }
  .mt-md-110 {
    margin-top: 110px; }
  .mt-md-120 {
    margin-top: 120px; }
  .mt-md-130 {
    margin-top: 130px; }
  .mt-md-140 {
    margin-top: 140px; }
  .mb-md-0 {
    margin-bottom: 0 !important; }
  .mb-md-10 {
    margin-bottom: 10px; }
  .mb-md-20 {
    margin-bottom: 20px; }
  .mb-md-30 {
    margin-bottom: 30px; }
  .mb-md-40 {
    margin-bottom: 40px; }
  .mb-md-50 {
    margin-bottom: 50px; }
  .mb-md-60 {
    margin-bottom: 60px; }
  .mb-md-70 {
    margin-bottom: 70px; }
  .mb-md-80 {
    margin-bottom: 80px; }
  .mb-md-90 {
    margin-bottom: 90px; }
  .mb-md-100 {
    margin-bottom: 100px; }
  .mb-md-110 {
    margin-bottom: 110px; }
  .mb-md-120 {
    margin-bottom: 120px; }
  .mb-md-130 {
    margin-bottom: 130px; }
  .mb-md-140 {
    margin-bottom: 140px; }
  .pt-md-0 {
    padding-top: 0; }
  .pt-md-10 {
    padding-top: 10px; }
  .pt-md-20 {
    padding-top: 20px; }
  .pt-md-30 {
    padding-top: 30px; }
  .pt-md-40 {
    padding-top: 40px; }
  .pt-md-50 {
    padding-top: 50px; }
  .pt-md-60 {
    padding-top: 60px; }
  .pt-md-70 {
    padding-top: 70px; }
  .pt-md-80 {
    padding-top: 80px; }
  .pt-md-90 {
    padding-top: 90px; }
  .pt-md-100 {
    padding-top: 100px; }
  .pt-md-110 {
    padding-top: 110px; }
  .pt-md-120 {
    padding-top: 120px; }
  .pt-md-130 {
    padding-top: 130px; }
  .pt-md-140 {
    padding-top: 140px; }
  .pt-md-150 {
    padding-top: 150px; }
  .pb-md-0 {
    padding-bottom: 0; }
  .pb-md-10 {
    padding-bottom: 10px; }
  .pb-md-20 {
    padding-bottom: 20px; }
  .pb-md-30 {
    padding-bottom: 30px; }
  .pb-md-40 {
    padding-bottom: 40px; }
  .pb-md-50 {
    padding-bottom: 50px; }
  .pb-md-60 {
    padding-bottom: 60px; }
  .pb-md-70 {
    padding-bottom: 70px; }
  .pb-md-80 {
    padding-bottom: 80px; }
  .pb-md-90 {
    padding-bottom: 90px; }
  .pb-md-100 {
    padding-bottom: 100px; }
  .pb-md-110 {
    padding-bottom: 110px; }
  .pb-md-120 {
    padding-bottom: 120px; }
  .pb-md-130 {
    padding-bottom: 130px; }
  .pb-md-140 {
    padding-bottom: 140px; }
  .pb-md-150 {
    padding-bottom: 150px; } }

@media only screen and (max-width: 767px) {
  .mt-sm-0 {
    margin-top: 0 !important; }
  .mt-sm-10 {
    margin-top: 10px; }
  .mt-sm-20 {
    margin-top: 20px; }
  .mt-sm-30 {
    margin-top: 30px; }
  .mt-sm-40 {
    margin-top: 40px; }
  .mt-sm-50 {
    margin-top: 50px; }
  .mt-sm-60 {
    margin-top: 60px; }
  .mt-sm-70 {
    margin-top: 70px; }
  .mt-sm-80 {
    margin-top: 80px; }
  .mt-sm-90 {
    margin-top: 90px; }
  .mt-sm-100 {
    margin-top: 100px; }
  .mt-sm-110 {
    margin-top: 110px; }
  .mt-sm-120 {
    margin-top: 120px; }
  .mt-sm-130 {
    margin-top: 130px; }
  .mt-sm-140 {
    margin-top: 140px; }
  .mb-sm-0 {
    margin-bottom: 0 !important; }
  .mb-sm-10 {
    margin-bottom: 10px; }
  .mb-sm-20 {
    margin-bottom: 20px; }
  .mb-sm-30 {
    margin-bottom: 30px; }
  .mb-sm-40 {
    margin-bottom: 40px; }
  .mb-sm-50 {
    margin-bottom: 50px; }
  .mb-sm-60 {
    margin-bottom: 60px; }
  .mb-sm-70 {
    margin-bottom: 70px; }
  .mb-sm-80 {
    margin-bottom: 80px; }
  .mb-sm-90 {
    margin-bottom: 90px; }
  .mb-sm-100 {
    margin-bottom: 100px; }
  .mb-sm-110 {
    margin-bottom: 110px; }
  .mb-sm-120 {
    margin-bottom: 120px; }
  .mb-sm-130 {
    margin-bottom: 130px; }
  .mb-sm-140 {
    margin-bottom: 140px; }
  .pt-sm-0 {
    padding-top: 0; }
  .pt-sm-10 {
    padding-top: 10px; }
  .pt-sm-20 {
    padding-top: 20px; }
  .pt-sm-30 {
    padding-top: 30px; }
  .pt-sm-40 {
    padding-top: 40px; }
  .pt-sm-50 {
    padding-top: 50px; }
  .pt-sm-60 {
    padding-top: 60px; }
  .pt-sm-70 {
    padding-top: 70px; }
  .pt-sm-80 {
    padding-top: 80px; }
  .pt-sm-90 {
    padding-top: 90px; }
  .pt-sm-100 {
    padding-top: 100px; }
  .pt-sm-110 {
    padding-top: 110px; }
  .pt-sm-120 {
    padding-top: 120px; }
  .pt-sm-130 {
    padding-top: 130px; }
  .pt-sm-140 {
    padding-top: 140px; }
  .pb-sm-0 {
    padding-bottom: 0; }
  .pb-sm-10 {
    padding-bottom: 10px; }
  .pb-sm-20 {
    padding-bottom: 20px; }
  .pb-sm-30 {
    padding-bottom: 30px; }
  .pb-sm-40 {
    padding-bottom: 40px; }
  .pb-sm-50 {
    padding-bottom: 50px; }
  .pb-sm-60 {
    padding-bottom: 60px; }
  .pb-sm-70 {
    padding-bottom: 70px; }
  .pb-sm-80 {
    padding-bottom: 80px; }
  .pb-sm-90 {
    padding-bottom: 90px; }
  .pb-sm-100 {
    padding-bottom: 100px; }
  .pb-sm-110 {
    padding-bottom: 110px; }
  .pb-sm-120 {
    padding-bottom: 120px; }
  .pb-sm-130 {
    padding-bottom: 130px; }
  .pb-sm-140 {
    padding-bottom: 140px; } }

@media only screen and (max-width: 480px) {
  .mt-xs-0 {
    margin-top: 0 !important; }
  .mt-xs-10 {
    margin-top: 10px; }
  .mt-xs-20 {
    margin-top: 20px; }
  .mt-xs-30 {
    margin-top: 30px; }
  .mt-xs-40 {
    margin-top: 40px; }
  .mt-xs-50 {
    margin-top: 50px; }
  .mt-xs-60 {
    margin-top: 60px; }
  .mt-xs-70 {
    margin-top: 70px; }
  .mt-xs-80 {
    margin-top: 80px; }
  .mt-xs-90 {
    margin-top: 90px; }
  .mt-xs-100 {
    margin-top: 100px; }
  .mt-xs-110 {
    margin-top: 110px; }
  .mt-xs-120 {
    margin-top: 120px; }
  .mt-xs-130 {
    margin-top: 130px; }
  .mt-xs-140 {
    margin-top: 140px; }
  .mb-xs-0 {
    margin-bottom: 0 !important; }
  .mb-xs-10 {
    margin-bottom: 10px; }
  .mb-xs-20 {
    margin-bottom: 20px; }
  .mb-xs-30 {
    margin-bottom: 30px; }
  .mb-xs-40 {
    margin-bottom: 40px; }
  .mb-xs-50 {
    margin-bottom: 50px; }
  .mb-xs-60 {
    margin-bottom: 60px; }
  .mb-xs-70 {
    margin-bottom: 70px; }
  .mb-xs-80 {
    margin-bottom: 80px; }
  .mb-xs-90 {
    margin-bottom: 90px; }
  .mb-xs-100 {
    margin-bottom: 100px; }
  .mb-xs-110 {
    margin-bottom: 110px; }
  .mb-xs-120 {
    margin-bottom: 120px; }
  .mb-xs-130 {
    margin-bottom: 130px; }
  .mb-xs-140 {
    margin-bottom: 140px; }
  .pt-xs-0 {
    padding-top: 0; }
  .pt-xs-10 {
    padding-top: 10px; }
  .pt-xs-20 {
    padding-top: 20px; }
  .pt-xs-30 {
    padding-top: 30px; }
  .pt-xs-40 {
    padding-top: 40px; }
  .pt-xs-50 {
    padding-top: 50px; }
  .pt-xs-60 {
    padding-top: 60px; }
  .pt-xs-70 {
    padding-top: 70px; }
  .pt-xs-80 {
    padding-top: 80px; }
  .pt-xs-90 {
    padding-top: 90px; }
  .pt-xs-100 {
    padding-top: 100px; }
  .pt-xs-110 {
    padding-top: 110px; }
  .pt-xs-120 {
    padding-top: 120px; }
  .pt-xs-130 {
    padding-top: 130px; }
  .pt-xs-140 {
    padding-top: 140px; }
  .pb-xs-0 {
    padding-bottom: 0; }
  .pb-xs-10 {
    padding-bottom: 10px; }
  .pb-xs-20 {
    padding-bottom: 20px; }
  .pb-xs-30 {
    padding-bottom: 30px; }
  .pb-xs-40 {
    padding-bottom: 40px; }
  .pb-xs-50 {
    padding-bottom: 50px; }
  .pb-xs-60 {
    padding-bottom: 60px; }
  .pb-xs-70 {
    padding-bottom: 70px; }
  .pb-xs-80 {
    padding-bottom: 80px; }
  .pb-xs-90 {
    padding-bottom: 90px; }
  .pb-xs-100 {
    padding-bottom: 100px; }
  .pb-xs-110 {
    padding-bottom: 110px; }
  .pb-xs-120 {
    padding-bottom: 120px; }
  .pb-xs-130 {
    padding-bottom: 130px; }
  .pb-xs-140 {
    padding-bottom: 140px; } }

/*-------------------------------------------------------*/
/* Helper Classes
/*-------------------------------------------------------*/
.box-shadow {
  -webkit-box-shadow: 0px 1px 1px rgba(72, 78, 85, 0.1);
  box-shadow: 0px 1px 1px rgba(72, 78, 85, 0.1);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  .box-shadow:hover {
    -webkit-box-shadow: 0 20px 40px rgba(72, 78, 85, 0.1);
    box-shadow: 0 20px 40px rgba(72, 78, 85, 0.1);
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); }

.hover-scale img {
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -ms-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out; }

.hover-scale:hover img {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5); }

.hover-fade img {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative; }

.hover-fade:hover img {
  opacity: .8; }

/* Bottom Gradient
-------------------------------------------------------*/
.bottom-gradient:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  /* Old browsers */
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, transparent));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  /* IE10+ */
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */ }

/* Section Dividers
-------------------------------------------------------*/
.top-divider {
  border-top: 1px solid #e1e1e1; }

.bottom-divider {
  border-bottom: 1px solid #e1e1e1; }

/* Image Floats
-------------------------------------------------------*/
.alignright {
  float: right;
  margin: 10px 0 10px 34px; }

.alignleft {
  float: left;
  margin: 10px 34px 10px 0; }

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


.product__details h3 {
    color: #515151;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0px;
    min-height: 72px;
}
.plugin_price ul {
  min-height: 46px;
}
.product__details p:before {
    content: "";
    display: block;
    height: 8px;
    width: 100%;
    margin-top: 6px;
    background-image: url(../images/border.png);
    background-repeat: repeat-x;
    margin-bottom: 10px;
}
.product__details p {
    line-height: normal;
    font-size: 12px;
    color: #1A385C;
}
.product > .product_name{
    padding: 15px 15px 10px 15px;
    display: block;
    background: #fff;
    height: 100%;
    width: 100%;
}
.row-8{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #EBECEE;
}
.product {
    margin-bottom: 15px;
}
section.section-wrap.pb-30 {
    padding-top: 0;
}
.nav__holder {
    background-color: #18365A;
    padding: 10px 0px;
}
.footer {
    background-color:transparent;
    padding: 0;
}
.hero__slide {
    height: auto;
}
.hero > .container{
    padding-left: 11px;
    padding-right: 11px;
}
footer p, footer span.copyright,footer span a{
    color : #fff;
}
.widget li a {
    color: #fff;
}
footer input{
    color: #fff;
}
footer .mc4wp-form-fields input[type=email], footer .mc4wp-form-fields input[type=text] {
    border-color: #fff;
}
.nav {
    height: auto;
    min-height: 0px;
}
.sticky {
    height: auto;
}
header .top-bar__item {
    color: #fff;
}
header .flex-child.nav__wrap {
    padding-top: 0px;
}
.nav.sticky {
    height: auto;
}
.logo__img {
    max-height: 100%;
}
.product__img-holder {
    margin-bottom: 0px;
    position: relative;
    overflow: inherit;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    line-height: 16px;
}
table td{
    vertical-align: top;
}
table th{
    vertical-align: middle;
}
.dataTables_length, .dataTables_filter{
    width: 50%;
}
.dataTables_length label, .dataTables_filter label{
    width: 100%;
}
.dataTables_filter label input{
    width: 60%;
}
.dataTables_length label select{
    width: 100px;
}
body input:focus, body textarea:focus, body .hero__link:hover {
    border-color: #e1e1e1;
}
.lab_details {
    padding: 60px 0px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{
    box-shadow: none;
    background-color: initial;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active{
    background-color: #b3defb;
    background: #b3defb;
    border: 1px solid #b3defb;
    font-weight: 700;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    outline: none;
}
.date_selection{
    background: #fff;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #b3defb;
    width: auto;
    margin-bottom: 20px;
    display: inline-block;
    background-image: url(../images/dropdown.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 30px;
    margin-right: 10px;
    text-align: center;
}
table.dataTable thead th, table.dataTable thead td {padding: 8px 18px 10px 8px;}
.select_jobs {display: inline-block;}
.select_jobs select{height: 34px;background-color: #fff;padding-right: 30px;width: auto !important;}
.date_jobs{text-align: right;font-family: 'RubikRegular';}
.login_page {padding: 25px 0px;font-family: 'RubikRegular';}
.btn-button:hover, .btn-button:focus {color: #fff;background-color: #18365A;}
.btn{background-color: #18365A;}
.login_page h2 {text-transform: uppercase;font-weight: bold;margin-bottom: 30px;color: #565656;}
input, select, textarea{margin-bottom: 0px;}
.form-group{margin-bottom: 30px;}
p.error, .error p {margin: 0;color: #e7604a;}
.error-div  p{margin: 0;color: #e7604a;}
input.send_otp {width: 190px;height: auto;border-radius: 6px;background: #fff;position: absolute;right: 10px;top: 7px;padding: 4px 0;}
input.send_otp:hover {background: #18365a;color: #fff;}
.lab_details table a {color: #fff;background: #18365a;border-radius: 4px;padding: 2px 4px;}
.top-bar__right{position: relative;}
.popover_body{
    display: none;
    position: absolute;
    background-color: #fff;
    width: 200px;
    text-align: left;
    padding: 10px;
    border-radius: 5px;
    right: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.56);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.56);
}
.popover_body h3{margin-bottom: 5px;}
.popover_body span {color : #2F8FCB;font-size: 32px;font-weight: bold;line-height: normal;display: inline-block;}
.popover_body hr{margin: 4px 0;border-top: 1px solid #707070;}
.popover_body h2 {margin: 0;color : #707070;}
.popover_body h4 {font-size: 17px;margin-bottom: 0;color : #707070;}
.popover_body .popover_user a{display: table;}
.popover_body a {color : #2F8FCB;font-size: 13px;}
.popover_body ul {padding-left: 20px;}
.login_btn .popover_body ul {padding-left: 0;padding-right: 0;}
.sidenav--is-open{z-index: 2;}
.sidenav__menu{padding-top: 70px;}
.popover_user p {font-size: 10px;word-break: break-all;line-height: normal;margin: 0;}
.footer__widgets {padding: 30px 0 0;text-align: center;}
.footer__bottom {
    padding: 9px 0;
    background-color: #0365a3;
    border-top: 3px solid #2d90ce;
}
a.btn.btn-md.btn-button.sign_up_btn {
    line-height: 3.5;
    float: right;
}
.otp_input{
    position: relative;
}
.product__details p{
    min-height: 80px;
    word-break: break-word;
}
.cat_text_overflow{
    white-space: nowrap; 
    width: 150px; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
.login_page.login_form .col-sm-6:after {
    content: "OR";
    display: block;
    color: #18365a;
    font-weight: bold;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    line-height: 27px;
    border: 1px solid #18365a;
    right: -15px;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    margin: auto;
    background: #fff;
}
.login_page.login_form .col-sm-6 {
    border-right: 1px solid #c0c0c0;
    padding-left: 35px;
    padding-right: 35px;
}
.login_page.login_form .col-sm-6:last-child {
    border-right: 0px;
    border-bottom: 0px;
    margin-bottom: 0px;
}
.login_page.login_form .col-sm-6:last-child:after {
    display: none;
}
.box_frame {
  margin-top: 0px;
}
.box_frame iframe {
  padding-top: 50px;
  width: 100%;
  border: 0;
  display: block;
  height: 100vh;
}
.accordion .form-group {
    margin-bottom: 10px;
    position: relative;
}
.accordion .card-header {
    background: #35aaf3;
    color: #fff;
    margin: 10px 0;
}
.accordion .card-header-sub{
  margin-left: 20px;
}
.accordion .card-header a{
    padding: 10px 10px;
    display: inline-block;
    width: 100%;
}
.accordion .card-header a h5{
    color: #fff;
    font-family: 'RubikRegular';
}
.accordion .form-group label{
  position: absolute;
  margin-left: 15px;
  margin-top: 2px;
}
.new_password {
  max-width: 700px;
  margin: 0 auto;
}
.dataTables_wrapper{
  font-family: 'RubikRegular';
}
.dt-buttons .dt-button {
  color: #fff;
  background: #35aaf3;
  border-radius: 5px;
  padding: 4px 10px;
  border: 0;
  font-family: 'RubikRegular';
  margin-right: 5px;
}
.owl-dot.active {
  display: inline-block;
}
.modal .modal-dialog .modal-header .close.modal_Close .fa {
  font-size: 16px;
  line-height: 16px;
  padding-bottom: 10px;
  vertical-align: middle;
}
.product_image a{
    position: relative;
    padding: 15px;
    display: block;
    background: #fff;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.product > .product_name{
  min-height: 311.53px;
  overflow: hidden;
}
.product_image a{
  min-height: 311.53px;
  overflow: hidden;
}
.product_image .product__img-holder{
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
.product_image .product__img-holder img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0; 
  height: 100%;
}
@media screen and (min-width: 1199px) {
  table#orderhistory tbody tr td:nth-child(2), table#orderhistory thead tr th:nth-child(2) {
    width: 190px !important;
    word-break: break-all;
  }
}
.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
@media (min-width: 576px){
  .modal-dialog-centered {
      min-height: calc(100% - (1.75rem * 2));
  }
}
#SignupPopup{
  text-align: center;
  margin: 0;
}
#SignupPopup .alert-success{
  background: transparent;
}
.product__img-holder a{
  color : #35aaf3;
  text-transform: uppercase;
  display: block;
  margin-top: 10px;
  font-size: 14px;
}
.product__img-holder a i{
  float: right;
  font-size: 20px;
}
.product_name{
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.product_name:hover, .product_image a:hover{
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03); 
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 3px 1px 10px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 3px 1px 10px 0px rgba(0,0,0,0.6);
    box-shadow: 3px 1px 10px 0px rgba(0,0,0,0.6);
}
.product_name:hover a {
  position: absolute;
  background-color: #35aaf3;
  color: #fff;
  z-index: 22222;
  display: block !important;
  top: 40px;
  bottom: -1px;
  left:-1px;
  right: -1px;
  border-radius: 4px;
  margin: auto;
  padding: 2px 6px;
  width: 116px;
  height: 25px;
}
.product_name:hover .product__img-holder{
  text-align: center;
}
.product_name:hover .product__img-holder::before {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: 0;
  margin: auto;
  width: calc(100% + 2px);
  height: calc(100% + 3px);
  background-color: #fff;
}
.product_name:hover a i{
  display: none;
}
.page_title h1 {
  font-size: 24px;
  text-align: center;
  margin: 10px 0;
}
@media (max-width: 991px){
  .page_title h1 {
    font-size: 22px;
  }
  .alert_msg_popup p {
    font-size: 15px;
    margin: 0 0 10px;
    font-family: 'RubikLight';
  }
  .lab_info_desc span{font-size: 35px;}
}
@media (max-width: 767px){
  .page_title h1 {
    font-size: 20px;
  }
}
@media (max-width: 576px){
  .row-8 > div.product {
    padding: 0 4px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .page_title h1 {
    font-size: 18px;
  }
}
#example_wrapper #example td:first-child {
  width: 14%;
  word-break: break-all;
}
.stripe_checkout {
  max-width: 570px;
  margin: 0 auto;
  text-align: center;
}
.connect-button {
  display: inline-block;
  margin-bottom: 1px;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#28a0e5),to(#015e94));
  background-image: linear-gradient(#28a0e5,#015e94);
  -webkit-font-smoothing: antialiased;
  border: 0;
  padding: 1px;
  height: 32px;
  text-decoration: none;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2);
  box-shadow: 0 1px 0 rgba(0,0,0,.2);
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none!important;
}
.connect-button span {
  display: block;
  position: relative;
  padding: 0 12px;
  height: 30px;
  background: #1275ff;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#7dc5ee),color-stop(85%,#008cdd),to(#30a2e4));
  background-image: linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
  font-size: 15px;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.25);
  box-shadow: inset 0 1px 0 hsla(0,0%,100%,.25);
  border-radius: 3px;
  padding-left: 44px;
}
.connect-button.blue span:before, .connect-button span:before {
  background-image: url(../../assets/images/stripe-icon.png);
}
.connect-button span:before {
  content: "";
  display: block;
  position: absolute;
  left: 11px;
  top: 50%;
  width: 23px;
  height: 24px;
  margin-top: -12px;
  background-repeat: no-repeat;
  background-size: 23px 24px;
}
.custom_header {
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
header.nav .logo{
  flex : 0 0 200px;
  max-width: 200px;
  margin-left: 0;
  line-height: normal;
  font-size: 0px;
}
header.nav .top-bar__right{
  flex: 0 0 calc(100% - 200px);
  max-width: calc(100% - 200px);
}
header.nav .top-bar__right .form-group {
  width: 185px;
  margin: 0;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
header.nav .top-bar__right .form-group input{
    height: 20px;
    padding: 0 5px;
    font-size: 13px;
}
header.nav .top-bar__right .form-group label {
  color: #fff;
  font-weight: normal;
  margin-bottom: 0;
  line-height: normal;
  font-size: 13px;
}
header.nav .top-bar__right .form-group a{
  color: #2798e2;
  font-size: 12px;
}
header.nav .top-bar__right .form-group input[type="checkbox"] {
  display: block;
  height: 0;
  width: 0;
  opacity: 0;
  position: absolute;
}
.top-bar__right input[type="checkbox"] + label:before {
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 12px;
  height: 12px;
  margin: 0 4px 0 0;
}
.top-bar__right input[type="checkbox"]:checked + label:before {
  background-color: #fff;
  border: 3px solid #fff;
  padding: 1px;
}
.top-bar__right input[type="checkbox"]:checked + label:after{
  background-color: transparent;
  display: block;
  width: 4px;
  height: 8px;
  border: solid #2798e2;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  left: 4px;
  top: 3px;
}
header.nav .top-bar__right .form-group label.custom_radio{
  font-size: 12px;
  color: #2798e2;
}
.login_btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.login_btn .btn{
  padding: 0;
}
.login_btn .btn, .login_btn a {
  padding: 0 5px;
  color: #565656;
  text-transform: capitalize;
  height: auto;
  font-size: 15px;
  font-weight: normal;
  line-height: 29px;
  vertical-align: middle;
  font-family: 'RubikLight';
}
.login_btn .popover_body a {
  font-size: 13px;
  line-height: 21px;
}
.before_login .login_btn a i{
  display: none;
  padding-left: 0;
  padding-right: 0;
}
/* .login_btn .btn{
  border-right: 1px solid #fff;
} */
header.nav .nav__holder {
  padding: 21px 0px;
  display: inline-block;
  width: 100%;
  background-color: #fff;
}
header.nav{
  border-bottom: 3px solid #2798e2;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
.footer__social {
  text-align: left;
  margin-top: 9px; 
}
footer .footer__social p {
  display: inline-block;
  text-transform: uppercase;
  margin: 0;
  color: #fff;
    font-size: 12px;
    padding-left: 10px;
    font-family: "RubikLight";
}
.footer__social .socials.socials--white {
  display: inline-block;
  vertical-align: middle;
}
.footer_top img{
  width : 260px;
}
.footer_menu ul li a img {
  height: 24px;
  width: auto;
  padding-right: 6px;
}
.footer_menu ul li a:hover img.foot_normal, .footer_menu ul li a img.foot_hover {
  display: none;
}
.footer_menu ul li a:hover img.foot_hover {
  display: inline;
}
.footer_top {
  padding: 12px 0;
  font-family: 'RubikRegular';
  background-color: #f9f9f9;
}
.footer_top h4 {
  color: #fff;
  margin: 0;
  font-style: italic;
  margin-top: 6px;
}
.footer__bottom .copyright {padding: 0;text-align: right;}
.footer__bottom .copyright_left {padding: 0;text-align: right;font-family: 'RubikLight';}
.footer_links_left ul {text-align: right;}
.footer__bottom ul li {display: inline-block;padding: 0 6px;border-right: 1px solid #fff;line-height: normal;}
.footer__bottom ul li:first-child {padding-left: 0;}
.footer__bottom ul li:last-child {padding-right: 0;border-right: 0;}
.footer__bottom ul li a {color: #fff;font-size: 13px;font-family: 'RubikMedium';}
.footer__bottom ul li a:hover{color: #fff;}
/*After Login CSS*/
.after_login_header {
  display: inline-block;
  width: 100%;
  padding: 10px 30px;
  -webkit-box-shadow: 0px 8px 12px -9px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 8px 12px -9px rgba(0,0,0,0.75);
  box-shadow: 0px 8px 12px -9px rgba(0,0,0,0.75);
  z-index: 21;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.after_login_header .login_logo {width: 180px;display: inline-block;float: left;padding: 2.3px 0;}
.after_login_menu{width: calc(100% - 180px);display: inline-block;float: left;padding: 5px 0 0 24px;}
.after_login_header .logo__img {width: 160px;}
.after_login_left ul li {display: inline-block;margin-right: 16px;}
.after_login_left ul li:last-child{margin-right: 0;}
.after_login_left ul li a{color: #777;font-size: 14px;font-family: 'RubikLight';text-transform: uppercase;}
.after_login_left {display: inline-block;float: left;width : calc(100% - 380px);padding: 4px 0;}
.after_login_right{display: inline-block;float: left;width: 380px;position: relative;}
.after_login_right .toggle_popover {position: relative;color: #777;float: right;font-family: 'RubikLight';}
.after_login_right .toggle_popover:after {content:"\f107";font-family: FontAwesome;margin-left: 4px;font-size: 18px;line-height: normal;}
.after_login_right .toggle_popover span {margin-left: 0;width: 90px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 30px;vertical-align: middle;}
.after_login_right .popover_body ul{padding: 0;}
.after_login_right .popover_body {top: 34px;-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.56);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.56);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.4);padding: 7px;}
.after_login_right .popover_body li {padding-bottom: 5px;}
.popover_body li:hover,.active,.order-file {color: #2a95d8 !important;}
.after_login_right .popover_body li:last-child {padding-bottom: 0;}
.after_login_right .popover_body li, .after_login_right .popover_body li a{color : #7b7b7b;}
.after_login_right .popover_body li a:hover, .after_login_right .popover_body li.active a{color: #0056b3;}
.side_nav {
  position: fixed;
  left: 0;
  width: 240px;
  height: 100%;
  top: 0px;
  z-index: 20;
  padding-top: 50px;
  background-color: #35aaf3;
}
.user_info h3 {
  color: #fff;
  margin: 0;
  word-break: break-word;
}
.user_info p {
  margin: 0;
  line-height: normal;
  color: #fff;
  font-size: 12px;
}
.custom_nav li {
  padding: 8px 20px;
  position: relative;
}
.custom_nav li:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -5px;
  display: block;
  width: 7px;
  background: #2d425a;
  display: none;
}
.custom_nav li:hover{
  background: #2d425a;
}
.custom_nav li.active:after, .custom_nav li:hover:after {
  display: block;
}
.custom_nav li a {
  color: #fff;
  display: block;
}
.user_info {
  padding: 20px 20px 8px;
}
.custom_nav {
  padding-top: 10px;
  height: calc(100vh - 225px);
}
.custom_nav .active{
  background-color: #2d425a;
}
.custom_nav .active a{
  color : #1da2ef;
}
.custom_nav h5 {
  margin: 20px 20px 8px;
  color: #829eb4;
  font-size: 12px;
  border-top: 1px solid #3b3f57;
  padding-top: 20px;
}
.nav_side_footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 240px;
  text-align: center;
  padding: 10px 0;
}
.nav_side_footer a {
  color: #1da2ef;
  text-transform: capitalize;
  display: inline-block;
  border: 1px solid #1da2ef;
  border-radius: 50px;
  padding: 6px 20px;
}
.cust_nav_sett {margin: 20px 20px 8px;border-top: 1px solid #3b3f57;padding-top: 20px;}
.cust_nav_sett a {color: #fff;display: block;}
.page_wrapper {margin-top: 50px;padding: 20px 0;}
.dashboard_view {background-color: #fff;}
.lab_info_desc {background-color: #fff;border-radius: 14px;padding: 20px;}
.welcome-div span,.lab_info_desc span{color: #27648e;font-weight: 600;font-size: 60px;font-family: 'RubikBold';}
.lab_info_desc p{color : #7d7d7d;margin: 0;}
.lab_info_desc h5 {color: #27648e;margin: 0;margin-top: 30px;}
.dashboard_layout .row-8 {background-color: transparent;}
.dashboard_layout .product_name:hover, .dashboard_layout .product_image a:hover {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
}
.dashboard_layout .product > .product_name, .dashboard_layout .product_image a{
  -webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
}
.dashboard_layout .page_title h1 {
  text-align: left;
  font-size: 30px;
  margin: 20px 0 0;
  color: #27648e;
  font-weight: 600;
}
/*Custom Scrollbar Css*/
.mCSB_scrollTools .mCSB_dragger {
  z-index: auto;
}
.mCSB_scrollTools {
  width: 10px;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  width: 15px;
  border-radius: 0px;
  margin: 0 auto;
}
.mCSB_inside > .mCSB_container {
  margin-right: 0px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(135, 145, 168, .3);
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
  background-color: rgba(135, 145, 168, .3);
  opacity: 1 !important;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(135, 145, 168, .3);
  opacity: 1!important;
}
.order_history {
  padding: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(25,54,90,0.75);
  -moz-box-shadow: 0px 0px 7px 0px rgba(25,54,90,0.75);
  box-shadow: 0px 0px 7px 0px rgba(25,54,90,0.75);
}
table.dataTable th, table.dataTable td {
  font-size: 12px;
}
.dt-buttons {
  margin-bottom: 8px;
}
.alert_msg_popup .modal-header {
  display: block;
  text-align: center;
  background: #18365A;
}
.alert_msg_popup .modal-title {
  color: #fff;
}
.alert_msg_popup .modal-content {
  width: 100%;
}
.alert_msg_popup button.close {
  font-size: 40px;
  font-weight: normal;
  opacity: 1;
  text-shadow: none;
  line-height: 26px;
}
.alert_msg_popup .modal-body {padding: 10px;text-align: center;}
.alert_msg_popup .modal-dialog {margin: 20px auto;}
.alert_msg_popup p{font-size: 20px;margin: 0 0 10px;}
.alert_msg_popup .submit_order_info {display: inline-block;width: 130px;}
.alert_msg_popup .popup_btn {
  font-family: 'RubikRegular';
  font-size: 13px;
  padding: 0 25px;
  overflow: hidden;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.05em;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 0;
  color: #fff;
  height: 36px;
  background-color: #35aaf3;
  opacity: 1;
  border-radius: 4px;
}

.popup-login-div{display:inline-block;float:left;}
#popup-login-email, #popup-login-password{height: 35px;display: block;margin-top: 0px;margin-bottom: 0;}
.bannerModal .modal-content {
  border-radius: 0;
  border: 0;
  background-color: transparent;
  width: 100%;
  background-color: transparent;
}
.bannerModal .modal-header {
  padding: 0;
  border: 0;
}

.bannerModal .modal-body {
  border-radius: 0;
  padding: 0;
}

.bannerModal .modal-dialog {
  max-width: 700px;
}

.bannerModal .modal-header .close {
  opacity: 1;
  text-shadow: none;
  position: absolute;
  right: 8px;
  z-index: 2;
  top: 5px;
  width: 24px;
  height: 24px;
  color: #fff;
  border-radius: 50%;
  border: 1px solid #fff;
}
.bannerModal iframe {width: 100%;margin-bottom: -6px;}
.bannerModal .modal-header .modal-title {padding: 6px 10px;}
.alert_msg_popup .modal-header .modal-title {padding: 6px 10px;font-family: 'RubikRegular';}
.service_list {padding: 10px;border-bottom: 1px solid;padding-bottom: 20px;}
.service_list h3 {margin-bottom: 4px;}
.service_list ul li{position: relative;padding-left: 15px;}
#popup-login-btn_ , .mobile_forgot_password{font-family: 'RubikRegular';}
.service_list ul li:before{
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 10px;
  position: absolute;
  left:0;
  top: 8px;
  display: block;
  background-color: #000;
}
.service_list ul li span {
  font-weight: 600;
}
.service_list ul li a{
  color:#18365a; 
}
.service_list ul li a:hover{
  color:#18365a; 
  text-decoration: underline;
}
.update_card_div .form-group{
  margin-bottom:20px;
}
.sku_num {
  margin-bottom: 20px;
}
.sku_num .col-sm-2 {
  -webkit-flex: 0 0 140px;
  -ms-flex: 0 0 140px;
  flex: 0 0 140px;
  max-width: 140px;
}
.sku_num .col-sm-4 {
  -webkit-flex: 0 0 calc(100% - 140px);
  -ms-flex: 0 0 calc(100% - 140px);
  flex: 0 0 calc(100% - 140px);
  max-width: calc(100% - 140px);
}
.sku_num .col-sm-4 input[type="text"] {
  max-width: 250px;
}
.sku_num .col-sm-2 b {
  display: block;
  padding-top: 12px;
}
#calibrationModal.bannerModal .login_banner_modal .modal-header {padding: 0px;}
.bannerModal .login_banner_modal .modal-header {
  background: #18365a;
  color: #fff;
  padding: 10px 0;
  justify-content: center;
}
.bannerModal .login_banner_modal .modal-header .modal-title{
  color: #fff;
}
.bannerModal .login_banner_modal .modal-header .close {
  background-color: #fff;
  color: #18365a;
  top: 10px;
}
.alert_msg_popup .modal-header {
  background: #18365a;
  color: #fff;
  padding: 10px 0;
  justify-content: center;
}
.alert_msg_popup .modal-header .close {
  background-color: #fff;
  color: #18365a;
  top: 10px;
}
.bannerModal .modal-dialog.login_banner_modal {
  max-width: 860px;
}
.login_banner_modal .service_list ul li:before {
  content: "\f0da";
  font-family: FontAwesome;
  background-color: transparent;
  width: 0;
  height: 0;
  border-radius: 0;
  top: -2px;
  font-size: 18px;
  color: #18365a;
}
.login_banner_modal .service_list h3 {
  text-transform: uppercase;
  border-bottom: 1px solid #18365a;
  display: inline-block;
  color: #18365a;
}
.bannerModal .login_banner_modal .modal-body {
  padding: 20px 40px;
}
.product_name:hover a.QuickLookBtn {
  top: -20px;
}
.product__img-holder a.OrderBtnLogin {
  display: none;
}
.product__img-holder a.OrderBtn {
  display: none;
}
.product_name:hover .product__img-holder a.OrderBtnLogin {
  display: block;
}
.cat_external_url_btn { background-color: #18365A;padding: 3px 25px;border-radius: 4px;display: table;margin: 10px auto 0;font-size: 13px;word-break: break-word;white-space: normal;}
.cat_external_url_btn:hover {
  background-color: #18365A;
}
.login_btn a i {display: inline-block;padding-right: 4px;}
.burger_btn {z-index: 999;top: 10px;display: none;cursor: pointer;color: #fff;width: 30px;height: 30px;text-align: center;line-height: 30px;background-color: #35aaf3;position: fixed;right: 10px;}
.mobile_overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(35, 38, 60, 0.7);display: none;    z-index: 998;}
body.is-active .mobile_overlay {display: block;}
.after_login_right .popover_body{width: 215px;}
.after_login_left .fa-shopping-cart {display: none;}
.claim-btn,.claim-btn:hover{background-color: #35aaf3;padding: 8px 10px;color: #FFF;white-space: nowrap;}
.order_success img{width: 160px;margin-bottom: 0;}
.order_success h3 {
  color: #35aaf3;
  font-weight: 600;
}
.order_success h4, .order_success h5{color: #27648e;}
.order_success_msg{display: table;width: 100%;height: 100%;}
.t_cell {display: table-cell;vertical-align: middle;}
.order_success.lab_info_desc h5 {margin-top: 10px;}
.quicklookControls{text-align: center;margin-top: 15px;}
.auto_submit_checkbox_div{float: right;}
.auto_submit_checkbox_div h6.important_text_desc{display: initial;padding-left: 10px;}
.submit_order_info input[disabled]{background-color: #f1d55f !important;pointer-events: none !important;}
.guest_language_selection.user_country > a:after {display: none;}
body.login_popup {padding-right: 0 !important;}
@media only screen and (max-width: 575px) {
  .order_success_msg {text-align: center;margin-top: 20px;}
  .order_success img {width: 100px;}
}
.guest_language_selection {
  display: inline-block;
}
.guest_language_selection > a {
  width: 34px;
  background: #fff;
  text-align: center;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  color: #2d90ce !important;
  font-size: 13px !important;
  padding: 0 !IMPORTANT;
  font-family: 'RubikLight';
}
.guest_language_selection > a:after {
  content: "\f107";
  font-family: FontAwesome;
}
.guest_language_selection ul {
  padding: 0px 9px;
}
.guest_language_selection ul li a {
  display: block;
  padding: 2px 5px;
  margin-bottom: 2px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #575757;
  font-size: 13px;
  line-height: 15px;
}
.guest_language_selection ul li a:hover {
  color: #35aaf3 !important;
}
.guest_language_selection div#popover_language {
  width: 120px;
}
.language_selection {
  width: auto !IMPORTANT;
}
.order_history .dataTable tbody .custom_tooltip {
  display : none;
  position: absolute;
  left : 0;
  background: #f0f4f7;
  border: 1px solid #35aaf3;
  color: #fff;
  border-radius: 4px;
  line-height: 18px;
  padding: 6px 14px;
  min-width: 520px;
  margin: 0 auto;
  margin-top: 5px;
  -webkit-box-shadow: 0px 0px 7px 0px rgba(25,54,90,0.75);
  -moz-box-shadow: 0px 0px 7px 0px rgba(25,54,90,0.75);
  box-shadow: 0px 0px 7px 0px rgba(25,54,90,0.75);
  z-index: 2;
  top: 41px;
}
.order_history .dataTable tbody tr:hover .custom_tooltip {
  display: block;
}
.order_history .dataTable tbody .custom_tooltip p{
  margin: 0;
  color: #000;
  font-size: 14px;
  line-height: 22px;
}
.order_history .dataTable tbody tr{
  position : relative;
}
.order_history .dataTable tbody .custom_tooltip a {
  font-size: 14px;
  line-height: 22px;
  background-color: #35aaf3;
  color: #FFF;
  padding: 4px 10px;
  display: inline-block;
  margin-top: 6px;
  font-weight: 100;
}
.order_history .dataTable tbody .custom_tooltip:before, .order_history .dataTable tbody .custom_tooltip:after {
  content: "";
  border: 10px solid transparent;
  border-bottom-color: #f0f4f7;
  left: 10px;
  margin: 0 auto;
  width: 10px;
  top: -20px;
  position: absolute;
  z-index: 1;
}
.order_history .dataTable tbody .custom_tooltip:after {
  border-bottom-color: #35aaf3;
  z-index: 0;
  top: -21px;
}
.modal .modal-dialog .modal-header .close.modal_Close{ font-size: 50px;line-height: 24px;font-weight: 700;opacity: 1;text-shadow: none;position: absolute;right: 8px;z-index: 2;width: 24px;height: 24px;border-radius: 50%;background-color: #fff;color: #18365a;border: 1px solid #fff;}
.modal-header .close:focus{outline: none;}
.order_history_bullet {display: inline-block;width: 100%;padding-top: 25px;}
.order_history_bullet li {display: inline-block;float: left;text-align: center;padding: 0 6px;position: relative;border-top: 2px solid silver; padding-bottom: 16px;}
.order_history_bullet li:before {
  content: "";
  position: absolute;
  top: -16px;
  margin: 0 auto;
  float: left;
  left: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: transparent;
  -webkit-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,1), inset 0px 0px 0px 15px rgb(128, 128, 128);
  -moz-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,1), inset 0px 0px 0px 15px rgb(128, 128, 128);
  box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,1), inset 0px 0px 0px 15px rgb(128, 128, 128);
}
.order_history_bullet[data-progress-steps="2"] li { width: 49%; }
.order_history_bullet[data-progress-steps="3"] li { width: 33%; }
.order_history_bullet[data-progress-steps="4"] li { width: 24%; }
.order_history_bullet[data-progress-steps="5"] li { width: 19%; }
.order_history_bullet[data-progress-steps="6"] li { width: 16%; }
.order_history_bullet[data-progress-steps="7"] li { width: 14%; }
.order_history_bullet li.progress_done:before {
    content: "\2713";
    background-color: #35aaf3;
    width: 30px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.order_history_bullet li.progress_done{
  border-top-color: #35aaf3;
}
.spinner_div{width: 5%;display:none;}
.order_history .dataTable tbody .custom_tooltip li p {
  margin: 0;
  padding-top: 15px;
  line-height: normal;
}
.msg_history p {
  margin: 0;
  line-height: normal;
}
.msg_history li {
  padding: 5px;
  border: 1px solid #ddd;
  margin-bottom: 5px;
}
.msg_history li:last-child {
  margin-bottom: 0;
}
.msg_history {
  margin-bottom: 10px;
}
.tooltip td:last-child {
  vertical-align: middle;
}
@media (max-width: 640px) {
  .order_history .dataTable tbody tr:hover .custom_tooltip {display: none;}
  
}
.msg_history {
  margin-bottom: 10px;
  /*max-height: 318px;
  overflow: auto;*/
}
.doctor_chat{max-height: 400px;overflow: auto;}
.mobile_forgot_password{color: #18365a;text-decoration: underline;}
body.is-active {overflow: hidden;z-index: -1;}
table.dataTable.display tbody tr.danger, table.dataTable.display tbody tr.danger td.sorting_1 {background-color: #f9848f;font-weight: bold;}
.tracking_link{background-color: #fff !important;color: #35aaf3 !important;text-decoration: underline;}
.home_orderpage{margin-top: 74px;}
.home_footer{margin-top: 0;}
.home_side h5{border-top: none !important;}
.home_side .side_nav{padding-top: 40px !important;}
header.nav.order_page_header {position: fixed;left: 0;right: 0;}
.home_side .custom_nav {height: calc(100vh - 10px);}
.login_btn a.google_sign_in i{display: inline;}
.login_btn .external_sign {padding-top: 4px;position: absolute;right: 0;}
@media (max-width: 991px) {
  .home_orderpage {margin-top: 135px;}
  .home_side .side_nav {padding-top: 140px !important;}
  .login_btn .external_sign {right: 35px;}
}
@media (max-width: 650px) {
  header.nav .top-bar__right .form-group {width: 146px;}
}
@media (max-width: 767px) {
  .home_side .side_nav {padding-top: 0px !important;z-index: 9999;}
  .burger_btn.custom_burger_menu {top: 138px;left: 0;right: auto;}
  body.is-active .burger_btn.custom_burger_menu {left: 200px;z-index: 99999;top: 10px;    border: 1px solid #fff;}
}
@media (max-width: 575px) {
  .home_orderpage {margin-top: 65px;}
  .custom_burger_menu.burger_btn {top: 67px;}
  .login_with_social .col-sm-6.text-left, .login_with_social .col-sm-6.text-right {text-align: center;}
}
.form-group input[type="checkbox"] {width: 15px;height: 15px;display: inline-block;vertical-align: middle;}
h6.important_text_desc {display: inline-block;}
h6.important_text_desc {margin: 0;font-size: 14px;color: #8e8e8e;}
h6.important_text_desc strong {color: #de1129;}
.important_text_desc i {font-style: normal;}
.msg_history li:first-child {border: 0;padding: 0;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #7b7b7b;}
.msg_history li:first-child p {padding: 0 0 3px 20px;position: relative;}
.msg_history li:first-child p:last-child {padding-bottom:0;}
.msg_history li:first-child p .fa {position: absolute;left: 0;}
.preloader{display: none;}
.show_preloader{display: inline-block;}
.white-popup {font-family: 'RubikRegular';position: relative;background: #FFF;padding: 20px;width:auto;max-width: 650px;margin: 20px auto;border-radius: 8px;}
.external_sign a:hover, .external_sign a {color: #fff;padding: 10px 10px;display: inline-block;}
.external_sign a { vertical-align: top;}
.google_sign_in img { height: 40px;min-width: 226px;max-width: 243px;vertical-align: top; }
.fb_iframe_widget{ padding: 10px; }
.popup-login-div{ text-align: left; }
.login_with_social {
  text-align: center;
  font-family: 'RubikLight';
  z-index: 99999;
}
.login_with_social .modal-header{padding: 0 10px;border: none;}
.login_with_social  h2{color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  padding: 0;
  line-height: 40px;
  display: block;
  margin:0px !important;}
.login_with_social .popup-login-div{ float: none;display: block; }
.login_with_social .form-group { margin-bottom: 18px; font-family: 'RubikRegular';}
.login_with_social .modal-dialog .modal-content{border: none;width:100%;max-width: 100%; padding: 15px;}
@media (min-width: 576px){.login_with_social .modal-dialog {max-width: 460px;}}
#popup-login-btn_ {display: block;margin-bottom: 10px;background-color: #2c8fcd;color: #fff;padding: 5px 20px;border-radius: 6px;}
.login_or { margin: 0;font-size: 14px;color: #565656;padding: 10px 0 5px;position: relative;text-align: center; }
.login_or:before { content: "";border-top: 1px solid #565656;height: 1px;width: 100%;display: block;position: absolute;top: 22px;z-index: 1;}
.login_or span { background-color: #fff;padding: 0 10px;display: inline-block;z-index: 2;position: relative; font-family: 'RubikRegular';}
#regdiv .external_sign{ text-align: center; }
.job_desc_info {padding: 15px;background-color: #fff;border-radius: 10px;max-width : 700px;border: 1px solid #acacac;border-radius: 4px;}
.job_desc_info .btn{line-height: 45px;margin: 0 6px 6px;}
.job_desc_info a { min-width: 360px;font-size: 12px}
.job_info_container{margin-bottom: 0px;margin-left: 0;font-size: 15px;line-height: normal;margin-bottom: 0px;font-family: 'RubikLight';}
.job_info_container span{color: #35aaf3;font-weight: 300;}
.job_info_container p{line-height: normal;margin-bottom: 0px;font-size: 15px !important;}
.after_login_menu .after_login_right .form-group {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: auto;
}
.after_login_menu .after_login_right a.toggle_popover {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin-right: 10px;
}
.custom-login-container {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.after_login_menu .after_login_right {
  text-align: right;
}
.after_login_menu .guest_language_selection > a {
  width: 34px;
  background: #fff;
  text-align: center;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  color: #35aaf3 !important;
  font-size: 13px !important;
  padding: 0 !IMPORTANT;
  font-family: 'RubikLight';
}
.after_login_menu .popover_body {
  top: 35px !important;
}
/*Home Push slide*/
.hero > .container {
  padding-left: 15px;
  padding-right: 15px;
}
.push_slider {
  padding: 13px 0;
}
.push_slider .row {
  margin: 0 -10px;
}
.top_section h4 {
    color: #0365a3;
    font-size: 32px;
    margin: 0;
    padding-bottom: 10px;
    text-transform: capitalize;
    font-family: 'RubikRegular';
}
.flex-slide {
  padding: 0 10px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 100%;
  height: 100%;
  position: relative;
}
.flex-slide:not(:empty):hover {
  -webkit-flex-grow: 1.2;
  flex-grow: 1.2;
}
.flex-slide:hover .d_table{
  background-color: #dfe6ed;
  background-image: url(../images/category-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition : background-color 1s linear;
}
.flex-slide:hover .image_holder img{
  margin-left: 0px;
  display: none;
}
.image_holder {
  background-image: none;
  height: 478px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.8s ease;
  /* margin-left: -70px; */
}

.image_holder img{
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 478px;
  transition: all 0.8s ease;
}
.flex-slide .d_table {
  width: 100%;
  overflow: hidden;
  background-color: #f9f9f9;
  height: calc(100vh - 292px);
  position: relative;
  transition: background-color 1s linear;
}
.flex-slide .image_holder .without_hover, .flex-slide:hover .image_holder .with_hover {
  display: block;
}
.flex-slide .image_holder .with_hover, .flex-slide:hover .image_holder .without_hover {
  display: none;
}
.top_section {
  padding: 10px 20px;
  padding-top: 30px;
  z-index: 2;
  position: relative;
  width : 100%;
  height: 100%;
}
.top_section ul {
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family: 'RubikLight';
}
.flex-slide:hover .top_section ul {
  opacity: 1;
}
.top_section li{
  padding-bottom: 5px;
}
.top_section li a:before{
  position: absolute;
  left: 0;
  content: "\f105";
  font-family: FontAwesome;
}
.top_section li:last-child{
  padding-bottom: 0px;
}
.top_section li a {
  position: relative;
  padding-left: 16px
}
.top_section h6 {
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.flex-slide:hover .top_section h6 {
  opacity: 1;
}
.top_section li a, .top_section h6 {
  display: inline-block;
  color : #575757;
  font-size: 16px;
  font-family: 'RubikLight';
  text-transform: capitalize;
}
.top_section li a:hover {
  color : #0056b3;  
}
.menu_login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 0;
}
.menu_login .menu_nav{
  padding-left: 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 360px);
  flex: 0 0 calc(100% - 360px);
  max-width: calc(100% - 360px);
  text-align: left;
}
.before_login .address_line{
  margin: 0;
  font-size: 13px;
  padding: 4px 4px 0;
  background: #f9f9f9;
  text-align: center;
}
.before_login .address_line span{
  color: #2991cf;
  font-weight: bold;
}

.after_login .address_line{
  margin: 0;
  font-size: 13px;
  padding: 4px 4px 0;
  background: #f9f9f9;
  text-align: center;
}
.after_login .address_line span{
  color: #2991cf;
  font-weight: bold;
}
.menu_login .login_controls{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 360px;
  flex: 0 0 360px;
  max-width: 360px;
}
.menu_login .login_controls .login_using_email .alert-notification a{
  color: #2c8fcd;
  animation: blink 1s linear infinite;
}

@keyframes blink{
  0%{opacity: 0;}
  50%{opacity: .5;}
  100%{opacity: 1;}
}
.menu_nav li {
  display: inline-block;
  padding: 0 4px;
  vertical-align: middle;
}
.menu_nav li.active a,.after_login_left li.active a{
  color : #35aaf3;
}
.menu_nav li a {
  text-transform: uppercase;
  color: #575757;
  font-size: 14px;
  line-height: 29px;
  display: block;
  font-family: 'RubikLight';
}
.toggle_button {
  display: none;
  height: 29px;
}
.navbar-toggle {
  position: relative;
  background-color: transparent;
  background-image: none;
  border: 0;
  outline: 0;
  cursor: pointer;
  padding: 0;
  text-align: center;
  margin: 5px 0;
}
.navbar-toggle .icon-bar {display: block;width: 30px;height: 3px;background-color: #35aaf3;margin: 0 auto;}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 5px;}
header.nav .logo img {max-width: 100%;}
.footer_menu {text-align: center;}
.footer_menu ul li:last-child{padding-right: 0}
.footer_menu ul li {display: inline-block;padding-right: 20px;}
.left_right_view {display: inline-block;width: 100%;position: relative;}
.left_right_col_view {display: inline-block;width: 100%;}
.stepClass{cursor: pointer;}
.active {display: block;}
.spinner {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  background: rgba(0, 0, 0, 0.4);
}
.spinner img {position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;}
.white_section_inner {padding: 0px 0px 0;}
.detailsbtn, .detailsbtn:hover, .detailsbtn:focus {
  width: auto;
  padding: 0;
  background: transparent;
  color: #4bb7f5;
  border: 0;
  cursor: pointer;
  box-shadow: none;
  font-size: 14px;
  padding: 0;
  vertical-align: top;
  outline: none;
  display: table;
  font-weight: normal;
  text-shadow: none;
  margin-top: 4px;
}
div .uploadbtn {color: #fff;border: 1px solid #2a95d8;border-radius: 4px;background-color: #2a95d8;text-align: center;min-width: 240px;outline: none;}
.uploadbtn {color: #2a95d8;font-size: 16px;border: 1px solid #2a95d8;outline: 0;border-radius: 40px;padding: 5px 12px;text-align: center;}
#uploadWrapper {width: 45%;height: auto;margin-bottom: 15px;padding: 0;margin-top: 0;}
.status {margin-top: 0;margin-bottom: 15px;}
.left_right_view .left_col{display: inline-block;width: calc(100% - 310px);vertical-align: top;float: left;padding-right: 20px;}
.left_right_view .right_col {width: 310px;display: inline-block;vertical-align: top;position: sticky;float: right;top: 0;}
.left_right_col_view .left_col_view {display: inline-block;width: calc(100% - 310px);vertical-align: top;float: left;padding-right: 20px;}
.left_right_col_view .right_col_view {position: relative;width: 310px;display: inline-block;vertical-align: top;float: right;top: auto;}
.steps_list ul {display: inline-block;width: 100%;}
.steps_list ul li {display: inline-block;width: 50%;float: left;text-align: center;position: relative;}
.steps_list ul li:first-child p {margin-left: 0;}
.steps_list ul li:last-child p {margin-right: 0;}
.steps_list ul li:first-child p:before, .steps_list ul li:last-child p:after {display: none;}
.steps_list ul li p {background-color: #818181;color : #000000;margin: 0 12px;position: relative;padding: 5px;font-family: 'RubikMedium';font-size: 16px;}
.steps_list ul li.active p {color : #fff;background-color: #2d90ce;}
.steps_list ul li.active p:after {border-left-color: #2d90ce;}
.steps_list ul li.active p:before {border-top-color: #2d90ce;border-bottom-color: #2d90ce;}
.steps_list ul li p:after, .steps_list ul li p:before {
  content: "";
  position: absolute;
  right: -18px;
  top: 0;
  bottom: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 18px solid #818181;
}
.steps_list ul li p:before {
  left: -18px;
  right: auto;
  top: 0;
  bottom: 0;
  border-top: 18px solid #818181;
  border-bottom: 18px solid #818181;
  border-left: 18px solid transparent;
}
.steps_desc h5 {color: #2e90cf;font-family: 'RubikRegular';}
.steps_desc {padding: 20px;border: 1px solid #bdbdbd;border-radius: 4px;}
.steps_desc .order_page_div {margin-top: 0;}
.title_desc {padding-left: 20px;}
.steps_desc .detailsbtn {font-family: 'RubikRegular';float: none;text-decoration: underline;font-size: 14px;margin-top: 0;}
.help-block{margin-bottom: 0px;}
.order_steps_btn {text-align: right;padding-top: 15px;padding-right: 15px;}
.order_steps_btn button {
  font-family: 'RubikRegular';
  min-width: 150px;
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  font-weight: 100;
  text-transform: none;
}
.order_steps_btn button:hover, .order_steps_btn button:focus {
  font-family: 'RubikRegular';
  color: #fff;
  text-decoration: none;
  background-color: #3071a9;
  border-color: #285e8e;
}
select.form-control {
  height: 36px;
  border: 1px solid #b3defb;
  width: 100%;
  margin-bottom: 0;
  padding: 0 28px 0 12px;
  color: #23263c;
  font-size: 16px;
  display: inline-block;
  border-radius: 6px;
  background-image: url(../images/drop_arrow.jpg);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
  font-family: "RubikRegular";
}
.form-control {font-family: "RubikRegular";padding: 0 12px;height: 36px;color: #23263c;font-size: 16px;border-radius: 6px !important;box-shadow: none !important;border: 1px solid #b3defb;margin-bottom: 0;}
select, option {background: transparent;-webkit-appearance: none !important;-moz-appearance: none !important;-ms-appearance: none !important;}
.white_section_inner h6 {margin: 0;font-size: 14px;color: #a8a8a8;line-height: normal;margin-top: 10px;}
.select-servbox a {float: left;}
.order_info_sec {margin-top: 15px;}
.no-border {border: 0px;}
.information_title {display: block;font-size: 16px;color: #23263c;font-family: 'RubikRegular';}
.form-group {display: inline-block;width: 100%;text-align: left;margin-bottom: 10px;}
.form-group label {color: #8e8e8e;font-weight: normal;font-size: 14px;text-align: left;width: 100%;vertical-align: top;font-family: 'RubikLight';}
select.form-control.dynamic-form-content {width: auto;}
#formInputs .form-control {border-radius: 0;}
.has-error .form-control {border-color: #e7604a !important;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.help-block {color: #E9967A !important;}
#LabOptions {display: none;}
textarea.form-control {height: 110px;padding: 10px 12px;}
#filechooser input {position: fixed;top: 0;left: 0;opacity: 0;width: 0;}
#filechooser {margin-bottom: 0px;background: none;border-style: none;border-radius: 0px;text-align: left;max-width: 100%;flex: 0 0 100%;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#filechooser, #filechooser_pdf, #filechooser_video, #filechooser_stl {position: relative;}
#filechooser .required_flag.file_required {position: absolute;left: -8px;}
.order_total {padding: 20px;border: 1px solid #bdbdbd;border-radius: 4px;}
.order_total .amount_div {float: none;}
.coupon_submit_section .apply_coupon_for {display: inline-block;width: 100%;float: none;}
.coupon_submit_section .apply_coupon_for .coupon-code .form-control {width: calc(100% - 72px);}
.coupon_submit_section .apply_coupon_for .coupon-code input[type="button"] {width: 72px;}
.order_total .amount_div {width : 100%;}
.coupon_submit_section .apply_coupon_for .coupon-code {padding-right: 0;}
.order_total .amount_div .btn {background-color: #ffb11a;font-size: 16px;border-radius: 4px;color: #000;pointer-events: auto;}
.order_total .amount_div .btn:hover {border-color: #ffb11a; background-color: #ffb11a !important;color : #000;}
.submit_order_info input[disabled]:hover {background-color: #f1d55f !important;}
.order_footer_text {font-size: 12px;line-height: normal;text-align: left;margin: 0;font-family: 'RubikLight';}
.order_footer_text a{color: #7b7b7b;text-decoration: underline;}
.top_title h1 {margin: 0;font-family: 'RubikRegular';font-size: 40px;}
.top_title p{font-family: 'RubikLight';font-size: 14px;color: #ababab;line-height: normal;}
.category-banner img {width: 100%;}
.order_amount_info .total-amt p, .order_amount_info .total-amt input{float: none;font-family: 'RubikRegular';}
.total-amt p:last-child {font-size: 48px;line-height: 46px;}
.order_amount_info .total-amt {margin-bottom: 0;padding: 12px 0;}
.order_total .order_information {padding-top: 0;}
.order_total .amount_div {width: 100%;padding-bottom: 10px;}
.order_total .ship-add:before, .order_total .pay-method:before, .order_total .prime-con:before {display: none;}
.order_total  .customer-detail p{padding: 0;font-family: 'RubikLight';}
.order_total .customer-detail a{font-size: 0;line-height: 20px;margin: 0;}
.order_total .customer-detail a img{vertical-align: baseline;height: 12px;padding-left: 2px;}
.order_total .customer-detail span {padding-left: 0;}
.order_total .customer-detail p span {display: block;padding: 0;line-height: 20px;min-width: 100%;}
.order_information,.order_total  .customer-detail p  {text-align: left;}
#shipping_div {padding-top: 10px;}
#shipping_div select.form-control {width: 100%;}
.order_info_sec .aligner_div_desc {margin-top: 0;}
.aligner_div_desc {display: inline-block;width: 100%;margin-top: 15px;}
.aligner_div_desc select.form-control {width: 100px;}
.aligner_div_desc select#aligner_option_id{
 width: 100%;
}
.aligner_div_desc div h6 {margin: 0;padding-top: 25px;position: relative;}
h6.important_text_desc {display: inline-block;}
h6.important_text_desc {margin: 0;font-size: 14px;color: #8e8e8e;}
.important_text_desc i {font-style: normal;font-family: 'RubikLight';}
.order_info_sec .aligner_div_desc .form-group {width: 167px;}
.required_flag{color:#E9967A;font-size: 14px;}
.form-group input[type="radio"], .form-group input[type="checkbox"] {width: 15px;height: 15px;display: inline-block;vertical-align: middle;}
.coupon_error{color: #E9967A;font-size: 14px;}
.coupon_success{margin: 0;font-size: 14px !important;float: none;line-height: normal;color: #3c763d !important;}
.order_info_sec .aligner_div_desc div {width: calc(100% - 167px);}
.aligner_div_desc .form-group {display: inline-block;float: left;width: 250px;padding-right: 20px;}
.aligner_div_desc.aligner_desc_div .form-group{
  width: 300px;
}
.aligner_div_desc.aligner_desc_div div{
  width: calc(100% - 300px);
}
.aligner_div_desc.aligner_desc_div div h6{
  padding-top: 38px;
}
.aligner_div_desc div {display: inline-block;float: left;width: calc(100% - 250px);}
.total-amt {margin-bottom: 10px;display: inline-block;vertical-align: middle;width: 100%;text-align: left;}
.total-amt p, .total-amt input {float: right;color: #23263c !important;margin-right: 0;border: 0px;font-size: 29px;height: auto;font-weight: 700;}
.total-amt p {font-size: 38px;line-height: 25px;}
.coupon_submit_section {display: inline-block;width: 100%;}
.btn_invisible {display: none !important;}
.apply_coupon_for .coupon-code {display: inline-block;float: left;width: 100%;padding-right: 10px;}
.apply_coupon_for .coupon-code .form-control {display: inline-block;float: left;border-radius: 6px 0 0 6px !important;width: calc(100% - 60px);}
.apply_coupon_for .coupon-code input[type="button"] {color: #000;display: inline-block;float: left;height: 36px;background: #caebff;border: 1px solid #caebff;border-left: 0;border-radius: 0 6px 6px 0;width: 60px;}
.showcoupon, #discount_amount {display: none;}
.showcoupon_text {display: inline-block;position: relative;width: 100%;padding-right: 10px;}
#applied {text-align: left;}
.showcoupon input {background: #e8f0fe;outline: 0;height: 36px;color: #000;box-shadow: none !important;border: 1px solid #b3defb;padding: 0px 12px;display: inline-block;float: left;border-radius: 6px 0 0 6px !important;width: calc(100% - 60px);}
.showcoupon_text span {cursor: pointer;color: #4bb7f5;display: inline-block;float: left;height: 36px;background: transparent;border: 1px solid #b3defb;border-left: 0;border-radius: 0 6px 6px 0;width: 60px;text-align: center;line-height: 32px;}
.showcoupon_text img {width: 10px;}
.coupon_success {margin: 0;font-size: 14px !important;float: none;line-height: normal;color: #3c763d !important;}
.apply_coupon_for {display: inline-block;float: left;width: calc(100% - 130px);}
.customer-detail {margin-bottom: 10px;}
.customer-detail p {text-align: left;color: #7d7d7d;font-size: 16px;width: 100%;margin: 0;padding-left: 25px;}
.customer-detail p span {display: inline-block;padding: 0;min-width: 120px;color: #7d7d7d;}
.customer-detail a, .customer-detail a:hover {color: #4bb7f5;text-decoration: none;margin-left: 0;font-size: 0;}
.customer-detail span {display: block;color: #23263c;font-size: 13px;padding-left: 25px;font-family: 'RubikRegular';}
.left_right_view .left_col .order_steps_btn button {color: #000;font-size: 14px;background-color: #caeaff;border-color: #caeaff;font-family: 'RubikRegular';}
.left_right_view .left_col .order_steps_btn button:hover {color: #000;background-color: #caeaff !important;border-color: #caeaff;}
.left_right_view .left_col .order_steps_btn .col-7{text-align: right;}
div .order-file {width: 100%;display: inline-block;padding: 0 0 10px;margin-bottom: 12px !important;border-bottom: 1px solid #e1e1e1 !important;}
.order-file .upload_btn_src {-ms-flex: 0 0 240px;flex: 0 0 240px;max-width: 240px;position: relative;}
.order-file #uploadWrapper {-ms-flex: 0 0 calc(100% - 240px);flex: 0 0 calc(100% - 240px);max-width: calc(100% - 240px);padding-left: 10px !important;margin-bottom: 0 !important;}
.status>div {width: 100%;position: relative;margin-top: 15px;padding: 0;}
.status>div>.loading {height: 20px;line-height: 36px;border: 0;width: 100%;}
.status>div>.loading > span[id*=update_], .status>div>.loading .queued_red {bottom:0px;position: absolute;font-size: 14px;line-height: 21px;}
.status .file_cancel {position: absolute;right: 0;top: 14px;line-height: normal;cursor: pointer;}
.status .file_calibrate {position: absolute;right: 65px;top: 14px;line-height: normal;cursor: pointer;}
.status>div>label {float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;}
.status>div>label {color: #268cd6;padding: 0;width: 100%;}
.order-file .status {margin-bottom: 0;}
.order-file .status>div {margin-top: 0;display: block;width : 100%;margin-left: 0px;}
.order-file .status>div>label {vertical-align: top;margin-bottom: 0;float: none;width: 60%;text-overflow: ellipsis;}
.order-file .status>.FileUploaded>label {margin-top: 0px;}
.form-textarea{padding: 0 12px;color: #23263c;font-size: 16px;border-radius: 6px !important;box-shadow: none !important;border: 1px solid #b3defb;margin-bottom: 0;}
.update_credit_div {max-width: 400px;}
.address_container {max-width: 600px;}
.lp_form_section .update_credit_div {margin: 0 auto;}
.lp_form_section .address_container {margin: 0 auto;}
.update_credit_div, .address_container {padding-bottom: 100px;}
.btn.btn-custom,.daterangepicker .drp-buttons .btn {text-transform: none;height: auto;padding: 10px 20px;border-radius: 5px;background-color: #b3defb;color : #31393e;line-height: normal;font-family: 'RubikRegular';font-weight: normal;}
.btn.btn-custom:hover {background-color: #b3defb !important;color : #31393e;}
.popup-header {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;padding: 10px 0 5px 0px;border-bottom: 1px solid #e9ecef;}
.popup-body {text-align: left;overflow-y: auto;height: auto;padding-top: 10px;}
.popup-footer {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;padding: 15px;border-top: 1px solid #e9ecef;}
.popup-save-btn {border: 0;border-radius: 3px;cursor: pointer;float: right;font-family: inherit;letter-spacing: .1em;line-height: 1em;margin: 0 0 0 .5em;padding: .75em 2em;text-transform: uppercase;background: #4bb7f5 !important;color: #fff !important;font-size: 13px !important;height: 36px;}
.popup-close-btn{border: 0;border-radius: 3px;cursor: pointer;float: right;font-family: inherit;letter-spacing: .1em;line-height: 1em;margin: 0 0 0 .5em;padding: .75em 2em;text-transform: uppercase;font-size: 13px !important;height: 36px;background: #e0e0e0;color: #777;}
.footer_menu ul li:last-child {padding-right: 6px;}
.footer_menu ul li a{color : #000;font-size: 14px;display: block;}
.footer_additional a {color: #0365a3;font-family: 'RubikMedium';}
.footer_additional .btn {color: #000;background-color: #caeaff !important;border-color: #caeaff;font-family: 'RubikRegular';padding: 10px 16px;font-size: 14px;line-height: 1.33;border-radius: 6px;font-weight: normal;display: inline-block;text-transform: capitalize;}
.footer_additional .btn:hover, .footer_additional .btn:focus {background-color: #caeaff !important;}
.footer_menu ul li a .fa{padding-right: 6px;font-size: 22px;vertical-align: bottom;}
.footer_additional a .fa {padding-left: 6px}
.footer_additional a .fa.fa-caret-left {padding-left: 0;padding-right: 6px;}
.footer_additional.text-left {text-align: left;}
.footer_menu ul li a:hover{color: #0365a3;}
.footer_links {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.footer_links_left {-webkit-box-flex: 0;-webkit-flex: 0 0 calc(100% - 40px);-ms-flex: 0 0 calc(100% - 40px);flex: 0 0 calc(100% - 40px);max-width: calc(100% - 40px);padding-right: 10px;}
.footer_links_right {-webkit-box-flex: 0;-webkit-flex: 0 0 40px;-ms-flex: 0 0 40px;flex: 0 0 40px;max-width: 40px;}
.update_profile_div p{line-height: normal;margin-bottom: 0px;font-family: 'RubikLight';font-size: 20px;color: #000;}
.job_details_div p{line-height: 20px;font-family: 'RubikLight';}
.job_details_div p span{line-height: 18px;margin: 10px 0;padding: 0;color: #575757;font-family: inherit;font-size: 16px;text-align: left;}
.job_details_div p label{color:#35aaf3;margin: 0}
#quickLookModal,#productBannerModal {overflow-y: hidden;}
#quickLookModal .modal-header,#productBannerModal .modal-header{background: transparent;}
#quickLookModal .close,#productBannerModal .close{background: transparent;color: #fff;border: none;}
#calibrationModal .modal-dialog{width: 755px; max-width: 850px;}
#calibrationModal .modal-body {text-align: center;}
.dataTables_filter label input, .dataTables_length label select {border-radius: 6px;border: 1px solid #b3defb;height: 34px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {padding: 8px 14px;border-radius: 5px;background-color: #b3defb;color: #31393e !important;font-weight: 700;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {opacity: 0.5;}
.additional_category,#main_services{display: none;background-color: transparent;}
.active-category{max-height: 0px;opacity: 0;}
.sweet-alert {font-family: 'RubikLight';}
b, strong{font-family: 'RubikBold';}
.lab_review_title p {color: #000;font-size: 18px;font-family: 'RubikLight';}
.lab_review_title hr {border-color: #caebff;}
.form-group .popup-label label {font-size: 16px;color: #000;}
.custom_rating .emoji_1 span{font-family: 'RubikBold';}
.custom_rating {display: table;width: 100%;padding-bottom: 14px;}
/*Rating CSS*/
.popup {padding: 0;background: #fff;z-index: 1;width: 100% !important;position: relative;}
.custom_rating .emoji_1{display: inline-block;width : 20%;float: left;position: relative;}
.site-wrapper{-webkit-box-shadow: none;box-shadow: none;}
.content{max-width: 780px;margin: 0 auto;}
.custom_rating .emoji_1 {padding: 5px;text-align: center;}
.custom_rating .emoji_1 span{display: block;}
.custom_rating .emoji_1 span:before{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;height: 100%;width:100%;border-radius: 4px;z-index: -1;}
.custom_rating .emoji_1 input[type="radio"]:checked + svg{fill: #fff;}
.custom_rating .emoji_1 input[type="radio"]:checked + svg + span{color: #fff;}
.custom_rating .emoji_1 input[type="radio"]:checked + svg + span:before{background-color: #358ccd;}
.custom_rating .emoji_1 input[type="radio"]{width: 100%;height: 100%;position: absolute;opacity: 0;margin: 0;top: 0;bottom: 0;left: 0;right: 0;}
.footer_additional{text-align: right;padding: 10px 15px 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.category_title_h4{width: 160px;}
#formUploadInputs #dragandrophandler{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
body #dragandrophandler{float: none;}
.order-file #dragandrophandler {
  -ms-flex: 0 0 240px;
  flex: 0 0 240px;
  max-width: 240px;
}
#filechooser_video, #filechooser_pdf, #filechooser_stl {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex_mobile_view li ul {display: none;}
.flex_mobile_view {display: none;font-family: 'RubikLight';}
.flex_mobile_view > li {margin-bottom: 30px;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;background-color: #f9f9f9;position: relative;color: #575757;}
.flex_mobile_view > li:last-child {margin-bottom: 0;}
.flex_mobile_view > li:before {content: "\f107";font-family: FontAwesome;position: absolute;left: 10px;bottom: 10px;font-size: 26px;line-height: 16px;}
.flex_mobile_view > li.active:before {content: "\f106";}
.flex_mobile_view .flex_title_desc, .flex_mobile_view .flex_image_holder {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.flex_mobile_view li.active .flex_title_desc, .flex_mobile_view li.active .flex_image_holder {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.flex_mobile_view .flex_title_desc {padding: 10px 0 30px 10px;}
.flex_mobile_view .flex_title_desc h4 {font-size: 22px;margin: 0;}
.flex_title_desc ul li a {color: #575757;font-size: 16px;position: relative;
  padding-left: 8px;padding-bottom: 5px;display: inline-block;font-family: 'RubikLight';text-transform: capitalize;}
.loggen_in .flex-slide .d_table {height: calc(100vh - 354px);}
.stripe_checkout .d_table {display: table;width: 100%;height: calc(100vh - 291px);}
.important_notice {display: block;width: 100%;max-width: 100%;flex: 0 0 100%;padding-bottom: 5px}
.daterangepicker .ranges li{font-family: 'RubikRegular';}
.daterangepicker td.active, .daterangepicker td.active:hover{
  color : #fff !important;
}
.update_credit_div .form-group h2 {font-family : 'RubikMedium';}
.login_btn .toggle_popover.OrderBtnLogin:after {content: "\f107";font-family: FontAwesome;}
table.dataTable.display tbody tr.danger td:first-child a {
  color: #fff !important;
}
.login_btn #popover_user.popover_body a {
  padding: 0;
}
.category_product_path {font-family: 'RubikRegular';padding-bottom: 10px;}
.upload_msgs {padding-top: 5px; -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.flex_title_desc ul li a:before {
  position: absolute;
  left: 0;
  content: "\f105";
  font-family: FontAwesome;
}
.flex_title_desc ul li, .flex_title_desc h6 {
  color: #575757;
  font-size: 16px;
  position: relative;
  font-family: 'RubikLight';
  text-transform: capitalize;
}
/* @media ( min-width: 1200px ) {
  .flex-slide {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .flex-slide:hover {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  #category_list:hover .flex-slide:not(:hover), #additional_category_list:hover .flex-slide:not(:hover) {
    -webkit-flex: 0 0 18.7%;
    -ms-flex: 0 0 18.7%;
    flex: 0 0 18.7%;
    max-width: 18.7%;
  }
} */
.modal-open .modal.login_with_social {
  overflow-y: hidden;
}
@media ( max-width: 767px ) {
  .after_login_header .after_login_left {float: none;display: inline-block;vertical-align: middle;width: calc(100% - 215px);}
  .after_login_header .after_login_right {display: inline-block;width: 190px;float: none;vertical-align: top;padding: 0;}
  .after_login_menu .popover_body {z-index: 1;}
  .burger_btn {width : 20px;}
}
@media ( max-width: 400px ) {
  .after_login_header .after_login_left { display: none; }
  .after_login_header .after_login_right {  width: calc( 100% - 10px); padding-right: 5px;}
}
.menu_nav li.learn_btn .btn {
  background-color: #2c8fcd;
  color: #fff;
  border: 0;
  padding: 0 10px;
  border-radius: 4px;
  text-transform: capitalize;
}
/* table#example .dataTables_wrapper {
  padding-left: 30px;
}
table#example .dataTables_wrapper .dataTables_wrapper{
  padding-left: 60px;
} */
body #example_wrapper .rating-table td:first-child {
  width: 10px !important;
}
#example_wrapper #example td[colspan="3"] {
  padding: 0;
}
body #example_wrapper .rating-table .product td:first-child {
  padding-left: 30px;
}
body #example_wrapper .rating-table .service td:first-child {
  padding-left: 65px;
}
.dash_menu > .image {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  padding: 4px;
  background-color: transparent;
  cursor: pointer;
}
.dash_menu > .image > img{
  vertical-align: top;
}
.dash_menu {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.dashBox {
  position: absolute;
  background-color: #fff;
  width: 335px;
  text-align: left;
  padding: 20px;
  padding-bottom: 10px;
  border-radius: 5px;
  right: 0;
  -webkit-box-shadow: 0px 0px 5px 0px rgb(0, 0, 0, 0.56);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.56);
  box-shadow: 0px 0px 5px 0px rgb(0, 0, 0, 0.56);
  opacity: 1;
  display: none;
  transform: translateY(-30px);
  z-index: -1;
  transition: .5s all ease-in-out;
}
.dashBox.active {
  display: block;
  opacity: 1;
  transform: translateY(0px);
  z-index: 2;
}
.dashBox_tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.dashBox_tile img {
  height: 36px;
}
.dashBox_tile p {
  margin: 0;
  font-size: 12px;
}
.dashBox a {
  line-height: normal;
  margin-bottom: 10px;
  -ms-flex: 0 0 33.3333333333%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
/*Redmine#13805*/
.custom_header, .menu_login {
  align-items:center;
}
.menu_nav ul { 
  display: inline-block;
}
.add-banner {
  width: auto;
  height: 55px;
  display: inline-block;
  max-width: 530px;
}
.add-banner img {
  width: 100%;
  height: 100%;
  object-fit: contain;    
}
@media only screen and (min-width:1800px) and (max-width: 1919px){
  .container{
    max-width: 1680px;
  }
}
@media (min-width:1800px){
  .menu_login{
    align-items: center;
    justify-content: space-between;
  }
  .menu_login .menu_nav, .menu_login .login_controls{
    flex: inherit;
  }
  .add-banner{
    width: auto;
  }
  .add-banner .mob-tab, .add-banner .close-btn{
    display: none;
  }
}
@media (max-width: 1799px){
  .add-banner{
    display: none;
  }
}
@media (max-width: 767px){
  .add-banner{
    display: block;
    position: absolute;
    right: -15px;
    top: 70px;
    width: 100vw;
    padding: 0 15px;
    z-index: -9;
  }
  .afterlogin.login_btn{
    position: absolute;
    right: 0;
    bottom: -27px;
  }
  .add-banner .mob-tab{
    display: inline-block;
  }
  .add-banner .desk{
    display: none;
  }
  .add-banner .close-btn{
    display: flex;
    position: absolute;
    top: 0;
    right: 15px;
    background: rgba(255,255,255,0.3);
    border: navajowhite;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
  }
  .content-wrapper{
    margin-top: 50px;
  }

  .add-banner img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
}
.ortho-tooltip-main a {
  position: relative;
}
.ortho-tooltip-main a i { 
  color:  #2a95d8;
}
.ortho-tooltip-main a:hover .ortho-tooltip {
  opacity: 1;
  visibility: visible;
}
.ortho-tooltip {
  width: 330px;
  position: absolute;
  left: 0;
  top: 20px;
  background: #fff;
  z-index: 9;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
}

.not_last_message_lab {
  background: yellow; 
}

.cr_text-color .form-control,
.cr_description-color
{
  color: #147FCD;
  font-weight : bold;
}
#imageContainer {
  display: flex;
  flex-direction: row;
  gap: 5px;
  height: 80px;
  width: 100%;
}

ul.upload-img {
  margin: 0;
  padding: 0;
  display: flex;
  flex-grow: 1;
  gap: 1px;
  white-space: nowrap;
  transition: all 0.5s ease 0s;
  list-style: none;
  overflow-y: auto;
}

#imageContainer,
ul.upload-img:focus-visible,
ul.upload-img li:focus-visible {
  outline: none !important;
}

ul.upload-img li.close {
    list-style: none;
    position: relative;
    cursor: pointer;
    margin: 5px 2.5px;
    min-width: 50px;
    height: 50px;
    border-radius: 5px;
    opacity: 1;
}

.closebtn {
    background: #15ABFF url(../../assets/images/ic-close-w.svg) no-repeat center;
    width: 14px;
    height: 14px;
    position: absolute;
    right: -3px;
    top: -3px;
    border: none;
    padding: 0;
    border-radius: 3px;
    transition: all 0.5s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.upload-img li img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    object-fit: fill;
    object-position: 0;
}

li:hover .closebtn {
    opacity: 1;
    visibility: visible;
}
#imagePreviewModal{
      background-color: #0000009e;
      padding: 0;
}
#imagePreviewModal .modal-dialog{
  min-height: calc(100% - (2rem * 2));
}
#imagePreviewModal .modal-content {
  position: relative;
  top: 20%;
  left: 0;
  max-width: 100%
}

#imagePreviewModal .modal-body {
  width: 100%;
  max-height: 100%;
  display: block;
  padding: 10px;
  overflow: auto;
}

#imagePreviewModal .image-preview-close {  
  background: #15ABFF url(../../assets/images/ic-close-w.svg) no-repeat center;
  width: 30px;
  height: 30px;
  position: absolute;
  right: -12px;
  top: -13px;
  background-size: cover;
  border: none;
  padding: 0;
  border-radius: 5px;
  z-index: 9999;
  cursor: pointer;
}
.cr_text-color .form-control,
.cr_description-color
{
  color: #147FCD;
  font-weight : bold;
}

/* case viewer css start */
.case-viewer{
  font-family: 'RubikMedium';
}
.case-header{
  display: flex;
  align-items: center;
  padding: 8px 20px;
  border-bottom: 2px solid #E1E1E1;
  justify-content: center;
  position: relative;
}
.case-header .sidebar-menu{
  background: no-repeat;
  border: none;
  height: auto;
  font-size: 26px;
  color: #7B7B7B;
  position: absolute;
  left: 16px;
}
.case-header .sidebar-menu:hover{
  color: #2c8fcd;
}
.case-header .sidebar-menu:focus{
  outline: none;
}
.case-header .fullscreen-icon{
  position: absolute;
  z-index: 99;
  right: 16px;
  top: 14px;
  background: #fff;
  color: #3b8ec3 !important;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid #3b8ec3;
}
.case-viewer .logo img{
  height: 50px;
}
.case-body {
  position: relative;
  display: flex;
  justify-content: flex-start;
}
.case-body .sidebar{
  width: 360px;
  height: calc(100vh - 68px);
  background: #F1FAFF;
  position: relative;
}
.case-body .sidebar.closed{
  display: none;
}

.case-body .sidebar .case-details{
  background: #fff;
  padding: 16px 20px;
}
.case-body .sidebar .case-details .accordion-item{
  border: 1px solid #E9EEF0;
}
.case-body .sidebar .case-details .accordion-item .accordion-header{
  margin: 0;
  background: #F1FAFF;
  font-size: 14px;
  font-weight: 100;
  padding: 8px 10px;
}
.case-body .sidebar .case-details .accordion-item .accordion-header .accordion-button{
  background: transparent;
  border: none;
  width: 100%;
  text-align: left;
}
.case-body .sidebar .case-details .accordion-item .accordion-header .accordion-button:focus{
  outline: none;
}
.case-body .sidebar .case-details .accordion-item .accordion-header .accordion-button span{
  color: #2F8FCB;
}
.case-body .sidebar .case-details .accordion-item .accordion-header .accordion-button i{
  float: right;
  margin-top: 2px;
  color: #3b8ec3;
}
.case-body .sidebar .case-details .accordion-item .accordion-header .accordion-button.collapsed i{
  transform: rotate(180deg);
  margin: 0;
}
.case-body .sidebar .case-details .accordion-body {
  padding: 10px 16px 0;
}
.case-body .sidebar .case-details .accordion-body h2{
  font-size: 14px;
  font-weight: 100;
}
.case-body .sidebar .case-details .accordion-body h2 span{
  color: #2F8FCB;
}
.case-body .sidebar .case-files{
  padding: 16px 20px;
}
.case-body .sidebar .case-files h4{
  font-size: 14px;
}
.case-body .sidebar .case-files .file-icons{
  height: calc(100vh - 326px);
  overflow: auto;
}
.case-body .file-icons::-webkit-scrollbar {
  width: 4px; /* Adjust the width as needed */
  cursor: pointer;
}
.case-body .file-icons::-webkit-scrollbar-thumb {
  background-color: #3B8EC3; /* Color of the scrollbar handle */
}
.case-body .file-icons::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Color of the scrollbar track */
}

.case-body .file-icons .f-icons{
  display: flex;
  margin-right: 6px;
  text-transform: capitalize;
  align-items: center;
  background-color: #fff;
  border: 0.5px solid #ffffff;
  padding: 8px 10px;
  margin-bottom: 10px;
}
.case-body .file-icons .f-icons:hover{
  border: 0.5px solid #258ACE;
}
.case-body .file-icons .f-icons:hover span{
  background: #3b8ec3;
}
.case-body .file-icons a.active .f-icons{
  border: 0.5px solid #258ACE;
}
.case-body .file-icons a.active .f-icons span{
  background: #3b8ec3;
}
.case-body .file-icons .f-icons span{
  background: #BEBEBE;
  color: #fff;
  width: 48px;
  height: 20px;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}
.case-body .file-icons .f-icons p{
  width: 80%;
  color: #1F2022;
  font-size: 14px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.case_pdf_view .pdfcanvas_box{
  max-width: 100%;
  height: calc(100vh - 170px);
  overflow: auto;
}

.case-body .file-header-mob .file-icons{
  display: flex;
  overflow: auto;
  justify-content: flex-start;
  width: 90%;
}
.case-body .file-header-mob .file-icons::-webkit-scrollbar {
  height: 0px;
}
.case-body .file-header-mob .fullscreen-icon{
  background: #fff;
  color: #3b8ec3 !important;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid #3b8ec3;
  width: 10%;
  margin: 0 12px;
}

.case-body .file-header-mob .file-icons a {
  position: relative;
  min-width: 22%;
  width: 22%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.case-body .file-header-mob .file-icons .f-icons{
  display: block;
  margin: 0;
  text-transform: capitalize;
  background-color: #F4F4F4;
  color: #a7a9ac;
  border-right: 2px solid #E3E3E3 !important;
  border: 0;
  padding: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  width: 100%;
  text-align: center;
}
.case-body .file-header-mob .file-icons .f-icons i{
  display: block;
  font-size: 22px;
  margin: 4px 0;
  color: #a7a9ac;
}
.case-body .file-header-mob .file-icons a:hover .caseviewer-tooltip {
  opacity: 1;
  visibility: visible;
}
.case-body .file-header-mob .file-icons a .caseviewer-tooltip{
  top: 34px;
  padding: 8px;
  width: max-content;
  position: absolute;
  left: 0;
  background: #fff;
  z-index: 9;
  border: 1px solid #ddd;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
}
.case-body .file-header-mob .file-icons a .caseviewer-tooltip p{
  font-size: 12px;
  line-height: normal;
  margin: 0;
  color: #000;
}
.case-body .file-header-mob .file-icons a.active{
  font-weight: bold;
}
.case-body .file-header-mob .file-icons a.active i{
  color: #2d90ce;
}
.case-body .file-header-mob .file-icons a.active .f-icons{
  color: #2d90ce;
  border: none;
}
.case-body .file-footer-mob .file-btns{
  position: absolute;
  bottom: 0;
  background: #fff;
  width: 100%;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 8px;
  flex-wrap: wrap;
}
.case-body .file-footer-mob .file-btns .message-btn{
  background: #3B8EC3;
  border: 2px solid #3B8EC3;
  border-radius: 6px;
  padding: 2px 20px;
  margin: 0 6px;
}
.case-body .file-footer-mob .file-btns .btn:hover{
  background-color: #3B8EC3 !important;
  border: 2px solid #3B8EC3;
  color: #fff;
}
.case-body .file-footer-mob .file-btns .approve-btn{
  background: transparent;
  border: 2px solid #3B8EC3;
  color: #22384D;
  border-radius: 6px;
  padding: 2px 20px;
  margin: 0 6px;
}


.case-body .sidebar .file-btns{
  position: absolute;
  bottom: 0;
  background: #fff;
  width: 100%;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 10px;
  flex-wrap: wrap;
}
.case-body .sidebar .file-btns .message-btn{
  background: #3B8EC3;
  border: 2px solid #3B8EC3;
  border-radius: 6px;
  padding: 2px 20px;
  margin: 0 6px;
}
.case-body .sidebar .file-btns .btn:hover{
  background-color: #3B8EC3 !important;
  border: 2px solid #3B8EC3;
  color: #fff;
}
.case-body .sidebar .file-btns .approve-btn{
  background: transparent;
  border: 2px solid #3B8EC3;
  color: #22384D;
  border-radius: 6px;
  padding: 2px 20px;
  margin: 0 6px;
}

.case-body .main-container .file-btns{
  background: #fff;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
}
.case-body .main-container .file-btns .message-btn{
  background: #3B8EC3;
  border: 2px solid #3B8EC3;
  border-radius: 6px;
  padding: 2px 20px;
  margin: 0 6px;
}
.case-body .main-container .file-btns .btn:hover{
  background-color: #3B8EC3 !important;
  border: 2px solid #3B8EC3;
  color: #fff;
}
.case-body .main-container .file-btns .approve-btn{
  background: transparent;
  border: 2px solid #3B8EC3;
  color: #22384D;
  border-radius: 6px;
  padding: 2px 20px;
  margin: 0 6px;
}
.case-body .main-container{
  flex-grow: 1;
  position: relative;
  background: #E8E9ED;
  width: calc(100% - 360px);
}
.case-header h2{
  font-weight: 300;
  color: #000;
  font-size: 15px;
  margin-right: 40px;
  font-family: 'RubikLight';
}
.case-header h2 span{
  color: #35aaf3;
  font-family: 'RubikMedium';
}
.case-body .main-viewer{
  height: calc(100vh - 120px);
  overflow: hidden;
  position: relative;
  background: #E8E9ED;
}
.case-body .main-viewer .fullscreen-icon{
  position: absolute;
  z-index: 99;
  right: 18px;
  top: 18px;
  background: #fff;
  color: #000;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid #D9D9DB;
}

.case-body .main-viewer .file-data{
  text-align: center;
  height: 100%;
}

.case-body .main-viewer .file-data iframe{
  border: none;
  width: 100%;
  height: calc(100vh - 120px);
}
.case-body .main-viewer .file-data iframe img{
  width: 100%;
}
.case_pdf_view{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
.next-pre-btn #carousel-control-prev, .next-pre-btn #carousel-control-next {
  border-radius: 50%;
  background-color: #2c8fcd;
  width: 34px;
  height: 34px;
  font-size: 20px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translate(0%,-50%);
  margin: 0 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.next-pre-btn #carousel-control-prev::before, .next-pre-btn #carousel-control-next::before {
  color: #fff;
}
.next-pre-btn #carousel-control-prev {
  left: 0;
  z-index: 999;
}
.next-pre-btn #carousel-control-next {
  right: 0;
  z-index: 999;
}
.case-header a {
  margin-left: auto;
}

.case-body .file-header-mob .file-btns{
  width: 36%;
  text-align: right;
}
.case-body .file-header-mob .file-btns .btn{
  margin-bottom: 10px;
}
.case-body .file-header-mob .file-btns .btn-secondary{
  background-color: #b3defb;
  color: #31393e;
  border-radius: 5px;
  font-size: 12px;
  line-height: normal;
  padding: 10px 20px;
}
.case-body .file-header-mob .file-btns .btn-secondary:hover{
  background-color: #2c8fcd !important;
  color: #fff !important;
}
.case_pdf_btn{
  background: #212121;
    padding: 12px 0;
    display: flex;
}
.case_pdf_btn button{
  background: transparent;
  color: #fff;
  border: none;
  border-radius: 50px;
  margin: 0 6px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.case_pdf_btn button:focus{
  outline: none;
}
.case_pdf_btn button:hover{
  background: #3c3c3c;
}
.case_pdf_btn #nextPageBtn{
  margin-right: auto;
}
.case_pdf_btn #rotateBtn{
  margin-left: auto;
}
.file-header-mob, .file-footer-mob{
  display: none;
}
#fullscreen.clicked .file-data .case_pdf_view{
  padding-top: 40px;
}
#fullscreen.clicked .content-item img, 
#fullscreen.clicked .content-item video, 
#fullscreen.clicked .content-item iframe,
#fullscreen.clicked.file-data iframe{
  height: 100%
}
#fullscreen.clicked .case_pdf_view .pdfcanvas_box{
  height: calc(100vh - 90px);
}

.content-item{
  height: 100%;
}
.content-item img,
.content-item video,
.content-item iframe {
  width: auto;
  height: calc(100vh - 120px);
  object-fit: contain;
  margin: 0 auto;
}

.pdfcanvas_box {
  flex-grow: 1;
  position: relative;
}

@media only screen and (max-width: 480px){
  .file-header-mob{
    display: flex;
    align-items: center;
  }
  .case-header .fullscreen-icon{
    display: none;
  }
  .case-body .file-header-mob{
    position: relative;
    background: #fff;
  }
  .case-body .file-header-mob .next-pre-mob{
    width: 86%;
    position: absolute;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    top: 50%;
    bottom: 50%;
    align-items: center;
  }
  .case-body .file-header-mob .next-pre-mob #control-prev, .case-body .file-header-mob .next-pre-mob #control-next{
    width: 20px;
    height: 20px;
    min-width: 20px;
    background: #3b8ec3;
    color: #fff;
    position: unset;
    padding: 14px;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 6px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .case-body .sidebar{
    width: 0px;
    overflow: hidden;
  }
  .case-body .sidebar.closed{
    width: 360px;
    display: block;
    z-index: 9;
    overflow: unset;
  }
  .case-body .sidebar .case-files .file-icons {
    height: calc(100vh - 322px);
  }
  .case-body .sidebar .file-btns{
    display: none;
  }
  .case-body .main-container{
    width: 100%;
    background: #E8E9ED;
  }
  .case-body .main-viewer {
    height: calc(100vh - 190px);
  }
  .case-body .main-container .file-btns{
    position: fixed;
    bottom: 0;
  }
  .case-body .main-container .file-btns .btn{
    padding: 2px 10px;
  }
  .next-pre-btn #carousel-control-prev, .next-pre-btn #carousel-control-next{
    display: none;
  }
  .case-viewer{
    margin-top: -50px;
  }
  .case-viewer .logo{
    margin: auto;
  }
  .case-body .file-footer .file-icons{
    width: 100%;
  }
  .case-viewer .logo img{
    width: auto;
  }
  .case-body .file-footer .file-btns{
    width: 100%;
    text-align: center;
    margin-top: 14px;
  }
  .case-body .main-viewer .file-data #videoIframe{
    height: 100%;
  }
  .case-body .main-viewer .file-data{
    display: flex;
    align-items: center;
  }
  #fullscreen.clicked .file-data{
    height: 100%;
  }
  #fullscreen.clicked .file-data iframe{
    padding-top: 50px;
    background: #102546;
  }
  #fullscreen.clicked .file-data iframe#videoIframe{
    background: #000;
  }
  .content-wrapper {
    margin-top: 50px !important;
  }
  .custom-alert{
    width: 100%;
  }
}
@media (max-width: 767px){
  .content-wrapper {
    margin-top: 0px;
  }

}


@media only screen and (min-device-width: 575px) and (max-device-width: 1024px) and (orientation: landscape){
  .case-body .sidebar{
    width: 0px;
    overflow: hidden;
  }
  .case-body .sidebar.closed{
    width: 420px;
    display: block;
    z-index: 9;
    overflow: scroll;
    height: 100vh;
  }
  .case-body .sidebar .case-files .file-icons{
    height: calc(100vh - 200px);
  }
  .case-body .sidebar .file-btns{
    position: relative;
  }
  .case-body .sidebar .file-btns .approve-btn, .case-body .sidebar .file-btns .message-btn{
    padding: 2px 10px;
    font-size: 10px;
  }
  .case-body .main-container .file-btns{
    position: relative;
  }
  .case-body .main-container .file-btns .approve-btn, .case-body .main-container .file-btns .message-btn{
    padding: 2px 10px;
    font-size: 10px;
  }
  .next-pre-btn #carousel-control-prev {
    left: 0;
    z-index: 999;
  }
  .next-pre-btn #carousel-control-next {
    right: 0;
    z-index: 999;
  }
  .case-body .main-viewer .file-data img {
    width: auto;
  }
  #fullscreen.clicked .file-data .case_pdf_view{
    padding-top: 40px;
  }
  #fullscreen.clicked .file-data iframe{
    padding-top: 50px;
    background: #102546;
  }
  #fullscreen.clicked .file-data iframe#videoIframe{
    background: #000;
  }
  #fullscreen.clicked .file-data .case_pdf_view .pdfcanvas_box{
    height: calc(100vh - 90px);
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation: landscape) {
  .case-body .sidebar{
    width: 0px;
    overflow: hidden;
  }
  .case-body .sidebar.closed{
    width: 420px;
    display: block;
    z-index: 9;
    overflow: scroll;
    height: 100vh;
  }
  .case-body .sidebar .case-files .file-icons{
    height: calc(100vh - 200px);
  }
  .case-header .logo{
    margin: auto;
  }
  .case-body .sidebar .file-btns{
    position: relative;
  }
  .case-body .sidebar .file-btns .approve-btn, .case-body .sidebar .file-btns .message-btn{
    padding: 2px 10px;
    font-size: 10px;
  }
  .case-body .main-container .file-btns{
    position: relative;
  }
  .case-body .main-container .file-btns .approve-btn, .case-body .main-container .file-btns .message-btn{
    padding: 2px 10px;
    font-size: 10px;
  }
  .next-pre-btn #carousel-control-prev {
    left: 0;
    z-index: 999;
  }
  .next-pre-btn #carousel-control-next {
    right: 0;
    z-index: 999;
  }
  .case-body .main-viewer .file-data img {
    width: auto;
  }
  #fullscreen.clicked .file-data .case_pdf_view{
    padding-top: 40px;
  }
  #fullscreen.clicked .file-data iframe{
    padding-top: 50px;
    background: #102546;
  }
  #fullscreen.clicked .file-data iframe#videoIframe{
    background: #000;
  }
  #fullscreen.clicked .file-data .case_pdf_view .pdfcanvas_box{
    height: calc(100vh - 90px);
  }
}
.closeIcon{
    display: none;
}
#fullscreen.clicked .closeIcon{
  position: absolute;
  font-size: 20px;
  z-index: 99;
  right: 0;
  top: 0;
  background: #fff;
  color: #000;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid #D9D9DB;
}
#fullscreen.clicked{
  border: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100vw;
  height: 100vh;
  background-color: #E8E9ED;
}
#fullscreen.clicked .fullscreen-icon{
  display: none;
}

ul.upload-img {
  margin: 0;
  padding: 0;
  display: flex;
  flex-grow: 1;
  gap: 1px;
  white-space: nowrap;
  transition: all 0.5s ease 0s;
  list-style: none;
  overflow-y: auto;
}

ul.upload-img li.close {
    list-style: none;
    position: relative;
    cursor: pointer;
    margin: 5px 2.5px;
    min-width: 50px;
    height: 50px;
    border-radius: 5px;
    opacity: 1;
    
}

.closebtn {
    background: #15ABFF url(../../assets/images/ic-close-w.svg) no-repeat center;
    width: 14px;
    height: 14px;
    position: absolute;
    right: -3px;
    top: -3px;
    border: none;
    padding: 0;
    border-radius: 3px;
    transition: all 0.5s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.upload-img li img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    object-fit: fill;
    object-position: 0;
}

li:hover .closebtn {
    opacity: 1;
    visibility: visible;
}

.patient_dtl_wrap select.form-control{
  margin: 0px 0 10px;
}
.patient_dtl_wrap .plus_icon{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 5px;
    background: #3498db;
    color: #fff;
    line-height: 30px;
    margin: 15px 0 0 0;
}
.patient_dtl_wrap .detailsbtn{
  float: right;
}
.patient_details_wrapper{
  max-width: 825px;
}
.patient_details_wrapper .popup-body{
 overflow: hidden;
}
.patient_details_wrapper .modal-title{
  color: #777;
    text-align: center;
    margin: 0 auto;
}
.patient_details_wrapper .popup-header{
  border: none;
}
.patient_details_wrapper .popup-footer{
  text-align: center;
  border: none;
  display: flex;
  justify-content: center;
  width: 100%;
}
.patient_details_wrapper .form-control{
  margin-bottom: 5px;
}
.patient_details_wrapper .form-group{
  margin-bottom: 20px;
}
.patient_details_wrapper lable{
    color: #8e8e8e;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    width: 100%;
    vertical-align: top;
    font-family: 'RubikLight';
}
.patient_details_wrapper .btn{
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  float: right;
  font-family: inherit;
  letter-spacing: 0;
  line-height: 1em;
  margin: 0 0 0 0.5em;
  padding: 0.75em 2em;
  text-transform: none;
  height: 36px;
  font-weight: 300;
  color: #000 !important;
  font-size: 14px;
  background-color: #caeaff !important;
  border-color: #caeaff !important;
  font-family: 'RubikRegular';
}

.patient_details_wrapper .popup-cancel-btn{
  background-color: #ccc !important;
}
.patient_details_wrapper .error_validate{
  font-size: 14px;
  color: red;
  display: block;
}
.select2-dropdown{
  border: 1px solid #b3defb !important;
}

.select2-container--default .select2-selection--single{
    height: 36px !important;
    border: 1px solid #b3defb !important;
    width: 100%;
    margin-bottom: 0;
    padding: 0 28px 0 0px;
    color: #23263c;
    font-size: 16px;
    display: inline-block;
    border-radius: 6px;
    background-image: url(../images/drop_arrow.jpg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    font-family: "RubikRegular";
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 36px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #54a8f1 !important;
}
.select2-container--default .select2-results__option--selected {
  background-color: #fff !important;
  color:#000 !important;
}

/* Drop down css */

#formInputs #DynamicLabOption, 
#formInputs .dependent_label_div .form-control,
.steps_desc .treatment-list .select2-container{
  width: 100% !important;
}

.order_info_sec .aligner_div_desc .form-group {
  width: 100% !important;
  padding: 0 !important;
}

.steps_desc select.form-control.dynamic-form-content, .steps_desc .select2-container {
  width: 100px !important;
}
.doctor-patient-list-style .select2-container {
  width: 100% !important;
}
.doctor-patient-list-style .select2-container .select2-selection:focus-visible{
    outline: none;
}
.patient_dtl_wrap{
  align-items: end;
}
.patient_dtl_wrap .details_btn i{
  margin: 0;
}
.dynamic-form-content {
  min-width: 50%;
}
.new-patient-create .details_btn{
    margin: 0px 0 10px;
    border-radius: 4px;
    padding: 3px 20px;
    background: #2d90ce;
    font-size: 16px;
}
.patient_or_text{
  text-align: center;
}
.patient_or_text p{
  margin: 6px 0 6px;
  font-weight: bold;
  font-size: 18px;
}
.new-patient-create .plus_icon{
  width: 36px;
  height: 38px;
  line-height: 40px;
}
.dynamic-form-content {min-width: auto;}

@media screen and (max-width:992px) {
  .patient_details_wrapper {
    max-width: 675px;
}
.new-patient-create .details_btn{
  width: 100%;
  padding: 3px 14px;
  font-size: 11px;
}
}
@media screen and (max-width:767px) {
  .patient_details_wrapper {
    max-width: 550px;
}
}
@media screen and (max-width:479px) {
  .patient_details_wrapper {
    max-width: 300px;
}
.new-patient-create .details_btn{
  width: 100%;
  font-size: 16px;
}
.patient_or_text p{
  margin: 4px 0 10px;
}
}


.box-row{
  height: 70vh;
  justify-content: center;
  align-items: center;
  margin: 20px auto;
}
.box-row .download-box{
  padding: 50px;
  border-radius: 6px;
  text-align: center;
  background-color: #f9f9f9;
  box-shadow: rgb(172 172 172 / 10%) 1px 1px 12px 3px;
  border: 1px solid #e9e9e9;
  font-family: 'RubikRegular';
}
.box-row .download-box h2{
  font-size: 30px;
  font-weight: 600;
  color: #2c8fcd;
}
.box-row .download-box i{
  border: 3px solid #2c8fcd;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
  color: #2c8fcd;
  margin: 20px auto;
}
.box-row .download-box i.error{
  color: red;
  border: 3px solid red;
}
.box-row .download-box p{
  color: #000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.box-row .download-box .btn-custom{
  padding: 12px 20px;
  border-radius: 6px;
  background-color: #2c8fcd;
  color: #fff;
  font-weight: bold;
  min-width: 120px;
  font-size: 16px;
}
.hide {
  display: none;
}
.show{
  display: block;
}
.box-row .download-box .btn-custom:hover{
  background-color: #015e94 !important;
}

@media (min-width:768px) {
  .box-row{
    overflow: auto;
  }
}

#sendMessageModal{
  overflow: auto;
}
.sms-add-img label{
  width: auto;
}

/** 35501 changes **/
.temp-patient-form{
	display: none;
}

/* notification_page csss */
.notification_page table tr th:first-child{
  width: 75%;
}

.notification_page table th:first-child{
  text-align: left;
}

.notification_page table td .web-none-div .web-none{
  display: none;
}

.notification_page table th{
  color: #000;
  vertical-align: middle;
  text-align: right;
  border-bottom: 1px solid #e9ecef;
  border-top: 0;
}

.notification_page table td:first-child{
  text-align: left;
}
.notification_page table td{
  color: #000;
  vertical-align: middle;
  text-align: right;
  border-bottom: 1px solid #e9ecef;
  border-top: 0;
}

.notification_page .custom-switch {
  padding-left: 2.25rem;
}

.notification_page .custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}

.notification_page .custom-switch .custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}

.notification_page .custom-switch .custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.notification_page .custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}

.notification_page .custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 2rem;
  pointer-events: all;
  border-radius: 1rem;
}

.notification_page .custom-control-label::before, .custom-file-label, .custom-select {
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.notification_page .custom-control-label::before {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1.25rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid #adb5bd;
}

.notification_page .custom-switch .custom-control-input:checked~.custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(.75rem);
  transform: translateX(.75rem);
}

.notification_page .custom-switch .custom-control-label::after {
  top: calc(.14rem + 2px);
  left: calc(-2.15rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: .5rem;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
  transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
}

.notification_page .custom-control-label::after {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50% / 50% 50% no-repeat;
}

.job_poster {
  display: flex;
  align-items: center;
}

.notification_page .save_btn{
  text-align: center;
}

.selected-element {
	background-color: #e3e3e3;
}

@media (max-width: 768px){
  .notification_page table tr th:first-child {
    width: 50%;
  }
}

@media (max-width: 480px){
  .notification_page table thead{
    display: none;
  }
  .notification_page table td{
    display: block;
    padding: .85rem 0;
  }
  .notification_page table td .web-none-div .web-none {
    display: block;
    font-weight: bold;
  }
  .notification_page table td .web-none-div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .notification_page table tbody tr{
    border-bottom: 4px solid #e9ecef;
  }
}

.support_menu {
  margin-top: 20px;
  background: #eee;
  padding: 30px 20px;
  text-align: center;
}

.support_menu ul li {
  display: inline-block;
  padding: 0 20px;
}
.support_menu ul li a {
  color: #000;
  font-size: 18px;
  display: block;
}
.support_menu ul li a span{
  display: block;
  margin-top: 6px;
}
.support_menu ul li a img {
  height: 40px;
  width: auto;
  padding-right: 6px;
}

.support_menu ul li a:hover img.foot_normal, .support_menu ul li a img.foot_hover {
  display: none;
}
.support_menu ul li a:hover {
  color: #0365a3;
}
.support_menu ul li a:hover img.foot_hover {
  display: inline;
}

#formInputs .form-group .alert.alert-secondary{
  font-size: 12px;
}

@keyframes blink-text {
  0% { opacity: 1; background-color: yellow; color: black; }
}

.alert-message {
  animation: blink-text 1s infinite;
  font-weight: bold;
  text-decoration: none;
}

.mark-as-read {
  opacity: 0.7;
}

.lab-paid-csv-btn-disable {
  opacity: 0.6;
}

/* carousel slider css */
.carousel {
  position: relative;
  margin: auto;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  margin-bottom: 16px;
}

.carousel .slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carousel .slide {
  min-width: 100%;
  text-align: center;
}

.carousel .slide img{
  width: 100%;
  height: auto;
}

.carousel button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgb(45 144 206);
  color: white;
  border: none;
  padding: 4px 11px;
  cursor: pointer;
  border-radius: 50px;
  font-size: 14px;
  opacity: .3;
  outline: 0;
}
.carousel button:hover{
  opacity: 1;
}
.carousel .prev {
  left: 20px;
}
.carousel .next {
  right: 20px;
}
.job_poster {
  display: flex;
  align-items: center;
}
.services_banner_img img{
  width: 50%;
  height: auto;
  margin-top: 8px;
  border-radius: 4px;
}
.services_banner_img a {
    float: none;
}

/* home page category css */
.featured_category{
  transition: all .5s ease-out;
  background-color: transparent;
  justify-content: start;
}
.featured_category .flex-slide{
  flex: 0 0 calc(100% / 5);
  margin: 0 0 10px;
}

.featured_category .flex-slide:not(:empty):hover{
  flex: 0 0 calc(100% / 5);
}
.featured_category .flex-slide .d_table{
  height: calc(100vh - 350px);
}
.featured_category .flex-slide:hover .top_section ul::-webkit-scrollbar {
  width: 4px; 
}

.featured_category .flex-slide:hover .top_section ul::-webkit-scrollbar-thumb {
  background-color:#2c8fcd; 
  border-radius: 8px;
}

.featured_category .flex-slide:hover .top_section ul::-webkit-scrollbar-track {
  background-color: #f1f1f1; 
}

.featured_category .flex-slide:hover .top_section ul{
  max-height: calc(100vh - 520px);
  overflow: auto;
  padding-right: 4px;
}
@media (max-width: 991px){
  .featured_category .flex-slide{
    flex: 0 0 calc(100% / 3);
  }
  .featured_category .flex-slide:not(:empty):hover{
    flex: 0 0 calc(100% / 3);
  }
  .featured_category .flex-slide .d_table {
    height: calc(100vh - 400px);
}
}

@media only screen and (min-device-width: 575px) and (max-device-width: 1024px) and (orientation: landscape){
  .featured_category .flex-slide{
    flex: 0 0 calc(100% / 3);
  }
  .featured_category .flex-slide:not(:empty):hover{
    flex: 0 0 calc(100% / 3);
  }
}
/**
#CR_51376 changes
*/
.section-navigation .nav_controls{
    padding: 12px 0 0;
}
.section-navigation .btn-secondary {
    background: linear-gradient(180deg, rgba(225, 225, 225, 1) 0%, rgba(251, 251, 251, 1) 100%);
    border-radius: 8px;
    color: #1d71c1;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid #dbdbdb;
    padding: 4px 12px;
}
.section-navigation .btn-secondary .fa-angle-double-left{
    margin-right: 10px;
    font-size: 14px;
}
.section-navigation .btn-secondary .fa-angle-double-right{
    margin-left: 10px;
    font-size: 14px;
}

#divStep2 .step-pane { 
  display: none; 
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
#divStep2 .step-pane.active {
  display: block;
  visibility: visible;
  width: auto;
  height: auto;
  overflow: unset;
}
#divStep2 #formInputs .form-group label a {
  float: none;
  color: #4bb7f5;
}
#divStep2 #formInputs .form-group label *:nth-last-child(2) {
  display: inline;
}
#divStep2 .step-pane #formInputs{
  height: auto;
  padding-right: 10px;
  margin-right: -10px;
}
#divStep2 .step-pane #formInputs::-webkit-scrollbar {
  width: 4px;
  margin-left: 10px;
}
#divStep2 .step-pane #formInputs::-webkit-scrollbar-thumb {
  background-color: #2d90ce;
  border-radius: 8px;
}
#divStep2 .step-pane #formInputs::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
.is-required {
  border: 1px solid red;
}