/*-----------------------------------------------------------------------------------

    Template Name: Urdan - Minimal eCommerce HTML Template
    Version: 1.1

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    01. Template default CSS
    02. Header style
    03. Slider style
    04. Banner style
    05. Section title style
    06. Product style
    07. Service style
    08. Blog style
    09. Footer style
    10. Brand logo style
    11. Category style
    12. Subscribe style
    13. Testimonial style
    14. Product details style
    15. Breadcrumb style
    16. Sidebar style
    17. Shop style
    18. About us style
    19. Contact us style
    20. Cart style
    21. Wishlist style
    22. Login register style
    23. My account style
    24. Compare style
    25. Checkout style

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Template default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@font-face {
  font-family: 'URWAbbeyW01';
  src: url("../fonts/urwabbeyw01-bold/URWAbbeyW01-Bold.eot");
  src: url("../fonts/urwabbeyw01-bold/URWAbbeyW01-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/urwabbeyw01-bold/URWAbbeyW01-Bold.woff2") format("woff2"), url("../fonts/urwabbeyw01-bold/URWAbbeyW01-Bold.woff") format("woff"), url("../fonts/urwabbeyw01-bold/URWAbbeyW01-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.container {
  padding-left: 15px;
  padding-right: 15px;
}

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

.row.gx-0 {
  margin-right: 0px;
  margin-left: 0px;
}

.row>* {
  padding-right: 15px;
  padding-left: 15px;
}

.row.gx-0>* {
  padding-right: 0px;
  padding-left: 0px;
}

:root {
  scroll-behavior: unset;
}

/*-- Common Style --*/
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  position: relative;
  visibility: visible;
  color: #000000;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  background-color: #ffffff;
}

body[dir="rtl"] {
  text-align: right;
}

p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #535353;
  margin-bottom: 15px;
  font-family: "Poppins", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
  font-weight: 400;
  margin-top: 0;
  font-family: "Montserrat", sans-serif;
}

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

a,
button {
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  color: #000000;
}

a,
button,
img,
input,
span {
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

*:focus {
  outline: none;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #188BC4;
}

button,
input[type="submit"] {
  cursor: pointer;
}

.btn {
  font-size: 14px;
  border-radius: 0;
  line-height: 1;
  padding: 18px 36px;
}

.btn.btn-border-radius {
  border-radius: 50px;
}

input {
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  width: 100%;
}

select {
  width: 100%;
  background: transparent;
  border: 0px solid #eceff8;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
}

option {
  background: #fff;
  border: 0px solid #626262;
  padding-left: 10px;
  font-size: 14px;
}

input:focus {
  background: transparent;
}

textarea {
  resize: vertical;
  padding: 10px;
  width: 100%;
  font-size: 14px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 767px) {
  .pb-65 {
    padding-bottom: 35px;
  }
}

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

@media only screen and (max-width: 767px) {
  .pb-70 {
    padding-bottom: 70px;
  }
}

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

@media only screen and (max-width: 767px) {
  .pb-75 {
    padding-bottom: 45px;
  }
}

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

@media only screen and (max-width: 767px) {
  .pb-85 {
    padding-bottom: 55px;
  }
}

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

@media only screen and (max-width: 767px) {
  .pb-95 {
    padding-bottom: 65px;
  }
}

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

@media only screen and (max-width: 767px) {
  .pb-90 {
    padding-bottom: 60px;
  }
}

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

@media only screen and (max-width: 767px) {
  .pb-100 {
    padding-bottom: 70px;
  }
}

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

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

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

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

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

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

@media only screen and (max-width: 767px) {
  .pt-90 {
    padding-top: 60px;
  }
}

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

@media only screen and (max-width: 767px) {
  .pt-95 {
    padding-top: 65px;
  }
}

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

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

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

@media only screen and (max-width: 767px) {
  .pt-100 {
    padding-top: 70px;
  }

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

.bg-img {
  background-position: center center;
  background-size: cover;
}

.transparent-bar {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}

.custom-d-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.custom-align-item-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.custom-align-item-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

#scrollUp {
  width: 50px;
  height: 50px;
  background-color: #262626;
  color: #fff;
  right: 30px;
  bottom: 53px;
  text-align: center;
  overflow: hidden;
  border-radius: 50px;
  z-index: 9811 !important;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (max-width: 767px) {
  #scrollUp {
    width: 35px;
    height: 35px;
    right: 20px;
  }
}

#scrollUp i {
  display: block;
  line-height: 50px;
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  #scrollUp i {
    line-height: 35px;
    font-size: 15px;
  }
}

#scrollUp:hover {
  background-color: #188BC4;
}

.btn-outline-primary:active:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-outline-primary:focus,
.btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.bg-gray {
  background-color: #f5f3f3;
}

.bg-gray-2 {
  background-color: #f4f4f4;
}

.bg-gray-3 {
  background-color: #f0f0f0;
}

.bg-gray-4 {
  background-color: #f2f2f2;
}

.bg-powder-blue {
  background-color: #e6f2f2;
}

.bg-light-yellow {
  background-color: #f9f1ea;
}

.bg-dark-yellow {
  background-color: #eee4da;
}

.header-border-top-1 {
  border-top: 1px solid #f5f3f3;
}

.border-bottom-1 {
  border-bottom: 2px solid #e5e5e5;
}

.btn-hover a,
.btn-hover button {
  position: relative;
  -webkit-transition: all .5s ease-in-out 0s;
  -o-transition: all .5s ease-in-out 0s;
  transition: all .5s ease-in-out 0s;
}

.btn-hover a:hover,
.btn-hover button:hover {
  color: #fff;
}

.btn-hover a::before,
.btn-hover a::after,
.btn-hover button::before,
.btn-hover button::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
}

.btn-hover a::after,
.btn-hover button::after {
  width: 0;
  left: auto;
  right: 0;
  background: #000000;
}

.btn-hover a.hover-border-radius::before,
.btn-hover a.hover-border-radius::after,
.btn-hover button.hover-border-radius::before,
.btn-hover button.hover-border-radius::after {
  border-radius: 50px;
}

.btn-hover a.theme-color::after,
.btn-hover button.theme-color::after {
  background: #188BC4;
}

.btn-hover a:hover::after,
.btn-hover button:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}

@-webkit-keyframes lastudioZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes lastudioZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.section-padding-1 .container-fluid {
  padding: 0 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-1 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-1 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-1 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-1 .container-fluid {
    padding: 0 15px;
  }
}

.section-padding-2 .container-fluid {
  padding: 0 120px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-2 .container-fluid {
    padding: 0 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-2 .container-fluid {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-2 .container-fluid {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-2 .container-fluid {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding-2 .container-fluid {
    padding: 0 15px;
  }
}

.padding-22-row-col .row {
  margin-right: -11px;
  margin-left: -11px;
}

@media only screen and (max-width: 767px) {
  .padding-22-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.padding-22-row-col .row div[class^="col-"] {
  padding-left: 11px;
  padding-right: 11px;
}

@media only screen and (max-width: 767px) {
  .padding-22-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.padding-20-row-col .row {
  margin-right: -11px;
  margin-left: -11px;
}

@media only screen and (max-width: 767px) {
  .padding-20-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.padding-20-row-col .row div[class^="col-"] {
  padding-left: 11px;
  padding-right: 11px;
}

@media only screen and (max-width: 767px) {
  .padding-20-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.padding-10-row-col .row {
  margin-right: -5px;
  margin-left: -5px;
}

@media only screen and (max-width: 767px) {
  .padding-10-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .padding-10-row-col .row {
    margin-right: -5px;
    margin-left: -5px;
  }
}

.padding-10-row-col .row div[class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

@media only screen and (max-width: 767px) {
  .padding-10-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .padding-10-row-col .row div[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.slider-bg-color-1 {
  background-color: #F2F2F2;
}

.slider-bg-color-2 {
  background-color: #E0DFDD;
}

.slider-bg-color-3 {
  background-color: #E6F2F2;
}

.slider-bg-color-4 {
  background-color: #474747;
}

/*-------- 02. Header style ---------*/
.logo a {
  display: inline-block;
}

.logo a img {
  max-width: 100%;
}

.welcome-text p {
  color: #383837;
  margin: 0;
  font-family: "Montserrat", sans-serif;
}


.main-menu>nav>ul>li {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 36px;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>nav>ul>li {
    margin-right: 16px;
  }
}

.main-menu>nav>ul>li:last-child {
  margin-right: 0;
}

.main-menu>nav>ul>li>ul {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  display: block;
  left: 0;
  padding: 28px 25px 28px;
  position: absolute;
  top: 100%;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  z-index: 99;
}

.main-menu>nav>ul>li>ul li {
  display: block;
  position: relative;
  line-height: 1;
  margin-bottom: 20px;
}

.main-menu>nav>ul>li>ul li:last-child {
  margin-bottom: 0px;
}

.main-menu>nav>ul>li>ul li a {
  display: block;
  color: #000000;
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
}

.main-menu>nav>ul>li>ul li:hover>a {
  color: #188BC4;
}

.main-menu>nav>ul>li>ul.sub-menu-style {
  width: 190px;
  text-align: left;
}

.main-menu>nav>ul>li>ul.mega-menu-style {
  width: 750px;
  padding: 28px 30px 0px;
  text-align: left;
}

.main-menu>nav>ul>li>ul.mega-menu-style.mega-menu-mrg-1 {
  left: -85px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>nav>ul>li>ul.mega-menu-style.mega-menu-mrg-1 {
    left: -164px;
  }
}

.main-menu>nav>ul>li>ul.mega-menu-style>li>ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.main-menu>nav>ul>li>ul.mega-menu-style>li>ul>li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333%;
  -ms-flex: 0 0 33.333%;
  flex: 0 0 33.333%;
  max-width: 33.333%;
}

.main-menu>nav>ul>li>ul.mega-menu-style>li>ul>li>a.dropdown-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}

.main-menu>nav>ul>li>ul.mega-menu-style>li>ul>li ul li {
  margin-bottom: 22px;
}

.main-menu>nav>ul>li>ul.mega-menu-style>li>ul>li ul li:last-child {
  margin-bottom: 0;
}

.main-menu>nav>ul>li>a {
  color: #383838;
  font-weight: 500;
  line-height: 120px;
  display: inline-block;
  position: relative;
}

.main-menu>nav>ul>li>a::after {
  content: "";
  height: 2px;
  right: 0px;
  bottom: 0px;
  left: auto;
  width: 0;
  position: absolute;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  background-color: #188BC4;
}

.main-menu>nav>ul>li:hover>a {
  color: #188BC4;
}

.main-menu>nav>ul>li:hover>a::after {
  left: 0px;
  right: auto;
  width: 100%;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.main-menu>nav>ul>li:hover>ul {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}

.header-action-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.header-action-wrap .header-action-style {
  margin-right: 17px;
}

@media only screen and (max-width: 767px) {
  .header-action-wrap .header-action-style {
    margin-right: 7px;
  }
}

.header-action-wrap .header-action-style:last-child {
  margin-right: 0px;
}

.header-action-wrap .header-action-style a {
  font-size: 23px;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.header-action-wrap .header-action-cart {
  margin-right: 10px !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-action-wrap .header-action-cart {
    margin-right: 17px !important;
  }
}

.header-action-wrap .header-action-cart a {
  position: relative;
}

.header-action-wrap .header-action-cart a span.product-count {
  position: absolute;
  top: -4px;
  right: -10px;
  width: 21px;
  height: 21px;
  line-height: 21px;
  border-radius: 100%;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-action-wrap .header-action-cart a span.product-count {
    top: -4px;
    right: -6px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
  }
}

@media only screen and (max-width: 767px) {
  .header-action-wrap .header-action-cart a span.product-count {
    top: -4px;
    right: -6px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
  }
}

.header-action-wrap .header-action-cart a span.product-count.bg-black {
  background-color: #000000;
}

.header-height-1 {
  min-height: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-height-1 {
    min-height: 83px;
  }
}

@media only screen and (max-width: 767px) {
  .header-height-1 {
    min-height: 73px;
  }
}

.header-height-2 {
  min-height: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-height-2 {
    min-height: 85px;
  }
}

@media only screen and (max-width: 767px) {
  .header-height-2 {
    min-height: 75px;
  }
}

.sticky-bar.stick {
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  left: 0;
  background-color: #ffffff;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sticky-bar.stick.header-bottom {
    padding: 25px 0;
  }
}

@media only screen and (max-width: 767px) {
  .sticky-bar.stick.header-bottom {
    padding: 20px 0;
  }
}

.stick .main-menu>nav>ul>li>a {
  line-height: 80px;
}

.main-wrapper .body-overlay {
  background-color: #232324;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.main-wrapper.overlay-active .body-overlay {
  opacity: .7;
  visibility: visible;
  z-index: 9999;
}

.header-margin {
  margin: 30px 30px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-margin {
    margin: 38px 38px 0;
  }
}

@media only screen and (max-width: 767px) {
  .header-margin {
    margin: 0px 0px 0;
  }
}

.main-wrapper-2 .body-overlay-2 {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.main-wrapper-2.overlay-active-2 .body-overlay-2 {
  opacity: 1;
  visibility: visible;
}

.off-canvas-active {
  position: fixed;
  top: 0;
  width: 370px;
  min-height: 100vh;
  bottom: 0;
  z-index: 111;
  right: 0;
  visibility: hidden;
  opacity: 1;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  -webkit-transform: translate(370px, 0);
  -ms-transform: translate(370px, 0);
  transform: translate(370px, 0);
  background-color: #fff;
  -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  z-index: 9999;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .off-canvas-active {
    width: 320px;
  }
}

@media only screen and (max-width: 767px) {
  .off-canvas-active {
    width: 280px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .off-canvas-active {
    width: 300px;
  }
}

.off-canvas-active.inside {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.off-canvas-active .off-canvas-close {
  position: absolute;
  left: -40px;
  top: 0px;
  z-index: 9;
  width: 40px;
  height: 40px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  background-color: #188BC4;
}

@media only screen and (max-width: 767px) {
  .off-canvas-active .off-canvas-close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    left: -30px;
  }
}

.off-canvas-active .off-canvas-close i {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  display: inline-block;
  color: #fff;
  line-height: 40px;
}

@media only screen and (max-width: 767px) {
  .off-canvas-active .off-canvas-close i {
    line-height: 30px;
  }
}

.off-canvas-active .off-canvas-close:hover i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.off-canvas-active .off-canvas-wrap {
  padding: 40px 30px 50px;
  overflow: auto;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .off-canvas-active .off-canvas-wrap {
    padding: 30px 20px 50px;
  }
}

.off-canvas-active .off-canvas-wrap .off-canvas-margin-padding {
  border-bottom: 1px solid #ddd;
  margin-bottom: 27px;
  padding-bottom: 33px;
}

.off-canvas-active .off-canvas-wrap .off-canvas-margin-padding-2 {
  border-bottom: 1px solid #ddd;
  margin-bottom: 22px;
  padding-bottom: 29px;
}

.slinky-mobile-menu {
  text-align: left;
}

.slinky-mobile-menu ul li a {
  color: #000000;
}

.slinky-mobile-menu ul li a span {
  color: #383838;
  font-size: 14px;
  font-weight: 500;
}

.slinky-mobile-menu ul li a:not(.back) {
  padding: 8px 0px;
}

.slinky-mobile-menu ul li a:hover span {
  color: #188BC4;
}

.slinky-mobile-menu.slinky-theme-default .next::after {
  font-size: 11px;
  color: #000000;
}

.slinky-mobile-menu.slinky-theme-default .next:hover::after {
  color: #188BC4;
}

.slinky-mobile-menu.slinky-theme-default .back::before {
  font-size: 11px;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.slinky-theme-default {
  background: transparent;
}

.slinky-theme-default ul li a {
  position: relative;
}

.slinky-theme-default ul li a:not(.back) {
  color: #fff;
}

.slinky-theme-default ul li a:not(.back):hover {
  color: #188BC4;
  background: transparent;
}

.slinky-theme-default .next::after {
  content: "\e649";
  font-family: themify;
  font-weight: 900;
  opacity: 1;
  -webkit-transition: all .3 ease 0s;
  -o-transition: all .3 ease 0s;
  transition: all .3 ease 0s;
  color: #ffffff;
  background: none;
}

.slinky-theme-default .next:hover::after {
  color: #188BC4;
}

.slinky-theme-default .back::before {
  content: "\e649";
  font-family: themify;
  font-weight: 900;
  opacity: 1;
  -webkit-transition: all .3 ease 0s;
  -o-transition: all .3 ease 0s;
  transition: all .3 ease 0s;
  color: #fff;
  background: none;
  padding: 0;
  background-color: #000000;
  text-align: center;
  margin: 0 0 13px 0px;
  border-radius: 3px;
}

.slinky-theme-default .back:hover::before {
  font-family: themify;
  background-color: #188BC4;
  opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-responsive-padding {
    padding: 25px 0;
  }
}

@media only screen and (max-width: 767px) {
  .header-responsive-padding {
    padding: 20px 0;
  }
}

/*-------- 03. Slider style ---------*/

/* @media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-1 {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-1 {
    height: auto;
    padding: 60px 0;
  }
} */

/* .slider-height-2 {
  height: 493px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-2 {
    height: 390px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-2 {
    height: 364px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-2 {
    height: 360px;
  }
}

.slider-height-3 {
  height: 700px;
} */

/* @media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-3 {
    height: 650px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-3 {
    height: 600px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-3 {
    height: 500px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-3 {
    height: 480px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-3 {
    height: auto;
    padding: 60px 0;
  }
} */

/* .slider-height-4 {
  height: 770px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-4 {
    height: 670px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-4 {
    height: 670px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-4 {
    height: 600px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-4 {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-4 {
    height: 470px;
  }
} */

/* .slider-height-5 {
  height: 647px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-5 {
    height: 513px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-5 {
    height: 379px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-5 {
    height: 350px;
  }
} */

.slider-content-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider-content-1 {
  position: relative;
  z-index: 2;
}

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

.slider-content-1 h3 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
  margin: 0;
  padding: 0 0 0 63px;
  display: inline-block;
}

.slider-content-1 h3:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50px;
  height: 3px;
  background-color: #188BC4;
}

.slider-content-1 h1 {
  font-size: 30px;
  line-height: 90px;
  font-family: "Poppins", sans-serif;
  margin: 19px 0 44px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-content-1 h1 {
    font-size: 30px;
    line-height: 70px;
    margin: 19px 0 35px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-1 h1 {
    font-size: 30px;
    line-height: 70px;
    margin: 19px 0 35px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-1 h1 {
    font-size: 30px;
    line-height: 60px;
    margin: 15px 0 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-1 h1 {
    font-size: 30px;
    line-height: 60px;
    margin: 15px 0 25px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-content-1 h1 {
    font-size: 35px;
    line-height: 40px;
    margin: 10px 0 20px;
  }
}

.slider-btn a {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .2px;
  background-color: #188BC4;
  -webkit-transition: all .3s ease ease 0s;
  -o-transition: all .3s ease ease 0s;
  transition: all .3s ease ease 0s;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-btn a {
    font-size: 15px;
  }

  .slider-btn a.btn {
    padding: 15px 28px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-btn a {
    font-size: 14px;
  }

  .slider-btn a.btn {
    padding: 12px 24px 13px;
  }
}

.slider-btn a i {
  margin-left: 5px;
  top: 2px;
  position: relative;
}

.slider-btn a.btn-border-radius {
  border-radius: 50px;
}

.slider-btn a.btn-bg-white {
  background-color: #ffffff;
}

.slider-btn a.btn-padding-inc {
  padding: 19px 40px;
}

@media only screen and (max-width: 767px) {
  .slider-btn a.btn-padding-inc {
    padding: 14px 25px;
  }
}

.slider-btn a.btn {
  color: #ffffff;
  border: none;
}

.slider-btn a.btn.btn-text-black {
  color: #000000;
}

.slider-btn a.btn.btn-text-black:hover {
  color: #ffffff;
}

.hero-slider-img-1 {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .hero-slider-img-1 {
    margin: 40px 0 0;
  }
}

.hero-slider-img-1 img {
  width: 100%;
}

.hero-slider-img-1 .product-offer {
  position: absolute;
  width: 86px;
  height: 86px;
  line-height: 86px;
  border-radius: 100%;
  border: 2px solid #ffffff;
  text-align: center;
  background-color: #e8e8e8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  top: -2px;
  right: -8px;
  z-index: 5;
}

.hero-slider-img-1 .product-offer h5 {
  font-size: 22px;
  font-weight: 600;
  color: #188BC4;
  text-transform: uppercase;
  margin: 0;
}

.hero-slider-img-1 .product-offer h5 span {
  display: block;
  font-size: 16px;
}

.swiper-slide{
  width: 100%;
  height: auto;
}
.swiper-slide .slider-height-1 img{
 width: 100%;
 height: auto;
}

.swiper-slide-active .single-animation-wrap .slider-animated-1 h3 {
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.swiper-slide-active .single-animation-wrap .slider-animated-1 h1 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.swiper-slide-active .single-animation-wrap .slider-animated-1 a {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.swiper-slide-active .single-animation-wrap .slider-animated-1 .animated-slider-img-1 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.swiper-slide-active .single-animation-wrap .slider-animated-1 .product-offer {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.swiper-slide-active .single-animation-wrap .slider-animated-2 {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.swiper-slide-active .single-animation-wrap .slider-animated-2 h3 {
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.swiper-slide-active .single-animation-wrap .slider-animated-2 h1 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.swiper-slide-active .single-animation-wrap .slider-animated-2 a {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.swiper-slide-active .single-animation-wrap .slider-animated-2 h2 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.swiper-slide-active .single-animation-wrap .slider-animated-2 img {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.swiper-slide-active .single-animation-wrap .slider-animated-3 h3 {
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.swiper-slide-active .single-animation-wrap .slider-animated-3 h1 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.swiper-slide-active .single-animation-wrap .slider-animated-3 a {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.swiper-slide-active .single-animation-wrap .hm2-slider-animation * {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.main-slider-nav {
  position: absolute;
  z-index: 9;
  left: 19.3%;
  bottom: 16%;
  font-size: 40px;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-slider-nav {
    left: 7.3%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-slider-nav {
    left: 1.3%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-slider-nav {
    left: 3.1%;
    bottom: 12%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-slider-nav {
    left: 5.1%;
    bottom: 10%;
  }
}

@media only screen and (max-width: 767px) {
  .main-slider-nav {
    left: 43%;
    bottom: 1%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .main-slider-nav {
    left: 46%;
    bottom: 1%;
  }
}

.main-slider-nav.home-slider-next {
  margin-left: 40px;
}

.main-slider-nav.home-slider-prev::before {
  position: absolute;
  content: "";
  right: -14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2px;
  height: 20px;
  background-color: #188BC4;
}

.main-slider-nav:hover {
  color: #188BC4;
}

/*-------- 04. Banner style test ---------*/
.banner-content-5 {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.banner-content-5.banner-content-5-static {
  position: static;
  -webkit-transform: inherit;
  -ms-transform: inherit;
  transform: inherit;
}

.banner-content-5.banner-content-5-static img {
  width: 70%;
  height: auto;
}

.banner-content-5-static.science {
  text-align: left;
  text-indent: 10px;
}

.banner-content-5-static.science img {
  width: auto;
  height: 40px;
}

.banner-content-5.position-modify {
  top: 12%;
  -webkit-transform: inherit;
  -ms-transform: inherit;
  transform: inherit;
}

.banner-content-5 span {
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ffffff;
  position: relative;
}

.banner-content-5 span.black {
  color: #000000;
}

.banner-content-5 span:before {
  position: absolute;
  content: "";
  left: -67px;
  width: 50px;
  height: 3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #188BC4;
}

.banner-content-5 span:after {
  position: absolute;
  content: "";
  right: -67px;
  width: 50px;
  height: 3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #188BC4;
}

.banner-content-5 h2 {
  font-size: 40px;
  font-weight: 600;
  margin: 17px 0 40px;
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-content-5 h2 {
    margin: 17px 0 25px;
    font-size: 27px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-content-5 h2 {
    margin: 10px 0 22px;
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-content-5 h2 {
    margin: 10px 0 22px;
    font-size: 28px;
  }
}

.banner-content-5 h1 {
  font-size: 72px;
  line-height: 67px;
  margin: 25px 0 40px;
  font-family: "URWAbbeyW01";
  color: #ffffff;
  -webkit-text-stroke: 4px #188BC4;
}

.banner-content-5 h1.font-montserrat {
  font-weight: bold;
  color: #000000;
  font-family: "Montserrat", sans-serif;
  -webkit-text-stroke: inherit;
  margin: 21px 0 15px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-content-5 h1.font-montserrat {
    font-size: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-content-5 h1.font-montserrat {
    font-size: 54px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-content-5 h1.font-montserrat {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-content-5 h1.font-montserrat {
    margin: 12px 0 8px;
    font-size: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-content-5 h1 {
    font-size: 60px;
    line-height: 58px;
    margin: 15px 0 25px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-content-5 h1 {
    font-size: 48px;
    line-height: 50px;
    margin: 15px 0 20px;
  }
}

.banner-content-5 p {
  font-size: 16px;
  margin: 0 0 40px;
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .banner-content-5 p {
    margin: 0 0 20px;
  }
}

/*-------- 05. Section title style ---------*/
.section-title-timer-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 2;
  position: relative;
  padding: 0 44px 0 0;
}

@media only screen and (max-width: 767px) {
  .section-title-timer-wrap {
    padding: 0 0px 0 0;
    display: block;
    text-align: center;
  }
}

.section-title-timer-wrap .section-title-1 h2 {
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: .3px;
  margin: 0;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

.section-border {
  position: relative;
}

.section-border::before {
  background-color: #e1e1e1;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 1;
}

.section-title-2 h2 {
  font-size: 36px;
  font-weight: 600;
  color: #2c2c2c;
  margin: 0;
  line-height: 1;
  display: inline-block;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-2 h2 {
    font-size: 34px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-2 h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-2 h2 {
    font-size: 24px;
  }
}

.section-title-2 h2::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -17px;
  width: 100px;
  height: 2px;
  background-color: #188BC4;
}

@media only screen and (max-width: 767px) {
  .section-title-2 h2::before {
    right: 0;
    margin: auto;
  }
}

.section-title-2.border-none h2::before {
  display: none;
}

.section-title-2.st-border-center h2::before {
  left: 0;
  right: 0;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .section-title-2.st-border-center h2::before {
    bottom: -10px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-2.mb-75 {
    margin-bottom: 35px;
  }
}

.section-title-4 h2 {
  font-size: 24px;
  font-weight: 600;
  color: #323232;
  margin: 0;
  line-height: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-4 h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-4 h2 {
    font-size: 24px;
    line-height: 1.2;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-4.mb-50 {
    margin-bottom: 25px;
  }

  .section-title-4.mb-55 {
    margin-bottom: 30px;
  }
}

/*-------- 06. Product style test ---------*/
.product-wrap {
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.product-wrap .product-img {
  overflow: hidden;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px 15px 0px 15px;
}

.product-wrap .product-img a {
  display: block;
}

.product-wrap .product-img a img {
  width: 100%;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.product-wrap .product-img .product-badge {
  color: #301514;
}

.product-wrap .protein-single-img .product-badge:hover {
  color: #188BC4;
}

.product-wrap .product-img .product-badge.badge-top {
  top: 20px;
}

.product-wrap .product-img .product-badge.badge-left {
  left: 20px;
}

.product-wrap .product-img .product-badge span {
  font-size: 16px;
  font-weight: 500;
}

.product-wrap .product-img .product-badge-2 {
  position: absolute;
  top: 25px;
  right: 30px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}

.product-wrap .product-img .product-badge-2 span {
  font-size: 16px;
  font-weight: 500;
  color: #fd1748;
}

.product-wrap .product-img .product-action-3-wrap {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.7);
  -ms-transform: translateY(-50%) scale(0.7);
  transform: translateY(-50%) scale(0.7);
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  opacity: 0;
  visibility: hidden;
}

.product-wrap .product-img .product-action-3-wrap a {
  display: inline-block;
  font-weight: 500;
  color: #202020;
  border-bottom: 1px solid #9d9998;
  text-transform: uppercase;
  line-height: 1;
}

.product-wrap .product-img .product-action-3-wrap a:hover {
  color: #188BC4;
  border-bottom: 1px solid #188BC4;
}

.product-wrap .product-img .product-action-wrap .product-action-btn-1 {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: inline-block;
  font-size: 23px;
  height: 45px;
  margin: 0 3px;
  text-align: center;
  width: 45px;
  border: none;
  border-radius: 6px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.product-wrap .product-img .product-action-wrap .product-action-btn-1 i {
  line-height: 45px;
}

.product-wrap .product-img .product-action-wrap .product-action-btn-1:first-child {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

.product-wrap .product-img .product-action-wrap .product-action-btn-1:last-child {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}

.product-wrap .product-img .product-action-wrap .product-action-btn-1:hover {
  color: #ffffff;
  background-color: #188BC4;
}

.product-action-2-wrap {
  position: absolute;
  bottom: 0;
}

.product-wrap .product-img .product-action-2-wrap .product-action-btn-2 {
  border: none;
  color: #188BC4;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 22px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  width: 100%;
  padding: 0 0 15px 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: center;
  justify-content: flex-start;
}


.product-wrap .product-img .product-action-2-wrap .fa-bordius-right {
  width: 14px;
  height: 14px;
  border: 1px solid #188BC4;
  margin-left: 4px;
  border-radius: 7px;
  position: relative;
}

.product-wrap .product-img .product-action-2-wrap .product-action-btn-2 i {
  font-size: 16px;
  position: absolute;
  left: 4px;
  bottom: -2px;
}

.product-wrap .product-content h3 a:hover {
  color: #188BC4;
}

.product-wrap .product-content h3 {
  font-weight: 500;
  margin: 0 0 10px;
  font-size: 16px;
}

.product-wrap .product-content h3 a {
  color: #000000;
}


.product-wrap .product-content.product-content-position {
  position: absolute;
  bottom: 40px;
  left: 40px;
  z-index: 2;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  opacity: 0;
  visibility: hidden;
}

.product-wrap.product-overly:before {
  position: absolute;
  content: "";
  left: 40px;
  right: 40px;
  top: 40px;
  bottom: 40px;
  background-color: rgba(245, 245, 245, 0.88);
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}

.product-wrap:hover .product-img .product-action-3-wrap {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
}

.product-wrap:hover .product-action-wrap {
  opacity: 1;
  visibility: visible;
}

.product-wrap:hover .product-action-wrap .product-action-btn-1:first-child {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.product-wrap:hover .product-action-wrap .product-action-btn-1:last-child {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.product-wrap:hover .product-action-2-wrap {
  bottom: 0px;
  opacity: 1;
  visibility: visible;
}

.product-wrap:hover.product-overly:before {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 1;
  visibility: visible;
}

.product-wrap:hover .product-content.product-content-position {
  bottom: 20px;
  left: 25px;
  opacity: 1;
  visibility: visible;
}

.protein-col-left {
  padding-left: 0;
}

.protein-col-right {
  padding-left: 0;
}

.protein-single-img {
  height: 220px;
}

.protein-col-padding .row>div:nth-child(odd) {
  padding: 0;
}

.protein-col-padding .row>div:nth-child(even) {
  padding-right: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .protein-single-img {
    height: 180px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .protein-single-img {
    height: 160px;
  }
}

@media only screen and (max-width: 767px) {
  .protein-single-img {
    height: 160px;
  }

  .protein-col-padding .row>div {
    padding: 0;
  }
}

.tab-content.jump .tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.tab-content.jump .tab-pane.active {
  display: block;
  height: auto;
  opacity: 1;
  overflow: visible;
  -webkit-animation-name: lastudioZoomIn;
  animation-name: lastudioZoomIn;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);
  animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

/*-------- 07. Service style ---------*/
.service-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.service-wrap .service-img {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background-color: #f2f2f2;
  border-radius: 100%;
  margin-right: 4px;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-wrap .service-img {
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
}

.service-wrap .service-img img {
  max-width: 100%;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  position: relative;
  top: -2px;
}

.service-wrap .service-img-3 {
  margin-right: 20px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-wrap .service-img-3 {
    margin-right: 10px;
  }
}

.service-wrap .service-img-3 img {
  max-width: 100%;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.service-wrap .service-content {
  height: 30px;
  line-height: 30px;
  color: #6c757d;
  font-size: 16px;
}

.service-wrap .service-content p {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-wrap .service-content h3 {
    font-size: 16px;
  }
}

.service-wrap .service-content p {
  color: #6a6a6a;
  margin: 0;
}

.service-wrap.service-padding {
  padding: 25px 10px 25px 20px;
}

.service-wrap:hover .service-img {
  background-color: #188BC4;
  cursor: pointer;
}

.service-wrap:hover .service-content {
  color: #188BC4;
  cursor: pointer;
}

.service-wrap:hover .service-img img {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.service-wrap:hover .service-img-3 img {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
  animation: 500ms ease-in-out 0s normal none 1 running tada;
}

/*-------- 09. Footer style ---------*/
.copyright {
  padding: 14px 0 12px;
}

.copyright p {
  margin: 0;
  color: #333;
  font-weight: 300;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.copyright p i {
  color: #fa0909;
  margin: 0 5px;
}

.copyright p a {
  color: #188BC4;
  font-weight: 500;
  margin-left: 5px;
}

.copyright p a:hover {
  color: #000000;
}

.footer-area {
  width: 100%;
  position: fixed;
  bottom: 0;
}
/*-------- 15. Breadcrumb style ---------*/
.breadcrumb-image {
  width: 100%;
  height: 264px;
  padding: 0 !important;
}

.breadcrumb-image .container {
  width: 100% !important;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #D2D2D2;
  padding: 0 !important;
  max-width: none;
}

.breadcrumb-image.instrument-image .container{
  background-color: #71B7DE;
}

.breadcrumb-image .container img {
  width: 396px;
  height: 196px;
  padding: 0 !important;
}

.breadcrumb-image .proimg img {
  width: 100%;
  height: 100%;
  padding: 0 !important;
}

.breadcrumb-image.instrument-image .container img {
  width: auto;
  height: 100%;
  padding: 0 !important;
}
.copy-share{
  border-bottom: 1px solid #59B8E6;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-image {
    width: 100%;
    height: 264px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-image {
    width: 100%;
    height: 220px;
  }

  .breadcrumb-image .container img {
    width: 330px;
    height: 166px;
    padding: 0 !important;
  }
  .breadcrumb-image.instrument-image .container img {
    width: auto;
    height: 100%;
    padding: 0 !important;
  }

  .breadcrumb-image .proimg img {
    width: 100%;
    height: 100%;
    padding: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-image {
    width: 100%;
    height: 180px;
  }

  .breadcrumb-image .container img {
    width: 300px;
    height: 136px;
    padding: 0 !important;
  }
  .breadcrumb-image.instrument-image .container img {
    width: auto;
    height: 100%;
    padding: 0 !important;
  }


  .breadcrumb-image .proimg img {
    width: 100%;
    height: 100%;
    padding: 0 !important;
  }
}
.breadcrumb-auto{
  width: 100%;
  height: auto;
}


.technical-banner {
  width: 100%;
  height: 160px;
  background-color: #59B8E6;
}

.technical-content>.container {
  height: auto;
  width: 80%;
  margin: 0 auto 100px;
  overflow: hidden;
  position: relative;
  margin-top: -100px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6);
  text-align: left;
}

.technical-content>.container img {
  width: 100%;
  height: auto;
}

.technical-content .container p {
  text-align: left;
  color: #746e6e;
  font-size: 14px;
}

.technical-content .container b {
  color: #333333;
  font-size: 18px;
}


.copy-share>.container{
  width: 90%;
  padding: 0;
  padding-top: 25px;
}
.copy-share>.container h2{
  line-height: 30px;
}

@media only screen and (max-width: 767px) {
  .technical-banner {
    width: 100%;
    height: 140px;
    background-color: #59B8E6;
  }
}

.breadcrumb-padding-1 {
  padding: 151px 0 152px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-padding-1 {
    padding: 101px 0 102px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-padding-1 {
    padding: 81px 0 82px;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-padding-1 {
    padding: 61px 0 62px;
  }
}
/*-------- 17. Shop style ---------*/
.single-store h3 {
  font-size: 22px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 28px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .single-store h3 {
    font-size: 20px;
    margin-bottom: 8px;
  }
}

.single-store ul li {
  margin-bottom: 7px;
  color: #000000;
}

.single-store ul li:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .single-store.mb-50 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-location.pb-45 {
    padding-bottom: 35px;
  }
}

/*-------- 18. About us style ---------*/
.about-content h2 {
  font-size: 30px;
  color: #188BC4;
  font-family: "Great Vibes", cursive;
  margin: 0;
}

.about-content h1 {
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
  margin: 12px 0 28px;
}

@media only screen and (max-width: 767px) {
  .about-content h1 {
    font-size: 32px;
    margin: 10px 0 18px;
  }
}

.about-content p {
  color: #5e5e5e;
  font-size: 15px;
  font-weight: 300;
  margin: 0 0 26px;
  line-height: 26px;
}

@media only screen and (max-width: 767px) {
  .about-content p {
    font-size: 14px;
    margin: 0 0 16px;
  }
}

.about-content p.mrg-inc {
  margin: 0 0 52px;
}

@media only screen and (max-width: 767px) {
  .about-content p.mrg-inc {
    margin: 0 0 23px;
  }
}
.contact-us-info-wrap .contact-us-info-title h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  position: relative;
  display: inline-block;
  padding-left: 24px;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .contact-us-info-wrap .contact-us-info-title h3 {
    font-size: 20px;
  }
}

.contact-us-info-wrap .contact-us-info-title h3:before {
  position: absolute;
  content: "";
  left: 0;
  top: -1px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-image: url("../images/technology-protein/fly.svg");
  background-position: center center;
  background-size: 100% auto;
}

.contact-us-info-wrap .contact-us-info.apli {
  margin: 0;
}

.contact-us-info-wrap .contact-us-info p {
  text-indent: 24px;
}

@media only screen and (max-width: 767px) {}

.contact-us-info-wrap .contact-us-info p {
  font-size: 14px;
  color: #323232;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .contact-us-info-wrap .contact-us-info p {
    font-size: 14px;
    margin: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-us-info-wrap .contact-us-info p {
    font-size: 14px;
    margin: 0;
  }
}

.contact-us-info-wrap .contact-us-info span {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}

@media only screen and (max-width: 767px) {
  .contact-us-info-wrap .contact-us-info span {
    font-size: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-us-info-wrap .contact-us-info span {
    font-size: 14px;
  }
}

/*-------- 21. Wishlist style ---------*/
.wishlist-table-content .table-content table {
  width: 100%;
}

.wishlist-table-content .table-content table thead {
  background-color: #f3f3f3;
}

.wishlist-table-content .table-content table thead>tr th {
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
  padding: 16px 12px 14px;
  font-weight: 600;
}

.wishlist-table-content .table-content table thead>tr th.width-thumbnail {
  min-width: 130px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-table-content .table-content table thead>tr th.width-thumbnail {
    min-width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content .table-content table thead>tr th.width-thumbnail {
    min-width: 80px;
  }
}

.wishlist-table-content .table-content table thead>tr th.width-name {
  min-width: 300px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wishlist-table-content .table-content table thead>tr th.width-name {
    min-width: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-table-content .table-content table thead>tr th.width-name {
    min-width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content .table-content table thead>tr th.width-name {
    min-width: 150px;
  }
}

.wishlist-table-content .table-content table thead>tr th.width-price {
  min-width: 162px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-table-content .table-content table thead>tr th.width-price {
    min-width: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content .table-content table thead>tr th.width-price {
    min-width: 120px;
  }
}

.wishlist-table-content .table-content table thead>tr th.width-stock-status {
  min-width: 170px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-table-content .table-content table thead>tr th.width-stock-status {
    min-width: 140px;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content .table-content table thead>tr th.width-stock-status {
    min-width: 140px;
  }
}

.wishlist-table-content .table-content table thead>tr th.width-subtotal {
  min-width: 145px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-table-content .table-content table thead>tr th.width-subtotal {
    min-width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content .table-content table thead>tr th.width-subtotal {
    min-width: 100px;
  }
}

.wishlist-table-content .table-content table thead>tr th.width-remove {
  min-width: 50px;
}

.wishlist-table-content .table-content table tbody>tr {
  border-bottom: 1px solid #e5e5e5;
}

.wishlist-table-content .table-content table tbody>tr td {
  padding: 23px 12px;
  vertical-align: middle;
  text-align: left;
}

.wishlist-table-content .table-content table tbody>tr td.product-thumbnail a {
  display: block;
}

.wishlist-table-content .table-content table tbody>tr td.product-thumbnail a img {
  width: 80px;
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content .table-content table tbody>tr td.product-thumbnail a img {
    width: 60px;
  }
}

.wishlist-table-content .table-content table tbody>tr td.product-name h5 {
  display: block;
  font-size: 15px;
  color: #000000;
}

.wishlist-table-content .table-content table tbody>tr td.product-name h5 a {
  color: #000000;
}

.wishlist-table-content .table-content table tbody>tr td.product-name h5 a:hover {
  color: #188BC4;
}

.wishlist-table-content .table-content table tbody>tr td.product-wishlist-price span {
  font-size: 15px;
}

.wishlist-table-content .table-content table tbody>tr td.stock-status span {
  font-size: 15px;
}

.wishlist-table-content .table-content table tbody>tr td.product-remove a {
  font-size: 28px;
  color: #c3c3c3;
  display: inline-block;
}

.wishlist-table-content .table-content table tbody>tr td.product-remove a:hover {
  color: #188BC4;
}

.instrument {
  border: 1px solid #eeeeee;
  padding: 30px;
}

.instrument .bg-img img {
  width: 100%;
  height: auto;
}

.instrument h3 {
  text-align: center;
}

.instrument-indent {
  text-indent: 24px;
}

.instrument-service {
  color: #1f2226;
  font-weight: 700;
  margin-bottom: 5px
}

.instrument-indent span {
  display: block;
  line-height: 24px;
  color: #535353;
}

.wishlist-table-content .table-content table tbody>tr td.wishlist-cart a {
  display: inline-block;
  font-size: 15px;
  color: #ffffff;
  padding: 10px 15px 10px;
  line-height: 1;
  white-space: pre;
  background-color: #188BC4;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wishlist-table-content .table-content table tbody>tr td.wishlist-cart a {
    font-size: 14px;
    padding: 10px 12px 9px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-table-content .table-content table tbody>tr td.wishlist-cart a {
    font-size: 14px;
    padding: 10px 12px 9px;
  }
}

@media only screen and (max-width: 767px) {
  .wishlist-table-content .table-content table tbody>tr td.wishlist-cart a {
    font-size: 14px;
    padding: 10px 12px 9px;
  }
}

/*-------- 23. My account style ---------*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.myaccount-tab-menu a {
  border: 1px solid #ccc;
  border-bottom: none;
  display: block;
  padding: 10px 15px;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
}

.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #ccc;
}

.myaccount-tab-menu a:hover,
.myaccount-tab-menu a.active {
  background-color: #188BC4;
  border-color: #188BC4;
  color: #ffffff;
}

.myaccount-tab-menu a i.fa {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

@media only screen and (max-width: 767px) {
  #myaccountContent {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}

.myaccount-content form {
  margin-top: -20px;
}

.myaccount-content h3 {
  font-size: 20px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
  margin-bottom: 25px;
}

.myaccount-content .welcome a:hover {
  color: #188BC4;
}

.myaccount-content .welcome strong {
  font-weight: 600;
  color: #188BC4;
}

.myaccount-content fieldset {
  margin-top: 20px;
}

.myaccount-content fieldset legend {
  font-size: 16px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.myaccount-content .account-details-form {
  margin-top: 50px;
}

.myaccount-content .account-details-form .single-input-item {
  margin-bottom: 20px;
}

.myaccount-content .account-details-form .single-input-item label {
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  margin: 0 0 5px;
}

.myaccount-content .account-details-form .single-input-item input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  padding: 2px 20px;
  color: #1f2226;
  font-size: 13px;
  width: 100%;
}

.myaccount-content .account-details-form .single-input-item input:focus {
  border: 1px solid #343538;
}

.myaccount-content .account-details-form .single-input-item button {
  border: none;
  background-color: #188BC4;
  text-transform: capitalize;
  padding: 9px 25px 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  z-index: 1;
}

.myaccount-table {
  white-space: nowrap;
  font-size: 14px;
}

.myaccount-table table th,
.myaccount-table .table th {
  padding: 10px;
  font-weight: 600;
  background-color: #f8f8f8;
  border-color: #ccc;
  border-bottom: 0;
  color: #1f2226;
}

.myaccount-table table td,
.myaccount-table .table td {
  padding: 10px;
  vertical-align: middle;
  border-color: #ccc;
}
.myaccount-table .thead-reagent{
  color: #188BC4;
  cursor: pointer;
}
.saved-message {
  background-color: #fff;
  border-top: 3px solid #188BC4;
  font-size: 14px;
  padding: 20px 0;
  color: #333;
}
/*--------科技服务---------*/
.sidebar-single-widget {
  margin-top: 20px;
  margin-bottom: 40px
}

.sidebar-single-widget:first-child {
  margin-top: 0
}

.sidebar-single-widget:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0
}

.sidebar-title {
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: 700;
  padding-bottom: 15px;
  position: relative;
  color: #301514
}

.sidebar-title::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 3px;
  left: 0;
  bottom: -1.5px;
  background:#188BC4
}

.sidebar-menu li {
  margin-bottom: 14px
}

.sidebar-menu li:last-child {
  margin-bottom: 0
}

.sidebar-menu li a {
  font-weight: 700;
  color: #301514
}

.sidebar-menu li a:hover {
  color: #188BC4
}

.accordion-title {
  color: #301514;
  font-weight: 700;
  position: relative;
  display: flex;
  justify-content: space-between;
  cursor: pointer
}

.accordion-title {
  position: relative
}

.collapsed.accordion-title i {
  transform: rotate(0);
  transform-origin: center
}

.accordion-title i {
  transform: rotate(90deg);
  transition: all .5s ease;
  line-height: 21px;
}

.proteomics>a.active {
  color: #188BC4;
}

.accordion-category-list {
  padding-top: 5px;
}

.accordion-category-list li {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 10px
}

.accordion-category-list li a {
  color: #757575
}

.accordion-category-list li .nav-link.active {
  color: #188BC4;
}

.icofont-simple-right {
  transform: rotate(0);
  transform-origin: center;
  font-family: IcoFont !important;
}

.icofont-simple-right:before {
  content: "\eab8"
}
.share-info .share-info-title p{
  position: relative;
  font-size: 15px;
  margin: 0;
  color: #343434;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
}
.share-info .share-info-title.info-indent{
  text-indent: 24px;
}
.share-info .bg-img .container{
  padding: 0;
}
.share-info .banner-content-5-static img{
  width: 100%;
}
.reagent-products{
  line-height: 30px;
}
.reagent-products .container .row{
  display: flex;
  justify-content: center;
  align-items:center;
}
.reagent-products-title{
  text-align: center;
}
.reagent-products-twoTitle{
  font-weight: 700;
}
.textIndent{
  text-indent: 25px;
}
.textStrong{
  font-weight: 700;
}