@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap");

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust    : 100%;
  font-family             : var(--ltn__body-font);
}

* {
  -webkit-box-sizing     : border-box;
  box-sizing             : border-box;
  outline                : none;
  -moz-osx-font-smoothing: grayscale;
  /* Firefox */
  -webkit-font-smoothing : antialiased;
  /* WebKit  */
}

body {
  color      : var(--ltn__body-color);
  font-weight: 400;
  font-style : normal;
  font-size  : 16px;
  font-family: 'Nunito Sans', sans-serif !important;
  line-height: 1.8;
  margin     : 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color        : var(--ltn__heading-color);
  clear        : both;
  font-family  : var(--ltn__heading-font);
  font-weight  : 600;
  line-height  : 1.3;
  margin-bottom: 15px;
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
  font-weight: 500;
}

h1,
.h1 {
  font-size  : 36px;
  line-height: 1.2;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 20px;
}

h5,
.h5 {
  font-size: 18px;
}

h6,
.h6 {
  font-size: 16px;
}

p {
  color          : var(--ltn__paragraph-color);
  font-family    : var(--ltn__paragraph-font);
  font-weight    : 300;
  margin-bottom  : 1.5em;
  -webkit-hyphens: auto;
  -moz-hyphens   : auto;
  -ms-hyphens    : auto;
  hyphens        : auto;
}

a {
  color             : inherit;
  text-decoration   : none;
  color             : var(--ltn__paragraph-color);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition     : all 0.3s ease 0s;
  transition        : all 0.3s ease 0s;
}

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

a:hover {
  color: #465C66;
}

button,
input,
optgroup,
select,
textarea {
  font-family: var(--ltn__body-font);
}

pre,
code,
kbd,
tt,
var,
samp {
  font-family: var(--ltn__body-font);
}

pre {
  word-break: break-word;
}

a i {
  padding: 0 2px;
}

img {
  max-width: 100%;
}

ul li,
ol li {
  margin-top: 1rem;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus {
  outline           : none;
  -webkit-box-shadow: none;
  box-shadow        : none;
  border            : 1px solid #ddd;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"],
textarea {
  background-color  : var(--white-7);
  border            : none;
  border-color      : var(--border-color-9);
  height            : 50px;
  -webkit-box-shadow: none;
  box-shadow        : none;
  padding-left      : 20px;
  font-size         : 16px;
  color             : var(--ltn__paragraph-color);
  width             : 100%;
  margin-bottom     : 30px;
  border-radius     : 0;
  padding-right     : 40px;
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="submit"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color    : var(--ltn__paragraph-color);
  font-size: 14px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
  border-color: #465C66;
}

input[type="password"] {
  letter-spacing: 3px;
  font-size     : 16px;
}

textarea {
  resize    : vertical;
  padding   : 15px 20px;
  min-height: 150px;
}

button {
  outline: none;
  border : none;
  cursor : pointer;
}

button:focus {
  outline: none;
}

.form-input-box {
  position: relative;
}

.form-input-box input[type="text"] {
  width        : 100%;
  height       : 50px;
  padding      : 0 70px 0 15px;
  border-radius: 0 15px 0px 0px;
  border       : 1px solid var(--ltn__primary-color);
  margin-bottom: 0;
}

.form-input-box button[type="submit"] {
  background-color  : var(--ltn__primary-color);
  color             : var(--white);
  padding           : 0 18px;
  height            : 100%;
  border            : 1px solid var(--ltn__primary-color);
  position          : absolute;
  right             : 0;
  top               : 0;
  cursor            : pointer;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition     : all 0.3s ease 0s;
  transition        : all 0.3s ease 0s;
}

.form-input-box button[type="submit"]:hover {
  background-color: #56b4c1;
  border-color    : #56b4c1;
  color           : var(--white);
}

.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}


#scrollUp {
  background-color  : #fff;
  color             : #56b4c1;
  border            : 2px solid #56b4c1;
  bottom            : 100px;
  font-size         : 20px;
  font-weight       : bold;
  height            : 40px;
  width             : 40px;
  right             : 2%;
  text-align        : center;
  -webkit-transform : rotate(45deg);
  -ms-transform     : rotate(45deg);
  transform         : rotate(45deg);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition     : all 0.3s ease 0s;
  transition        : all 0.3s ease 0s;
}

#scrollUp i {
  line-height      : 34px;
  -webkit-transform: rotate(-45deg);
  -ms-transform    : rotate(-45deg);
  transform        : rotate(-45deg);
}

#scrollUp:hover {
  background-color: #56b4c1;
  color           : var(--white);
}


/* ----------------------------------------------
  Scrollbar
---------------------------------------------- */

.ltn__scrollbar {
  overflow-y: auto;
}

.ltn__scrollbar::-webkit-scrollbar {
  width           : 2px;
  background-color: #f5f5f5;
  border-radius   : 30px;
}

.ltn__scrollbar::-webkit-scrollbar-thumb {
  background-color: #ddd;
}

.mean-nav {
  overflow-y: auto;
}

.mean-nav::-webkit-scrollbar {
  width           : 3px;
  background-color: var(--ltn__primary-color);
  border-radius   : 30px;
}

.mean-nav::-webkit-scrollbar-thumb {
  background-color: #56b4c1;
}



.ltn__header-area {
  z-index : 999;
  position: relative;
}




.ltn__header-middle-area {
  z-index: 999;
}

.ltn__header-middle-area>.container-fluid>.row,
.ltn__header-middle-area>.container>.row {
  -webkit-box-pack : justify;
  -ms-flex-pack    : justify;
  justify-content  : space-between;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  position         : relative;
}

.ltn__header-middle-area>.container-fluid>.row>.col,
.ltn__header-middle-area>.container>.row>.col {
  -webkit-box-flex : 0;
  -ms-flex-positive: 0;
  flex-grow        : 1;
  position         : static;
}

.site-logo {
  min-width        : 185px;
  height           : 100%;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  white-space      : nowrap;
}

.site-logo a {
  color         : var(--ltn__primary-color);
  font-size     : 30px;
  font-weight   : 600;
  letter-spacing: 1px;
  display       : contents;
}

.site-logo i {
  color       : #56b4c1;
  margin-right: 5px;
  font-size   : 24px;
  position    : relative;
  top         : -2px;
}


/* ----------------------------------------------
    Header Bottom Area (header-2)
---------------------------------------------- */

.header-bottom-area .row {
  position: relative;
}

.header-bottom-area .row .col {
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
}

.sticky-logo {
  max-width          : 200px;
  -ms-flex-item-align: center;
  -ms-grid-row-align : center;
  align-self         : center;
  height             : 100%;
  float              : left;
  -webkit-transition : all 0.3s ease 0s;
  -o-transition      : all 0.3s ease 0s;
  transition         : all 0.3s ease 0s;
  display            : none;
}

.header-menu-2 {
  text-align: center;
}

.header-menu-2 .ltn__main-menu>ul {
  display: inline-block;
}


/* ----------------------------------------------
    Main Menu
---------------------------------------------- */

.header-menu-column {
  position: inherit;
}

.ltn__main-menu ul {
  margin-bottom: 0;
}

.ltn__main-menu>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

.ltn__main-menu li {
  list-style: none;
  display   : block;
  margin-top: 0;
}

.ltn__main-menu li>a {
  position: relative;
}

.ltn__main-menu>ul>li {
  display     : inline-block;
  position    : relative;
  margin-right: 18px;
}

.ltn__main-menu>ul>li:last-child {
  margin-right: 0px;
}

.ltn__main-menu>ul>li>a {
  font-size     : 15px;
  padding       : 22px 10px;
  display       : inline-block;
  white-space   : nowrap;
  font-weight   : 600;
  text-transform: uppercase;
  color         : #fff;
}

.ltn__main-menu li:hover>a {
  color: #465C66;
}


/* Submenu */

.ltn__main-menu li>ul,
.ltn__main-menu .sub-menu {
  position          : absolute;
  margin            : 0;
  top               : 130%;
  -webkit-transition: opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s;
  -o-transition     : opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s;
  transition        : opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s;
  min-width         : 230px;
  padding           : 15px 0;
  -webkit-box-shadow: var(--ltn__box-shadow-4);
  box-shadow        : var(--ltn__box-shadow-4);
  background-color  : var(--white);
  left              : inherit;
  right             : inherit;
  opacity           : 0;
  visibility        : hidden;
  text-align        : left;
  z-index           : 999;
  border-top        : 2px solid #56b4c1;
}

.ltn__main-menu li ul li,
.ltn__main-menu .sub-menu li {
  line-height: 1.3;
  padding    : 12px 25px 12px 30px;
  font-size  : 14px;
}

.mega-menu li ul {
  border-top: 0;
}

.mega-menu li ul li {
  padding-left : 10px;
  padding-right: 0;
}

.ltn__main-menu li:hover>ul,
.ltn__main-menu li:hover>.sub-menu {
  top       : 100%;
  opacity   : 1;
  visibility: visible;
}

.ltn__main-menu li ul li>ul,
.ltn__main-menu .sub-menu li>.sub-menu {
  left: 100%;
}

.ltn__main-menu li ul li:hover>ul,
.ltn__main-menu .sub-menu li:hover>.sub-menu {
  top: 0;
}

.ltn__main-menu li ul li,
.ltn__main-menu .sub-menu li {
  position: relative;
}

.ltn__main-menu>ul>li:last-child ul li>ul,
.ltn__main-menu>ul>li:last-child .sub-menu li>.sub-menu,
.ltn__main-menu>ul>li:nth-last-child(2) ul li>ul,
.ltn__main-menu>ul>li:nth-last-child(2) .sub-menu li>.sub-menu,
.ltn__main-menu>ul>li:nth-last-child(3) ul li>ul,
.ltn__main-menu>ul>li:nth-last-child(3) .sub-menu li>.sub-menu {
  left : auto;
  right: 100%;
}


/* Menu Reverse */

.ltn__main-menu>ul>li:last-child,
.ltn__main-menu>ul>li:nth-last-child(2) {
  position: relative;
}

.ltn__main-menu>ul>li:last-child>ul,
.ltn__main-menu>ul>li:last-child>.sub-menu,
.ltn__main-menu>ul>li:nth-last-child(2)>ul,
.ltn__main-menu>ul>li:nth-last-child(2)>.sub-menu {
  left : auto;
  right: 0;
}


/* Mega Menu */

.ltn__main-menu .mega-menu {
  left    : 0;
  right   : auto;
  overflow: hidden;
}

.mega-menu>li {
  float         : left;
  padding-bottom: 0 !important;
  min-width     : 250px !important;
}

.mega-menu>li {
  min-width: 220px;
}

.ltn__main-menu li:hover ul.mega-menu {
  opacity          : 1;
  visibility       : visible;
  -webkit-transform: scaley(1);
  -ms-transform    : scaley(1);
  transform        : scaley(1);
}

.mega-menu li ul,
.mega-menu li .sub-menu {
  left              : 0% !important;
  -webkit-box-shadow: none;
  box-shadow        : none;
  position          : inherit;
}

.ltn__main-menu li .mega-menu>li>ul,
.ltn__main-menu li .mega-menu .sub-menu {
  top: 0;
}

.ltn__main-menu li:hover .mega-menu>li>ul,
.ltn__main-menu li:hover .mega-menu .sub-menu {
  opacity   : 1;
  visibility: visible;
}

.mega-menu>li>a {
  margin-left     : 0;
  border-bottom   : 1px dashed #ddd;
  display         : block;
  font-weight     : 500;
  padding         : 10px;
  background-color: var(--section-bg-1);
}

.mega-menu.column-1,
.mega-menu.column-2 {
  left: auto;
}

.mega-menu.column-2>li {
  min-width: 50%;
  width    : 50%;
}

.mega-menu.column-3>li {
  min-width: 33.33%;
  width    : 33.33%;
}

@media (min-width: 991px) {

  .mega-menu.column-4>li,
  .mega-menu.column-5>li,
  .mega-menu.column-6>li,
  .mega-menu.column-7>li,
  .mega-menu.column-8>li,
  .mega-menu.column-9>li,
  .mega-menu.column-10>li,
  .mega-menu.column-11>li,
  .mega-menu.column-12>li {
    min-width: 25%;
    width    : 25%;
  }
}

@media (max-width: 991px) {

  .mega-menu.column-2>li,
  .mega-menu.column-3>li,
  .mega-menu.column-4>li,
  .mega-menu.column-5>li,
  .mega-menu.column-6>li,
  .mega-menu.column-7>li,
  .mega-menu.column-8>li,
  .mega-menu.column-9>li,
  .mega-menu.column-10>li,
  .mega-menu.column-11>li,
  .mega-menu.column-12>li {
    min-width: 50%;
    width    : 50%;
  }
}

@media (max-width: 767px) {

  .mega-menu.column-2>li,
  .mega-menu.column-3>li,
  .mega-menu.column-4>li,
  .mega-menu.column-5>li,
  .mega-menu.column-6>li,
  .mega-menu.column-7>li,
  .mega-menu.column-8>li,
  .mega-menu.column-9>li,
  .mega-menu.column-10>li,
  .mega-menu.column-11>li,
  .mega-menu.column-12>li {
    min-width: 100%;
    width    : 100%;
  }
}

.mega-menu li ul li ul {
  left              : 100% !important;
  position          : absolute;
  opacity           : 0;
  visibility        : hidden;
  -webkit-box-shadow: var(--ltn__box-shadow-4);
  box-shadow        : var(--ltn__box-shadow-4);
}

.mega-menu li ul li:hover>ul {
  opacity   : 1;
  visibility: visible;
}

@media (min-width: 991px) {
  .mega-menu-parent {
    position: inherit !important;
  }
}


/* ----------------------------------------------
    Header Options
---------------------------------------------- */

.ltn__header-options>ul {
  padding: 0;
  margin : 0;
}

.ltn__header-options>ul>li {
  display     : inline-block;
  margin-right: 15px;
  margin-top  : 0;
}

.ltn__header-options>ul>li:last-child {
  margin-right: 0;
}

.ltn__header-options {
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  -webkit-box-pack : end;
  -ms-flex-pack    : end;
  justify-content  : flex-end;
}

.ltn__header-options>div {
  margin-right: 20px;
}

.ltn__header-options>div:last-child {
  margin-right: 0;
}

.ltn__header-options i {
  color    : var(--ltn__heading-color);
  font-size: 20px;
}

.ltn__header-options .ltn__drop-menu>ul>li>a {
  padding: 0;
}

.ltn__header-options .ltn__drop-menu ul {
  padding: 0;
}

.ltn__header-options .ltn__drop-menu ul li ul {
  padding: 10px 0;
}


/* ltn__drop-menu */

.ltn__drop-menu {
  display   : inline-block;
  text-align: left;
}

.ltn__drop-menu li {
  margin-top: 0;
}

.ltn__drop-menu+.ltn__drop-menu {
  margin-left: 10px;
}

.ltn__drop-menu ul {
  margin-bottom: 0;
}

.ltn__drop-menu>ul>li {
  display : inline-block;
  position: relative;
}

.ltn__drop-menu>ul>li>a {
  display        : block;
  text-decoration: none;
  padding        : 0 10px;
  height         : 40px;
  line-height    : 40px;
}

.ltn__drop-menu ul li ul {
  position          : absolute;
  min-width         : 150px;
  right             : 0;
  background-color  : #fff;
  z-index           : 999;
  -webkit-box-shadow: var(--ltn__box-shadow-4);
  box-shadow        : var(--ltn__box-shadow-4);
  border-top        : 1px solid #ececec;
  top               : 130%;
  padding           : 10px 0;
  margin            : 0;
  -webkit-transition: opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s;
  -o-transition     : opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s;
  transition        : opacity .2s ease .1s, visibility .2s ease .1s, top .2s ease .1s;
  opacity           : 0;
  visibility        : hidden;
}

.ltn__drop-menu ul li ul li {
  display    : block;
  padding    : 5px 15px;
  font-size  : 14px;
  font-weight: 400;
}

.ltn__drop-menu ul li ul li a {
  color: inherit;
}

.ltn__drop-menu ul li:hover>ul {
  top       : 100%;
  opacity   : 1;
  visibility: visible;
}

.ltn__drop-menu ul li:hover>a {
  color: #56b4c1;
}

.ltn__drop-menu>ul>li,
.header-wishlist a {
  font-size: 20px;
}


/* ----------------------------------------------
    Mini Cart
---------------------------------------------- */

.mini-cart-icon {
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  line-height      : 30px;
  cursor           : pointer;
  color            : var(--ltn__heading-color);
}

.mini-cart-icon i {
  font-size: 18px;
}

.mini-cart-icon sup {
  font-size  : 14px;
  font-weight: 600;
}

.mini-cart-icon-2>a {
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  min-width        : 125px;
}

.mini-cart-icon-2>a .mini-cart-icon {
  margin-right: 5px;
}

.mini-cart-icon-2>a .mini-cart-icon i {
  color    : var(--ltn__heading-color);
  font-size: 20px;
}

.mini-cart-icon-2>a .mini-cart-icon sup {
  font-size       : 12px;
  font-weight     : 600;
  height          : 20px;
  width           : 20px;
  line-height     : 20px;
  background-color: #56b4c1;
  color           : #fff;
  text-align      : center;
  border-radius   : 100%;
  right           : 8px;
  top             : -8px;
}

.mini-cart-icon-2>a h6 {
  margin-bottom        : 0;
  display              : -webkit-box;
  display              : -ms-flexbox;
  display              : flex;
  -webkit-box-orient   : vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow        : column;
  flex-flow            : column;
  line-height          : 20px;
  font-weight          : 500;
  color                : var(--ltn__body-color);
  font-size            : 12px;
  text-transform       : uppercase;
}

.mini-cart-header h5 {
  margin-bottom: 0;
}

.mini-cart-product-area {
  max-height: calc(100% - (60px + 245px));
}

.ltn__utilize-cart-menu .ltn__mini-cart {
  max-height: calc(100% - (60px + 245px));
}

.mini-cart-item {
  padding-top  : 20px;
  padding-left : 10px;
  margin-bottom: 20px;
  border-top   : 1px solid var(--border-color-1);
}

.mini-cart-item:first-child {
  border-top: 0;
}

.mini-cart-img {
  float       : left;
  width       : 80px;
  margin-right: 15px;
  position    : relative;
}

.mini-cart-img img {
  background-color: var(--section-bg-1);
}

.mini-cart-info {
  overflow: hidden;
}

.mini-cart-info h6 {
  margin-bottom: 5px;
  font-size    : 14px;
  color        : var(--ltn__body-color);
  font-weight  : 600;
}

.mini-cart-info .mini-cart-quantity {
  font-size  : 14px;
  font-weight: 400;
}

.mini-cart-item-delete {
  position          : absolute;
  left              : -8px;
  top               : -8px;
  height            : 20px;
  width             : 20px;
  border-radius     : 100%;
  display           : block;
  line-height       : 20px;
  background-color  : #fff;
  text-align        : center;
  font-size         : 10px;
  -webkit-box-shadow: var(--ltn__box-shadow-3);
  box-shadow        : var(--ltn__box-shadow-3);
  cursor            : pointer;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition     : all 0.3s ease 0s;
  transition        : all 0.3s ease 0s;
}

.mini-cart-item-delete:hover {
  background-color: var(--red);
  color           : #fff;
}

.mini-cart-footer {
  margin-top: 25px;
}

.mini-cart-footer p {
  font-size    : 14px;
  margin-bottom: 0;
}

.mini-cart-sub-total {
  border-top   : 1px solid var(--border-color-1);
  border-bottom: 1px solid var(--border-color-1);
  padding      : 15px 0;
}

.mini-cart-sub-total h5 {
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-pack : justify;
  -ms-flex-pack    : justify;
  justify-content  : space-between;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  margin-bottom    : 0;
  font-size        : 16px;
}

.mini-cart-sub-total span {
  color: #56b4c1;
}

.mini-cart-footer .btn-wrapper {
  margin-top      : 0;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-pack: justify;
  -ms-flex-pack   : justify;
  justify-content : space-between;
  padding         : 25px 0 15px;
}

.mini-cart-footer .btn-wrapper .btn {
  margin-bottom : 5px;
  text-transform: uppercase;
  padding       : 10px 20px;
  font-size     : 13px;
}


/* search-2 */

.header-search-2 {
  min-width: 500px;
  padding  : 25px 0;
}

.header-search-2 form {
  position: relative;
}

.header-search-2 input {
  margin-bottom     : 0;
  -webkit-box-shadow: none;
  box-shadow        : none;
  border-radius     : 50px;
  padding-left      : 20px;
  padding-right     : 50px;
  height            : 45px;
  border            : 1px solid #465c66;
  background-color  : #FFF;
}

.header-search-2 button {
  position        : absolute;
  right           : 0;
  background-color: transparent;
  height          : 45px;
  top             : 0;
  padding         : 0 15px;
  font-size       : 18px;
}

.header-search-2 button:hover {
  color: #56b4c1;
}


/* ----------------------------------------------
    Header Sticky
---------------------------------------------- */

.sticky-active {
  -webkit-animation : 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation         : 300ms ease-in-out 0s normal none 1 running fadeInDown;
  background-color  : var(--white);
  left              : 0;
  position          : fixed;
  top               : 0;
  width             : 100%;
  z-index           : 999;
  -webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
  box-shadow        : 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}

.ltn__header-3 .header-bottom-area.sticky-active,
.ltn__header-4 .ltn__header-middle-area.sticky-active,
.ltn__header-5 .ltn__header-middle-area.sticky-active {
  padding-top   : 0px;
  padding-bottom: 0px;
}


/* Sticky Background Black */

.sticky-active.ltn__sticky-bg-black {
  background-color: var(--ltn__heading-color);
}

.sticky-active.ltn__sticky-bg-black .ltn__main-menu>ul>li>a,
.sticky-active.ltn__sticky-bg-black .header-wishlist a,
.sticky-active.ltn__sticky-bg-black .mini-cart-icon,
.sticky-active.ltn__sticky-bg-black .header-feature-item h6,
.sticky-active.ltn__sticky-bg-black .header-feature-item p,
.sticky-active.ltn__sticky-bg-black .header-feature-icon,
.sticky-active.ltn__sticky-bg-black .header-search-1 .search-icon,
.sticky-active.ltn__sticky-bg-black .ltn__header-options .ltn__drop-menu>ul>li>a {
  color: var(--white);
}

.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .header-search-1,
.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .header-search-1 i,
.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .ltn__drop-menu>ul>li>a,
.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .mini-cart-icon a,
.sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .header-wishlist {
  background: var(--white);
  color     : var(--ltn__heading-color);
}


/* Sticky Background White */

.sticky-active.ltn__sticky-bg-white {
  background-color: var(--white);
}

.sticky-active.ltn__sticky-bg-white .ltn__main-menu>ul>li>a,
.sticky-active.ltn__sticky-bg-white .header-wishlist a,
.sticky-active.ltn__sticky-bg-white .mini-cart-icon,
.sticky-active.ltn__sticky-bg-white .header-feature-item h6,
.sticky-active.ltn__sticky-bg-white .header-feature-item p,
.sticky-active.ltn__sticky-bg-white .header-feature-icon,
.sticky-active.ltn__sticky-bg-white .header-search-1 .search-icon,
.sticky-active.ltn__sticky-bg-white .ltn__header-options .ltn__drop-menu>ul>li>a {
  color: var(--ltn__heading-color);
}

.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .header-search-1,
.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .header-search-1 i,
.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .ltn__drop-menu>ul>li>a,
.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .mini-cart-icon a,
.sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .header-wishlist {
  -webkit-box-shadow: var(--ltn__box-shadow-1);
  box-shadow        : var(--ltn__box-shadow-1);
  background        : var(--white);
  color             : var(--ltn__heading-color);
}

.ltn__header-3 .sticky-active .row .col {
  -webkit-box-pack: justify !important;
  -ms-flex-pack   : justify !important;
  justify-content : space-between !important;
}

.ltn__header-3 .sticky-active .sticky-logo {
  display: block;
}

.ltn__header-3 .sticky-active .header-menu-2 {
  text-align: right;
}



.header-contact-search {
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-pack: justify;
  -ms-flex-pack   : justify;
  justify-content : space-between;
}


/* ----------------------------------------
  Utilize Mobile Menu
---------------------------------------- */

.ltn__utilize {
  position          : fixed;
  z-index           : 1000;
  top               : 0;
  right             : 0;
  left              : auto;
  display           : block;
  overflow          : hidden;
  width             : 400px;
  height            : 100vh;
  padding           : 20px 10px 20px 30px;
  -webkit-transition: all .5s ease 0s;
  -o-transition     : all .5s ease 0s;
  transition        : all .5s ease 0s;
  -webkit-transform : translateX(100%);
  -ms-transform     : translateX(100%);
  transform         : translateX(100%);
  background-color  : var(--white);
  -webkit-box-shadow: none;
  box-shadow        : none;
  z-index           : 99999;
}

.ltn__utilize.ltn__utilize-mobile-menu {
  right            : auto;
  left             : 0;
  padding          : 50px 40px;
  -webkit-transform: translateX(-100%);
  -ms-transform    : translateX(-100%);
  transform        : translateX(-100%);
}

.ltn__utilize-menu-inner {
  position              : relative;
  z-index               : 9;
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  height                : 100%;
  -ms-touch-action      : auto;
  touch-action          : auto;
  overflow-x            : hidden !important;
  padding-right         : 20px;
}

.ltn__utilize-menu-search-form {
  margin-bottom: 5px;
  position     : relative;
}

.ltn__utilize-menu-search-form input[type="text"] {
  margin-bottom: 0;
}

.ltn__utilize-menu-search-form button {
  background-color : transparent;
  position         : absolute;
  right            : 0;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform    : translateY(-50%);
  transform        : translateY(-50%);
  height           : 100%;
  padding          : 0 15px;
}

.ltn__utilize-menu>ul {
  margin    : 0;
  padding   : 0;
  list-style: none;
}

.ltn__utilize-menu>ul>li {
  position: relative;
}

.sticky-active ul li {
  margin-right: 10px;
}

.ltn__utilize-menu>ul>li .menu-expand {
  position        : absolute;
  z-index         : 2;
  top             : 0;
  right           : 0;
  width           : 24px;
  height          : 44px;
  cursor          : pointer;
  background-color: transparent;
}

.ltn__utilize-menu>ul>li .menu-expand::before,
.ltn__utilize-menu>ul>li .menu-expand::after {
  position          : absolute;
  top               : calc(50% - 1px);
  left              : calc(50% - 7px);
  width             : 14px;
  height            : 2px;
  content           : "";
  -webkit-transition: all .5s ease 0s;
  -o-transition     : all .5s ease 0s;
  transition        : all .5s ease 0s;
  -webkit-transform : scale(0.75);
  -ms-transform     : scale(0.75);
  transform         : scale(0.75);
  background-color  : #7e7e7e;
}

.ltn__utilize-menu>ul>li .menu-expand::after {
  -webkit-transform: rotate(90deg) scale(0.75);
  -ms-transform    : rotate(90deg) scale(0.75);
  transform        : rotate(90deg) scale(0.75);
}

.ltn__utilize-menu>ul>li>a {
  display       : block;
  padding       : 8px 24px 0px 0;
  text-transform: uppercase;
  font-weight   : 600;
  color         : #465c66;
}

.ltn__utilize-menu>ul>li .sub-menu {
  position          : static;
  top               : auto;
  display           : none;
  visibility        : visible;
  width             : 100%;
  min-width         : auto;
  padding           : 0;
  padding-left      : 15px;
  -webkit-transition: none;
  -o-transition     : none;
  transition        : none;
  opacity           : 1;
  -webkit-box-shadow: none;
  box-shadow        : none;
}

.ltn__utilize-menu>ul>li .sub-menu li {
  line-height: inherit;
  position   : relative;
  list-style : none;
}

.ltn__utilize-overlay {
  position        : fixed;
  z-index         : 9999;
  top             : 0;
  right           : 0;
  bottom          : 0;
  left            : 0;
  display         : none;
  background-color: rgba(0, 0, 0, 0.5);
}

.ltn__utilize.ltn__utilize-open {
  -webkit-transform: translateX(0);
  -ms-transform    : translateX(0);
  transform        : translateX(0);
}

.ltn__utilize.ltn__utilize-mobile-menu.ltn__utilize-open {
  -webkit-transform: translateX(0);
  -ms-transform    : translateX(0);
  transform        : translateX(0);
}

.mobile-menu-toggle {
  margin-right: 15px;
}

.mobile-menu-toggle>a {
  width      : 24px;
  height     : 32px;
  position   : relative;
  display    : -webkit-box;
  display    : -webkit-flex;
  display    : -ms-flexbox;
  display    : flex;
  color      : #333;
  margin-left: auto;
}

.mobile-menu-toggle svg {
  position         : absolute;
  top              : 50%;
  left             : 50%;
  width            : 50px;
  height           : 60px;
  margin-top       : -2px;
  margin-left      : -2px;
  cursor           : pointer;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform        : translate3d(-50%, -50%, 0);
}

.mobile-menu-toggle svg path {
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -o-transition     : stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition        : stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  fill              : none;
  stroke            : #333;
  stroke-dashoffset : 0;
  stroke-linecap    : round;
  stroke-width      : 30px;
}

.mobile-menu-toggle svg path#top,
.mobile-menu-toggle svg path#bottom {
  stroke-dasharray: 240px 950px;
}

.mobile-menu-toggle svg path#middle {
  stroke-dasharray: 240px 240px;
}

.mobile-menu-toggle .close svg path#top,
.mobile-menu-toggle .close svg path#bottom {
  stroke-dasharray : -650px;
  stroke-dashoffset: -650px;
}

.mobile-menu-toggle .close svg path#middle {
  stroke-dasharray : 1px 220px;
  stroke-dashoffset: -115px;
}

.ltn__utilize-menu-head {
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-pack : justify;
  -ms-flex-pack    : justify;
  justify-content  : space-between;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  margin-bottom    : 25px;
  padding-bottom   : 15px;
  border-bottom    : 1px solid #eee;
}

.ltn__utilize-menu-head .ltn__utilize-menu-title {
  font-weight   : 500;
  text-transform: uppercase;
}

.ltn__utilize-menu-head .ltn__utilize-close {
  background-color: transparent;
  font-size       : 30px;
  padding         : 0 15px;
}

.ltn__utilize-buttons {
  border-top   : 1px solid var(--border-color-1);
  padding      : 5px 0px 20px;
  margin       : 30px 0;
  border-bottom: 1px solid var(--border-color-1);
}

.ltn__utilize-buttons ul {
  padding: 0;
  margin : 0;
}

.ltn__utilize-buttons ul li {
  display: inline-block;
}

.ltn__utilize-buttons .utilize-btn-icon {
  width       : 50px;
  display     : inline-block;
  height      : 50px;
  border      : 2px solid var(--border-color-1);
  line-height : 46px;
  text-align  : center;
  margin-right: 10px;
}

.ltn__utilize-buttons-2 ul li {
  display: block;
}

@media (max-width: 479px) {
  .ltn__utilize {
    width  : 100%;
    padding: 15px 10px 15px 30px;
  }

  .ltn__utilize-menu-head {
    margin-bottom : 20px;
    padding-bottom: 5px;
  }

  .mini-cart-footer .btn-wrapper {
    padding: 20px 0 10px;
  }

  .ltn__utilize.ltn__utilize-mobile-menu {
    padding: 50px 20px;
  }
}

.menu-btn-white.mobile-menu-toggle>a {
  color: #fff;
}

.menu-btn-white.mobile-menu-toggle svg path {
  stroke: #fff;
}

.menu-btn-border a {
  width : 40px;
  height: 38px;
  border: 1px solid;
}


/* ----------------------------------------
  Responsive
---------------------------------------- */

@media (min-width: 1200px) and (max-width: 1300px) {
  .ltn__main-menu>ul>li {
    margin-right: 15px;
  }

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

  .ltn__main-menu>ul>li>a {
    font-size: 15px;
  }

  .ltn__header-6 .ltn__main-menu>ul>li {
    margin-right: 10px;
  }

  .ltn__header-6 .ltn__main-menu>ul>li:last-child {
    margin-right: 0px;
  }

  .ltn__header-6 .special-link a {
    padding: 15px 20px !important;
  }

  .ltn__header-6 .ltn__main-menu>ul>li>a {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .site-logo {
    min-width: 180px;
  }

  .ltn__main-menu>ul>li>a {
    padding: 20px 15px;
  }

  .ltn__main-menu>ul>li {
    margin-right: 10px;
  }
}

@media (max-width: 991px) {

  .header-search-column,
  .header-menu-column {
    display: none;
  }

  /* sticky */
  .sticky-active {
    position: inherit;
  }

  .ltn__header-3 .ltn__header-middle-area>.container>.row .header-search-column {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order           : 3;
    order                    : 3;
    -webkit-box-flex         : 1;
    -ms-flex-positive        : 1;
    flex-grow                : 1;
    max-width                : 100%;
    border-top               : 1px solid #ddd;
  }

  .ltn__header-3 .header-search-2 {
    min-width: 280px;
  }

  .ltn__header-3 .mobile-menu-toggle {
    position: relative;
    top     : 7px;
  }

  .ltn__header-3 .ltn__main-menu>ul>li>a {
    padding: 20px 10px;
  }

  .ltn__top-bar-menu ul li {
    margin: 0 20px 0 0;
  }
}

@media (max-width: 767px) {
  .ltn__header-top-area {
    padding   : 5px 0;
    text-align: center;
  }

  .ltn__header-top-area .ltn__social-media ul li {
    font-size: 12px;
    margin   : 0 5px 0 0;
  }

  .ltn__top-bar-menu .ltn__currency-menu .active-currency,
  .ltn__top-bar-menu>ul>li {
    font-size: 13px;
  }

  .ltn__drop-menu>ul>li {
    position: inherit;
  }

  .ltn__drop-menu>ul>li>a {
    height     : 20px;
    line-height: 20px;
  }

  .ltn__drop-menu ul li ul {
    left             : 50%;
    right            : 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform    : translateX(-50%);
    transform        : translateX(-50%);
  }

  .top-bar-right {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
  }

  .welcome p {
    line-height: 20px;
    margin     : 5px 0;
  }

  .site-logo {
    min-width: 100px;
  }

  .ltn__header-5 .top-bar-right,
  .ltn__header-4 .top-bar-right {
    -webkit-box-pack: center;
    -ms-flex-pack   : center;
    justify-content : center;
    margin-top      : 5px;
  }

  .ltn__header-4 .site-logo-wrap,
  .ltn__header-5 .site-logo-wrap {
    -webkit-box-flex: 0;
    -ms-flex        : 0 0 100%;
    flex            : 0 0 100%;
    -webkit-box-pack: center;
    -ms-flex-pack   : center;
    justify-content : center;
    margin          : 10px 0 30px;
  }

  .ltn__header-4 .ltn__header-options,
  .ltn__header-5 .ltn__header-options {
    margin-left     : 0;
    -webkit-box-flex: 0;
    -ms-flex        : 0 0 100%;
    flex            : 0 0 100%;
    -webkit-box-pack: center;
    -ms-flex-pack   : center;
    justify-content : center;
  }
}

@media (max-width: 575px) {
  .site-logo a {
    font-size: 24px;
  }

  .site-logo a i {
    font-size: 20px;
  }

  .ltn__header-1 .ltn__header-middle-area>.container>.row {
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow        : column;
    flex-flow            : column;
  }

  .ltn__header-1 .site-logo {
    -webkit-box-pack: center;
    -ms-flex-pack   : center;
    justify-content : center;
  }

  .ltn__header-1 .ltn__header-options {
    -webkit-box-pack: center;
    -ms-flex-pack   : center;
    justify-content : center;
    margin-top      : 30px;
  }

  .ltn__header-7 .site-logo {
    -webkit-box-pack: center;
    -ms-flex-pack   : center;
    justify-content : center;
  }

  .ltn__header-7 .ltn__header-options {
    -webkit-box-pack: center;
    -ms-flex-pack   : center;
    justify-content : center;
    margin-top      : 20px;
  }

  .ltn__header-3 .ltn__header-middle-area>.container>.row .col,
  .ltn__header-3 .ltn__header-middle-area>.container-fluid>.row .col,
  .ltn__header-7 .ltn__header-middle-area>.container>.row .col,
  .ltn__header-7 .ltn__header-middle-area>.container-fluid>.row .col {
    -webkit-box-flex: 0;
    -ms-flex        : 0 0 100%;
    flex            : 0 0 100%;
  }

  .ltn__header-3 .ltn__header-middle-area {
    padding-top   : 20px;
    padding-bottom: 20px;
  }

  .ltn__header-3 .site-logo {
    -webkit-box-pack: center;
    -ms-flex-pack   : center;
    justify-content : center;
    margin-bottom   : 20px;
  }

  .ltn__header-3 .ltn__header-options {
    -webkit-box-pack: center;
    -ms-flex-pack   : center;
    justify-content : center;
  }
}

@media (max-width: 449px) {
  .ltn__header-options>div {
    margin-right: 10px;
  }

  .header-feature-area {
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow        : column;
    flex-flow            : column;
  }

  .header-feature-item:last-child {
    padding-top: 0;
  }
}

.ltn__social-media-2 ul {
  margin : 0;
  padding: 0;
}

.ltn__social-media-2 ul li {
  list-style  : none;
  display     : inline-block;
  margin-right: 10px;
}

.ltn__social-media-2 ul li a {
  background-color: var(--section-bg-1);
  color           : var(--ltn__paragraph-color);
  display         : block;
  width           : 40px;
  height          : 40px;
  line-height     : 40px;
  text-align      : center;
}

.ltn__social-media-2 ul li a i {
  color: inherit;
}

.ltn__social-media-2 ul li:last-child {
  margin-right: 0;
}

.ltn__social-media-2 ul li:hover a {
  background-color: #56b4c1;
  color           : var(--white);
}

.section-title-area {
  margin-bottom: 40px;
}

.section-title-area p {
  margin-bottom: 0;
  max-width    : 500px;
}

.section-title-area p+p {
  margin-top: 15px;
}

.section-title-area.text-right p {
  margin-left: auto;
}

.section-title-area.text-center p {
  margin-left : auto;
  margin-right: auto;
}

.section-title {
  margin-bottom: 5px;
  font-size    : 40px;
  font-weight  : 800;
  line-height  : 1.2;
}

.section-title span {
  color: #56b4c1;
}

.section-title p {
  font-size  : 16px;
  line-height: 1.8;
  color      : var(--ltn__paragraph-color);
  margin-top : 20px;
}

.section-title.white .section-title {
  color: var(--white);
}

.section-title.white p {
  color: rgba(var(--white), 0.7);
}

.section-title.section-title-border {
  margin-bottom: 15px;
}

.section-title-border {
  color         : #56b4c1;
  position      : relative;
  padding-bottom: 10px;
  text-transform: capitalize;
}

.section-title-border::before {
  position        : absolute;
  content         : "";
  width           : 90px;
  height          : 2px;
  background-color: #56b4c1;
  left            : 0;
  bottom          : 0;
}

.text-center .section-title-border::before {
  left             : 50%;
  -webkit-transform: translate(-50%);
  -ms-transform    : translate(-50%);
  transform        : translate(-50%);
}

.text-right .section-title-border::before {
  left : auto;
  right: 0;
}

@media (max-width: 1199px) {
  .section-title {
    font-size: 30px;
  }

  .ltn__section-title-2 .section-title {
    font-size: 50px;
  }
}

@media (max-width: 991px) {
  .section-title {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .section-title {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .section-title {
    font-size: 24px;
  }
}


/* ----------------------------------------------------
    Cart Table Area
---------------------------------------------------- */

.table-1 table {
  border        : 0;
  text-transform: uppercase;
  font-size     : 13px;
  width         : 100%;
}

.table-1 table tr:first-child {
  font-weight     : 700;
  text-transform  : uppercase;
  background-color: #e5e5e6;
}

.table-1 table tr:nth-child(odd) {
  background-color: #e5e5e6;
}

.table-1 table tr:nth-of-type(even) {
  background: #f9f9f9;
}

.table-1 table tr th {
  font-weight     : 700;
  text-transform  : uppercase;
  background-color: #e5e5e6;
  border-right    : 2px solid #fff;
  border-bottom   : 2px solid #fff;
  padding         : 10px 0;
  display         : table-cell;
  line-height     : 18px;
  text-align      : center;
  width           : 12%;
}

.table-1 table tr td {
  border-right : 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding      : 10px 0;
  display      : table-cell;
  line-height  : 18px;
  text-align   : center;
}

.mobile-show {
  display: none;
}

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

  .mobile-show {
    display: block;
  }
}


/* ----------------------------------------------------
    Cart plus minus
---------------------------------------------------- */

.cart-plus-minus {
  border     : 2px solid;
  height     : 50px;
  line-height: 43px;
  width      : 120px;
  text-align : center;
}

.qtybutton {
  height: 100%;
  width : 30%;
}

.dec.qtybutton {
  float       : left;
  border-right: 2px solid;
}

.inc.qtybutton {
  float      : right;
  border-left: 2px solid;
}

.cart-plus-minus,
.dec.qtybutton,
.inc.qtybutton {
  background-color: #fff;
  border-color    : #dedede;
  font-size       : 20px;
  font-weight     : 400;
  cursor          : pointer;
}

input.cart-plus-minus-box {
  background        : transparent none repeat scroll 0 0;
  -webkit-box-shadow: none;
  box-shadow        : none;
  border            : none;
  height            : 100%;
  margin-bottom     : 0;
  padding           : 0;
  text-align        : center;
  width             : 40%;
  font-weight       : 400;
}


/* ----------------------------------------------------
    Shoping Cart
---------------------------------------------------- */

.table tr:nth-child(odd) {
  background-color: #f7f8fa;
}

.table tr:nth-child(even) {
  background-color: #fafafa;
}

.shoping-cart-table tbody {
  border-bottom: 1px solid #dee2e6;
}

.shoping-cart-table thead th {
  vertical-align  : middle;
  border-bottom   : 0;
  background-color: #f7f8fa;
}

.shoping-cart-table .table tr {
  background-color: transparent;
  /*display       : table;*/
  width           : 100%;
}

.shoping-cart-table td {
  padding       : 20px 25px;
  vertical-align: middle;
}

.cart-product-image img {
  max-width: 100px;
}

.cart-product-remove {
  cursor: pointer;
}

.cart-product-remove:hover {
  color: #56b4c1;
}

.cart-product-subtotal {
  font-weight: 700;
}

.cart-coupon-row {
  background-color: #f7f8fa;
  text-align      : right;
}

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

.cart-coupon input {
  max-width    : 250px;
  margin-bottom: 0;
}

.submit-button-1 {
  padding           : 10px 30px;
  background-color  : var(--ltn__primary-color);
  color             : var(--white);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition     : all 0.3s ease 0s;
  transition        : all 0.3s ease 0s;
}

.submit-button-1:hover {
  background-color: #56b4c1;
  color           : var(--white);
}

.btn.disabled {
  cursor: not-allowed;
}

.shoping-cart-total {
  float    : right;
  max-width: 450px;
  width    : 100%;
}

.shoping-cart-total .table {
  margin-bottom: 0;
}

.shoping-cart-total .btn-wrapper {
  margin-top: 0;
}

.shoping-cart-total .btn-wrapper .theme-btn-1 {
  display: block;
}

@media (min-width: 768px) and (max-width: 991px) {
  .shoping-cart-table td {
    padding: 20px 10px;
  }

  .cart-product-image img {
    max-width: 80px;
  }

  .cart-product-info h4 {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .shoping-cart-table thead th {
    display: none;
  }

  .shoping-cart-table .table tr {
    display   : block;
    text-align: center;
  }

  .shoping-cart-table td {
    display: block;
    padding: 20px 15px;
  }

  .cart-product-image {
    max-width: 100%;
  }

  .shoping-cart-table .cart-plus-minus {
    margin-left : auto;
    margin-right: auto;
  }

  .cart-coupon input {
    margin-bottom: 20px;
  }

  .shoping-cart-table .table tr:nth-child(even) {
    background-color: var(--section-bg-1);
  }
}


/* ----------------------------------------------------
    Checkout Page
---------------------------------------------------- */

.checkout-single-content {
  margin-bottom: 30px;
}

.checkout-single-content h5 {

  padding: 20px 30px;
}

.checkout-single-content-info {
  padding: 30px;
  border : 1px solid #dedede;
}

.checkout-payment-method .card {
  padding      : 20px;
  border-radius: 0;
}

.checkout-payment-method .card:not(:last-of-type) {
  border-bottom             : 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius : 0;
}

.checkout-payment-method .card-body {
  padding   : 0px 32px;
  margin-top: 15px;
  position  : relative;
}

.checkout-payment-method .card-body::before {
  position         : absolute;
  top              : -3px;
  left             : 25px;
  width            : 10px;
  height           : 10px;
  content          : "";
  -webkit-transform: rotate(45deg);
  -ms-transform    : rotate(45deg);
  transform        : rotate(45deg);
  background-color : #fff;
}

.checkout-payment-method .card-title {
  position     : relative;
  padding-left : 30px;
  margin-bottom: 0;
  cursor       : pointer;
}

.checkout-payment-method .card-title::before {
  position         : absolute;
  top              : 50%;
  left             : 0;
  width            : 16px;
  height           : 16px;
  margin-top       : 2px;
  content          : "";
  -webkit-transform: translateY(-50%);
  -ms-transform    : translateY(-50%);
  transform        : translateY(-50%);
  border           : 1px solid #333;
  border-radius    : 50%;
}

.checkout-payment-method .card-title::after {
  position          : absolute;
  top               : 50%;
  left              : 2px;
  width             : 11px;
  height            : 11px;
  margin-top        : 2px;
  content           : "";
  -webkit-transition: all .5s ease 0s;
  -o-transition     : all .5s ease 0s;
  transition        : all .5s ease 0s;
  -webkit-transform : translateY(-50%);
  -ms-transform     : translateY(-50%);
  transform         : translateY(-50%);
  opacity           : 0;
  border-radius     : 50%;
  background-color  : #333;
}

.checkout-payment-method .card-title img {
  height     : 45px;
  margin-left: 10px;
}

.checkout-payment-method .card-title[aria-expanded="true"]::after {
  opacity: 1;
}

.checkout-payment-method p {
  font-size: 14px;
}

.checkout-payment-method p:last-child {
  margin-bottom: 0;
}


/* ----------------------------------------------------
    Myaccount Page
---------------------------------------------------- */

.ltn__tab-menu-list .nav {
  display     : block;
  margin-right: 30px;
  border      : 1px solid #eee;
}

.ltn__tab-menu-list .nav a {
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-pack : justify;
  -ms-flex-pack    : justify;
  justify-content  : space-between;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  padding          : 15px 20px;
  border-bottom    : 1px solid var(--border-color-1);
}

.ltn__tab-menu-list .nav a:last-child {
  border-bottom: 0;
}

.ltn__tab-menu-list .nav a i {
  font-size: 14px;
}

.ltn__tab-menu-list .nav a.active {
  background-color: var(--section-bg-2);
  color           : var(--white);
}

.ltn__myaccount-tab-content-inner>p {
  padding         : 20px;
  background-color: var(--section-bg-1);
}

.footer-widget .footer-title {
  font-size     : 14px;
  font-weight   : 500;
  text-transform: uppercase;
  margin-bottom : 30px;
}

.footer-widget p,
.footer-widget ul li {
  font-size: 14px;
}

.footer-copyright-right ul li,
.footer-copyright-right p,
.footer-copyright-left ul li,
.footer-copyright-left p {
  font-size     : 12px;
  text-transform: uppercase;
}

.section-bg-5 .footer-widget .footer-title {
  color: var(--white);
}

.section-bg-5 .footer-widget p,
.section-bg-5 .footer-widget ul li {
  color: #cecece;
}

.section-bg-5 .footer-copyright-right ul li,
.section-bg-5 .footer-copyright-right p,
.section-bg-5 .footer-copyright-left ul li,
.section-bg-5 .footer-copyright-left p {
  color: var(--white-10);
}


/*-------------------------
    Footer Area
-------------------------*/

.footer-top-area {
  padding-top   : 65px;
  padding-bottom: 0;
}

.footer-widget {
  margin-bottom: 20px;
}

.footer-logo {
  position: relative;
  top     : -10px;
}


/* ----------------------------------------------------
    Footer About Widget
---------------------------------------------------- */


/* footer-address */

.footer-address {
  margin-bottom: 10px;
}

.footer-address ul {
  margin : 0;
  padding: 0;
}

.footer-address ul li {
  list-style: none;
  display   : block;
  margin-top: 0px;
}

.footer-address ul li:after {
  display: block;
  clear  : both;
  content: "";
}

.footer-address ul li .footer-address-icon {
  float       : left;
  margin-right: 15px;
}

.footer-address ul li .footer-address-info {
  overflow: hidden;
}

.footer-address ul li .footer-address-info p {
  margin-bottom: 0;
}


/* ----------------------------------------------------
    Footer Menu Widget
---------------------------------------------------- */


/* footer-menu */

.footer-menu ul {
  margin : 0;
  padding: 0;
}

.footer-menu ul li {
  list-style   : none;
  margin-top   : 0px;
  margin-bottom: 15px;
  position     : relative;
}

.footer-menu ul li a {
  position: relative;
}

.footer-menu ul li a:hover {
  color: #fff;
}

.footer-menu ul ul {
  margin-left: 15px;
}


/* footer-menu-widget-2-column */

.footer-menu-widget-2-column {
  padding-left: 30px;
}

.footer-menu-widget-2-column .footer-menu {
  width: 50%;
  float: left;
}

.footer-menu-widget-2-column .footer-menu:nth-child(odd) {
  padding-left: 20px;
}

.footer-menu-widget-2-column ul {
  margin: 0;
}

.footer-menu-widget-2-column ul li {
  font-weight: 600;
}

/
/* ----------------------------------------------------
    Responsive
---------------------------------------------------- */

@media (max-width: 991px) {
  .ltn__footer-timeline-widget {
    padding: 50px 25px 40px;
  }

  .ltn__copyright-area .payment-method {
    text-align: center;
    margin-top: 15px;
  }

  .ltn__copyright-area .site-logo-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack   : center;
    justify-content : center;
  }

  .ltn__copyright-area .ltn__copyright-menu {
    text-align: center !important;
  }

  #scrollUp {
    font-size: 16px;
    height   : 30px;
    width    : 30px;
    bottom   : 50px;
  }

  #scrollUp i {
    line-height: 30px;
  }
}

@media (max-width: 767px) {
  .ltn__footer-timeline-widget {
    padding: 50px 25px 40px;
  }

  .footer-menu-widget-2-column {
    padding-left: 0;
  }

  .ltn__copyright-menu {
    margin-top: 25px;
  }

  .ltn__footer-2 .footer-widget p,
  .ltn__footer-2 .footer-widget li {
    font-size: 14px;
  }

  .ltn__footer-2 .footer-widget .ltn__blog-meta li,
  .footer-widget .ltn__blog-meta li {
    font-size: 12px;
  }

  .ltn__footer-2 .footer-menu ul li {
    margin-bottom: 20px;
  }

  .ltn__footer-blog-item .ltn__blog-title {
    font-size: 18px;
  }

  .footer-copyright-left,
  .footer-copyright-right {
    text-align: center !important;
  }

  .footer-copyright-right {
    margin-top: 10px;
  }
}

@media (max-width: 575px) {
  .ltn__footer-timeline-widget {
    padding: 50px 25px 40px;
  }

  .footer-menu-widget-2-column .footer-menu {
    width: 100%;
  }

  .footer-menu-widget-2-column .footer-menu:nth-child(odd) {
    padding-left: 0px;
  }

  .ltn__copyright-menu {
    margin-top: 25px;
  }
}

.site-logo img {
  height: 50px;
}

.post_s_item {
  position: relative;
  overflow: hidden;
}

.post_s_item .post_img {
  position: relative;
}

/*.post_s_item .post_img:before {
    content: "";
    background: rgba(42, 20, 112, 0.35);
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
}*/
.owl-carousel .owl-item img {
  display: block;
  width  : 100%;
}

.post_s_item .post_text {
  position : absolute;
  left     : 40px;
  bottom   : 50px;
  max-width: 355px;
}

.post_s_item .post_text .cat {
  display       : inline-block;
  /* border     : 1px solid #ff2f92; */
  line-height   : 10px;
  /* padding    : 0px 18px; */
  color         : #fff;
  border-radius : 15px;
  font-size     : 15px;
  /* font-family: "Roboto", sans-serif; */
  margin-bottom : 20px;
  font-weight   : 700;
}

.post_s_item .post_text h4 {
  font-size         : 24px;
  line-height       : 30px;
  color             : #fff;
  padding-right     : 20px;
  margin-bottom     : 17px;
  -webkit-transition: all 300ms linear 0s;
  -o-transition     : all 300ms linear 0s;
  transition        : all 300ms linear 0s;
}

.post_s_item .post_text p {
  font-size    : 14px;
  line-height  : 24px;
  color        : #fff;
  margin-bottom: 22px;
}

.post_s_item .post_text .date a {
  color             : #fff;
  font-size         : 12px;
  font-weight       : normal;
  font-family       : "Roboto", sans-serif;
  margin-right      : 25px;
  -webkit-transition: all 300ms linear 0s;
  -o-transition     : all 300ms linear 0s;
  transition        : all 300ms linear 0s;
}

.post_s_item .post_text .date a i {
  padding-right: 5px;
}

.post_s_item .post_text .date a:last-child {
  margin-right: 0px;
}

.post_img img {
  height    : 500px;
  object-fit: cover;
}

.popular {
  background-color  : #fff;
  border            : 1px solid #e5e5e5;
  border-radius     : 4px;
  -webkit-transition: all .3s ease;
  transition        : all .3s ease;
  margin-bottom     : 30px;
  padding-bottom    : 5px;
  /*padding         : 20px 55px;*/
}

.content {
  position : relative;
  width    : 100%;
  max-width: 400px;
  margin   : auto;
  overflow : hidden;
}

.content .content-overlay {
  /*background        : rgb(0 0 0 / 25%);*/
  position          : absolute;
  height            : 100%;
  width             : 100%;
  left              : 0;
  top               : 0;
  bottom            : 0;
  right             : 0;
  opacity           : 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition   : all 0.4s ease-in-out 0s;
  transition        : all 0.4s ease-in-out 0s;
}

.popular img {
  width     : 100%;
  height    : 275px;
  object-fit: contain;
  margin-top: 15px;
}

.fadeIn-bottom {
  top: 80%;
}

.content-details {
  position          : absolute;
  text-align        : center;
  padding-left      : 0;
  padding-right     : 0;
  width             : 100%;
  top               : 50%;
  left              : 50%;
  opacity           : 0;
  -webkit-transform : translate(-50%, -50%);
  -moz-transform    : translate(-50%, -50%);
  transform         : translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition   : all 0.3s ease-in-out 0s;
  transition        : all 0.3s ease-in-out 0s;
}

.content-details h3 {
  color         : #fff;
  font-weight   : 400;
  letter-spacing: 0;
  margin-bottom : 0;
  text-transform: capitalize;
  padding       : 0;
  font-size     : 15px;
}

.question-button a {
  background   : #fff;
  padding      : 10px 15px;
  font-weight  : 600;
  color        : #56b4c1;
  border-color : #56b4c1;
  cursor       : pointer;
  border-radius: 4px;
}

.popular-info {
  padding : 15px 15px 0px 17px;
  overflow: hidden;
}

.popular-info h3 {
  font-size    : 18px;
  font-weight  : 600;
  margin-bottom: 15px;
}

.price {
  /* border-top: 1px solid #e5e5e5; */
  padding: 0px 17px 15px 17px;
}

.student {
  float: left;
  width: 70%;
  color: #6c757d;
}

.fee {
  text-align: right;
  color     : #f9a134;
}

.student p,
.fee p {
  margin-bottom: 8px;
  font-size    : 18px;
  color        : #0c6cbf;
  font-weight  : 600;
}

.popular:hover {
  -webkit-box-shadow: 0 5px 20px rgb(0 0 0 / 6%);
  box-shadow        : 0 5px 20px rgb(0 0 0 / 6%);
}

.popular:hover .content-overlay {
  opacity: 1;
}

.popular:hover .content-details {
  top    : 50%;
  left   : 50%;
  opacity: 1;
}

.price a {
  color      : #56b4c1;
  font-weight: 700;
}

.product-badge li.badge-2 {
  background-color: #d80000;
}

.bg-section {
  background-size  : cover;
  background-repeat: no-repeat;
  padding          : 0;
  text-align       : center;
  min-height       : 400px;
}

.category-slider .item {
  position: relative;
}

.category-slider .owl-nav {
  display: block !important;
}

.category-slider .owl-nav .owl-prev {
  position          : absolute;
  left              : 15px;
  top               : 43%;
  opacity           : 0;
  -webkit-transition: all 0.4s ease-out;
  transition        : all 0.4s ease-out;
  background        : #56b4c1 !important;
  width             : 40px;
  cursor            : pointer;
  height            : 40px;
  position          : absolute;
  display           : block;
  z-index           : 1000;
  border-radius     : 0;
}

.category-slider .owl-nav .owl-prev span {
  font-size  : 17px;
  color      : #fff;
  line-height: 42px;
}

.category-slider .owl-nav .owl-prev:focus {
  outline: 0;
}

.category-slider .owl-nav .owl-prev:hover {
  background: #56b4c1 !important;
}

.category-slider .owl-nav .owl-next {
  position          : absolute;
  right             : 15px;
  top               : 43%;
  opacity           : 0;
  -webkit-transition: all 0.4s ease-out;
  transition        : all 0.4s ease-out;
  background        : #56b4c1 !important;
  width             : 40px;
  cursor            : pointer;
  height            : 40px;
  position          : absolute;
  display           : block;
  z-index           : 1000;
  border-radius     : 0;
}

.category-slider .owl-nav .owl-next span {
  line-height: 42px;
  font-size  : 17px;
  color      : #fff;
}

.category-slider .owl-nav .owl-next:focus {
  outline: 0;
}

.category-slider .owl-nav .owl-next:hover {
  background: #56b4c1 !important;
}

.category-slider:hover .owl-prev {
  left   : -20px;
  opacity: 1;
}

.category-slider:hover .owl-next {
  right  : -20px;
  opacity: 1;
}

.package-list-wrap {
  overflow     : hidden;
  position     : relative;
  display      : block;
  border-radius: 4px;
  margin-bottom: 8.5%;
}

.package-list-wrap:before {
  position          : absolute;
  content           : '';
  top               : 0;
  left              : 0;
  width             : 100%;
  height            : 100%;
  background        : -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.6) 100%);
  background        : linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 90%);
  -webkit-transition: .3s;
  transition        : .3s;
  z-index           : 1;
}

.package-list-content {
  position          : absolute;
  bottom            : -55px;
  left              : 0;
  width             : 100%;
  padding           : 30px;
  color             : #fff;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  overflow          : hidden;
  z-index           : 10;
  -webkit-transition: all 0.4s;
  transition        : all 0.4s;
  text-align        : initial;
}

.package-list-duration {
  margin     : 0;
  font-weight: 600;
  padding    : 3px;
}

.package-list-title {
  font-size    : 23px;
  margin-top   : 0;
  margin-bottom: 10px;
  display      : block;
  float        : left;
  width        : 100%;
  font-weight  : 700;
  line-height  : 20px;
}

.package-list-button {
  display           : inline-block;
  background-color  : transparent;
  color             : #fff;
  padding           : 8px 0px 0;
  border-radius     : 4px;
  font-size         : 15px;
  font-weight       : 500;
  position          : relative;
  bottom            : -15px;
  opacity           : 0;
  -webkit-transition: all 0.4s;
  -o-transition     : all 0.4s;
  transition        : all 0.4s;
  letter-spacing    : 1px;
}

.package-list-button:hover {

  text-decoration: none;
  color          : #fff;
}

.package-list-wrap:after {
  position          : absolute;
  content           : '';
  top               : 0;
  left              : 0;
  width             : 100%;
  height            : 100%;
  background        : rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s;
  transition        : all 0.4s;
  opacity           : 0;
}

.package-list-wrap:hover:before {
  opacity: 0.8;
}

.package-list-wrap:hover>img {
  -webkit-transform: translate3d(0, 0, 0);
  transform        : translate3d(0, 0, 0);
}

.package-list-wrap:hover .package-list-content {
  bottom: 0;
}

.package-list-wrap:hover .package-list-button {
  bottom : 0;
  opacity: 1;
}

.package-list-title a,
.package-list-title a:hover {
  color          : #fff;
  text-decoration: none;
  line-height    : 30px;
}

.package-list-content span {
  background   : #1361b8;
  padding      : 8px;
  border-radius: 3px;
  position     : relative;
  top          : 7px;
  right        : -10px;
  font-weight  : 500;
}

.package-list-wrap img {
  height    : 400px;
  object-fit: cover;
}

.test-box {
  position  : relative;
  margin-top: 50px;
  padding   : 0px 20px 15px;
  transition: 0.3s all linear;
  text-align: left;
  border    : 2px solid #465c66;
  background: #fff;
}

.test-box .test-icon {
  width   : 70px;
  height  : 70px;
  margin  : -40px -10px 5px;
  position: relative;
}

.test-box .test-icon span {
  font-size       : 30px;
  line-height     : 70px;
  position        : relative;
  display         : inline-block;
  width           : 100%;
  height          : 100%;
  text-align      : center;
  color           : #fff;
  border          : 0px solid #fff;
  background-color: #465c66;
}

.card-body.testimonal-body {
  padding: 10px 0 0;
}

.testimonal-slide p {
  font-size: 16px;

}

.img-testimonal {
  width: 65px !important;
}

.testimonal-slide .media-body p {
  color        : #465c66;
  font-size    : 14px;
  margin-bottom: 0px;
}

.testimonal-cust {
  margin-bottom: 0;
  color        : #56b4c1;
  font-weight  : 700;
  margin-top   : 0;
}

.testimonal-slide .owl-dots {
  display: none !important;
}

.testimonal-section {
  background: #F8F8F8;
  padding   : 40px 0;
}

.payment ul {
  list-style-type: none;
  padding        : 0;
  display        : inline-flex;
}

.payment ul li {
  margin-right: 5px;
}

.payment h6 {
  font-size     : 14px;
  font-weight   : 500;
  text-transform: uppercase;
  margin-bottom : 0px;
  margin-top    : 30px;
  color         : #fff;
}

.border-part {
  border-top: 1px solid #fff;
}

.footer-copyright p {
  color        : #cecece;
  margin-bottom: 0;
  margin-top   : 15px;
  font-weight  : 500;
}

.footer-link ul {
  padding      : 0;
  list-style   : none;
  /* text-align: right; */
  display      : flex;
}

.footer-link ul li {
  /* float: right; */
  margin-left: 20px;
  color      : #cecece;
}

.footer-copyright img {
  height: 25px;
}

.new-arrival-section {
  padding   : 40px 0;
  background: #f8f8f8;
}

.category-section {
  padding: 40px 0;
}

section.breadcumb-section {
  background: #dedede;
  padding   : 40px;
}

.breadcumb-section .breadcrumb {
  background-color: #dedede !important;
}

.breadcumb-section .breadcrumb {
  background-color: #dedede !important;
  padding         : 0;
  margin-top      : -20px;
}

.breadcumb-section h2 {
  color      : #465c66;
  font-size  : 45px;
  font-weight: 700;
}

.page {
  margin-bottom: 30px;
  margin-top   : 30px;
}

.page .page-link {
  position        : relative;
  display         : block;
  padding         : .7rem .75rem;
  margin-left     : -1px;
  line-height     : 1.25;
  color           : #56b4c1;
  background-color: #fff;
  border          : 0px solid #dee2e6;
  outline         : none;
  font-size       : 20px;
  font-weight     : 600;
}

.page .page-link:focus {
  z-index   : 2;
  outline   : 0;
  box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 0%);
}

#custCarousel .carousel-indicators {
  position  : static;
  margin-top: 0;
}

#custCarousel .carousel-indicators>li {
  width: 100px
}

#custCarousel .carousel-indicators li img {
  display   : block;
  opacity   : 0.5;
  height    : 60px;
  width     : 100%;
  object-fit: cover;
}

#custCarousel .carousel-indicators li.active img {
  opacity: 1
}

#custCarousel .carousel-indicators li:hover img {
  opacity: 0.75
}

#custCarousel .carousel-item img {
  width     : 100%;
  height    : 500px;
  object-fit: cover;
}

section.detail-inner-section {
  padding: 40px 0;
}

.detail-list h5 {
  font-size  : 17px;
  font-weight: 700;
  color      : #465c66;
}

.detail-text h4 {
  font-size      : 25px;
  font-weight    : 600;
  color          : #4c4c4c;
  text-decoration: underline;
}

.detail-list span {
  font-weight: 500;
  color      : #5a5a5a;
  margin-left: 10px;
}

.price-item h3 {
  font-size: 18px;
  color    : #465c66;
}

.price-item strong {
  margin-left: 8px;
  font-size  : 28px;
  color      : #56b4c1;
}

.availabile-price {
  display: flex;
}

.price-item {
  width: 60%;
}

.available p {
  margin-bottom: 0;
  font-weight  : 600;
}

.available span {
  color      : #56b4c1;
  margin-left: 7px;
}

.buy-now ul {
  list-style-type: none;
  padding        : 0;
  display        : inline-flex;
}

.buy-now .nice-select {
  line-height  : 28px !important;
  border-radius: 0;
  background   : #e8e8e8;
}

.buy-now a {
  background : #56b4c1;
  color      : #fff;
  border     : 2px solid #56b4c1;
  padding    : 5px 25px;
  display    : block;
  margin-left: 25px;
}

.buy-now a:hover {
  background : #fff;
  color      : #56b4c1;
  border     : 2px solid #56b4c1;
  padding    : 5px 25px;
  display    : block;
  margin-left: 25px;
}

.share ul {
  padding   : 0;
  list-style: none;
}

.share {
  display   : flex;
  margin-top: 15px;
}

.share ul li {
  margin-top : 0px;
  margin-left: 12px;
}

.share ul {
  padding   : 0;
  list-style: none;
  display   : inline-flex;
}

.share ul li a {
  background: aliceblue;
  padding   : 12px;
  display   : grid;
}

.share ul li a.facebook {
  background: #3b5998;
  color     : #fff;
}

.share ul li a.twitter {
  background: #00acee;
  color     : #fff;
}

.share ul li a.instagram {
  background: #bc2a8d;
  color     : #fff;
}

.share span {
  margin-top : 5px;
  font-weight: 600;
}

#custCarousel a.carousel-control-prev {
  display: none;
}

#custCarousel a.carousel-control-next {
  display: none;
}

section.related-section {
  padding   : 40px 0;
  background: #e8e8e8;
}

.contact-list {
  position  : relative;
  display   : block;
  padding   : 45px 20px 40px;
  background: #ffffff;
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
}

.contact-list h4 {
  margin-top   : 10px;
  margin-bottom: 10px;
  font-size    : 18px;
  font-weight  : 800;
}

.contact-list h5 {
  margin-right : 5%;
  margin-left  : 5%;
  font-size    : 19px;
  font-weight  : 400;
  margin-bottom: 10px;
}

section.contact-section {
  padding: 40px 0;
}

.map iframe {
  width: 100% !important;
}

.contact-form-info {
  margin-top: 30px;
}

.contact-form-info h5 {
  font-weight: 700;
  font-size  : 29px;
  color      : #465c66;
  text-align : center;
}

.contact-form-info p {
  text-align: center;
}

.contact-form-info input {
  margin-bottom: 0;
}

/*.contact-form-info textarea {
    background: #f7f7f7;
        border-radius: 0;
        padding: 6px 40px 6px 20px;
}*/
.contact-form-info textarea:focus {
  border-color: #465C66;
  box-shadow  : 0 0 0 0.2rem rgb(0 0 0 / 0%)
}

.contact-form-info button {
  background: #56b4c1;
  color     : #fff;
  padding   : 10px 30px;
  border    : 2px solid #56b4c1;
}

.contact-form-info button:hover {
  background: #fff;
  color     : #56b4c1;
}

.contact-form-info textarea::-webkit-input-placeholder {
  font-size: 15px;
  color    : #000;
}

.about-img img {
  height    : 400px;
  object-fit: cover;
}

section.about-new-section {
  padding: 40px 0;
}

.about-text h3 {
  font-size  : 32px;
  color      : #56b4c1;
  font-weight: 700;
}

#faq .card {
  margin-bottom: 15px;
  border       : 0;
}

#faq .card .card-header {
  border            : 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  box-shadow        : 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius     : 2px;
  padding           : 0;
}

#faq .card .card-header .btn-header-link {
  color      : #fff;
  display    : block;
  text-align : left;
  background : #56b4c1;
  color      : #fff;
  padding    : 15px;
  font-weight: 700;
  font-size  : 18px;
}

#faq .card .card-header .btn-header-link:after {
  content    : "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float      : right;
  position   : relative;
}

#faq .card .card-header .btn-header-link.collapsed {
  background: #465c66;
  color     : #fff;
}

#faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#faq .card .collapse.show {
  background : #56b4c1;
  line-height: 30px;
  color      : #fff;
}

#faq .card .collapse {
  border: 0;
}

#faq .card .collapse.show {
  background : #56b4c1;
  line-height: 30px;
  color      : #fff;
}

section.faq-new-section {
  padding: 40px 0;
}

.btn.focus,
.btn:focus {
  outline   : 0;
  box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 0%) !important;
}

#faq .card-body {
  padding: 0 15px 15px;
}

.section-bg-5 {
  background-color: #1d2b31;
}

.header-bottom-area {
  background: #56b4c1;
}

.product-badge {
  position: absolute;
  top     : 20px;
  left    : 19%;
}

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

.product-badge li {
  list-style      : none;
  display         : inline-block;
  font-size       : 13px;
  font-weight     : 700;
  background-color: #56b4c1;
  color           : #fff;
  padding         : 1px 15px;
  text-transform  : uppercase;
  border-radius   : 0px 3px 3px 0px;
}

.header-feature-item {
  display             : -webkit-box;
  display             : -ms-flexbox;
  display             : flex;
  /* -webkit-box-align: center;
    -ms-flex-align    : center;
    align-items       : center;*/
  white-space         : nowrap;
  margin-right        : 50px;
  padding             : 25px 0;
  max-width           : 50%;
}

.header-feature-icon {
  margin-right: 20px;
  font-size   : 20px;
  line-height : 1;
  color       : #000;
  margin-top  : 10px;
}

.header-feature-info h6 {
  margin-bottom: 0;
}

.header-feature-info p {
  margin-bottom: 0px;
}

.btn-cart {
  background: #56b4c1;
  color     : #fff;
  padding   : 5px 25px;
  border    : 2px solid #56b4c1;
}

.btn-cart:hover {
  background: #fff;
  color     : #56b4c1;
  padding   : 5px 25px;
  border    : 2px solid #56b4c1;
}

div#ltn__utilize-cart-menu {
  background: #f8f8f8;
}

.ltn__utilize-menu-head .ltn__utilize-menu-title {
  font-weight   : 600;
  text-transform: uppercase;
  font-size     : 20px;
}

.cart-product-quantity .nice-select {
  line-height  : 28px !important;
  border-radius: 0;
  background   : #e8e8e8;
}

.form-control:focus {
  color           : #495057;
  background-color: #fff;
  border-color    : #80bdff;
  outline         : 0;
  box-shadow      : 0 0 0 0.2rem rgb(0 0 0 / 0%);
}

td.cart-product-info h4 {
  font-weight: 600;
  font-size  : 20px;
  color      : #56b4c1;
}

td.cart-product-info input {
  border       : solid 1px #e8e8e8;
  height       : 42px;
  margin-bottom: 0;
  margin-top   : 10px;
}

td.cart-product-info input::-webkit-input-placeholder {
  color: rgb(142, 141, 141) !important;
}

section.cart-section {
  padding: 40px 0;
}

.login-cart-section .card0 {
  box-shadow   : 0px 4px 8px 0px #757575;
  border-radius: 0px
}

.login-cart-section .card2 {
  margin: 0px 40px
}

.login-cart-section .logo {
  width      : 200px;
  height     : 100px;
  margin-top : 20px;
  margin-left: 35px
}

.login-cart-section .image {
  width : 360px;
  height: 280px
}

.login-cart-section .border-line {
  border-right: 1px solid #EEEEEE
}

.login-cart-section .facebook {
  background-color: #3b5998;
  color           : #fff;
  font-size       : 18px;
  padding-top     : 5px;
  border-radius   : 50%;
  width           : 35px;
  height          : 35px;
  cursor          : pointer;
  line-height     : 27px;
}

.login-cart-section .twitter {
  background-color: #4285F4;
  color           : #fff;
  font-size       : 18px;
  padding-top     : 5px;
  border-radius   : 50%;
  width           : 35px;
  height          : 35px;
  cursor          : pointer;
  line-height     : 27px;
}

.login-cart-section .linkedin {
  background-color: #2867B2;
  color           : #fff;
  font-size       : 18px;
  padding-top     : 5px;
  border-radius   : 50%;
  width           : 35px;
  height          : 35px;
  cursor          : pointer
}

.login-cart-section .facebook a:hover {
  color: #fff;
}

.login-cart-section .twitter a:hover {
  color: #fff;
}

.login-cart-section .linkedin a:hover {
  color: #fff;
}

.login-cart-section .line {
  height          : 1px;
  width           : 45%;
  background-color: #E0E0E0;
  margin-top      : 10px
}

.login-cart-section .or {
  width      : 10%;
  font-weight: bold
}

.login-cart-section .text-sm {
  font-size  : 14px !important;
  font-weight: 600;
}


.login-cart-section .btn-blue {
  background-color: #1A237E;
  width           : 150px;
  color           : #fff;
  border-radius   : 2px
}

.login-cart-section .btn-blue:hover {
  background-color: #000;
  cursor          : pointer
}

.login-cart-section .bg-blue {
  color           : #fff;
  background-color: #1A237E
}

@media screen and (max-width: 991px) {
  .login-cart-section .logo {
    margin-left: 0px
  }

  .login-cart-section .image {
    width : 300px;
    height: 220px
  }

  .login-cart-section .border-line {
    border-right: none
  }

  .login-cart-section .card2 {
    border-top: 1px solid #EEEEEE !important;
    margin    : 0px 15px
  }
}

.login-cart-section input {
  border: 1px solid #000;
}

.login-cart-section input ::placeholder {
  color      : #BDBDBD;
  opacity    : 1;
  font-weight: 300
}

.login-cart-section input :-ms-input-placeholder {
  color      : #BDBDBD;
  font-weight: 300
}

.login-cart-section input ::-ms-input-placeholder {
  color      : #BDBDBD;
  font-weight: 300
}

.login-cart-section input,
.login-cart-section textarea {
  padding       : 10px 12px 10px 12px;
  border        : 1px solid lightgrey;
  border-radius : 2px;
  margin-bottom : 5px;
  margin-top    : 2px;
  width         : 100%;
  box-sizing    : border-box;
  color         : #2C3E50;
  font-size     : 14px;
  letter-spacing: 1px
}

.login-cart-section input:focus,
.login-cart-section textarea:focus {
  -moz-box-shadow   : none !important;
  -webkit-box-shadow: none !important;
  box-shadow        : none !important;
  border            : 1px solid #304FFE;
  outline-width     : 0
}

.login-cart-section button:focus {
  -moz-box-shadow   : none !important;
  -webkit-box-shadow: none !important;
  box-shadow        : none !important;
  outline-width     : 0
}

.login-cart-section a {
  cursor: pointer;
}

.popup-form input ::placeholder {
  color      : #BDBDBD;
  opacity    : 1;
  font-weight: 300
}

.popup-form input :-ms-input-placeholder {
  color      : #BDBDBD;
  font-weight: 300
}

.popup-form input ::-ms-input-placeholder {
  color      : #BDBDBD;
  font-weight: 300
}

.popup-form input,
.popup-form textarea {
  padding       : 10px 12px 10px 12px;
  border        : 1px solid lightgrey;
  border-radius : 2px;
  margin-bottom : 5px;
  margin-top    : 2px;
  width         : 100%;
  box-sizing    : border-box;
  color         : #2C3E50;
  font-size     : 14px;
  letter-spacing: 1px
}

.popup-form input:focus,
.popup-form textarea:focus {
  -moz-box-shadow   : none !important;
  -webkit-box-shadow: none !important;
  box-shadow        : none !important;
  border            : 1px solid #304FFE;
  outline-width     : 0
}

.popup-form button:focus {
  -moz-box-shadow   : none !important;
  -webkit-box-shadow: none !important;
  box-shadow        : none !important;
  outline-width     : 0
}

.btn-close {
  background: #465c66;
  color     : #fff;
  padding   : 5px 25px;
  border    : 2px solid #465c66;
}

.btn-close:hover {
  background: #fff;
  color     : #465c66;
  padding   : 5px 25px;
  border    : 2px solid #465c66;
}

.ltn__utilize-menu-search-form input {
  background: #dedede;
}

.slider-part .owl-nav {
  display: none;
}

.contact-form-info input ::placeholder {
  color      : #BDBDBD;
  opacity    : 1;
  font-weight: 300
}

.contact-form-info input :-ms-input-placeholder {
  color      : #BDBDBD;
  font-weight: 300
}

.contact-form-info input ::-ms-input-placeholder {
  color      : #BDBDBD;
  font-weight: 300
}

.contact-form-info input,
.contact-form-info textarea {
  padding       : 10px 12px 10px 12px;
  border        : 1px solid lightgrey;
  border-radius : 2px;
  margin-bottom : 5px;
  margin-top    : 2px;
  width         : 100%;
  box-sizing    : border-box;
  color         : #2C3E50;
  font-size     : 14px;
  letter-spacing: 1px
}

.contact-form-info input:focus,
.contact-form-info textarea:focus {
  -moz-box-shadow   : none !important;
  -webkit-box-shadow: none !important;
  box-shadow        : none !important;
  border            : 1px solid #304FFE;
  outline-width     : 0
}

.contact-form-info button:focus {
  -moz-box-shadow   : none !important;
  -webkit-box-shadow: none !important;
  box-shadow        : none !important;
  outline-width     : 0
}

input:focus,
textarea:focus {
  -moz-box-shadow   : none !important;
  -webkit-box-shadow: none !important;
  box-shadow        : none !important;
  border            : 1px solid #56b4c1 !important;
  outline-width     : 0;
}

section.checkout-section {
  padding: 40px 0;
}

#checkout_accordion ul {
  list-style-type: none;
  padding        : 0;
  display        : inline-flex;
}

#checkout_accordion ul li {
  margin-right: 15px;
}


.list-group-item {
  position        : relative;
  display         : block;
  padding         : .75rem 1.25rem;
  margin-bottom   : -1px;
  background-color: #fff;
  border          : 2px solid #56b4c1;
}

.list-group-item.active {
  z-index         : 2;
  color           : #000;
  background-color: #56b4c147;
  border-color    : #56b4c1;
}

.hidden {
  display: none;
}

.coupon input {
  background: #ececec;
}

.btn-coupon {
  background: #56b4c1;
  color     : #fff;
  padding   : 5px 25px;
  border    : 2px solid #56b4c1;
  height    : 50px;
}

.btn-coupon:hover {
  background: #fff;
  color     : #56b4c1;
  padding   : 5px 25px;
  border    : 2px solid #56b4c1;
}

.splide--ttb>.splide__arrows .splide__arrow,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow {
  left      : 98%;
  transform : translate(-50%);
  background: transparent;
  color     : #fff !important;
}

.splide__pagination__page.is-active {
  transform : scale(1.4);
  background: #b1b1b1;
  border    : 2px solid #fff;
  padding   : 4px;
}

.splide__slide img {
  width : 100%;
  height: 400px !important;
}

section.slider-new-section {
  margin-top: 10px;
}

/*.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: right;
    -webkit-tap-highlight-color: transparent;
    transform: rotate(
90deg
);
    position: relative;
    left: 56%;
    top: 0;
}*/
.banner-slide .carousel-control-next-icon,
.banner-slide .carousel-control-prev-icon {
  display   : inline-block;
  width     : 20px;
  height    : 20px;
  background: no-repeat 50%/100% 100%;
  transform : rotate(90deg);
}

.banner-slide .carousel-control-prev {
  right: 0;
  top  : -75%;
  left : auto !important;
}

.banner-slide .carousel-control-next {
  right: 0;
  top  : 82%;
}

.banner-slide .carousel-indicators {
  /* position: absolute; */
  right          : -700px;
  bottom         : 0;
  left           : 600px;
  top            : 0;
  z-index        : 1;
  display        : -ms-flexbox;
  display        : flex;
  -ms-flex-pack  : center;
  justify-content: center;
  padding-left   : 0;
  margin-right   : 15%;
  margin-left    : 15%;
  /* list-style  : none; */
  transform      : rotate(270deg);
}

.banner-slide .carousel-indicators li {
  width        : 10px;
  height       : 10px;
  border-radius: 50%;
}

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
  -webkit-transform: translate3d(0, 0, 0);
  transform        : translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
  -webkit-transform: translate3d(0, 100%, 0);
  transform        : translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
  -webkit-transform: translate3d(0, -100%, 0);
  transform        : translate3d(0, -100%, 0);
}

.banner-slide .carousel-control-next,
.banner-slide .carousel-control-prev {
  width: 7%;

}

.img-new-slide {
  height    : 600px;
  object-fit: cover;
}

@media (max-width: 575.98px) {

  .img-new-slide {
    height    : auto;
    object-fit: cover;
  }

}

@media (max-width:321px) {
  .banner-slide .carousel-indicators {
    position       : absolute;
    right          : -160px;
    bottom         : 0;
    left           : 153px;
    top            : 0;
    z-index        : 15;
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-pack  : center;
    justify-content: center;
    padding-left   : 0;
    margin-right   : 15%;
    margin-left    : 15%;
    list-style     : none;
    transform      : rotate(270deg);
    display        : none;
  }

  #scrollUp {
    background-color  : #fff;
    color             : #56b4c1;
    border            : 2px solid #56b4c1;
    bottom            : 100px;
    font-size         : 20px;
    font-weight       : bold;
    height            : 40px;
    width             : 40px;
    right             : 10%;
    text-align        : center;
    -webkit-transform : rotate(45deg);
    -ms-transform     : rotate(45deg);
    transform         : rotate(45deg);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition     : all 0.3s ease 0s;
    transition        : all 0.3s ease 0s;
  }

  .banner-slide .carousel-control-next,
  .banner-slide .carousel-control-prev {
    width: 20%;
  }
}

@media (min-width: 321px) and (max-width: 430px) {


  .banner-slide .carousel-control-next,
  .banner-slide .carousel-control-prev {
    width: 20%;
  }
}

@media (min-width: 321px) and (max-width: 767px) {
  .banner-slide .carousel-indicators {
    /* position: absolute; */
    right          : -700px;
    bottom         : 0;
    left           : 600px;
    top            : 0;
    z-index        : 15;
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-pack  : center;
    justify-content: center;
    padding-left   : 0;
    margin-right   : 15%;
    margin-left    : 15%;
    /* list-style  : none; */
    transform      : rotate(270deg);
    display        : none !important;
  }

  #scrollUp {
    background-color  : #fff;
    color             : #56b4c1;
    border            : 2px solid #56b4c1;
    bottom            : 100px;
    font-size         : 20px;
    font-weight       : bold;
    height            : 40px;
    width             : 40px;
    right             : 30px;
    text-align        : center;
    -webkit-transform : rotate(45deg);
    -ms-transform     : rotate(45deg);
    transform         : rotate(45deg);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition     : all 0.3s ease 0s;
    transition        : all 0.3s ease 0s;
  }

  .banner-slide .carousel-control-next,
  .banner-slide .carousel-control-prev {
    width: 20%;
  }
}

@media (min-width: 431px) and (max-width: 578px) {
  .banner-slide .carousel-indicators {
    position       : absolute;
    right          : 0px;
    bottom         : 0;
    left           : 46%;
    top            : 0;
    z-index        : 15;
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-pack  : center;
    justify-content: center;
    padding-left   : 0;
    margin-right   : 15%;
    margin-left    : 15%;
    list-style     : none;
    transform      : rotate(90deg);
    display        : none;
  }

  .banner-slide .carousel-control-next,
  .banner-slide .carousel-control-prev {
    width: 20%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

  .banner-slide .carousel-indicators {
    /* position: absolute; */
    right          : -766px;
    bottom         : 0;
    left           : 140px;
    top            : 0;
    z-index        : 1;
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-pack  : center;
    justify-content: center;
    padding-left   : 0;
    margin-right   : 15%;
    margin-left    : 15%;
    /* list-style  : none; */
    transform      : rotate(270deg);
  }

  .gif-img {
    position: relative;
    z-index : 15;
  }

  #scrollUp {
    background-color  : #fff;
    color             : #56b4c1;
    border            : 2px solid #56b4c1;
    bottom            : 100px;
    font-size         : 20px;
    font-weight       : bold;
    height            : 40px;
    width             : 40px;
    right             : 4%;
    text-align        : center;
    -webkit-transform : rotate(45deg);
    -ms-transform     : rotate(45deg);
    transform         : rotate(45deg);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition     : all 0.3s ease 0s;
    transition        : all 0.3s ease 0s;
  }
}

/*_________________________dashboard________________________*/


.breadcumb-section .breadcrumb .breadcrumb-item>a>i {
  margin-top    : -.175rem;
  margin-right  : .325rem;
  font-size     : 1.05em;
  vertical-align: middle;
}

/*____________________________main-content ____________________*/
.main-content {
  padding: 3em 0
}

.sidebar {
  width           : 100%;
  max-width       : 22rem;
  background-color: #fff;
  padding         : 1.875rem 1.875rem;
  position        : sticky;
  top             : 20px;
  box-shadow      : 0 .3rem 1.525rem -.375rem rgba(0, 0, 0, .1)
}

.sidebar .img-thumbnail {
  padding         : .25rem;
  background-color: #fff;
  border          : 0px solid #dee2e6;
  border-radius   : .25rem;
  max-width       : 100%;
  height          : auto;
}

.sidebar img.rounded-circle {
  width     : 100%;
  height    : auto;
  object-fit: cover;
}

.sidebar h3 {
  font-size: 1rem;
}

.sidebar span {
  font-size: .88rem;
}

.sidebar .text-primary {
  color: #56b4c1 !important;

}

.text-red {
  color: #fe4949 !important;
}

.text-green {
  color: #009411 !important;
}

.sidebar span b {
  font-weight: 500
}


.side_menu_title span {
  font-size  : 20px;
  font-weight: 800;
  color      : #56b4c1;
  padding    : 15px 25px 5px 30px;
  display    : block;
}

#sidebar_menu {
  padding: 0
}

.dashboard_part .sidebar #sidebar_menu {
  padding: 0;
  margin : 0
}

#sidebar_menu li {
  list-style-type: none;
  margin         : 0
}

/*+++++++++++*/

.dashboard_part .sidebar #sidebar_menu li {
  margin : 0;
  padding: 0
}

#sidebar_menu li a {
  font-size            : 16px;
  font-weight          : 400;
  color                : #676B84;
  padding              : 15px 25px 15px 30px;
  background           : #fff;
  transition           : .3s;
  position             : relative;
  z-index              : 0;
  display              : grid;
  grid-template-columns: 26px auto;
  grid-gap             : 15px;
  align-items          : center;
  position             : relative;
  background           : transparent;
}

#sidebar_menu li i {
  font-size: 1.2rem;
}

#sidebar_menu li a:hover {
  color: #56b4c1;
}

.sign-out {
  color      : #fe6b6c;
  font-weight: 600;
}

.dashboard_part .white_box,
.order-section .white_box,
.setting-section .white_box,
.order-details-section .white_box {
  width                : 100%;
  background-color     : #fff;
  padding              : 1.875rem 1.875rem;
  -webkit-border-radius: 10px;
  -moz-border-radius   : 10px;
  border-radius        : 10px;
  position             : relative;
  box-shadow           : 0 .3rem 1.525rem -.375rem rgba(0, 0, 0, .1)
}

.dashboard_part .white_box .main-title h4 {
  font-size  : 20px;
  font-weight: 800;
  color      : #56b4c1;
  padding    : 15px 0;
  /*display  : block;*/
}


/*form*/

.main-content .white_box input {
  background      : rgba(255, 255, 255, 0.1);
  border          : 1px solid transparent;
  font-size       : 16px;
  height          : auto;
  margin          : 0;
  outline         : 0;
  padding         : 15px;
  width           : 100%;
  background-color: #e8eeef;
  color           : #8a97a0;
  box-shadow      : 0 1px 0 rgba(0, 0, 0, 0.03) inset;
  margin-bottom   : 30px;
}

.main-content .white_box input::placeholder {
  font-size     : 15px;
  letter-spacing: 0px
}



.main-content .white_box select {
  padding      : 6px;
  height       : 32px;
  border-radius: 2px;
}

.main-content .white_box .contact_form button {
  width           : 175px;
  background-color: #56b4c1;
  color           : #FFF;
  font-weight     : bold;
  border          : none;
  outline         : none;
  font-size       : 18px;
  text-transform  : capitalize;
  padding         : 10px;
  cursor          : pointer;
  position        : relative;
  transition      : 0.35s ease-in-out;
  border          : 2px solid #56b4c1;
  border-radius   : 4px;
}

fieldset {
  margin-bottom: 30px;
  border       : none;
}

legend {
  font-size    : 1.4em;
  margin-bottom: 10px;
}

label {
  display      : block;
  margin-bottom: 8px;
}

label.light {
  font-weight: 300;
  display    : inline;
}

.number {
  background-color: #5fcf80;
  color           : #fff;
  height          : 30px;
  width           : 30px;
  display         : inline-block;
  font-size       : 0.8em;
  margin-right    : 4px;
  line-height     : 30px;
  text-align      : center;
  text-shadow     : 0 1px 0 rgba(255, 255, 255, 0.2);
  border-radius   : 100%;
}

@media screen and (min-width: 480px) {

  /*form {
    max-width: 480px;
  }*/

}

.dashboard_part .btn {
  display        : flex;
  justify-content: center;
}

.dashboard_part button {
  width           : 220px;
  background-color: #56b4c1;
  color           : #FFF;
  font-weight     : bold;
  border          : none;
  outline         : none;
  font-size       : 18px;
  text-transform  : capitalize;
  padding         : 10px;
  cursor          : pointer;
  position        : relative;
  transition      : 0.35s ease-in-out;
  border          : 2px solid #56b4c1;
  border-radius   : 4px;

}


.dashboard_part button:hover {
  background: #fff;
  color     : #56b4c1;
  padding   : 10px 5px;
  border    : 2px solid #56b4c1;
}




.file-upload {
  background-color: #ffffff;
  width           : 550px;
  margin          : 0 auto;
  text-align      : center;
  padding         : 20px 0;
}

.file-upload-btn {
  width           : 220px;
  background-color: #56b4c1;
  color           : #FFF;
  font-weight     : bold;
  border          : none;
  outline         : none;
  font-size       : 18px;
  text-transform  : capitalize;
  padding         : 10px;
  cursor          : pointer;
  position        : relative;
  transition      : 0.35s ease-in-out;
  border          : 2px solid #56b4c1;
}

.file-upload-btn:hover {
  background: #1AA059;
  color     : #ffffff;
  transition: all .2s ease;
  cursor    : pointer;
}

.file-upload-btn:active {
  border    : 0;
  transition: all .2s ease;
}

.file-upload-content {
  display   : none;
  text-align: center;
}

.file-upload-input {
  position: absolute;
  margin  : 0;
  padding : 0;
  width   : 100%;
  height  : 100%;
  outline : none;
  opacity : 0;
  cursor  : pointer;
  left    : 0;
  top     : 0;
  right   : 0;
  bottom  : 0;
}

.image-upload-wrap {
  margin-top: 20px;
  border    : 4px dashed #56b4c1;
  position  : relative;
}

.image-dropping,
.image-upload-wrap:hover {
  background-color: #56b4c1;
  border          : 4px dashed #ffffff;
}

.image-dropping,
.image-upload-wrap:hover .drag-text h3 {
  color: #fff
}

.image-title-wrap {
  padding: 0 15px 15px 15px;
  color  : #222;
}

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

.drag-text h3 {
  font-weight   : 600;
  text-transform: capitalize;
  color         : #56b4c1;
  padding       : 60px 15px;
  margin        : 0
}

.file-upload-image {
  max-height: 200px;
  max-width : 200px;
  margin    : auto;
  padding   : 20px;
}

.remove-image {
  width         : 200px;
  margin        : 0;
  color         : #fff;
  background    : #cd4535;
  border        : none;
  padding       : 10px;
  border-radius : 4px;
  border-bottom : 4px solid #b02818;
  transition    : all .2s ease;
  outline       : none;
  text-transform: uppercase;
  font-weight   : 700;
}

.remove-image:hover {
  background: #c13b2a;
  color     : #ffffff;
  transition: all .2s ease;
  cursor    : pointer;
}

.remove-image span {

  font-size: 12px;
}

.remove-image:active {
  border    : 0;
  transition: all .2s ease;
}

/*_____________order-Page______________*/
.order-section {
  padding: 3em 0
}

.order-panel .nav-tabs {
  border-bottom: none;
}

.order-panel .nav-tabs li {
  margin: 0
}

.order-panel .nav-tabs li a.active {
  color           : #fe696a;
  background-color: rgba(0, 0, 0, 0);
  border-color    : #fe696a;
  border          : 0;
  border-bottom   : 1px solid #fe696a
}

.order-panel .btn-outline-secondary {
  color       : #56b4c1;
  border-color: #56b4c1;
}

.order-panel .btn-outline-secondary:hover {
  background-color: #56b4c1;
  color           : #fff;
  border          : 1px solid #56b4c1;
}

.order-panel .input-group-overlay {
  position: relative;
  width   : 100%
}

.input-group-append-overlay {
  right: 0;
}

.input-group-append-overlay,
.input-group-prepend-overlay {
  display : -ms-flexbox;
  display : flex;
  position: absolute;
  top     : 0;
  height  : 100%;
  z-index : 5;
}

.input-group-append-overlay {
  right: 0;
}

.input-group-append-overlay,
.input-group-prepend-overlay {
  display : -ms-flexbox;
  display : flex;
  position: absolute;
  top     : 0;
  height  : 100%;
  z-index : 5;
}

.order-panel .input-group-overlay input {
  padding-right             : 2.5rem;
  border-top-right-radius   : .3125rem !important;
  border-bottom-right-radius: .3125rem !important;
  height                    : 44px;
  margin                    : 0
}

.order-panel .input-group-text {
  border          : 0;
  background-color: transparent;
}

.order-panel .dropdown-menu {
  padding  : 0;
  min-width: 20rem
}

.order-section .white_box .table-class {
  margin-top: 1.789rem;
}

.table-class .table thead th {
  font-weight   : 700;
  background    : #f6f9fc;
  font-size     : 16px;
  text-align    : center;
  border-bottom : none;
  vertical-align: middle;
}

.table-class .table tbody td {
  vertical-align: middle;
  cursor        : pointer;
  text-align    : center;
  font-size     : .84rem;
}

.table-class td .btn {
  background: #fe6b6c;
}

.table-class td .btn a {
  color: #fff;
}

.table td,
.table th {
  border-top: 1px solid #e3e9ef;
  padding   : 1rem;
}

/*_________________setting-section________________*/
.setting-section {
  padding: 3em 0
}

.setting-section .setting-list {
  list-style: none;
  padding   : 0;
  font-size : .9rem;
  border    : 1px solid #e3e9ef;
}

.setting-section .white_box .main-title h4 {
  font-size  : 20px;
  font-weight: 800;
  color      : #56b4c1;
  padding    : 15px 0;
}

/* Switch styles */


.setting-section .switch {
  appearance      : none;
  height          : 2em;
  width           : 4em;
  background-color: #c2c2c2;
  cursor          : pointer;
  border-radius   : 1em;
  position        : relative;
  transition      : background-color 0.3s ease;
}

.setting-section .custom-checkbox {
  margin-top: 14px
}

.setting-section span {
  font-size     : 16px;
  text-transform: capitalize;
}

.setting-section .switch::before {
  content         : "";
  height          : 100%;
  width           : 50%;
  background-color: white;
  position        : absolute;
  border-radius   : 50%;
  border          : #c2c2c2 solid 0.2em;
  transition      : transform 0.3s ease, border-color 0.3s ease;
}

.setting-section .switch:checked {
  background-color: #56b4c1;
}

.setting-section .switch:checked::before {
  border-color: #56b4c1;
  transform   : translateX(100%);
}

@media screen and (max-width: 500px) {
  .setting-section .switch {
    outline: none;
  }
}


.setting-section .setting-block ul li {
  margin : 0;
  padding: 1.4rem
}

.setting-section .setting-block ul li:first-child {
  background: #f6f9fc;
}

.setting-section .setting-block ul li h4 {
  font-size     : 18px;
  font-weight   : 400;
  color         : #676B84;
  margin        : 0;
  transition    : .3s;
  position      : relative;
  z-index       : 0;
  text-transform: capitalize;
}

.setting-section .setting-block ul li p {
  font-size : 15px;
  color     : #676B84;
  margin-top: 6px
}

.setting-button .btn {
  width           : 90px;
  margin-top      : 20px;
  background-color: #56b4c1;
  color           : #FFF;
  font-weight     : bold;
  border          : none;
  outline         : none;
  font-size       : 16px;
  text-transform  : capitalize;
  padding         : 10px;
  cursor          : pointer;
  position        : relative;
  transition      : 0.35s ease-in-out;
  border          : 2px solid #56b4c1;
  border-radius   : 4px;
}

/*_______________________order-details-section__________________________*/
.order-details-section {
  padding: 3em 0
}

.order-details-section .order-detail-panel {
  padding-left: 40px
}

.order-details-section .order-detail-panel .table-class .card {
  padding  : 0;
  font-size: .9rem;
  border   : 1px solid #e3e9ef;
}

.order-details-section .order-detail-panel .table-class .card .card-header {
  padding         : .75rem 1.25rem;
  margin-bottom   : 0;
  background-color: #f6f9fc;
  border-top      : 1px solid #e3e9ef;
  border-bottom   : 1px solid #e3e9ef;
  font-size       : .8rem;
}

.order-details-section .order-detail-panel .table-class .card .card-header>span {
  position       : absolute;
  left           : -53px;
  background     : #56b4c1;
  width          : 36px;
  height         : 36px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  color          : #fff;
  border-radius  : 100%;
  box-shadow     : 0 0 5px #0000004a;
}

.order-details-section .order-detail-panel .table-class .card .card-header h5 {
  font-size     : 18px;
  font-weight   : 400;
  color         : #676B84;
  margin        : 0;
  transition    : .3s;
  position      : relative;
  z-index       : 0;
  text-transform: capitalize;
}

.order-details-section .order-detail-panel .table-class .card .badge-success {
  background: #56b4c1;
  font-size : 10px
}

.order-detail-panel .table-order {
  margin       : -20px;
  padding      : 0;
  border-radius: 0;
  box-shadow   : none;
}

.order-date,
.order-status {
  font-size: .8rem;
  color    : #676B84;
}

/*.order-status {
    display: flex;
    align-items: center;
}*/
.badge {
  padding    : 5px;
  margin-left: 10px;
}

.table-order table.table {
  font-weight: 400;
  font-size  : .82rem;
  margin     : 0;
}

.table-order table.table thead th.title {
  width: 350px;
}

.table-order table.table thead th {
  font-weight   : 500;
  background    : #f6f9fc;
  font-size     : .8rem;
  border-bottom : none;
  text-align    : left;
  vertical-align: middle;
}

.table-order table.table tbody td:last-child,
.table-order table.table thead th:last-child {
  text-align: right;
}

.table-order table.table tbody td {
  vertical-align: middle;
  cursor        : pointer;
  font-size     : .84rem;
  text-align    : left;
}

.table-order table.table tbody h5 {
  font-weight: 500;
  font-size  : .84rem;
  margin     : 0;
  line-height: 1.4;
}

.product-title {
  text-transform: initial;
  color         : #2e3141;
  line-height   : 1.6;
  text-align    : center;
}

.order-price-info>ul {
  padding: 1rem 1rem;
  margin : 0;
}

.list-unstyled>li {
  margin-bottom: .4rem;
}

.card-header .card-header-icon::after {
  content          : '';
  position         : absolute;
  right            : -12px;
  border           : 7px solid transparent;
  border-left-color: #56b4c1;
}

.card-header h5 {
  margin     : 0;
  font-size  : .9rem;
  font-weight: 400;
}

.action a {
  font-size: 166px;
  color    : #676B84
}

.card-body>.row {
  margin-right: -10px;
  margin-left : -10px;
}

.card-body>.row>.col-md-4 {
  padding-right: 10px;
  padding-left : 10px;
}

.order-detail-panel:before {
  content    : '';
  width      : 1px;
  height     : 70%;
  top        : 6rem;
  position   : absolute;
  left       : 35px;
  border-left: 2px dotted #56b4c1;
}

.code-body {
  text-align      : center;
  font-size       : .8rem;
  margin-bottom   : 0;
  background-color: #f6f9fc;
  border          : 1px solid #e3e9ef;
  margin-bottom   : 20px;
}

.get-code {
  padding: .8rem .5rem;
}

.get-code p {
  margin   : 0;
  font-size: .8rem;
  color    : #676B84
}

.hide-show-toggle {
  background: transparent !important;
}

.custom-file {
  margin-top: 12px
}

.custom-file .custom-file-input {
  width: 8rem
}

.custom-file-label::after {
  background: #56b4c1;
  color     : #fff
}

.description-part {
  margin-top: 60px;
  position  : relative;
}

.description-part h4 {
  font-weight: 700;
  font-size  : 22px;
  background : #56b4c1;
  color      : #fff;
  display    : inline-block;
  padding    : 5px 15px;
}

.description-part h4:before {
  content   : '';
  position  : absolute;
  background: #56b4c1;
  width     : 100%;
  height    : 3px;
  top       : 18px;
  z-index   : -1;
}

.description-part p {
  margin-bottom: 12px;
  font-weight  : 400;
}

.select-option .nice-select .list {
  width: 100%;
}

span.selected-items {
  border    : 2px solid;
  background: #56b4c1;
  color     : #fff;
  margin-top: 10px;
  display   : inline-block;
  font-size : 13px;
  padding   : 0 5px;
}

.input-part input {
  border       : solid 1px #e8e8e8;
  height       : 42px;
  margin-bottom: 0;
  margin-top   : 10px;
}

.input-part input::-webkit-input-placeholder {
  color: rgb(142, 141, 141) !important;
}

.select-option .nice-select {
  border-radius: 0;
}

/*______________*/
.order-detail-panel .custom-file-button {
  display    : flex;
  align-items: center;

  margin-top: 20px !important;
}

.order-detail-panel .custom-file-button .file {
  display: none;
}

.order-detail-panel .custom-file-button .file-name {
  position      : relative;
  overflow      : hidden;
  line-height   : 30px;
  padding       : 5px;
  box-sizing    : border-box;
  font-size     : 15px;
  vertical-align: middle;
  width         : 300px;
  border        : 1px solid #ced4da;
  border-radius : 0;
  height        : calc(1.5em + .75rem);
  margin-bottom : 15px;
}

.order-detail-panel .custom-file-button .btn {
  border          : none;
  height          : 100%;
  width           : auto;
  box-sizing      : border-box;
  transition      : all 0.6s;
  color           : #fff;
  font-size       : 15px;
  vertical-align  : middle;
  text-transform  : capitalize;
  height          : calc(1.5em + .75rem);
  padding         : .375rem .75rem;
  line-height     : 1.5;
  color           : #fff;
  content         : "Browse";
  background-color: #56b4c1;
  border-left     : inherit;
  border-radius   : 0 .25rem .25rem 0;
}

.order-detail-panel .custom-file-button .btn:hover {
  box-shadow: 0 0 5px #56b4c1;
}

.form-error-red {
  color: red;
}

.order-date {
  margin-right: 30px;
}

/* .order-status {
  display: contents;
} */
.order-btn button {
  background   : #56b4c1;
  color        : #fff;
  padding      : 4px 15px;
  display      : inline-block;
  border-radius: 5px;
  border       : 1px solid #56b4c1;
}

.order-btn button:hover {
  background: #fff;
  color     : #56b4c1;

}

.banner-slide {
  margin-bottom: 10px;
}

@media (max-width: 320px) {

  .product-badge {
    position: absolute;
    top     : 20px;
    left    : 18% !important;
  }
}

@media (min-width: 321px) and (max-width: 375px) {
  .product-badge {
    position: absolute;
    top     : 20px;
    left    : 23% !important;
  }

}

@media (min-width: 376px) and (max-width: 425px) {
  .product-badge {
    position: absolute;
    top     : 20px;
    left    : 27% !important;
  }
}

@media (min-width: 576px) and (max-width: 768px) {

  /*    .popular {*/
  /*    background-color: #fff;*/
  /*    border: 1px solid #e5e5e5;*/
  /*    border-radius: 4px;*/
  /*    -webkit-transition: all .3s ease;*/
  /*    transition: all .3s ease;*/
  /*    margin-bottom: 30px;*/
  /*    padding-bottom: 5px;*/
  /*    padding: 15px ;*/
  /*}*/
  .owl-nav {
    display: none;
  }

  .img-new-slide {
    height    : 375px;
    object-fit: cover;
  }

  .banner-slide .carousel-indicators {
    position       : absolute;
    right          : 0px;
    bottom         : 0;
    left           : 50%;
    top            : 0;
    z-index        : 15;
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-pack  : center;
    justify-content: center;
    padding-left   : 0;
    margin-right   : 15%;
    margin-left    : 15%;
    list-style     : none;
    transform      : rotate(90deg);
  }
}

@media (max-width: 768px) {

  /*    .product-badge {*/
  /*    position: absolute;*/
  /*    top: 20px;*/
  /*    left: 6%;*/
  /*}*/
  .bg-section {
    background-size  : contain;
    background-repeat: no-repeat;
    padding          : 0;
    text-align       : center;
    min-height       : 205px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .img-new-slide {
    height    : 435px;
    object-fit: cover;
  }

  .bg-section {
    background-size  : contain;
    background-repeat: no-repeat;
    padding          : 0;
    text-align       : center;
    min-height       : 275px;
  }

  .product-badge {
    position: absolute;
    top     : 20px;
    left    : 6%;
  }
}

@media (min-width: 1025px) and (max-width: 1199.98px) {}

.dropdown-content-n {
  position : absolute;
  min-width: 100%;
  overflow : auto;
  z-index  : 1;
}

/* .dropdown-content-n a {
  color           : #56b4c1;
  padding         : 10px 20px;
  text-decoration : none;
  display         : block;
  background-color: #f8f9fa;
  border-bottom   : 2px solid #56b4c1;
} */

.dropdown-content-n a {
  color              : #686868;
  padding            : 3px 20px;
  text-decoration    : none;
  display            : block;
  font-size          : 14px;
  background-color   : #f8f9fa;
  /* border-bottom   : 2px solid #56b4c1; */
}

.dropdown-content-n a:hover {
  background-color: #d8d7d7;
}

.gif-img {
  position: relative;
  z-index : 15;
}

.list-group input[type="radio"] {
  display: none;
}

.list-group input[type="radio"]+.list-group-item {
  cursor: pointer;
}

/* .list-group input[type="radio"]+.list-group-item:before {
  content     : "\2022";
  color       : transparent;
  font-weight : bold;
  margin-right: 1em;
} */

.list-group input[type="radio"]:checked+.list-group-item {
  background-color: #56b4c147;
  color           : #FFF;
}

.list-group input[type="radio"]:checked+.list-group-item:before {
  color: inherit;
}

ul.payment-ul {
  padding   : 0;
  display   : inline-block;
  list-style: none;
}

ul.payment-ul li {
  float       : left;
  margin-right: 20px;
}

.payment-type h3 {
  margin-bottom: 0;
  font-size    : 18px;
  background   : #56b4c1;
  display      : inline-block;
  padding      : 12px;
  color        : #fff;
}

.bank-name ul {
  padding   : 0;
  display   : flex;
  list-style: none;
}

.bank-name ul li {
  float        : left;
  margin-right : 20px;
  color        : #000;
  width        : 100%;
  margin-top   : 10px;
  margin-bottom: 10px;
}

ul.payment-off-ul {
  padding   : 0;
  list-style: none;
}

.bank-name img {
  position  : relative;
  top       : 0px;
  height    : 90px;
  width     : 90px;
  object-fit: cover;
}

.pa h1 {
  padding-bottom           : 5px;
  position                 : relative;
  font-size                : 20px;
  margin-bottom            : 0;
  font-weight              : 600;
  color                    : #56b4c1;
  text-decoration          : underline;
  text-decoration-thickness: 2px;
  text-underline-offset    : 3px;
}