@charset "UTF-8";
/*Font Family*/
/*Font Size*/
/*color*/
/*Radius*/
/*Padding*/
/*Margin*/
/*@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");*/
/*font css*/
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"),
    url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh7USSwaPGR_p.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"),
    url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh7USSwiPGQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"),
    url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjxAwXjeu.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"),
    url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wXg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"),
    url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwaPGR_p.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"),
    url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwiPGQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: local("Lato Black"), local("Lato-Black"),
    url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh50XSwaPGR_p.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: local("Lato Black"), local("Lato-Black"),
    url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh50XSwiPGQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
/*font css end*/

@import url(devloper.css);
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #fff;
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  font-size: 14px;
  scroll-behavior: smooth;
}

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

p,
span {
  line-height: 24px;
}

img {
  max-width: 100%;
}

.site_content {
  display: block;
}

.site_content:after,
.site_content:before {
  display: table;
  clear: both;
  content: "";
}

header,
footer,
section {
  display: block;
}

header:after,
header:before,
footer:after,
footer:before,
section:after,
section:before {
  display: table;
  clear: both;
  content: "";
}

.container {
  margin: auto;
  width: 1170px;
  max-width: 100%;
}

.container:after,
.container:before {
  display: table;
  clear: both;
  content: "";
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #0055a0;
  border-radius: 100%;
  background: #fff;
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #0055a0;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

.switch label input[type="checkbox"]:checked + .lever:after {
  background-color: #000;
  left: 1.5rem;
}

.switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #f1f1f1;
  -webkit-border-radius: 1.3125rem;
  border-radius: 1.3125rem;
  left: -0.3125rem;
  top: -0.1875rem;
  -webkit-box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4);
  box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgba(0, 0, 0, 0.4);
  width: 1.3125rem;
  height: 1.3125rem;
  -webkit-transition: left 0.3s ease, background 0.3s ease,
    -webkit-box-shadow 1s ease;
  transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 1s ease;
  -o-transition: left 0.3s ease, background 0.3s ease, box-shadow 1s ease;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 1s ease;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 1s ease,
    -webkit-box-shadow 1s ease;
}

.switch label input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch label input[type="checkbox"]:checked + .lever {
  background-color: #000;
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  background-color: #818181;
  -webkit-border-radius: 0.9375rem;
  border-radius: 0.9375rem;
  margin-right: 0.625rem;
  vertical-align: middle;
  margin: 0 1rem;
  width: 2.5rem;
  height: 0.9375rem;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

button:focus {
  border: none;
  outline: none;
}

select {
  appearance: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-collapse: collapse;
  display: table;
  text-align: left;
  border: 1px solid #c9c9c9;
}

table th {
  padding: 15px;
  border-top: 1px solid #c9c9c9;
  text-transform: capitalize;
  background: #f4f4f6;
  border-right: 1px solid #c9c9c9;
}

table td {
  padding: 15px;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
  font-size: 14px;
  color: #1b1b1b;
}

.transition,
a,
.search_button input,
.home_slider_section .front_slider .owl-prev,
.home_slider_section .front_slider .owl-next,
.product_slider .owl-prev,
.product_slider .owl-next,
.product_box,
.product_box figure .product_over_box,
.work_box,
.work_box .work_number span,
.work_box h4,
.total_box,
.wrapCarouselFull,
.wrapCarouselThumbs .owl-item,
.quantity_box .quantity button {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.transform-scale0 {
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.transform-scale {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.shadow {
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}

.ShadowBlue {
  box-shadow: 0px 0px 30px #ebf2fc;
}

.padding {
  padding: 80px 0px;
}

.object-fit {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 0;
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.form-check-input[type="checkbox"] + label,
label.btn input[type="checkbox"] + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 1.5625rem;
  line-height: 1.5625rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-input[type="checkbox"] + label::before,
.form-check-input[type="checkbox"]:not(.filled-in) + label::after,
label.btn input[type="checkbox"] + label::before,
label.btn input[type="checkbox"]:not(.filled-in) + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #8a8a8a;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  margin-top: 2px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.form-check-input[type="checkbox"]:not(.filled-in) + label::after,
label.btn input[type="checkbox"]:not(.filled-in) + label::after {
  border: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.form-check-input[type="checkbox"]:checked + label::before,
label.btn input[type="checkbox"]:checked + label::before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 1.375rem;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #0055a0;
  border-bottom: 2px solid #0055a0;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

@font-face {
  font-family: "ProximaNova-Regular";
  src: url("../font/ProximaNova-Regular_0.eot");
  src: local("Ôÿ║"), url("../font/ProximaNova-Regular_0.woff") format("woff"),
    url("../font/ProximaNova-Regular_0.ttf") format("truetype"),
    url("../font/ProximaNova-Regular_0.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova-Semibold";
  src: url("../font/ProximaNova-Semibold_latin+latin-ext_gdi.eot");
  src: url("../font/ProximaNova-Semibold_latin+latin-ext_gdi.eot?#iefix")
      format("embedded-opentype"),
    url("../font/ProximaNova-Semibold_latin+latin-ext_gdi.woff") format("woff"),
    url("../font/ProximaNova-Semibold_latin+latin-ext_gdi.ttf")
      format("truetype"),
    url("../font/ProximaNova-Semibold_latin+latin-ext_gdi.svg#ProximaNova-Semibold")
      format("svg");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-20AC;
}
@font-face {
  font-family: "ProximaNova-Light";
  src: url("../font/ProximaNova-Light_gdi.eot");
  src: url("../font/ProximaNova-Light_gdi.eot?#iefix")
      format("embedded-opentype"),
    url("../font/ProximaNova-Light_gdi.woff") format("woff"),
    url("../font/ProximaNova-Light_gdi.ttf") format("truetype"),
    url("../font/ProximaNova-Light_gdi.svg#ProximaNova-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2666;
}
@font-face {
  font-family: "ProximaNova-Bold";
  src: url("../font/ProximaNova-Bold_gdi.eot");
  src: url("../font/ProximaNova-Bold_gdi.eot?#iefix")
      format("embedded-opentype"),
    url("../font/ProximaNova-Bold_gdi.woff") format("woff"),
    url("../font/ProximaNova-Bold_gdi.ttf") format("truetype"),
    url("../font/ProximaNova-Bold_gdi.svg#ProximaNova-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2666;
}
@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}
@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes float-bob {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes Fwrite {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes Wbar {
  0% {
    border-left-color: transparent;
  }
  50% {
    border-left-color: black;
  }
  100% {
    border-left-color: transparent;
  }
}
@-webkit-keyframes Fwrite {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@-webkit-keyframes Wbar {
  0% {
    border-left-color: transparent;
  }
  50% {
    border-left-color: black;
  }
  100% {
    border-left-color: transparent;
  }
}
/*Font Family*/
/*Font Size*/
/*color*/
/*Radius*/
/*Padding*/
/*Margin*/
/*--------------------------------------------------------------------
home-landing-page-css-here
--------------------------------------------------------------------*/
.landing_page {
  padding-top: 84px;
}
.landing_page header {
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  box-shadow: 1px 1.732px 10px rgba(0, 0, 0, 0.1);
  padding: 15px 0px;
}
.landing_page header .logo {
  float: left;
}
.landing_page header nav {
  float: right;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 8px;
}
.landing_page header nav ul li a {
  font-size: 16px;
  font-family: "ProximaNova-Semibold";
  color: #404040;
  text-transform: uppercase;
  padding: 10px 15px !important;
}
.landing_page header nav ul li a:hover {
  -webkit-mask-image: linear-gradient(
    -75deg,
    rgba(226, 96, 61, 0.6) 30%,
    #e2603d 50%,
    rgba(226, 96, 61, 0.6) 70%
  );
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
  color: #0055a0;
}

.home_page_bg {
  padding-top: 0;
}
.home_page_bg .home_header {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  box-shadow: 0px 0px 8px #cccaca;
}

.slider_section {
  position: relative;
  height: calc(100vh - 84px);
  background: #f7f7f6;
  background-size: cover;
}
.slider_section .owl-nav {
  opacity: 0;
}
.slider_section .col-md-6 {
  display: flex;
}
.slider_section .slider_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.slider_section .connecting-dots {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.slider_des {
  display: block;
  max-width: 470px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider_des .slider_des_inner {
  display: block;
  width: 100%;
}
.slider_des h5 {
  color: #1c1c1c;
  font-size: 28px;
  text-transform: uppercase;
}
.slider_des h2 {
  font-size: 66px;
  font-family: "ProximaNova-Bold";
  text-transform: uppercase;
  color: #0055a0;
  margin: 0;
}
.slider_des h2:after {
  display: table;
  clear: both;
  content: "";
}
.slider_des h2:before {
  display: table;
  clear: both;
  content: "";
}
.slider_des h4 {
  font-size: 38px;
  color: #1c1c1c;
  text-transform: uppercase;
  font-family: "ProximaNova-Semibold";
}
.slider_des p {
  font-size: 19px;
  color: #1c1c1c;
  font-family: "ProximaNova-Light";
}

.slider_ger_image {
  animation: float-bob 3s infinite;
}

.btn {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  font-family: "ProximaNova-Semibold";
  height: 45px;
  line-height: 45px;
  padding: 0px 25px;
  background: #0055a0;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}
.btn:hover {
  color: #fff;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  background: #fabb00;
}

#rectangle {
  position: relative;
  float: left;
  background-color: #f7f7f6;
}

#rectangle > span {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: #f7f7f6;
  border-left: 1px solid transparent;
  animation: Fwrite 3s steps(14, start) infinite, Wbar 0.5s step-end infinite;
  -webkit-animation: Fwrite 3s steps(14, start) infinite,
    Wbar 0.5s step-end infinite;
}

#rectangle > p:hover {
  animation-play-state: paused;
}

.about_section {
  padding: 100px 0px;
  background: #fff;
}
.about_section .col-md-6 {
  display: flex;
}

.about_ger_img {
  width: 100%;
  display: block;
  background: #fff;
  box-shadow: 2px 3.464px 30px rgba(0, 0, 0, 0.2);
  border: solid 10px #f9f9f9;
  height: 353px;
}

.txt {
  display: none;
}

.tile {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform 0.5s ease-out;
}

.about_des {
  width: 100%;
  display: flex;
  align-items: center;
}
.about_des .about_des_box {
  display: block;
  width: 100%;
}

.heading_box {
  display: block;
  background: url(../img/head_sap.png) no-repeat left bottom;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.heading_box h2 {
  font-size: 35px;
  color: #0055a0;
  font-family: "ProximaNova-Bold";
}
.heading_box h2 span {
  color: #262626;
  font-family: "ProximaNova-Regular";
}

.about_des_inner {
  display: block;
}
.about_des_inner p {
  color: #79848f;
  font-size: 16px;
  font-family: "ProximaNova-Light";
}

.our_service_section {
  background: url(../img/service_bg.png) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-bottom: 80px;
  padding-top: 40px;
}
.our_service_section .heading_box {
  margin: 40px 0px;
  text-align: center;
  background-position: bottom center;
}

.our_service_tab {
  border-bottom: solid 2px #0055a0;
}
.our_service_tab ul {
  display: block;
  margin: 0px -5px;
}
.our_service_tab ul:after {
  display: table;
  clear: both;
  content: "";
}
.our_service_tab ul:before {
  display: table;
  clear: both;
  content: "";
}
.our_service_tab ul li {
  float: left;
  width: 25%;
  padding: 0px 5px;
}
.our_service_tab ul li a {
  display: block;
  border: none;
  background: #fabb00;
  color: #fff;
  font-size: 16px;
  text-transform: capitalize;
  border-radius: 0 !important;
  text-align: center;
  height: 45px;
  line-height: 45px;
  padding: 0px 15px;
}
.our_service_tab ul li a:hover {
  color: #000;
}
.our_service_tab ul li a.active {
  border: none !important;
  background: #0055a0 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.our_service_tab ul li .dropdown .dropdown-toggle {
  background: #0055a0;
  border: none;
  position: relative;
  padding-right: 20px;
  cursor: pointer;
  width: 100%;
}
.our_service_tab ul li .dropdown .dropdown-toggle:after {
  position: absolute;
  right: 15px;
  top: 20px;
  color: #fff;
}
.our_service_tab ul li .dropdown .dropdown-menu {
  display: none;
  padding: 0 !important;
  border: solid 1px #e5eef5;
  width: 100%;
  margin: 0;
  border-radius: 0;
}
.our_service_tab ul li .dropdown .dropdown-menu li {
  padding: 0;
  border-bottom: solid 1px #e5eef5;
  float: none;
  width: 100%;
}
.our_service_tab ul li .dropdown .dropdown-menu li a {
  background: #fff;
  padding: 0px 10px;
  color: #000;
  text-align: left;
}
.our_service_tab ul li .dropdown .dropdown-menu li a:hover {
  background: #fabb00;
  color: #fff;
}
.our_service_tab ul li .dropdown .dropdown-menu li:last-child {
  border-bottom: none;
}
.our_service_tab ul li .dropdown.show .dropdown-menu {
  display: block;
}

.our_service_tab_bg {
  display: block;
}

.calculate_form_box {
  display: block;
}
.calculate_form_box:after {
  display: table;
  clear: both;
  content: "";
}
.calculate_form_box:before {
  display: table;
  clear: both;
  content: "";
}
.calculate_form_box .calculate_fild {
  float: left;
  margin-right: 15px;
  width: 274px;
}
.calculate_form_box .calculate_fild label {
  font-size: 16px;
  color: #262626;
}
.calculate_form_box .calculate_fild .form-control {
  height: 42px;
  width: 100%;
  font-size: 16px;
  color: #262626;
  border-radius: 0 !important;
  border: solid 1px #e6e6e6 !important;
}

.to_arrow {
  float: left;
  margin-top: 40px;
  margin-right: 15px;
  margin-left: 3px;
}

.calculate_button {
  margin-top: 26px;
}
.calculate_button input {
  height: 42px;
}

.dm_eur_box {
  display: block;
  text-align: center;
  padding: 30px 0px;
  border-bottom: solid 1px #e5eef5;
}
.dm_eur_box h5 {
  font-size: 24px;
  color: #262626;
}
.dm_eur_box h2 {
  font-size: 42px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}
.dm_eur_box h2 span {
  color: #fabb00;
}

.get_your_box {
  display: block;
  text-align: center;
}
.get_your_box h2 {
  font-size: 28px;
  color: #0055a0;
  text-transform: capitalize;
  font-family: "ProximaNova-Semibold";
  padding: 25px 0px;
}
.get_your_box h3 {
  font-size: 20px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  padding-bottom: 15px;
}

.form_fild {
  margin-bottom: 15px;
}
.form_fild .form-control {
  height: 42px;
  width: 100%;
  font-size: 16px;
  color: #262626;
  border-radius: 0 !important;
  border: solid 1px #e6e6e6 !important;
  box-shadow: 0.5px 0.866px 1px rgba(0, 0, 0, 0.05);
}
.form_fild textarea.form-control {
  height: 102px;
}

.accept_box {
  text-align: left;
  margin-bottom: 25px;
  margin-top: 5px;
}
.accept_box label {
  font-size: 16px;
  color: #262626;
  text-align: left;
}
.accept_box label a {
  color: #0055a0;
}
.accept_box label a:hover {
  text-decoration: underline;
}

.contact_section {
  display: block;
  padding-top: 40px;
  padding-bottom: 80px;
}
.contact_section .contact_sec_inner {
  padding: 0px 120px;
}
.contact_section .heading_box {
  margin: 40px 0px;
  text-align: center;
  background-position: bottom center;
}

.contact_content .col-md-6 {
  padding: 40px;
  display: flex;
  align-items: center;
}
.contact_content .cont_left {
  background: #2a2a2a;
  text-align: center;
}
.contact_content .cont_inner {
  display: block;
  width: 100%;
}

.var_code {
  display: block;
  margin: 35px 0px;
}

.share_box {
  display: block;
  text-align: center;
}
.share_box ul {
  display: inline-block;
}
.share_box ul li {
  float: left;
  margin-right: 15px;
}
.share_box ul li a {
  display: block;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}
.share_box ul li a:hover {
  opacity: 0.7;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.share_box ul li:last-child {
  margin-right: 0;
}

.cont_right {
  background: #f3f8fc;
}

.director_head_box {
  display: block;
  padding-bottom: 25px;
}
.director_head_box h3 {
  font-size: 25px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  opacity: 0.7;
  margin: 0;
}
.director_head_box span {
  font-size: 16px;
  color: #262626;
  opacity: 0.7;
}

.contact_list {
  display: block;
}
.contact_list ul li {
  display: block;
}
.contact_list ul li:after {
  display: table;
  clear: both;
  content: "";
}
.contact_list ul li:before {
  display: table;
  clear: both;
  content: "";
}
.contact_list ul li figure {
  float: left;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  box-shadow: 1px 1.732px 2px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  text-align: center;
  padding: 10px 0px;
}
.contact_list ul li figure i {
  color: #8685bb;
  font-size: 18px;
}
.contact_list ul li figcaption {
  float: left;
  width: calc(100% - 38px);
  padding-left: 15px;
  padding-top: 10px;
  font-size: 16px;
  color: #262626;
  opacity: 0.7;
}

.contact_map_section {
  position: relative;
  height: 480px;
}
.contact_map_section iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

footer {
  background: #000;
  padding: 20px 0px;
}

.socail_button {
  text-align: center;
}
.socail_button ul {
  display: inline-block;
}
.socail_button ul li {
  float: left;
  margin-right: 8px;
}
.socail_button ul li a {
  display: block;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}
.socail_button ul li a:hover {
  opacity: 0.7;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.socail_button ul li:last-child {
  margin-right: 0;
}

.copyright_box {
  display: block;
  text-align: center;
  padding-top: 15px;
}
.copyright_box p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #fff;
  opacity: 0.5;
}

/*--------------------------------------------------------------------
home-page-css-here
--------------------------------------------------------------------*/
.home_header {
  padding: 0;
}
.home_header .top_header {
  background: #042a4b;
}
.home_header .top_header nav.navbar {
  margin: 0;
  float: none;
  padding: 0;
}
.home_header .top_header nav.navbar ul li a {
  font-size: 14px;
  color: #fff;
  font-family: "ProximaNova-Regular";
  text-transform: capitalize;
  padding: 10px 15px !important;
}
.home_header .top_header nav.navbar ul li .register {
  color: #fabb00;
  background: url(../img/sap.png) no-repeat right center;
}
.home_header .top_header nav.navbar ul li .register:hover {
  color: #fff;
}
.home_header .top_header nav.navbar ul li .signin {
  color: #fabb00;
}
.home_header .top_header nav.navbar ul li .signin:hover {
  color: #fff;
}
.home_header .top_header nav.navbar ul .profile_box .dropdown-toggle {
  font-size: 14px;
  color: #fff;
  background: none;
  border: none;
  padding: 10px 10px;
  cursor: pointer;
}
.home_header .top_header nav.navbar ul .profile_box .dropdown-menu {
  padding: 0;
  border: solid 1px #e5eef5;
}
.home_header .top_header nav.navbar ul .profile_box .dropdown-menu li {
  float: none;
  display: block;
  border-bottom: solid 1px #e5eef5;
}
.home_header .top_header nav.navbar ul .profile_box .dropdown-menu li a {
  float: none;
  display: block;
  width: 100%;
  color: #000;
}
.home_header .top_header nav.navbar ul .profile_box .dropdown-menu li a:hover {
  color: #042a4b;
}
.home_header .top_header nav.navbar ul .language_box .dropdown-toggle {
  font-size: 14px;
  color: #fff;
  background: #1e405d;
  border: none;
  padding: 10px 10px;
  cursor: pointer;
}
.home_header .top_header nav.navbar ul .language_box .dropdown-menu {
  padding: 0;
  border: solid 1px #e5eef5;
}
.home_header .top_header nav.navbar ul .language_box .dropdown-menu li {
  float: none;
  display: block;
  border-bottom: solid 1px #e5eef5;
}
.home_header .top_header nav.navbar ul .language_box .dropdown-menu li a {
  float: none;
  display: block;
  width: 100%;
  color: #000;
}
.home_header .top_header nav.navbar ul .language_box .dropdown-menu li a:hover {
  color: #042a4b;
}
.home_header .bottom_header {
  background: #fff;
  padding: 15px 0px;
}
.home_header .bottom_header .logo {
  float: left;
}
.home_header .bottom_header .logo a {
  display: inline-block;
  width: 150px;
}

.allcategories_search_bg {
  float: left;
  border: solid 1px #e6e6e6;
  margin-left: 40px;
  margin-right: 20px;
}
.allcategories_search_bg .allcategories {
  float: left;
}
.allcategories_search_bg .allcategories .dropdown-toggle {
  float: left;
  border: none;
  color: #262626;
  font-size: 15px;
  height: 45px;
  padding: 0px 15px;
}
.allcategories_search_bg .allcategories .dropdown-menu {
  padding: 0;
  border: solid 1px #e5eef5;
}
.allcategories_search_bg .allcategories .dropdown-menu li {
  float: none;
  display: block;
  border-bottom: solid 1px #e5eef5;
}
.allcategories_search_bg .allcategories .dropdown-menu li a {
  float: none;
  display: block;
  width: 100%;
  color: #000;
  padding: 10px 10px;
}
.allcategories_search_bg .allcategories .dropdown-menu li a:hover {
  color: #042a4b;
}

.search_fild {
  float: left;
}
.search_fild .form-control {
  border: none;
  height: 45px;
  font-size: 15px;
  color: #042a4b;
  min-width: 480px;
}

.search_button {
  float: left;
  position: relative;
  z-index: 9;
}
.search_button input {
  height: 45px;
  border: none;
  padding: 0px 30px;
  background: #0055a0;
  border: none;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}
.search_button input:hover {
  background: #fabb00;
}

.shop_categories_box {
  float: left;
}
.shop_categories_box .dropdown-toggle {
  background: #fabb00;
  font-size: 16px;
  color: #262626;
  border: none;
  height: 45px;
  padding: 0px 15px;
}
.shop_categories_box .dropdown-menu {
  padding: 0;
  border: solid 1px #e5eef5;
  width: 100%;
}
.shop_categories_box .dropdown-menu li {
  float: none;
  display: block;
  border-bottom: solid 1px #e5eef5;
}
.shop_categories_box .dropdown-menu li a {
  float: none;
  display: block;
  width: 100%;
  color: #000;
  padding: 10px 10px;
}
.shop_categories_box .dropdown-menu li a:hover {
  color: #042a4b;
}

.home_page_content {
  background: #f1f3f6;
}

.home_slider_section {
  display: block;
  padding: 20px 0px;
}
.home_slider_section .front_slider {
  position: relative;
}
.home_slider_section .front_slider .owl-prev {
  position: absolute;
  left: 12px;
  top: 45%;
  width: 40px;
  height: 40px;
  background: #fff !important;
  box-shadow: 1px 1.732px 5px rgba(0, 0, 0, 0.3);
  font-size: 60px !important;
  color: #262626;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}
.home_slider_section .front_slider .owl-prev:hover {
  background: #0055a0 !important;
  color: #fff !important;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.home_slider_section .front_slider .owl-prev span {
  position: relative;
  top: -2px;
}
.home_slider_section .front_slider .owl-next {
  position: absolute;
  right: 12px;
  top: 45%;
  width: 40px;
  height: 40px;
  background: #fff !important;
  box-shadow: 1px 1.732px 5px rgba(0, 0, 0, 0.3);
  font-size: 60px !important;
  color: #262626;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}
.home_slider_section .front_slider .owl-next:hover {
  background: #0055a0 !important;
  color: #fff !important;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.home_slider_section .front_slider .owl-next span {
  position: relative;
  top: -2px;
}
.home_slider_section .item {
  position: relative;
}
.home_slider_section .home_slide_des {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 145px;
  width: 100%;
}
.home_slider_section .home_slide_des h1 {
  font-size: 45px;
  color: #fff;
  font-family: "ProximaNova-Bold";
}
.home_slider_section .home_slide_des h3 {
  font-size: 36px;
  color: #fff;
}
.home_slider_section .home_slide_des h3 span {
  font-family: "ProximaNova-Semibold";
}
.home_slider_section .home_slide_des .shop_now_button {
  display: block;
}
.home_slider_section .home_slide_des .row {
  width: 100%;
}

.product_row {
  display: block;
  margin-bottom: 15px;
  border-bottom: 1px solid #dae9ff;
}

.product_slider {
  position: relative;
}
.product_slider .owl-prev {
  position: absolute;
  left: -15px;
  top: 34%;
  width: 40px;
  height: 40px;
  background: #fabb00 !important;
  font-size: 60px !important;
  color: #262626;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}
.product_slider .owl-prev:hover {
  background: #0055a0 !important;
  color: #fff !important;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.product_slider .owl-prev span {
  position: relative;
  top: -3px;
}
.product_slider .owl-next {
  position: absolute;
  right: -15px;
  top: 34%;
  width: 40px;
  height: 40px;
  background: #fabb00 !important;
  font-size: 60px !important;
  color: #262626;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}
.product_slider .owl-next:hover {
  background: #0055a0 !important;
  color: #fff !important;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.product_slider .owl-next span {
  position: relative;
  top: -3px;
}

.product_head {
  display: block;
  padding: 20px 0px;
}
.product_head:after {
  display: table;
  clear: both;
  content: "";
}
.product_head:before {
  display: table;
  clear: both;
  content: "";
}
.product_head h2 {
  float: left;
  width: 70%;
  font-size: 28px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  text-transform: capitalize;
}
.product_head .view_all {
  float: right;
}
.product_head .view_all a {
  font-size: 16px;
  color: #000;
  font-family: "ProximaNova-Semibold";
  text-decoration: underline;
}
.product_head .view_all a:hover {
  color: #fabb00;
  text-decoration: none;
}

.product_box {
  border: solid 1px transparent;
  display: block;
  box-shadow: 1px 1.732px 5px rgba(0, 0, 0, 0.05);
  background: #fff;
  margin-bottom: 15px;
}
.product_box:hover {
  border: solid 1px #fabb00;
}
.product_box:hover .product_over_box {
  top: 0;
}
.product_box figure {
  height: 249px;
  position: relative;
  margin: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product_box figure img {
  width: auto !important;
  height: auto !important;
  max-height: 100%;
  max-width: 100%;
}
.product_box figure .product_over_box {
  position: absolute;
  left: 0;
  top: -105%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.product_box figure .product_over_inner {
  display: inline-block;
  padding: 0px 15px;
}
.product_box figure .product_over_inner .add_to_cart {
  float: left;
}
.product_box figure .product_over_inner .add_to_cart a {
  background: #fabb00;
  margin: 0;
}
.product_box figure .product_over_inner .add_to_cart a:hover {
  background: #0055a0;
}
.product_box figure .product_over_inner .fav_box {
  float: left;
  margin-left: 10px;
}
.product_box figure .product_over_inner .fav_box a {
  display: block;
  border: solid 2px #fabb00;
  width: 46px;
  height: 45px;
  text-align: center;
}
.product_box figure .product_over_inner .fav_box a:hover {
  border: solid 2px #0055a0;
}
.product_box figure .product_over_inner .fav_box a i {
  font-size: 20px;
  color: #fff;
  margin-top: 11px;
}
.product_box figcaption {
  border-top: solid 1px #f1f3f6;
}
.product_box .product_des_top {
  display: block;
  padding: 14px;
}
.product_box .product_des_top h4 {
  font-size: 15px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}
.product_box .product_des_top h5 {
  font-size: 16px;
  color: #db202b;
  font-family: "ProximaNova-Semibold";
  margin: 0;
}
.product_box .product_des_top p {
  font-size: 13px;
  color: #a2acbb;
  margin: 0;
  padding: 0;
}
.product_box .product_des_top p span {
  text-decoration: line-through;
  padding-right: 10px;
}
.product_box .total_remaining_box {
  display: block;
  background: #f5f5f5;
  padding: 10px;
}
.product_box .total_remaining_box:after {
  display: table;
  clear: both;
  content: "";
}
.product_box .total_remaining_box:before {
  display: table;
  clear: both;
  content: "";
}
.product_box .total_remaining_box p {
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #464646;
}
.product_box .total_remaining_box .total_bid {
  float: left;
  width: 50%;
}
.product_box .total_remaining_box .total_bid span {
  display: block;
  font-size: 15px;
  color: #51b594;
  font-family: "ProximaNova-Semibold";
}
.product_box .total_remaining_box .remaining_box {
  float: right;
  width: 50%;
  text-align: right;
}
.product_box .total_remaining_box .remaining_box span {
  font-size: 16px;
  color: #fabb00;
  font-family: "ProximaNova-Semibold";
}

.howit_work_section {
  display: block;
  padding: 30px 0 50px 0px;
}

.howit_work_inner {
  box-shadow: 0 0 30px #e9ecf2;
  background: #fff;
  padding: 0px 15px;
}

.work_head {
  display: block;
  text-align: center;
  padding: 35px 0px;
}
.work_head h2 {
  font-size: 28px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}

.work_box {
  display: block;
  text-align: center;
  padding: 0px 5px;
}
.work_box:hover {
  margin-top: -15px;
}
.work_box:hover h4 {
  color: #fabb00;
}
.work_box:hover .work_number span {
  background: #fabb00;
}
.work_box .work_number {
  display: block;
  text-align: center;
  margin-bottom: 15px;
}
.work_box .work_number span {
  display: inline-block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  background: #51b594;
  border-radius: 100%;
  font-size: 24px;
  color: #fff;
}
.work_box h4 {
  font-size: 24px;
  color: #51b594;
  font-family: "ProximaNova-Semibold";
  margin: 15px 0 5px 0px;
}
.work_box p {
  font-size: 16px;
  color: #464646;
}

.work_list {
  padding-bottom: 30px;
}

footer.home_footer {
  padding: 0;
  background: url(../img/footer_bg.png) no-repeat left top #171717;
  background-size: 100% 11px;
}

.top_footer {
  padding: 65px 0 50px 0px;
}
.top_footer h3 {
  background: url(../img/yellow_sap.png) no-repeat left bottom;
  padding-bottom: 15px;
  margin-bottom: 30px;
  font-size: 22px;
  color: #fff;
  font-family: "ProximaNova-Semibold";
}

.top_foot_left {
  display: block;
}

.foot_des {
  display: block;
  padding: 20px 0px;
}
.foot_des p {
  font-size: 12px;
  font-family: "ProximaNova-Light";
  color: #fff;
  opacity: 0.5;
  line-height: normal;
  margin: 0;
}

.foot_social {
  display: block;
}
.foot_social h4 {
  font-size: 18px;
  color: #fff;
  font-family: "ProximaNova-Semibold";
  padding-bottom: 10px;
}
.foot_social ul {
  display: block;
}
.foot_social ul:after {
  display: table;
  clear: both;
  content: "";
}
.foot_social ul:before {
  display: table;
  clear: both;
  content: "";
}
.foot_social ul li {
  float: left;
  margin-right: 15px;
}
.foot_social ul li a {
  font-size: 20px;
  display: block;
  color: #fff;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}
.foot_social ul li a:hover {
  color: #fabb00;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.foot_social ul li:last-child {
  margin-right: 0;
}

.f_menu {
  display: block;
}
.f_menu ul li {
  padding-bottom: 10px;
}
.f_menu ul li a {
  display: block;
  font-size: 14px;
  color: #fff;
}
.f_menu ul li a:hover {
  color: #fabb00;
}
.f_menu ul li:last-child {
  padding-bottom: 0;
}

.cont_list {
  display: block;
}
.cont_list ul li {
  display: block;
  padding-bottom: 15px;
}
.cont_list ul li:after {
  display: table;
  clear: both;
  content: "";
}
.cont_list ul li:before {
  display: table;
  clear: both;
  content: "";
}
.cont_list ul li figure {
  float: left;
  width: 30px;
}
.cont_list ul li figure i {
  font-size: 22px;
  color: #8685bb;
}
.cont_list ul li figcaption {
  float: left;
  width: calc(100% - 30px);
  font-size: 15px;
  color: #fff;
  font-family: "ProximaNova-Light";
}
.cont_list ul li li:last-child {
  padding-bottom: 0;
}

.bottom_footer {
  background: #070707;
  padding: 15px 0px;
  text-align: center;
}
.bottom_footer p {
  font-size: 12px;
  color: #fff;
  opacity: 0.5;
  margin: 0;
  padding: 0;
}

/*--------------------------------------------------------------------
login-page-css-here
--------------------------------------------------------------------*/
.gray_bg {
  background: #f1f3f6;
  min-height: 610px;
}

.form_inner {
  display: block;
  padding: 60px 138px;
}

.form_box {
  box-shadow: 0 0 30px #e8edf5;
  background: #fff;
  padding: 30px;
  border-bottom: solid 5px #fabb00;
}

.form_head {
  text-align: center;
  padding-bottom: 40px;
  padding-top: 15px;
}
.form_head h2 {
  font-size: 26px;
  color: #464646;
  font-family: "ProximaNova-Semibold";
}
.form_head span {
  font-size: 14px;
  color: #464646;
}

.remember_box {
  display: block;
  margin-bottom: 15px;
}
.remember_box:after {
  display: table;
  clear: both;
  content: "";
}
.remember_box:before {
  display: table;
  clear: both;
  content: "";
}
.remember_box .form-check {
  float: left;
}
.remember_box .form-check .form-check-label {
  font-size: 15px;
  color: #262626;
}
.remember_box .form-check .form-check-label a {
  color: #0055a0;
}

.form_box .form_submit span {
  width: 100%;
}
.form_box .form_submit input {
  width: 100%;
  box-shadow: none !important;
}

.recover_password {
  display: block;
  text-align: center;
  padding: 15px 0px;
}
.recover_password a {
  font-size: 15px;
  color: #0055a0;
  font-family: "ProximaNova-Semibold";
}

.create_account {
  display: block;
  text-align: center;
  font-family: "ProximaNova-Light";
}
.create_account p {
  font-size: 18px;
  color: #464646;
}
.create_account p a {
  color: #fabb00;
  font-family: "ProximaNova-Semibold";
}
.create_account p a:hover {
  color: #0055a0;
}

.form_fild_bg {
  display: block;
  padding-right: 15px;
}

.share_bg {
  display: flex;
  border-left: solid 1px #dbdee3;
  position: relative;
}
.share_bg .or_box {
  position: absolute;
  left: -20px;
  top: 44.5%;
  background: #eceef0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  color: #464646;
  border-radius: 100%;
}

.share_bg {
  display: flex;
}

.form_share_button {
  display: flex;
  align-items: center;
  padding-left: 15px;
  width: 100%;
}

.form_share {
  display: block;
  text-align: center;
  width: 100%;
}
.form_share a {
  margin-bottom: 10px;
  display: block;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}
.form_share a:hover {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.form_share a:last-child {
  margin-bottom: 0;
}

.register_user_box {
  display: block;
  padding: 30px 0px;
}
.register_user_box ul {
  display: block;
}
.register_user_box ul:after {
  display: table;
  clear: both;
  content: "";
}
.register_user_box ul:before {
  display: table;
  clear: both;
  content: "";
}
.register_user_box ul li {
  float: left;
  width: 50%;
  text-align: center;
  padding: 0px 10px;
}
.register_user_box ul li a:hover h2 {
  color: #0055a0;
}
.register_user_box ul li a h2 {
  font-size: 18px;
  color: #464646;
}

.modal-body .close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 28px;
}

.accept_box {
  padding-bottom: 20px;
}

.login_account {
  padding-top: 25px;
}

.reset_password .form_box {
  width: 500px;
  margin: auto;
}
.reset_password .form_box .form_head {
  padding-top: 0;
  padding-bottom: 25px;
}

/*--------------------------------------------------------------------
dashboard-page-css-here
--------------------------------------------------------------------*/
.dashboard_menu {
  border-bottom: solid 1px #fabb00;
}
.dashboard_menu nav {
  box-shadow: none;
  border: none;
  padding: 0 !important;
  margin: 0 !important;
}
.dashboard_menu nav ul {
  display: flex;
  width: 100%;
}
.dashboard_menu nav ul li {
  padding: 0 2px;
  width: 100%;
}
.dashboard_menu nav ul li a {
  display: block;
  background: #dce1e7;
  padding: 0px 45px;
  height: 45px;
  line-height: 45px;
  width: 100%;
  text-align: center;
  font-size: 15px;
  color: #5b5d5f;
  text-transform: capitalize;
}
.dashboard_menu nav ul li a:hover {
  color: #fff;
  background: #fabb00;
}
.dashboard_menu nav ul li .dropdown .dropdown-toggle {
  background: #dce1e7;
  border: none;
  position: relative;
  padding-right: 20px;
  cursor: pointer;
  width: 100%;
}
.dashboard_menu nav ul li .dropdown .dropdown-toggle:after {
  position: absolute;
  right: 8px;
  top: 20px;
}
.dashboard_menu nav ul li .dropdown .dropdown-menu {
  display: none;
  padding: 0 !important;
  border: solid 1px #e5eef5;
}
.dashboard_menu nav ul li .dropdown .dropdown-menu li {
  padding: 0;
  border-bottom: solid 1px #e5eef5;
}
.dashboard_menu nav ul li .dropdown .dropdown-menu li a {
  background: #fff;
  padding: 0px 10px;
  text-align: left;
}
.dashboard_menu nav ul li .dropdown .dropdown-menu li a:hover {
  background: #fabb00;
}
.dashboard_menu nav ul li .dropdown .dropdown-menu li:last-child {
  border-bottom: none;
}
.dashboard_menu nav ul li .dropdown.show .dropdown-menu {
  display: block;
}
.dashboard_menu nav ul li.active a {
  background: #fabb00;
  color: #fff;
}
.dashboard_menu nav ul li.active .dropdown-toggle {
  background: #fabb00;
}
.dashboard_menu nav ul li.active .dropdown-menu li a {
  color: #000;
}
.dashboard_menu nav ul li.active .dropdown-menu li a:hover {
  color: #fff;
}
.dashboard_menu nav ul li:last-child {
  margin-right: 0;
}

.total_bg {
  padding: 40px 0px;
}

.total_box {
  background: #fff;
  box-shadow: 1px 1.732px 4px rgba(0, 0, 0, 0.05);
  padding: 20px;
  border: solid 1px transparent;
}
.total_box:after {
  display: table;
  clear: both;
  content: "";
}
.total_box:before {
  display: table;
  clear: both;
  content: "";
}
.total_box:hover {
  border: solid 1px #fabb00;
}
.total_box .total_left {
  float: left;
  width: calc(100% - 85px);
  padding-right: 10px;
}
.total_box .total_left h4 {
  font-size: 22px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  padding-bottom: 15px;
}
.total_box .total_left span {
  font-size: 40px;
  color: #262626;
  font-family: "ProximaNova-Bold";
}
.total_box .total_right {
  float: right;
  width: 85px;
}

.notifications_message {
  padding: 10px 0px 40px 0px;
}
.notifications_message .btn {
  background: #fabb00;
}
.notifications_message .btn:hover {
  background: #0055a0;
}
.notifications_message h2 {
  color: #2e2e2e;
  font-size: 30px;
  font-family: "ProximaNova-Bold";
  text-transform: capitalize;
  margin: 0;
  padding-bottom: 15px;
}
.notifications_message .col-md-6 {
  display: flex;
}
.notifications_message .notifications_box {
  background: #fff;
  width: 100%;
  padding: 15px;
}
.notifications_message .notifications_box ul {
  max-height: 380px;
  min-height: 380px;
  overflow: auto;
}
.notifications_message .notifications_box ul li {
  display: block;
  position: relative;
  border-bottom: solid 1px #ececec;
  margin-bottom: 15px;
}
.notifications_message .notifications_box ul li:after {
  display: table;
  clear: both;
  content: "";
}
.notifications_message .notifications_box ul li:before {
  display: table;
  clear: both;
  content: "";
}
.notifications_message .notifications_box ul li figure {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 100%;
}
.notifications_message .notifications_box ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.notifications_message .notifications_box ul li figcaption {
  float: left;
  width: calc(100% - 40px);
  padding-left: 15px;
}
.notifications_message .notifications_box ul li h3 {
  font-size: 16px;
  color: #333333;
  font-family: "ProximaNova-Bold";
  margin: 0;
  padding: 0 100px 10px 0;
}
.notifications_message .notifications_box ul li p {
  font-size: 12px;
  color: #333333;
  opacity: 0.8;
  line-height: normal;
}
.notifications_message .notifications_box ul li span {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #333333;
  opacity: 0.8;
}
.notifications_message .notifications_box ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.view_all_button {
  text-align: center;
}

/*--------------------------------------------------------------------
create-listing2-page-css-here
--------------------------------------------------------------------*/
.create_listing_bg {
  padding-bottom: 50px;
}

.create_listing_head {
  display: block;
  padding: 30px 0px;
}
.create_listing_head h2 {
  font-size: 24px;
  color: #464646;
  font-family: "ProximaNova-Semibold";
  margin: 0;
  padding: 0;
}

.listing_fields_inner {
  border: solid 1px #f4f2f1;
}

.listing_fields_box {
  background: #fff;
  padding: 15px;
  box-shadow: 1px 1.732px 4px rgba(0, 0, 0, 0.05);
}

.listing_fields_head {
  display: block;
  border-bottom: solid 1px #f4f2f1;
  padding: 15px;
}
.listing_fields_head h3 {
  font-size: 24px;
  color: #262626;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.listing_fields_head h3 sup {
  color: #ff0000;
}

.listing_fields {
  padding: 30px;
  text-align: center;
}
.listing_fields .listing_fields_form {
  display: inline-block;
  text-align: left;
  width: 580px;
}

.price_box {
  position: relative;
}
.price_box .form-control {
  padding-left: 55px;
}
.price_box .dolor {
  position: absolute;
  top: 0;
  left: 0;
  background: #f5f5f5;
  width: 42px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  font-size: 18px;
  color: #757575;
}

.upload_box {
  position: relative;
}
.upload_box .upload_button {
  position: absolute;
  right: 0;
  top: 0;
}
.upload_box .upload_button a {
  display: block;
  font-size: 16px;
  background: #fabb00;
  color: #262626;
  height: 42px;
  line-height: 42px;
  padding: 0px 25px;
  text-transform: uppercase;
  font-family: "ProximaNova-Semibold";
}
.upload_box .upload_button a input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.upload_box p {
  font-size: 14px;
  font-style: italic;
  margin: 0;
}

.create_listing {
  display: block;
  text-align: center;
  padding-top: 15px;
}
.create_listing input {
  display: inline-block;
}

/*--------------------------------------------------------------------
create-listing1-page-css-here
--------------------------------------------------------------------*/
.multiple_slect_box {
  padding: 0px 15px;
}
.multiple_slect_box .mdb-select {
  width: 100%;
  margin: 0;
  border: solid 1px #f2f2f2;
  height: 190px;
  box-shadow: 0.5px 0.866px 1px rgba(0, 0, 0, 0.1);
}
.multiple_slect_box .mdb-select option {
  padding: 5px;
  font-size: 14px;
  color: #464646;
}
.multiple_slect_box #catlistboxes {
  position: relative;
  min-height: 240px;
  padding-top: 10px;
}
.multiple_slect_box #catlistboxes:after {
  display: table;
  clear: both;
  content: "";
}
.multiple_slect_box #catlistboxes:before {
  display: table;
  clear: both;
  content: "";
}
.multiple_slect_box #catlistboxes .first_select {
  position: absolute;
  left: 13px;
  top: 25px;
  width: 245px;
}
.multiple_slect_box #catlistboxes .awe-category-group .first_select {
  position: relative;
  float: left;
  left: 0;
  margin: 15px 13px;
  top: 0;
}

#spanFor999 > .first_select {
  margin-left: 277px !important;
}

.listing_fields_inner.listing_type_box {
  margin-top: 20px;
}

.listing_radio_list {
  display: block;
  padding: 15px;
}
.listing_radio_list ul:after {
  display: table;
  clear: both;
  content: "";
}
.listing_radio_list ul:before {
  display: table;
  clear: both;
  content: "";
}
.listing_radio_list ul li {
  float: left;
  padding-right: 40px;
}
.listing_radio_list ul li label {
  font-size: 16px;
  color: #262626;
}
.listing_radio_list ul li:last-child {
  padding-right: 0;
}

/*--------------------------------------------------------------------
my-products-page-css-here
--------------------------------------------------------------------*/
.my_product_content {
  display: block;
  padding-bottom: 50px;
}

.my_product_head {
  display: block;
  padding: 25px 0px;
}
.my_product_head:after {
  display: table;
  clear: both;
  content: "";
}
.my_product_head:before {
  display: table;
  clear: both;
  content: "";
}
.my_product_head .my_product_title {
  float: left;
  padding-top: 11px;
}
.my_product_head .my_product_title h2 {
  font-size: 24px;
  color: #464646;
  font-family: "ProximaNova-Semibold";
}
.my_product_head .create_form_box {
  float: right;
}
.my_product_head .create_form_box .list_select_box {
  float: left;
  margin-right: 10px;
  border: solid 1px #e6e6e6;
  background: #e9e9ea;
}
.my_product_head .create_form_box .list_select_box label {
  float: left;
  font-size: 14px;
  color: #464646;
  height: 42px;
  line-height: 42px;
  min-width: 60px;
  padding: 0px 10px;
  text-align: center;
  margin: 0;
}
.my_product_head .create_form_box .list_select_box .form-control {
  background: #fff;
  height: 42px;
  float: left;
  width: 130px;
  border: none;
  border-radius: 0;
}
.my_product_head .create_form_box .create_listing_button {
  float: left;
}
.my_product_head .create_form_box .create_listing_button .btn {
  margin: 0 !important;
  height: 42px;
  background: #fabb00;
}
.my_product_head .create_form_box .create_listing_button .btn:hover {
  background: #0055a0;
}

.total_product_list {
  background: #fff;
  box-shadow: 1px 1.732px 4px rgba(0, 0, 0, 0.05);
}
.total_product_list ul li {
  display: block;
  padding: 15px;
  border-bottom: solid 1px #f1f3f6;
}
.total_product_list ul li:after {
  display: table;
  clear: both;
  content: "";
}
.total_product_list ul li:before {
  display: table;
  clear: both;
  content: "";
}

.total_product_left {
  float: left;
  width: 80%;
}
.total_product_left figure {
  float: left;
}
.total_product_left figure a {
  display: block;
  width: 137px;
  height: 137px;
  overflow: hidden;
  border: solid 1px #f1f3f6;
}
.total_product_left figure a:hover {
  border: solid 1px #fabb00;
}
.total_product_left figure a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.total_product_left figcaption {
  float: left;
  width: calc(100% - 137px);
  padding-left: 25px;
}
.total_product_left figcaption p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #262626;
}
.total_product_left figcaption p.offer_price {
  font-size: 19px;
  color: #51b594;
}
.total_product_left figcaption h3 {
  font-size: 18px;
  color: #0055a0;
  font-family: "ProximaNova-Semibold";
  font-weight: normal;
}
.total_product_left figcaption .date_time_box {
  display: block;
}
.total_product_left figcaption .date_time_box:after {
  display: table;
  clear: both;
  content: "";
}
.total_product_left figcaption .date_time_box:before {
  display: table;
  clear: both;
  content: "";
}
.total_product_left figcaption .date_time_box .date {
  float: left;
  font-size: 14px;
  color: #262626;
  opacity: 0.7;
}
.total_product_left figcaption .date_time_box .time {
  float: left;
  font-size: 14px;
  color: #262626;
  padding-left: 10px;
  opacity: 0.7;
}

.setting_box {
  float: right;
  position: relative;
}
.setting_box .dropdown-menu {
  padding: 0;
  border: solid 1px #e5eef5;
  width: 100%;
  right: 0 !important;
  left: auto !important;
}
.setting_box .dropdown-menu li {
  float: none;
  display: block;
  border-bottom: solid 1px #e5eef5;
  padding: 0 !important;
}
.setting_box .dropdown-menu li a {
  float: none;
  display: block;
  width: 100%;
  color: #000;
  padding: 10px 10px;
}
.setting_box .dropdown-menu li a:hover {
  color: #042a4b !important;
}
.setting_box .dropdown-menu li:last-child {
  border-bottom: none !important;
}
.setting_box .setting_button {
  display: block;
}
.setting_box .setting_button a {
  display: block;
  background: #fff;
  color: #0055a0;
  border: solid 1px #f1f3f6;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 18px;
  padding: 5px 0px;
}
.setting_box .setting_button a:hover {
  background: #0055a0;
  border: solid 1px #0055a0;
  color: #fff;
}

/*--------------------------------------------------------------------
detail-page-page-css-here
--------------------------------------------------------------------*/
.detail_bg {
  padding: 30px 0px;
}

.product_detail_bg {
  display: block;
  background: #fff;
  box-shadow: 0 0 30px #e8edf5;
  padding: 15px;
}

.wrapCarouselFull {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  background: #fff;
  border: solid 1px #f4f2f1;
}
.wrapCarouselFull:hover {
  border: solid 1px #fabb00;
}
.wrapCarouselFull figure {
  height: 411px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapCarouselFull figure img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  height: 100%;
}

.wrapCarouselThumbs {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  padding: 20px 0 0 0;
  margin-top: 0px;
}
.wrapCarouselThumbs figure {
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.wrapCarouselThumbs figure img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  height: 100%;
}

.wrapCarouselThumbs .owl-item {
  border: solid 1px #f4f2f1;
}
.wrapCarouselThumbs .owl-item:hover {
  border: solid 1px #fabb00;
}

.wrapCarouselThumbs .owl-item.current {
  border: solid 1px #fabb00;
}

.fav_box2 {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}
.fav_box2 a {
  display: block;
  border-radius: 100%;
  background: #f9f9f9;
  padding-top: 9px;
  width: 36px;
  height: 36px;
  border: solid 1px #ebebeb;
  color: #e2e1e1;
  font-size: 18px;
  text-align: center;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}
.fav_box2 a:hover {
  color: #fff;
  background: #fabb00;
  border: solid 1px #fabb00;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.breadcrumb_active_box {
  display: block;
}
.breadcrumb_active_box:after {
  display: table;
  clear: both;
  content: "";
}
.breadcrumb_active_box:before {
  display: table;
  clear: both;
  content: "";
}
.breadcrumb_active_box .breadcrumb_box {
  float: left;
  width: 80%;
  padding-top: 6px;
}
.breadcrumb_active_box .breadcrumb_box ul li {
  float: left;
  padding-right: 5px;
  font-size: 14px;
  color: #cacaca;
}
.breadcrumb_active_box .breadcrumb_box ul li a {
  font-size: 14px;
  color: #262626;
}
.breadcrumb_active_box .breadcrumb_box ul li:last-child {
  padding-right: 0;
}
.breadcrumb_active_box .active_button {
  float: right;
}
.breadcrumb_active_box .active_button a {
  display: block;
  font-size: 12px;
  color: #fff;
  font-family: "ProximaNova-Semibold";
  background: #66cc52;
  text-transform: uppercase;
  height: 29px;
  line-height: 29px;
  padding: 0px 25px;
  margin: 0;
}

.product_full_view_des h2 {
  font-size: 26px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  padding: 15px 0px;
  margin: 0;
}

.price_box {
  display: block;
}
.price_box h4 {
  font-size: 22px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}
.price_box h4 font {
  color: #ff0000;
}
.price_box h4 span {
  font-size: 16px;
}

.quantity_box {
  display: block;
  padding: 20px 0px;
}
.quantity_box:after {
  display: table;
  clear: both;
  content: "";
}
.quantity_box:before {
  display: table;
  clear: both;
  content: "";
}
.quantity_box label {
  float: left;
  font-size: 16px;
  color: #262626;
  padding-right: 15px;
  padding-top: 10px;
}
.quantity_box .quantity {
  float: left;
  border: solid 1px #e9e9ea;
  background: #e9e9ea;
}
.quantity_box .quantity button {
  float: left;
  border: none;
  background: #e9e9ea;
  width: 60px;
  height: 42px;
  line-height: 42px;
  font-size: 35px;
  color: #464646;
  font-family: "ProximaNova-Bold";
  cursor: pointer;
}
.quantity_box .quantity button:hover {
  background: #fabb00;
  color: #fff;
}
.quantity_box .quantity input {
  float: left;
  width: 90px;
  background: #fff;
  height: 42px;
  border: none;
  text-align: center;
  font-size: 16px;
  color: #464646;
}

.addtocart_buynow {
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #f4f2f1;
}
.addtocart_buynow:after {
  display: table;
  clear: both;
  content: "";
}
.addtocart_buynow:before {
  display: table;
  clear: both;
  content: "";
}
.addtocart_buynow a {
  float: left;
  margin-right: 15px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  font-family: "ProximaNova-Semibold";
  min-width: 184px;
}
.addtocart_buynow a.addtocart {
  background: #0055a0;
}
.addtocart_buynow a.buynow {
  background: #fabb00;
  color: #464646;
}
.addtocart_buynow a:last-child {
  margin-right: 0;
}

.contact_seller_box {
  display: block;
  background: #f1f3f6;
  padding: 20px;
}
.contact_seller_box:after {
  display: table;
  clear: both;
  content: "";
}
.contact_seller_box:before {
  display: table;
  clear: both;
  content: "";
}
.contact_seller_box figure {
  float: left;
  width: 54px;
  height: 54px;
  border-radius: 100%;
  overflow: hidden;
  margin: 0;
}
.contact_seller_box figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact_seller_box figcaption {
  float: left;
  width: 60%;
  padding-left: 20px;
}
.contact_seller_box figcaption .seller_name_rate {
  display: block;
}
.contact_seller_box figcaption .seller_name_rate:after {
  display: table;
  clear: both;
  content: "";
}
.contact_seller_box figcaption .seller_name_rate:before {
  display: table;
  clear: both;
  content: "";
}
.contact_seller_box figcaption .seller_name_rate h4 {
  font-size: 20px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  float: left;
}
.contact_seller_box figcaption .seller_name_rate .rating_box {
  float: left;
  padding: 1px 10px;
}
.contact_seller_box figcaption p {
  font-size: 14px;
  color: #262626;
  margin: 0;
  padding: 0;
}

/* Rating Star Widgets Style */
.rating-stars ul {
  list-style-type: none;
  padding: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  text-align: left;
}

.rating-stars ul > li.star {
  display: inline-block;
}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
  font-size: 18px;
  /* Change the size of the stars */
  color: #d3d4d5;
  /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
  color: #fabb00;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
  color: #fabb00;
}

.review {
  float: left;
}
.review a {
  font-size: 18px;
  color: #0055a0;
}

.view_seller {
  display: block;
}
.view_seller a {
  font-size: 14px;
  color: #0055a0;
  font-family: "ProximaNova-Semibold";
}

.contact_seller {
  float: right;
  margin-top: 10px;
}
.contact_seller a {
  font-size: 16px;
  color: #fff;
  font-family: "ProximaNova-Semibold";
  text-transform: uppercase;
  height: 42px;
  line-height: 42px;
  background: #8685bb;
  padding: 0px 10px;
  margin: 0;
}

.product_details_box {
  border: solid 1px #f4f2f1;
  margin: 30px 0px;
}

.product_details_head {
  display: block;
  border-bottom: solid 1px #f4f2f1;
  padding: 15px;
}
.product_details_head h2 {
  font-size: 24px;
  color: #262626;
  margin: 0;
}
.product_details_head h2 span {
  color: #fabb00;
}

.product_details_des {
  display: block;
  padding: 15px;
}
.product_details_des p {
  font-size: 15px;
  color: #262626;
}
.product_details_des p span {
  font-family: "ProximaNova-Semibold";
}
.product_details_des h5 {
  font-size: 15px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}

.rating_review_list {
  display: block;
}
.rating_review_list ul li {
  display: block;
  padding: 20px;
  border-bottom: solid 1px #f4f2f1;
}
.rating_review_list ul li:after {
  display: table;
  clear: both;
  content: "";
}
.rating_review_list ul li:before {
  display: table;
  clear: both;
  content: "";
}
.rating_review_list ul li figure {
  float: left;
  width: 54px;
  height: 54px;
  overflow: hidden;
}
.rating_review_list ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rating_review_list ul li figcaption {
  float: left;
  width: calc(100% - 54px);
  padding-left: 20px;
  position: relative;
}
.rating_review_list ul li figcaption .user_name_rating {
  display: block;
}
.rating_review_list ul li figcaption .user_name_rating:after {
  display: table;
  clear: both;
  content: "";
}
.rating_review_list ul li figcaption .user_name_rating:before {
  display: table;
  clear: both;
  content: "";
}
.rating_review_list ul li figcaption .user_name_rating h3 {
  float: left;
  font-size: 20px;
  color: #262626;
}
.rating_review_list ul li figcaption .user_name_rating .rating_box {
  float: left;
  padding-left: 10px;
  padding-top: 1px;
}
.rating_review_list ul li figcaption .user_name_rating .rating_box ul li {
  padding: 0;
  border: none;
}
.rating_review_list ul li figcaption p {
  font-size: 14px;
  color: #262626;
}
.rating_review_list ul li figcaption span {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #0055a0;
}
.rating_review_list ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.similar_product .product_row {
  margin: 0;
  padding: 30px;
}
.similar_product .product_row .btn {
  padding: 0px 10px;
}

/*--------------------------------------------------------------------
listing-page-css-here
--------------------------------------------------------------------*/
.product_listing_bg {
  display: block;
  padding: 30px 0px;
}

.product_categories {
  float: left;
  width: 300px;
  box-shadow: 0 0 30px #e8edf5;
  background: #fff;
}
.product_categories .card {
  box-shadow: none;
  border-bottom: solid 1px #f1f3f6 !important;
}
.product_categories .card-header {
  padding: 0;
  border: none;
  box-shadow: none !important;
  background: #fff;
}
.product_categories .card-header a {
  display: block;
  box-shadow: none;
  font-size: 14px;
  color: #464646;
  font-family: "ProximaNova-Semibold";
  padding: 10px;
  background: url(../img/plus.png) no-repeat right center;
}
.product_categories .card-header a[aria-expanded="true"] {
  background: url(../img/mins.png) no-repeat right center;
}

.categories_head {
  display: block;
  background: #fabb00;
}
.categories_head h2 {
  font-size: 20px;
  color: #464646;
  padding: 10px;
  margin: 0;
}

.categories_list {
  display: block;
}
.categories_list ul li {
  display: block;
  padding: 5px 10px;
}
.categories_list ul li a {
  font-size: 14px;
  color: #464646;
  padding: 10px;
}

.product_right_box {
  float: left;
  width: calc(100% - 300px);
  padding-left: 30px;
}
.product_right_box .my_product_head {
  padding-top: 0;
}
.product_right_box .product_list {
  display: block;
}
.product_right_box .product_list ul {
  display: block;
  margin: 0px -15px;
}
.product_right_box .product_list ul:after {
  display: table;
  clear: both;
  content: "";
}
.product_right_box .product_list ul:before {
  display: table;
  clear: both;
  content: "";
}
.product_right_box .product_list ul li {
  float: left;
  width: 33.3%;
  padding: 15px;
}

/*--------------------------------------------------------------------
my-account-page-css-here
--------------------------------------------------------------------*/
.my_account_bg {
  padding: 20px 0px;
}

.change_password_box {
  display: block;
  text-align: center;
}
.change_password_box .change_password_inner {
  display: inline-block;
  width: 360px;
  text-align: left;
}
.change_password_box .change_password_inner h2 {
  text-align: center;
  font-size: 24px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  padding-bottom: 20px;
}
.change_password_box .change_password_inner .form_submit span {
  display: block;
}
.change_password_box .change_password_inner .form_submit input {
  width: 100%;
}

.notification_list {
  display: block;
}
.notification_list ul li {
  display: block;
  padding: 10px 0px;
}
.notification_list ul li:after {
  display: table;
  clear: both;
  content: "";
}
.notification_list ul li:before {
  display: table;
  clear: both;
  content: "";
}
.notification_list ul li .notification_left {
  float: left;
  font-size: 16px;
  color: #2e2e2e;
  max-width: 70%;
}
.notification_list ul li .swith_box {
  float: right;
}
.notification_list ul li .swith_box .bs-switch input:checked + .slider {
  background-color: #fabb00;
}

.profile_box2 {
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
.profile_box2 .profile_inner2 {
  display: inline-block;
  width: 130px;
  height: 130px;
  border-radius: 100%;
  border: solid 3px #0055a0;
  position: relative;
}
.profile_box2 .profile_inner2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile_box2 .profile_inner2 .add_plus {
  position: absolute;
  right: -15px;
  top: 45%;
}
.profile_box2 .profile_inner2 .add_plus a {
  display: inline-block;
  width: 39px;
  height: 39px;
  border: solid 2px #fff;
  background: #fabb00;
  font-size: 28px;
  color: #000;
  line-height: 39px;
  text-align: center;
  border-radius: 100%;
  font-family: "ProximaNova-Bold";
  position: relative;
}
.profile_box2 .profile_inner2 .add_plus a input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  opacity: 0;
  cursor: pointer;
}

/*--------------------------------------------------------------------
verification-code-page-css-here
--------------------------------------------------------------------*/
.verification_code {
  display: block;
  text-align: center;
}
.verification_code ul {
  display: inline-block;
}
.verification_code ul li {
  float: left;
  width: 43px;
  margin-right: 15px;
}
.verification_code ul li input {
  text-align: center;
}
.verification_code ul li:last-child {
  margin-right: 0;
}

.resend_box {
  display: block;
  text-align: center;
}
.resend_box p {
  font-size: 14px;
  color: #464646;
}
.resend_box p a {
  color: #0055a0;
  font-family: "ProximaNova-Semibold";
}

/*--------------------------------------------------------------------
customer-auction-detail-page-css-here
--------------------------------------------------------------------*/
.quantity_submit_row {
  display: block;
}
.quantity_submit_row:after {
  display: table;
  clear: both;
  content: "";
}
.quantity_submit_row:before {
  display: table;
  clear: both;
  content: "";
}

.quantity_submit_box {
  display: block;
}
.quantity_submit_box:after {
  display: table;
  clear: both;
  content: "";
}
.quantity_submit_box:before {
  display: table;
  clear: both;
  content: "";
}

.quantity {
  float: left;
  border: solid 1px #e9e9ea;
}
.quantity .euro {
  float: left;
  font-size: 19px;
  color: #464646;
  font-family: "ProximaNova-Semibold";
  background: #e9e9ea;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
}
.quantity .form-control {
  float: left;
  height: 45px;
  border: none;
  text-align: center;
  width: 168px;
  font-size: 16px;
  color: #464646;
}

.submit_bid {
  float: left;
  margin-left: 20px;
}
.submit_bid .btn {
  margin: 0;
}

.minimum_bid {
  display: block;
  font-size: 12px;
  color: #464646;
  padding-top: 5px;
}

.remaining_time_box {
  display: block;
  font-size: 22px;
  color: #262626;
  padding: 30px 0px;
  border-bottom: solid 1px #f4f2f1;
  margin-bottom: 30px;
}
.remaining_time_box:after {
  display: table;
  clear: both;
  content: "";
}
.remaining_time_box:before {
  display: table;
  clear: both;
  content: "";
}
.remaining_time_box .remaining_left {
  float: left;
  max-width: 70%;
}
.remaining_time_box .remaining_right {
  float: right;
  max-width: 25%;
}
.remaining_time_box span {
  color: #ff0000;
  font-family: "ProximaNova-Bold";
}

.bid_history_box {
  display: block;
  background: #fff;
  box-shadow: 0 0 30px #e8edf5;
  padding: 0px;
  margin-top: 20px;
}

.bid_history_list {
  display: block;
}
.bid_history_list ul li {
  display: block;
  padding: 15px;
  border-bottom: solid 1px #f4f2f1;
}
.bid_history_list ul li:after {
  display: table;
  clear: both;
  content: "";
}
.bid_history_list ul li:before {
  display: table;
  clear: both;
  content: "";
}
.bid_history_list ul li .bid_history_left {
  float: left;
  width: 70%;
}
.bid_history_list ul li .bid_history_left figure {
  float: left;
  width: 66px;
  height: 66px;
  overflow: hidden;
  margin: 0;
}
.bid_history_list ul li .bid_history_left figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bid_history_list ul li .bid_history_left figcaption {
  float: left;
  width: calc(100% - 66px);
  padding-left: 20px;
  padding-top: 10px;
}
.bid_history_list ul li .bid_history_left figcaption h3 {
  font-size: 20px;
}
.bid_history_list ul li .bid_history_left figcaption .bid_date {
  display: block;
  font-size: 14px;
  color: #262626;
}

.bid_amount_box {
  float: right;
  max-width: 25%;
  background: #8685bb;
  padding: 10px 40px;
  border-radius: 50px;
}
.bid_amount_box h4 {
  font-size: 16px;
  color: #fff;
  font-family: "ProximaNova-Semibold";
}
.bid_amount_box span {
  display: block;
  font-size: 24px;
  color: #fabb00;
  font-family: "ProximaNova-Semibold";
}

/*--------------------------------------------------------------------
manage-cards-page-css-here
--------------------------------------------------------------------*/
.manage_cards_bg {
  display: block;
}

.manage_cards_head {
  display: block;
  padding-bottom: 30px;
}
.manage_cards_head:after {
  display: table;
  clear: both;
  content: "";
}
.manage_cards_head:before {
  display: table;
  clear: both;
  content: "";
}
.manage_cards_head .manage_cards_left {
  float: left;
  max-width: 50%;
  padding-top: 9px;
}
.manage_cards_head .manage_cards_left h2 {
  font-size: 24px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  margin: 0;
  padding: 0;
}
.manage_cards_head .add_card_button {
  float: right;
  max-width: 50%;
}
.manage_cards_head .add_card_button .btn {
  margin: 0;
}

.card_box {
  border: solid 1px #e0e0e0;
  padding: 15px;
  margin-bottom: 30px;
}

.card_box_top {
  display: block;
}
.card_box_top:after {
  display: table;
  clear: both;
  content: "";
}
.card_box_top:before {
  display: table;
  clear: both;
  content: "";
}

.card_top_left {
  float: left;
  width: 65%;
}
.card_top_left .card_icon {
  margin-bottom: 10px;
}
.card_top_left .card_number {
  padding-bottom: 5px;
  font-size: 16px;
  color: #464646;
}
.card_top_left .card_date {
  padding-bottom: 10px;
  font-size: 16px;
  color: #464646;
}
.card_top_left .card_date span {
  padding-left: 25px;
  color: #aca9a9;
}

.card_box_bottom {
  display: block;
  border-top: solid 1px #e0e0e0;
  padding: 15px 0 0 0px;
}
.card_box_bottom:after {
  display: table;
  clear: both;
  content: "";
}
.card_box_bottom:before {
  display: table;
  clear: both;
  content: "";
}
.card_box_bottom .set_primary {
  float: left;
}
.card_box_bottom .set_primary a {
  font-size: 16px;
  color: #0055a0;
  font-family: "ProximaNova-Semibold";
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
  display: block;
}
.card_box_bottom .set_primary a:hover {
  color: #fabb00;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.card_box_bottom .card_delete {
  float: right;
}
.card_box_bottom .card_delete a {
  font-size: 18px;
  display: block;
  color: #aca9a9;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}
.card_box_bottom .card_delete a:hover {
  color: #fabb00;
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.card_top_right {
  float: right;
  font-size: 14px;
  color: #b9b9b9;
  font-family: "ProximaNova-Semibold";
}

.manage_card_list .row:last-child .card_box {
  margin-bottom: 0;
}

.bid_price {
  display: block;
  color: #676767;
  font-size: 20px;
  font-family: "ProximaNova-Bold";
}
.bid_price span {
  font-family: "ProximaNova-Regular";
  color: #676767;
}

.remaining_time {
  display: block;
  font-size: 16px;
  color: #262626;
  padding-top: 10px;
}
.remaining_time span {
  color: #ff0000;
  font-family: "ProximaNova-Bold";
}

.contact_button {
  float: right;
  position: relative;
}

.favourite_cart {
  float: right;
}
.favourite_cart .btn {
  display: block;
}
.favourite_cart .add_cart_fav {
  background: #fabb00;
}
.favourite_cart .add_cart_fav:hover {
  background: #0055a0 !important;
}

/*--------------------------------------------------------------------
notification-list-page-css-here
--------------------------------------------------------------------*/
.notification_list {
  display: block;
  background: #fff;
}
.notification_list ul li {
  display: block;
  background: #fff;
  padding: 15px;
  position: relative;
  border-bottom: solid 1px #f1f3f6;
}
.notification_list ul li:after {
  display: table;
  clear: both;
  content: "";
}
.notification_list ul li:before {
  display: table;
  clear: both;
  content: "";
}
.notification_list ul li .notification_icon {
  float: left;
  background: #fabb00;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  text-align: center;
  line-height: 50px;
  font-size: 30px;
  color: #464646;
  padding-top: 10px;
}
.notification_list ul li .notification_des {
  float: left;
  width: calc(100% - 50px);
  padding-right: 95px;
  padding-left: 25px;
}
.notification_list ul li .notification_des h4 {
  font-size: 16px;
  color: #464646;
  margin: 0;
}
.notification_list ul li .notification_des p {
  margin: 0;
  font-size: 14px;
  color: #262626;
  margin: 0;
  opacity: 0.7;
}
.notification_list ul li time {
  position: absolute;
  right: 25px;
  top: 30px;
  font-size: 13px;
  color: #262626;
  font-style: italic;
}
.notification_list ul li.active {
  background: #f5f5f5;
  border-bottom: solid 1px white;
}

/*--------------------------------------------------------------------
my-cart-page-css-here
--------------------------------------------------------------------*/
.white_bg {
  background: #fff;
  box-shadow: 1px 1.732px 4px rgba(0, 0, 0, 0.05);
}

.my_cart_bg {
  padding: 20px;
  margin: 30px 0px;
}

.cart_head {
  display: block;
  padding-bottom: 15px;
}
.cart_head h2 {
  font-size: 24px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}

.cart_table_bg {
  display: block;
  overflow: auto;
}
.cart_table_bg table {
  border: none;
}
.cart_table_bg table tr th {
  font-size: 16px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  border: none;
  background: none;
  border-bottom: solid 1px #dbe0e6;
}
.cart_table_bg table tr td {
  border: none;
  background: none !important;
  border-bottom: solid 1px #dbe0e6;
  color: #262626;
}

.cart_product {
  display: block;
}
.cart_product:after {
  display: table;
  clear: both;
  content: "";
}
.cart_product:before {
  display: table;
  clear: both;
  content: "";
}
.cart_product figure {
  float: left;
  width: 80px;
  height: 80px;
  margin: 0;
  overflow: hidden;
  border: solid 1px #f1f3f6;
}
.cart_product figure a {
  display: block;
}
.cart_product figure a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cart_product figcaption {
  float: left;
  width: calc(100% - 80px);
  padding-left: 15px;
  padding-top: 23px;
}
.cart_product figcaption h4 {
  margin: 0;
  padding: 0;
}
.cart_product figcaption h4 a {
  font-size: 14px;
  color: #0055a0;
}

.current_price {
  font-size: 14px;
  color: #262626;
}
.current_price strong {
  font-family: "ProximaNova-Bold";
}

.total_price {
  font-size: 18px;
  color: #262626;
  font-family: "ProximaNova-Bold";
}

.order_summary_bg {
  display: block;
  padding-top: 15px;
}
.order_summary_bg:after {
  display: table;
  clear: both;
  content: "";
}
.order_summary_bg:before {
  display: table;
  clear: both;
  content: "";
}
.order_summary_bg .order_summary_box {
  float: right;
  width: 453px;
  border: solid 1px #e0e0e0;
  padding: 15px;
}
.order_summary_bg .order_summary_box h3 {
  font-size: 24px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  padding-bottom: 0px;
}

.order_table_box {
  display: block;
  overflow: auto;
}
.order_table_box table {
  font-size: 14px;
  color: #262626;
  border: none;
}
.order_table_box table tr td {
  border: none;
  border-bottom: solid 1px #f1f3f6;
  padding-left: 0;
  padding-right: 0;
}

.checkout_button {
  display: block;
  padding-top: 15px;
}
.checkout_button:after {
  display: table;
  clear: both;
  content: "";
}
.checkout_button:before {
  display: table;
  clear: both;
  content: "";
}
.checkout_button a {
  float: right;
}

/*--------------------------------------------------------------------
make-payment-page-css-here
--------------------------------------------------------------------*/
.make_payment_bg {
  display: block;
  padding: 70px 115px;
}

.update_cart_des {
  display: block;
  padding: 30px;
}

.update_cart_button {
  display: block;
  text-align: right;
  padding-bottom: 15px;
}
.update_cart_button a {
  font-size: 16px;
  color: #0055a0;
  font-family: "ProximaNova-Semibold";
}

.address_box {
  display: block;
}
.address_box h3 {
  font-size: 16px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}
.address_box h3 i {
  color: #0055a0;
  font-size: 25px;
  position: relative;
  top: 4px;
  margin-left: 5px;
}
.address_box p {
  font-size: 14px;
  color: #262626;
}

.product_price_box {
  display: block;
  overflow: auto;
}
.product_price_box table {
  width: 100%;
  border: none !important;
}
.product_price_box table tr th {
  border: none;
  background: none !important;
  font-size: 16px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  padding-left: 0;
  padding-right: 0;
  border-bottom: solid 1px #dbe0e6;
}
.product_price_box table tr td {
  border: none;
  background: none !important;
  font-size: 14px;
  color: #262626;
  padding-left: 0;
  padding-right: 0;
  border-bottom: solid 1px #f1f3f6;
}
.product_price_box table tr td a {
  font-size: 14px;
  color: #0055a0;
  font-family: "ProximaNova-Semibold";
}
.product_price_box table tr td strong {
  font-size: 17px;
  color: #000;
  font-family: "ProximaNova-Semibold";
}

.payment_details_box {
  background: #0055a0;
  padding: 30px;
}
.payment_details_box h3 {
  font-size: 22px;
  color: #fff;
  font-family: "ProximaNova-Semibold";
  padding: 10px 0px;
}
.payment_details_box .form_fild label {
  color: #fff;
  font-size: 14px;
}

.expiry_box h5 {
  font-size: 14px;
  color: #fff;
  margin: 0;
}

.payment_button .btn {
  margin: 0;
  width: 100%;
  background: #fabb00;
}

.or_box {
  display: block;
  text-align: center;
  border-top: solid 1px #2c71ae;
  margin: 30px 0px;
}
.or_box span {
  display: inline-block;
  width: 33px;
  height: 33px;
  border-radius: 100%;
  font-size: 13px;
  color: #464646;
  background: #fff;
  line-height: 33px;
  position: relative;
  z-index: 9;
  top: -17px;
}

.checkout_paypal_button {
  display: block;
  text-align: center;
}
.checkout_paypal_button a {
  display: block;
  background: #fff;
}

.cancel_payment {
  display: block;
  text-align: center;
  padding-top: 15px;
}
.cancel_payment a {
  color: #fabb00;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "ProximaNova-Semibold";
}

.add_cart_button {
  margin-left: 10px;
  float: left;
}
.add_cart_button .btn {
  margin: 0;
  background: #fabb00;
}

/*--------------------------------------------------------------------
checkout-page-css-here
--------------------------------------------------------------------*/
.chekout_bg {
  padding: 30px 0px;
}

.checkout_form_box {
  display: block;
  padding: 15px;
  margin-bottom: 20px;
}
.checkout_form_box h3 {
  font-size: 24px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
  padding-bottom: 10px;
}
.checkout_form_box h3 sub {
  font-size: 16px;
  color: #fabb00;
}

.checkout_form_box:last-child {
  margin-bottom: 0;
}

.placeorder_button {
  display: block;
  text-align: center;
  padding: 20px 0 10px 0px;
}
.placeorder_button .btn {
  margin: 0;
}

/*--------------------------------------------------------------------
checkout-page-css-here
--------------------------------------------------------------------*/
.accept_reject_box {
  float: right;
}
.accept_reject_box .btn {
  display: block;
  min-width: 156px;
}
.accept_reject_box .accept_btn {
  background: #51b594;
}
.accept_reject_box .reject_btn {
  background: #db202b;
}

.acc_rej_butto {
  float: right;
}

.accepted a {
  color: #51b594;
  font-size: 19px;
  font-family: "ProximaNova-Bold";
}
.accepted a:hover {
  color: #fabb00;
}

.pending a {
  color: #0055a0;
  font-size: 19px;
  font-family: "ProximaNova-Bold";
}
.pending a:hover {
  color: #fabb00;
}

.acc_rej_butto {
  float: right;
}

.rejected a {
  color: #db202b;
  font-size: 19px;
  font-family: "ProximaNova-Bold";
}
.rejected a:hover {
  color: #fabb00;
}

/*--------------------------------------------------------------------
payment-history-page-css-here
--------------------------------------------------------------------*/
.customer_payment_history_bg {
  display: block;
}

.payment_history_head {
  display: block;
}
.payment_history_head h2 {
  font-size: 24px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}

.successfull {
  color: #51b594;
}

.failure {
  color: #ff0000;
}

/*--------------------------------------------------------------------
Purchase-history-page-css-here
--------------------------------------------------------------------*/
.customer_purchase_history_bg .my_product_head {
  padding-top: 0;
}

.rate_now_button a {
  height: 35px;
  line-height: 35px;
  font-size: 13px;
}

/*--------------------------------------------------------------------
rate-step-1-page-css-here
--------------------------------------------------------------------*/
.step_bg {
  text-align: center;
  padding: 50px 0px;
}
.step_bg .step_inner {
  display: inline-block;
  width: 566px;
  padding: 30px;
  min-height: 300px;
}

.step_title {
  display: block;
  padding-bottom: 30px;
}
.step_title h2 {
  font-size: 24px;
  color: #262626;
  font-family: "ProximaNova-Semibold";
}

.step_head {
  display: block;
  text-align: center;
  min-height: 85px;
}
.step_head ul {
  display: inline-block;
  width: 265px;
  height: 2px;
  background: #cccaca;
}
.step_head ul li {
  float: left;
  position: relative;
}
.step_head ul li span {
  display: block;
  position: relative;
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 35px;
  background: #999999;
  border: solid 6px #dcdada;
  border-radius: 100%;
  color: #fff;
  font-family: "ProximaNova-Semibold";
  font-size: 16px;
  top: -22px;
}
.step_head ul li h4 {
  position: absolute;
  left: -70px;
  bottom: -15px;
  font-size: 16px;
  color: #999999;
  min-width: 200px;
}
.step_head ul li:last-child {
  float: right;
}
.step_head ul li.active span {
  background: #0055a0;
  border: solid 6px #fabb00;
}
.step_head ul li.active h4 {
  color: #0055a0;
}

.service_rating_box {
  display: block;
  padding: 30px 0px;
  text-align: center;
}
.service_rating_box ul {
  display: inline-block;
}
.service_rating_box ul li {
  display: block;
}
.service_rating_box ul li:after {
  display: table;
  clear: both;
  content: "";
}
.service_rating_box ul li:before {
  display: table;
  clear: both;
  content: "";
}
.service_rating_box ul li label {
  float: left;
  background: url(../img/dot.png) no-repeat right center;
  font-size: 14px;
  color: #262626;
  width: 148px;
  padding-top: 4px;
  text-align: left;
}
.service_rating_box ul li .serv_rating {
  float: left;
  padding-left: 25px;
}

.back_next_button {
  display: block;
  text-align: center;
  padding: 20px 0px;
}
.back_next_button ul {
  display: inline-block;
}
.back_next_button ul li {
  float: left;
  margin-right: 15px;
}
.back_next_button ul li a.btn {
  font-size: 16px;
  min-width: 133px;
}
.back_next_button ul li a.next {
  background: #fabb00;
}

.skip_button {
  display: block;
  text-align: center;
}
.skip_button a {
  font-size: 16px;
  color: #0055a0;
}
.skip_button a:hover {
  color: #fabb00;
}

.service_profile {
  display: block;
  text-align: center;
  padding-bottom: 25px;
}
.service_profile figure {
  display: inline-block;
  width: 96px;
  height: 96px;
  overflow: hidden;
}
.service_profile figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service_profile h4 {
  font-size: 18px;
  font-family: "ProximaNova-Semibold";
}
.service_profile h4 a {
  color: #0055a0;
}

/*--------------------------------------------------------------------
chat-page-css-here
--------------------------------------------------------------------*/
.chat_bg {
  display: block;
  margin: 30px 0px;
  background: #fff;
}
.chat_bg:after {
  display: table;
  clear: both;
  content: "";
}
.chat_bg:before {
  display: table;
  clear: both;
  content: "";
}

.chat_left {
  float: left;
  width: 300px;
  background: #fff;
  border-right: solid 1px #d7d7d7;
}

.chat_left_head {
  display: block;
  background: #0055a0;
  padding: 15px;
  border-bottom: solid 2px #fabb00;
}
.chat_left_head:after {
  display: table;
  clear: both;
  content: "";
}
.chat_left_head:before {
  display: table;
  clear: both;
  content: "";
}
.chat_left_head figure {
  float: left;
  margin: 0;
  width: 50px;
  height: 50px;
}
.chat_left_head figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.chat_left_head figcaption {
  float: left;
  width: calc(100% - 50px);
  padding-left: 15px;
  font-size: 14px;
  color: #fff;
  padding-top: 15px;
}

.chat_user_list {
  display: block;
  max-height: 480px;
  overflow: auto;
  min-height: 480px;
}
.chat_user_list ul li {
  display: block;
  padding: 15px;
  border-bottom: solid 1px #d7d7d7;
}
.chat_user_list ul li:after {
  display: table;
  clear: both;
  content: "";
}
.chat_user_list ul li:before {
  display: table;
  clear: both;
  content: "";
}
.chat_user_list ul li figure {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0;
}
.chat_user_list ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat_user_list ul li figcaption {
  float: left;
  width: calc(100% - 50px);
  padding-left: 15px;
  padding-top: 8px;
  position: relative;
}
.chat_user_list ul li figcaption h4 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #262626;
  padding-right: 60px;
}
.chat_user_list ul li figcaption p {
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #7e7e7e;
  padding-right: 40px;
}
.chat_user_list ul li figcaption time {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: #7e7e7e;
}
.chat_user_list ul li figcaption .notif_number {
  position: absolute;
  right: 0;
  top: 20px;
  width: 18px;
  height: 18px;
  background: #fabb00;
  border-radius: 100%;
  text-align: center;
  font-size: 10px;
  padding-top: 2px;
  color: #fff;
}
.chat_user_list ul li:last-child {
  border-bottom: none;
}
.chat_user_list ul li.active {
  background: #ebebeb;
}

.chat_right {
  float: left;
  width: calc(100% - 300px);
}

.chat_right_head {
  display: block;
  background: #ebebeb;
  padding: 10px;
}
.chat_right_head:after {
  display: table;
  clear: both;
  content: "";
}
.chat_right_head:before {
  display: table;
  clear: both;
  content: "";
}
.chat_right_head figure {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0;
  overflow: hidden;
}
.chat_right_head figure img {
  width: 100%;
  height: 100%;
  object-fit: fit;
}
.chat_right_head figcaption {
  float: left;
  width: calc(100% - 50px);
  padding-left: 20px;
  padding-top: 5px;
}
.chat_right_head figcaption h4 {
  font-size: 18px;
  color: #262626;
  margin: 0;
  padding: 0;
}
.chat_right_head figcaption p {
  font-size: 13px;
  color: #7e7e7e;
  margin: 0;
  padding: 0;
}

.chat_message_list {
  display: block;
  padding: 25px 15px;
  height: 391px;
  overflow: auto;
}
.chat_message_list ul li {
  display: block;
}
.chat_message_list ul li:after {
  display: table;
  clear: both;
  content: "";
}
.chat_message_list ul li:before {
  display: table;
  clear: both;
  content: "";
}
.chat_message_list ul li .message_box {
  margin-bottom: 35px;
  width: 100%;
}
.chat_message_list ul li .message_img_des {
  display: block;
}
.chat_message_list ul li .message_img_des:after {
  display: table;
  clear: both;
  content: "";
}
.chat_message_list ul li .message_img_des:before {
  display: table;
  clear: both;
  content: "";
}
.chat_message_list ul li .message_img_des figure {
  float: left;
  margin: 0;
  width: 38px;
  height: 38px;
  overflow: hidden;
}
.chat_message_list ul li .message_img_des figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat_message_list ul li .message_img_des figcaption {
  float: left;
  max-width: calc(100% - 55px);
  margin-left: 15px;
  background: #f6f6f6;
  display: inline-block;
  padding: 8px 10px;
  border-radius: 4px;
  box-shadow: 0px 0px 10px #79848f;
  min-width: 250px;
  position: relative;
}
.chat_message_list ul li .message_time {
  position: absolute;
  right: 0;
  bottom: -25px;
  font-size: 12px;
  color: #7e7e7e;
}
.chat_message_list ul .chat_message_right .message_box {
  float: right;
}
.chat_message_list ul .chat_message_right .message_box figure {
  float: right;
}
.chat_message_list ul .chat_message_right .message_box figcaption {
  float: right;
  margin-left: 0;
  margin-right: 15px;
  background: #fabb00;
  color: #fff;
}

.message_send_box {
  display: block;
  background: #f7f7f7;
  padding: 25px;
  position: relative;
}
.message_send_box .form-control {
  width: 100%;
  height: 50px;
  background: #fff !important;
  border: solid 1px #d7d7d7;
  border-radius: 5px;
  resize: none;
  padding-top: 10px;
  font-size: 14px;
  color: #c5c1c1;
  padding-right: 75px;
}
.message_send_box input[type="submit"] {
  width: 48px;
  height: 49px;
  background: url(../img/send.png) no-repeat;
  position: absolute;
  right: 28px;
  top: 26px;
  border: none;
  text-indent: -9999px;
  z-index: 9;
  cursor: pointer;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
}
.message_send_box input[type="submit"]:hover {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/*--------------------------------------------------------------------
Order-summary-details-page-css-here
--------------------------------------------------------------------*/
.order_summary_bg {
  background: #f8f8f8;
  margin: 30px 0px;
  padding: 40px 85px;
}

.order_summary_head {
  display: block;
}
.order_summary_head:after {
  display: table;
  clear: both;
  content: "";
}
.order_summary_head:before {
  display: table;
  clear: both;
  content: "";
}

.summary_head_left {
  float: left;
  width: 50%;
}

.summary_logo {
  display: block;
}
.summary_logo a {
  display: inline-block;
  max-width: 103px;
}

.epoxa_address_box {
  display: block;
  padding-top: 15px;
}
.epoxa_address_box p {
  font-size: 16px;
  color: #cccccc;
}

.summary_head_right {
  float: right;
  min-width: 315px;
  max-width: 315px;
  background: #fabb00;
  padding: 15px;
  text-align: right;
}
.summary_head_right h3 {
  font-size: 32px;
  color: #fff;
  text-transform: uppercase;
  font-family: "ProximaNova-Semibold";
}
.summary_head_right p {
  font-size: 18px;
  color: #fff;
  margin: 0;
  padding: 0;
}

.epoxa_address_list {
  display: block;
  padding: 70px 0px;
}
.epoxa_address_list:after {
  display: table;
  clear: both;
  content: "";
}

.address_list {
  display: block;
}
.address_list ul {
  display: block;
}
.address_list ul:after {
  display: table;
  clear: both;
  content: "";
}
.address_list ul:before {
  display: table;
  clear: both;
  content: "";
}
.address_list ul li {
  float: left;
  width: 33.3%;
}
.address_list ul li h3 {
  font-size: 18px;
  color: #fabb00;
}
.address_list ul li p {
  font-size: 15px;
  color: #262626;
}

.invocie_amount_box {
  display: block;
  text-align: right;
}
.invocie_amount_box h3 {
  font-size: 18px;
  color: #222222;
  font-family: "ProximaNova-Semibold";
}
.invocie_amount_box p {
  font-size: 26px;
  color: #222222;
  font-family: "ProximaNova-Semibold";
}

.invoice_table {
  display: block;
  overflow: auto;
}
.invoice_table table {
  border: solid 1px #d7d7d7;
}
.invoice_table table tr th {
  font-size: 18px;
  text-align: center;
  color: #fff;
  background: #0055a0;
  border: none;
}
.invoice_table table tr th:first-child {
  text-align: left;
}
.invoice_table table tr td {
  border: none;
  text-align: center;
  border-bottom: solid 1px #d7d7d7;
  font-size: 14px;
  color: #222222;
}
.invoice_table table tr td strong {
  color: #0055a0;
  font-family: "ProximaNova-Bold";
  font-size: 18px;
}
.invoice_table table tr td:first-child {
  text-align: left;
}

.invoice_footer {
  display: block;
  text-align: center;
  padding-top: 50px;
}
.invoice_footer p {
  margin: 0;
  font-size: 14px;
  color: #0055a0;
  margin: 0;
}

/*# sourceMappingURL=style.css.map */
.skype-button {
  font-family: Segoe UI, Segoe UI Local, Segoe WP, Segoe UI Web,
    Segoe UI Arabic Web, Segoe UI Cyrillic Web, Segoe UI Greek Web,
    Segoe UI Hebrew Web, Tahoma, Helvetica Neue, Helvetica, Meiryo UI, Meiryo,
    Arial Unicode MS, sans-serif;
  cursor: pointer;
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0;
}
#SkypeButton_Call_devtechnosys_1 img {
  margin: 0 !important;
  vertical-align: 0 !important;
  margin-top: 11px !important;
}
iframe {
  display: none;
}
#SkypeButton_Call_devtechnosys_1 {
  padding: 0;
  margin-right: 13px;
}
.overlay {
  display: none;
}
.custome-dropdown .dropdown-menu a.active {
  background: #f9bc01;
}
.form_fild {
  text-align: left;
}
.form_fild span,
.accept_box span {
  color: red;
}
.about_ger_img iframe,
.video-box iframe,
.form-group iframe {
  display: block;
}
.home-video-banner .video-box iframe {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  opacity: 0.4;
}
.errorMsq {
  color: red;
}
.epoxa-color-e {
  color: #fabb00 !important;
}
.epoxa-color-p {
  color: #0055a0 !important;
}
.epoxa-color-o {
  color: #db202b !important;
}
.epoxa-color-x {
  color: #51b594 !important;
}
.epoxa-color-a {
  color: #8685bb !important;
}

.get_your_box .paypal_buttons {
  text-align: -webkit-center;
}

#paypal-button-container {
  max-width: 250px;
}
.bank_flex {
  display: flex;
}

.user-detail-new.product-detail.col-md-6 {
  display: block;
}

.user-detail-new.product-detail.col-md-6 p {
  padding: 5px 10px;
}
/*aboutus*/
.ab-banner {
  background: url(../img/about-new-banner.png) no-repeat;
  background-size: 100%;
  min-height: 815px;
  object-fit: cover;
  background-position: top;
  background-color: #F7F6FF;
}
.aboutus-content{
  background-color: #F7F6FF;
}
.aboutus-content-detail{
  padding-left: 50px;
}
.video-section{
  background: #f8f8f8;
  padding: 0px 120px;
}
.about-heading {
  font-weight: 400;
  font-size: 55px;
  line-height: 100%;
  text-transform: uppercase;
  color: #0055a0;
  text-align: center;
  margin-bottom: 50px;
}
.pera-ab {
  font-size: 16px;
  color: #565656;
  line-height: 26px;
}
section.about_section_new {
  padding-top: 100px;
  padding-bottom: 100px;
}
.full-tag {
  background: #f4f9ff;
}
li.prefix-li {
  display: flex;
  padding-bottom: 30px;
  align-items: center;
}
li.prefix-li span {
  width: 30px;
  margin-right: 25px;
  line-height: 0;
}
li.prefix-li p {
  font-size: 16px;
  line-height: 26px;
  margin: 0;
  color: #565656;
}
h3.about-heading.trat {
  margin-bottom: 30px;
}
.center-pre {
  padding: 70px 50px;
}
iframe {
  display: block;
  width: 100%;
}
h3.video-heading {
  text-align: center;
  margin: 30px 0px;
  text-transform: capitalize;
  color: #0055a0;
  font-weight: 400;
  font-size: 30px;
  line-height: 100%;
  padding: 0px 0px;
}
h4.instaup {
  font-weight: 700;
  font-size: 22px;
  line-height: 27px;
  color: #000000;
  text-align: center;
  margin-bottom: 30px;
}
img.about-left-section {
  width: 100%;
  height: 100%;
}
.row.full-tag .col-5 {
  padding: 0;
}
.insta-img {
  display: flex;
  padding: 0;
  width: 100%;
  margin: 0;
}
body {
  overflow-x: hidden;
}
p.pera-ab span:nth-child(1) {
  color: #fabc04;
}
p.pera-ab span:nth-child(2) {
  color: #0055a0;
}
p.pera-ab span:nth-child(3) {
  color: #db212c;
}
p.pera-ab span:nth-child(4) {
  color: #51b594;
}
p.pera-ab span:nth-child(5) {
  color: #8685bc;
}

@media screen and (min-width: 320px) and (max-width: 991px) {
  .insta-img {
    display: block;
    text-align: center;
  }
  h3.video-heading {
    padding: 0px 0px;
  }
  li.prefix-li span {
    width: 66px;
    margin-right: 20px;
  }
}

h3.home-new-heading {
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  text-align: center;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: 30px;
}
.home-new-heading:after {
  content: "";
  height: 3px;
  width: 40px;
  background: #0055a0 !important;
  position: absolute;
  bottom: inherit;
  left: 49%;
  /* right: 50%; */
  margin-top: 39px;
}
.color_blue {
  color: #0055a0 !important;
}

/* contactus-new-page 3june2023*/
.contact-banner{
  background: url(../img/contactus-new-banner.png) no-repeat;
  background-size: cover;
  min-height: 400px;
  height: 100%;
}
.contact-wrapper-box{
  background: #fff;
  padding: 40px 35px;
  max-width: 1140px;
  width: 100%;
  height: 100%;
  margin:  -50px auto 0px;
}
.contact-wrapper{
  position: relative;
  background: #FCFCFC;
}
.contactus-content{
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.contactus-content .title{
  color: #0055A0;
  font-size: 50px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.contactus-content .description{
  color: #111;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
}
.contactus-content-detail{
  gap: 15px;
}
.contactus-content-detail img{
  border-radius: 60px;
  background: rgba(88, 144, 191, 0.00);
  width: 60px;
  height: 60px;
  padding: 14.5px 15px 15.5px 15px;
}
.contactus-content-detail h6{
  color: #8685BC;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 10px;
  line-height: normal;
}
.contactus-content-detail h6.email{
  color: #DC232F;
}
.contactus-content-detail h6.website{
  color: #51B594;
}
.contactus-content-detail p{
  color: #565656;
  font-size: 18px;
  font-weight: 500;
}
.contact-heading{
  color: #0055A0;
  font-size: 55px;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  text-align: center;
  padding: 100px 0px;
}
.rightside-content{
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 50px;
}
.general-section .rightside-content{
  background: rgba(251, 188, 4, 0.05);
  
}
.auction-section .rightside-content{
  background: rgba(81, 181, 148, 0.05);
}
.technical-section .rightside-content{
  background: rgba(219, 33, 44, 0.05);
}
.rightside-content-arrow{
  gap: 25px;
}
.rightside-content-arrow img{
  width: 20px;
  height: 20px;
}
.rightside-content-arrow p{
  color: #565656;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.18px;
}
.contact-subheading{
  color: #000;
  font-size: 30px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.contact-list-style{
list-style: disc;
padding-left: 20px;
}
.contact-list-style li{
  color: #565656;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.18px;
  padding-bottom: 20px;
}
.contact-list-style li:last-child{
  padding-bottom: 0px;
}
.faq-box{
  background: rgba(138, 136, 255, 0.10);
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 70px;
}
.faq-accordion .card-box{
    background: #fff;
    margin-bottom: 25px;
    padding: 25px;
}
.faq-accordion .card-box:last-child{
  margin-bottom: 0px;
}
.faq-accordion .card-header{
  background: transparent;
  border-bottom: none;
  padding: 0px;
}
.faq-accordion .card-body{
  padding: 0px;
  color: #565656;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px; 
  padding-top: 20px;
}
.faq-accordion .card-header .faq-btn{
  color: #111;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-transform: uppercase;
  background: transparent;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  width: 100%;
  text-align: left;
  position: relative;
  padding: 0px;
  cursor: pointer;
  padding-right: 35px;
  
}
.faq-accordion .card-header .faq-btn:after{
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url(../img/arrow-down.svg);
  background-color: #8685BC;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  border-radius: 50%;
  background-size: cover;
  transform: rotate(180deg);
}
.faq-accordion .card-header .faq-btn.collapsed:after{
  transform: rotate(0deg);
}
.Aktuell-section img{
  border-radius: 20px;
  margin-bottom: 10px;
}
.Aktuell-section-bottomspace{
  padding-bottom: 100px;
}

.about-video-slider.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.about-video-slider.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 7px;
  background: #ffffff;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.about-video-slider.owl-theme .owl-dots .owl-dot.active span, .about-video-slider.owl-theme .owl-dots .owl-dot:hover span {
  background: #0055A0;
}
.mission-box{
  border: 1px solid #E7E7E7 ;
  background:  #FFF;
  height: 100%;
  position: relative;
}
.mission-box img{
  width: 100%;
  height: 210px;
  object-fit: cover;
  position: relative;
  z-index: 2;
  
}
.mission-box:after{
  content: "";
  background-image: url(../img/_Path_.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  display: block;
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 200px;
}
.mission-box-content{
  padding: 20px 20px 30px;
}
.mission-box-content p{
  color: #565656;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 0px;
  position: relative;
  z-index: 2;
}
@media(max-width:991px){
  .contact-wrapper-box{
    padding: 16px;
    max-width: 100%;
    margin: 0px auto 0px;
  }
  .contactus-content{
    padding: 16px;
    gap: 20px;
  }
  .contactus-content .title{
    font-size: 36px;
  }
  .contact-heading{
    font-size: 36px;
    padding: 40px 0px;
  }
  .rightside-content{
    gap: 20px;
    padding: 16px;
  }
  .faq-box{
    max-width: 100%;
    margin: 0 auto;
    padding: 16px;
  }
  .faq-accordion .card-box{
    padding: 15px;
  }
  .Aktuell-section-bottomspace{
    padding-bottom: 40px;
  }
  .ab-banner{
    min-height: 200px;
    background-size: cover;
    background-position: right;
  }
  section.about_section_new{
   padding: 40px 0px;
  }
  .about-heading{
    font-size: 36px;
    margin-bottom: 30px;
  }
  .aboutus-content-detail{
    padding-left: 16px;
  }
  .contact-banner{
    min-height: 200px;
    background-position: right;
  }
}
@media (min-width:567px) and (max-width:991px){
  .ab-banner{
    min-height: 400px;
    background-size: cover;
    background-position: right;
  }
  .contact-banner{
    min-height: 300px;
    background-position: right;
  }
}

@media(min-width:992px) and (max-width:1199px){
  .ab-banner{
    min-height: 500px;
  }
}
@media(min-width:1200px) and (max-width:1399px){
  .ab-banner{
    min-height: 600px;
  }
}
@media(min-width:1400px) and (max-width:1599px){
  .ab-banner{
    min-height: 700px;
  }
}