@font-face {
  font-family: Okra;
  font-display: swap;
  src: url(fonts/OkraExtraLight.woff2) format("woff2"),
    url(fonts/OkraExtraLight.ttf) format("truetype");
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: Okra;
  font-display: swap;
  src: url(fonts/OkraLight.woff2) format("woff2"),
    url(fonts/OkraLight.ttf) format("truetype");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: Okra;
  font-display: swap;
  src: url(fonts/OkraThin.woff2) format("woff2"),
    url(fonts/OkraThin.ttf) format("truetype");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: Okra;
  font-display: swap;
  src: url(fonts/OkraRegular.woff2) format("woff2"),
    url(fonts/OkraRegular.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Okra;
  font-display: swap;
  src: url(fonts/OkraMedium.woff2) format("woff2"),
    url(fonts/OkraMedium.ttf) format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: Okra;
  font-display: swap;
  src: url(fonts/OkraSemiBold.woff2) format("woff2"),
    url(fonts/OkraSemiBold.ttf) format("truetype");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: Okra;
  font-display: swap;
  src: url(fonts/OkraBold.woff2) format("woff2"),
    url(fonts/OkraBold.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: Okra;
  font-display: swap;
  src: url(fonts/OkraExtraBold.woff2) format("woff2"),
    url(fonts/OkraExtraBold.ttf) format("truetype");
  font-style: normal;
  font-weight: 800;
}
/*General*/
body {
  color: #333;
  font-family: Okra, sans-serif, Arial;
  font-size: 13px;
  line-height: inherit;
  margin: 0;
  padding: 0;
  background: #fff;
  font-weight: normal;
  overflow-x: hidden;
}
.wrap {
  overflow: hidden;
}
* {
  box-sizing: border-box;
  outline: none;
  scrollbar-width: thin;
  scrollbar-color: rgba(11, 20, 26, 0.2) #f3f3f3;
}
img {
  max-width: 100%;
  font-size: 11px;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}
a {
  text-decoration: none;
  outline: 0;
  outline-color: rgba(0, 0, 0, 0);
  color: #333;
  background-color: transparent;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
/*.container {
 max-width: 1200px; 
width: 100%;
}*/
input,
input:focus,
input:hover {
  outline: none;
}
p {
  line-height: 20px;
}
.title-margin30 {
  margin-top: 30px;
}
.bgwhite {
  background: #fff !important;
}
.bglight {
  background: #f7f8f9 !important;
}
.box-border {
  border-right: 1px solid #ccc;
}
.title-bg1 {
  background: #f5f5f5;
}
.title-bg2 {
  background: #e7f1f2;
}
.title-bg3 {
  background: #f1f1f1;
}
.title-bg4 {
  background: #e1eff8;
}
.centerdv {
  margin: 0 auto;
  float: none;
}
.floleft {
  float: left;
}
.flort {
  float: right;
}
.fclear {
  clear: both;
  padding: 20px 0 30px;
}
.pad0 {
  padding: 0 !important;
}
.pad-lft0 {
  padding-left: 0 !important;
}
.pad-rt0 {
  padding-right: 0 !important;
}
.pad05 {
  padding: 0 5px !important;
}
.pad-lft05 {
  padding-left: 5px !important;
}
.pad-rt05 {
  padding-right: 5px !important;
}
.marg-05 {
  margin-left: -5px;
  margin-right: -5px;
}
.news-border {
  border-right: 1px solid #ccc;
}
.customerdv {
  padding-left: 20px;
}
label,
strong,
b {
  font-weight: 500;
}
.form-group,
.mb10 {
  margin-bottom: 10px !important;
  position: relative;
}
.form-contact,
.mt10 {
  margin-top: 10px !important;
  padding: 0 1%;
}
.flex-box {
  display: flex;
}
.align-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
/* Scrollbar */
::-webkit-scrollbar {
  width: 5px;
  height: 7px;
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
blockquote {
  border-left: 5px solid #1b1d1f;
  color: #999;
  font-size: 16px;
  line-height: 30px;
  padding: 0 30px;
}
.owl-theme .owl-controls {
  margin: 0;
}
.owl-default .owl-theme .owl-controls .owl-buttons div.owl-prev {
  background: rgba(0, 0, 0, 0) url("../images/left.png") no-repeat scroll 0 0;
  left: 0;
}
.owl-default .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 0;
  background: rgba(0, 0, 0, 0) url("../images/right.png") no-repeat scroll 0 0;
}
.owl-default .owl-theme .owl-controls .owl-buttons div {
  background: transparent;
  border-radius: 0;
  color: #1b1d1f;
  display: block;
  font-size: inherit;
  height: 18px;
  margin: -10px 0 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  width: 11px;
  transition: all 0.5s ease-out 0s;
}
.owl-default:hover .owl-theme .owl-controls .owl-buttons div {
  opacity: 1;
}
/*Header*/
.header {
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1001;
  height: 70px;
}
.logo-header h1 {
  color: #1b1d1f;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -3px;
  margin: 0;
}
.logo-header {
  display: inline-block;
  margin: 10px 0 10px 0px;
  border-left: 1px solid #aaa;
  padding-left: 10px;
}
.logo-header1 {
  padding: 8px 0 0 10px;
}
.main-nav {
  position: relative;
}
.main-nav.main-nav3 {
  z-index: 999;
}
.mobile-menu {
  border: 1px solid #e5e5e5;
  display: block;
  height: 30px;
  overflow: hidden;
  padding: 2px;
  position: absolute;
  right: 10px;
  top: -120px;
  width: 30px;
  display: none;
  z-index: 999;
}
.mobile-menu a {
  color: #1b1d1f;
  display: block;
  font-size: 24px;
  line-height: 24px;
}
.info-header {
  padding-top: 10px;
}
.main-nav > ul {
  list-style: outside none none;
  padding: 0;
  margin: 0px;
  text-align: right;
}
.main-menu {
  margin-top: 15px;
}
.main-nav > ul > li {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin-right: 0px;
  padding: 25px 0px;
}
.main-nav > ul > li > a {
  color: #313091;
  display: block;
  position: relative;
  text-shadow: 0 0 0;
  padding: 0 10px;
  text-transform: capitalize;
}
.main-nav > ul > li:hover > a {
  color: #313091;
}
.main-nav > ul > li:last-child a {
  margin-right: 0;
  border-right: none;
  cursor: pointer;
}
.main-nav > ul > li.menu-item-has-childrent {
  position: relative;
}
.main-nav .menu-item-has-childrent .lnr-chevron-down {
  font-size: 10px;
  padding-left: 5px;
}
.main-nav > ul > li > a span.icon {
  padding-right: 6px;
}
/*.main-nav > ul >li.menu-item-has-childrent::after{
background: #fff none repeat scroll 0 0;
color: #aaa;
content: "";
font-family: linearicons;
font-size: 13px;
left: 50%;
margin-left: -5px;
margin-top: 30px;
opacity: 0;
position: absolute;
top: 88%;
transition: all 0.5s ease-out 0s;
visibility: hidden;
width: 11px;
z-index: 10;
}*/
.main-nav .sub-menu {
  position: absolute;
  top: 100%;
  right: 0;
  opacity: 0;
  visibility: hidden;
  min-width: 170px;
  background-color: #f2f2f2;
  background-image: -o-linear-gradient(bottom, #fff 70%, #f2f2f2 90%);
  background-image: -moz-linear-gradient(bottom, #fff 70%, #f2f2f2 90%);
  background-image: -webkit-linear-gradient(bottom, #fff 70%, #f2f2f2 90%);
  background-image: -ms-linear-gradient(bottom, #fff 70%, #f2f2f2 90%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.7, #fff),
    color-stop(0.9, #f2f2f2)
  );
  border: none;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
  padding: 0px 0px 0px;
  list-style: none;
  margin: 20px 0 0;
  z-index: 999;
}
.main-nav .sub-menu .menu-item-has-childrent > .sub-menu {
  position: absolute;
  top: 1px;
  left: 100%;
  opacity: 0;
  visibility: hidden;
  min-width: 160px;
  background: #fff none repeat scroll 0 0;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
  padding: 0px;
  list-style: none;
  margin: 20px 0 0;
  z-index: 900;
  border: none;
}
.main-nav
  .main-menu
  li:last-child
  .sub-menu
  .menu-item-has-childrent
  > .sub-menu {
  left: auto;
  right: 100%;
}
.main-nav .sub-menu .menu-item-has-childrent::after {
  color: #999;
  content: "\e876";
  font-family: linearicons;
  font-size: 8px;
  position: absolute;
  right: 15px;
  top: 15px;
}
.main-nav .sub-menu .menu-item-has-childrent > a {
  padding-right: 15px;
}
.main-nav .sub-menu .menu-item-has-childrent:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  margin: 0px 0 0;
}
.main-nav > ul > li.menu-item-has-childrent:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  margin: 0px 0 0;
}
.main-nav > ul > li.menu-item-has-childrent:hover::after {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}
.main-nav .menu-item-has-childrent .sub-menu a {
  color: #555;
  display: block;
  padding: 9px 10px;
  text-transform: capitalize;
}
.main-nav .menu-item-has-childrent .sub-menu a:hover {
  color: #fff;
  background: #313091;
}
.main-nav .menu-item-has-childrent .sub-menu li {
  padding: 0 0px;
  position: relative;
  text-align: left;
  font-size: 13px;
}
.main-nav .menu-item-has-childrent .sub-menu li > a {
  border-bottom: 1px solid #e5e5e5;
}
.main-nav .menu-item-has-childrent .sub-menu li:last-child > a {
  border-bottom: none;
}
.main-nav > ul > li > a > sup {
  font-size: 10px;
  left: 50%;
  margin-left: -8px;
  position: absolute;
  top: -10px;
}
.main-nav > ul > li > a > sup.title-hot {
  color: #fbb450;
}
.main-nav > ul > li > a > sup.title-new {
  color: #2caae1;
}


/*------- Sidebar -------*/
.sidebar_menu_box {
  background: #ffffff;
  margin-top: 70px;
  position: fixed;
  top: 0px;
  bottom: 0;
  left: 0;
  border-right: 1px solid #e5e5e5;
  width: 190px;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  z-index: 999;
}
.sidebar_menu_box.opened {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sidebar-inner {
  /* height: calc(100% - -12.5rem); */
  overflow-x: hidden;
  overflow-y: auto;
  /* height: 100%; */
  /* min-height: 100%; */
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
}
.sidebar-menu {
  /*  padding: 0px 0 60px;*/
  padding: 0px 3px 130px 5px;
}
.sidebar-menu ul {
  font-size: 13px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-top: 5px;
  position: relative;
}
.sidebar-menu li a {
  color: #202020;
  display: block;
  font-size: 14px;
  height: auto;
  padding: 0 20px;
}
.sidebar-menu li a:hover {
  color: #050485;
}
.sidebar-menu > ul > li > a:hover,
.sidebar-menu > ul > li > a.active {
  background: #f8f9fa;
  color: #050485;
}
.sidebar-menu > ul > li > a:hover i {
  background: #FF5722;
  color: #fff;
}
.sidebar-menu > ul > li > a:hover img {
  background: #FF572200;
  /*background: #FF5722;
color: #fff;
filter: invert(100%) sepia(0%) saturate(5691%) hue-rotate(205deg) brightness(116%) contrast(111%);*/
}
.menu-active .sidebar-menu > ul > li > a span {
  display: none;
}
/*--
.sidebar-menu li.active a {
background: #FF5722;
color: #fff;
}
--*/
.sidebar-menu ul ul a.active {
  color: #0502ba;
  text-decoration: none;
}
.sidebar .sidebar-menu > ul > li > a > span {
  display: inline-block;
  margin-left: 8px;
  white-space: nowrap;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
}
.sidebar .sidebar-menu > ul > li > a > span.chat-user {
  margin-left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar .sidebar-menu > ul > li > a > span.badge {
  margin-left: auto;
}
.sidebar-menu ul ul li a {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px;
  font-size: 12px;
  padding: 5px 10px 5px 12px;
  position: relative;
  font-weight: 500;
}
.sidebar-menu ul ul li a .sidebar-menuicon {
  width: 22px !important;
  height: 22px;
  margin: 0;
}
.sidebar-menu ul ul li a i {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  width: 22px !important;
  vertical-align: middle;
  padding-left: 0;
  background-color: #dfe4eb;
  border-radius: 4px;
  margin-right: 2px;
}
.sidebar-menu ul ul li a img {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  width: 22px !important;
  height: 22px;
  vertical-align: middle;
  padding-left: 0;
  /*background-color: #dfe4eb;*/
  border-radius: 4px;
  margin-right: 2px;
  padding: 3px;
}
.sidebar-menu ul ul li a span {
  padding-left: 0px;
}
.menu-active .sidebar-menu ul ul li a {
  font-size: 11px;
  padding: 5px 2px;
  text-align: center;
  line-height: 12px;
  margin-left: 5px;
}
.menu-active .sidebar-menu ul ul li a span {
  padding-left: 0;
  padding-top: 2px;
  display: none;
}
.sidebar-menu ul ul {
  display: none;
}
.sidebar-menu ul ul ul a {
  padding-left: 65px;
}
.sidebar-menu ul ul ul ul a {
  padding-left: 85px;
}
.sidebar-menu > ul > li {
  /*   margin-bottom: 10px;*/
  position: relative;
}
.sidebar-menu > ul > li.active a {
  background: #eff3ff;
  color: #ff5722 !important;
  border-radius: 4px;
}
.sidebar-menu > ul > li.active a i {
  background: #FF5722;
  color: #fff;
}
.sidebar-menu > ul > li.active a img {
filter: invert(34%) sepia(71%) saturate(2169%) hue-rotate(345deg) brightness(100%) contrast(103%);
}
.sidebar-menu ul li.active ul li a img{
  filter: none;
}
.sidebar-menu ul li.active ul li.active a {
  background: #eff3ff;
  color: #ff5722 !important;
  border-radius: 4px;
}
.sidebar-menu ul li.active ul li.active a i {
  color: #ffffff !important;
}
.sidebar-menu ul li.active ul li.active a img {
filter: invert(34%) sepia(71%) saturate(2169%) hue-rotate(345deg) brightness(100%) contrast(103%);
}
.sidebar-menu ul li.active ul li a {
  background: #ff000000;
  color: #202020 !important;
  border-radius: 4px;
}
.sidebar-menu > ul > li:last-child {
  margin-bottom: 0;
}
.sidebar-menu .menu-arrow {
  display: inline-block;
  font-family: "FontAwesome";
  text-rendering: auto;
  font-size: 12px;
  position: absolute;
  right: 6px;
  top: 6px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
}
.sidebar-menu .menu-arrow:before {
/*  content: "\f107";*/
}
.sidebar-menu li.active .menu-arrow, .sidebar-menu li a.active .menu-arrow {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sidebar-menu ul ul a .menu-arrow {
  top: 10px;
}
.sidebar-menu > ul > li > a {
  align-items: center;
  border-radius: 3px;
  display: flex;
  justify-content: flex-start;
  padding: 6px 5px 6px 6px;
  position: relative;
  color: #202020;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
}
.sidebar-menu ul li a i {
  display: inline-block;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  width: 32px !important;
  vertical-align: middle;
  padding-left: 0;
  background-color: #dfe4eb;
  color: #274082;
  border-radius: 4px;
  margin-right: 4px;
}
.sidebar-menu ul li a img {
  display: inline-block;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  width: 32px !important;
  vertical-align: middle;
  padding-left: 0;
  /*background-color: #dfe4eb;*/
  color: #f48128;
  border-radius: 4px;
  margin-right: 0px;
  padding: 6px;
}
.sidebar-menu li a > .badge {
  color: #fff;
}
.page-wrapper {
  overflow: hidden;
  position: relative;
  margin-left: 190px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}
.menu-active .page-wrapper {
  margin-left: 50px;
}
.menu-active .side-menu {
  width: 50px;
}
/*-- Scrollbar --*/
.side-menu::-webkit-scrollbar {
  width: 5px;
}
/*-- Scrollbar Track --*/
.side-menu::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #c1c1c1;
  border-radius: 10px;
}
/*-- scrollbar Handle --*/
.side-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}
/*-- Handle on hover --*/
.side-menu::-webkit-scrollbar-thumb:hover {
  background: #666;
}

.sidebar-footeruseful-btn-cus-main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: fixed;
  bottom: 0px;
  left: 0px;
  background-color: #fff;
  /*  width: auto;*/
  width: 180px;
  padding: 10px 12px;
}
/* .sidebar-footeruseful-btn-cus-main .help-btn {
} */
.sidebar-footeruseful-btn-cus-main .help-btn a {
  background-color: #dfe4eb;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 4px;
  transition: all 0.3s;
}
.sidebar-footeruseful-btn-cus-main .help-btn a:hover {
  background: linear-gradient(179deg, #FF5722, #ff57228f);
}
/* .sidebar-footeruseful-btn-cus-main .help-btn i {
} */
.sidebar-footeruseful-btn-cus-main .help-btn img {
width: 50%;
height: auto;
display: block;
margin: 0 auto;
}
/* .sidebar-footeruseful-btn-cus-main .setting-btn {
} */
.sidebar-footeruseful-btn-cus-main .sidebar-toggle-btn {
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.sidebar-footeruseful-btn-cus-main .sidebar-toggle-btn a {
  background-color: #dfe4eb;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 4px;
  transition: all 0.3s;
}
.sidebar-footeruseful-btn-cus-main .sidebar-toggle-btn a:hover {
  background: linear-gradient(179deg, #FF5722, #ff57228f);
}
/* .sidebar-footeruseful-btn-cus-main .sidebar-toggle-btn i {
} */
.sidebar-footeruseful-btn-cus-main .sidebar-toggle-btn img {
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.sidebar-footeruseful-btn-cus-main .sidebar-toggle-btn.active {
  transform: rotateZ(180deg);
}
.menu-active .sidebar-footeruseful-btn-cus-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0;
  left: 9px;
  bottom: 10px;
  width: auto;
}
.sidebar-footeruseful-btn-cus-main .setting-btn a {
  background-color: #dfe4eb;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 4px;
  transition: all 0.3s;
}
.sidebar-footeruseful-btn-cus-main .setting-btn a:hover {
  background: linear-gradient(179deg, #FF5722, #ff57228f);
}
.sidebar-footeruseful-btn-cus-main .setting-btn img {
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.menu-active .sidebar-footeruseful-btn-cus-main .help-btn a {
  /*    background-color: #0502ba;*/
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 4px;
}
.menu-active .sidebar-footeruseful-btn-cus-main .setting-btn a {
  /*    background-color: #0502ba;*/
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 4px;
}
.menu-active .sidebar-footeruseful-btn-cus-main .sidebar-toggle-btn a {
  /*    background-color: #0502ba;*/
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 4px;
}
.menu-active .sidebar-menu {
  /* padding: 0px 0 60px; */
  padding: 0px 0 190px;
}



.info-search .search-form {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  height: 70px;
  margin-right: -95px;
  margin-top: 45px;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 100%;
  transition: all 0.5s ease-out 0s;
  width: 490px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  box-shadow: -1px 3px 5px -1px rgba(0, 0, 0, 0.1);
}
.info-search:hover .search-form {
  opacity: 1;
  visibility: visible;
  margin-top: 15px;
}
.info-search:hover::after {
  opacity: 1;
  visibility: visible;
  margin-top: 10px;
}
.info-search::after {
  background: #fff none repeat scroll 0 0;
  border-color: #e5e5e5;
  border-style: solid;
  border-width: 0 0 1px 1px;
  color: #e5e5e5;
  content: "";
  height: 10px;
  left: 0;
  margin-left: 2px;
  margin-top: 40px;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transition: all 0.5s ease-out 0s;
  visibility: hidden;
  width: 10px;
  z-index: 10;
}
.wrap-toggle-search {
  border: 1px solid #e5e5e5;
  height: 40px;
  position: relative;
  width: 340px;
}
.toggle-search-category {
  display: block;
  height: 100%;
  position: relative;
  width: 50px;
}
.search-form .btn-link-default {
  position: absolute;
  right: 15px;
  top: 15px;
}
.toggle-search-category .toggle-category {
  color: #999;
  display: block;
  height: 100%;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 9;
}
.search-form .btn-link-default {
  position: absolute;
  right: 15px;
  top: 15px;
}
.select-category li {
  border-top: 1px solid #e5e5e5;
}
.select-category li:first-child {
  border-top: medium none;
}
.select-category li a {
  color: #666;
  display: block;
  padding: 5px 15px;
}
.select-category li a:hover {
  color: #999;
}
.toggle-category span {
  line-height: 40px;
}
.info-user .inner-user-info {
  background: #fff none repeat scroll 0 0;
  border-color: #d8d8d8;
  margin-right: 0px;
  margin-top: 30px;
  opacity: 0;
  /*padding: 5px 10px 5px;*/
  padding: 0;
  position: absolute;
  right: 0;
  top: 100%;
  transition: all 0.5s ease-out 0s;
  visibility: hidden;
  min-width: 210px;
  z-index: 999;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
.info-user::after {
  background: #fff none repeat scroll 0 0;
  border-color: #e5e5e5;
  border-style: solid;
  border-width: 0 0 1px 1px;
  color: #e5e5e5;
  /*content: "";*/
  height: 10px;
  left: 0;
  margin-left: 2px;
  margin-top: 40px;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transition: all 0.5s ease-out 0s;
  visibility: hidden;
  width: 10px;
  z-index: 10;
}
.info-user:hover .inner-user-info {
  opacity: 1;
  visibility: visible;
  margin-top: 15px;
}
.info-user:hover::after {
  opacity: 1;
  visibility: visible;
  margin-top: 10px;
}
.info-total .info-cart::after {
  display: none;
}
.info-total .info-cart::before {
  background: #fff none repeat scroll 0 0;
  border-color: #e5e5e5;
  border-style: solid;
  border-width: 0 0 1px 1px;
  color: #e5e5e5;
  content: "";
  height: 10px;
  left: 0;
  margin-left: 2px;
  margin-top: 40px;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transition: all 0.5s ease-out 0s;
  visibility: hidden;
  width: 10px;
  z-index: 11;
}
.info-total .info-cart .inner-cart-info {
  margin-top: 43px;
}
.info-total .info-cart:hover .inner-cart-info {
  margin-top: 15px;
}
.info-total .info-cart:hover::before {
  opacity: 1;
  visibility: visible;
  margin-top: 10px;
}
.info-user .inner-user-info a {
  color: #333;
  display: block;
  padding: 6px 0;
  border: none;
  text-transform: capitalize;
  font-size: 12px;
  position: relative;
}
.info-user .inner-user-info a:hover {
  color: #313091;
}

.info-user .inner-user-info li {
  /*border-bottom: 1px solid #e5e5e5;*/
  border-bottom: 0px solid #e5e5e5;
  display: block;
  padding: 0px 0 !important;
}
.info-user .inner-user-info li:last-child {
  border-bottom: none;
}
.info-user .inner-user-info a span {
  margin-right: 8px;
}
.info-cart .inner-cart-info {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  box-shadow: -1px 3px 5px -1px rgba(0, 0, 0, 0.1);
  opacity: 0;
  padding: 30px;
  position: absolute;
  right: -1px;
  top: 100%;
  transition: all 0.5s ease-out 0s;
  width: 400px;
  z-index: 10;
  text-align: left;
  margin-top: 30px;
  visibility: hidden;
  margin-right: -50px;
}
.info-cart:hover .inner-cart-info {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.info-cart:hover::after {
  opacity: 1;
}
.info-cart::after {
  color: #fff;
  content: "";
  font-family: linearicons;
  left: 50%;
  margin-left: -5px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 100%;
  transition: all 0.5s ease-out 0s;
}
.inner-cart-info > h2 {
  color: #a7a8a8;
  font-size: 16px;
  margin: 0;
  text-transform: uppercase;
}
.info-cart .inner-cart-info.append {
  opacity: 1;
  visibility: visible;
  right: 0;
}
.inner-cart-info .close-cart-info {
  background: rgba(0, 0, 0, 0) url("../images/x-bg.png") no-repeat scroll left
    top;
  color: #999;
  display: block;
  font-size: 16px;
  height: 30px;
  line-height: 28px;
  margin-top: 15px;
  padding-left: 43px;
  text-transform: uppercase;
}
.cart-thumb {
  background: #f5f5f5 none repeat scroll 0 0;
  display: table-cell;
  vertical-align: middle;
  width: 70px;
}
.cart-thumb a {
  display: block;
}
.cart-thumb a:hover img {
  transform: scale(1.2);
}
.cart-thumb img {
  width: 70px;
  transition: all 0.5s ease-out 0s;
}
.info-list-cart {
  list-style: outside none none;
  margin: 30px 0 0;
  padding: 0;
}
.cart-title a {
  color: #666;
  font-size: 13px;
}
.cart-title a:hover {
  color: #999;
}
.cart-title {
  margin: 5px 0 13px;
}
.wrap-cart-title {
  display: table-cell;
  padding: 0 20px;
  vertical-align: top;
  width: 200px;
}
.cart-qty {
  color: #999;
}
.cart-qty > label {
  font-weight: 400;
  margin-right: 10px;
}
.wrap-cart-remove {
  color: #999;
  display: table-cell;
  text-align: right;
  vertical-align: top;
}
.item-info-cart {
  border-top: 1px solid #f5f5f5;
  display: table;
  padding: 20px 0;
  width: 100%;
}
.total-cart {
  border-top: 1px solid #f5f5f5;
  color: #1b1d1f;
  display: table;
  font-size: 16px;
  padding-top: 25px;
  text-transform: uppercase;
  width: 100%;
}
.total-cart > label {
  display: table-cell;
  font-weight: 400;
}
.total-cart span {
  display: table-cell;
  text-align: right;
}
.link-cart {
  margin-bottom: 20px;
  margin-top: 40px;
}
.link-cart .cart-edit {
  margin-right: 10px;
}
.wrap-cart-remove .remove-product {
  background: rgba(0, 0, 0, 0) url("../images/remove-cart2.png") no-repeat
    scroll center center;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  margin-bottom: 3px;
  width: 30px;
  transition: all 0.5s ease-out 0s;
}
.wrap-cart-remove .remove-product:hover {
  background-color: #e5e5e5;
}
.link-cart a {
  display: inline-block;
  width: 160px;
  height: 40px;
  background: #1b1d1f;
  text-align: center;
  line-height: 40px;
  color: #fff;
  vertical-align: top;
  transition: all 0.5s ease-out 0s;
  text-transform: uppercase;
}
.link-cart a:hover {
  background: #f87c0a;
}
.info-total > li {
  display: inline-block;
  list-style: outside none none;
  margin-left: 25px;
  position: relative;
  text-align: left;
}
.info-total {
  text-align: right;
  padding: 0;
  margin: 0;
}
.info-total .info-icon {
  color: #1b1d1f;
  font-size: 18px;
  padding-bottom: 15px;
}
.info-cart .info-icon {
  position: relative;
}
.info-cart .info-icon sup {
  font-size: 10px;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  top: -2px;
}
.info-search {
  position: relative;
}
.select-category {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  display: none;
  left: -1px;
  position: absolute;
  top: 100%;
  width: 180px;
}
.search-form input[type="text"] {
  border: medium none;
  color: #999;
  height: 100%;
  left: 0;
  padding: 0 15px 0 50px;
  position: absolute;
  top: 0;
  width: 100%;
}
/*Home Slider*/
.home-slider {
  background: #e1eff8 none repeat scroll 0 0;
}
.slider-tab {
  position: relative;
}
.slider-tab #bx-pager {
  bottom: 0;
  left: 0;
  padding-left: 30px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.slider-tab #bx-pager a {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  color: #1b1d1f;
  display: inline-block;
  float: left;
  font-size: 13px;
  font-weight: 700;
  margin: 0 1px 0 0;
  padding: 15px;
  position: relative;
  text-transform: uppercase;
  transition: all 0.5s ease-out 0s;
  width: 370px;
}
.slider-tab #bx-pager a::before {
  position: absolute;
  background: #1b1d1f;
  top: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
  content: "";
}
.slider-tab #bx-pager a:hover::before,
#bx-pager a.active::before {
  opacity: 1;
}
.slider-tab #bx-pager a.active {
  background: #fff;
}
/*Advert*/
.advert {
  margin-top: 10px;
}
.item-advert.left {
  margin-right: -10px;
}
.item-advert.right {
  margin-left: -10px;
}
.item-advert {
  position: relative;
  overflow: hidden;
}
.text-adv {
  background: rgba(246, 246, 246, 0.65) none repeat scroll 0 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  bottom: 0;
  height: 215px;
  left: 0;
  margin: auto;
  max-width: 370px;
  padding: 45px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}
.item-advert .thumb-adv img {
  transition: all 0.5s ease-out 0s;
}
.item-advert:hover .thumb-adv img {
  filter: blur(5px);
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  transform: scale(1.15);
}
/*Featured*/
.sub-title {
  font-weight: 600;
  font-size: 14px;
  margin: 0;
  text-transform: uppercase;
}
.title {
  font-size: 30px;
  font-weight: 600;
  margin: 0;
  /*text-transform: uppercase;*/
}
.btn-link-default {
  background: #1b1d1f none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.5s ease-out 0s;
}
.btn-link-default:hover {
  color: #fff;
  background: #fbb450;
}
.btn-link-default img{
  width: 16px;
  height: 16px;
}
.btn-link-default:hover img {
    filter: invert(0) brightness(10.5);
}
.text-adv .btn-link-default {
  margin-top: 25px;
}
.box-intro h2 {
  margin: 0;
  position: relative;
}
.box-intro {
  margin-bottom: 30px;
  text-align: center;
}
.content-contact .box-intro {
  margin-bottom: 30px;
  text-align: center;
}
/*--
.box-intro  h2::before {
background: #e5e5e5 none repeat scroll 0 0;
content: "";
height: 2px;
left: 0;
position: absolute;
top: 20px;
width: 100%;
}
--*/
.box-intro .title {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 40px;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  text-transform: none;
}
.desc-title {
  color: #999;
}
.featured-product {
  margin-top: 70px;
}
.nav-tabs-default .nav.nav-tabs {
  border: medium none;
  margin: 25px 0 0;
  text-align: center;
}
.nav-tabs-default .nav.nav-tabs li {
  display: inline-block;
  float: none;
}
.nav-tabs-default .nav.nav-tabs li.active a {
  background: #1b1d1f;
  color: #fff;
}
.nav-tabs-default .nav.nav-tabs li a:hover {
  background: #1b1d1f;
  color: #fff;
}
.nav-tabs-default .nav.nav-tabs li a {
  border: medium none;
  border-radius: 0;
  color: #1b1d1f;
  text-transform: uppercase;
  transition: all 0.5s ease-out 0s;
}
.item-product-thumb {
  background: #f5f5f5 none repeat scroll 0 0;
  position: relative;
  transition: all 0.5s ease-out 0s;
}
.title-product {
  font-size: 13px;
  margin: 0 0 7px;
}
.item-product-info {
  margin-top: 20px;
  text-align: center;
}
.item-product-info .desc {
  color: #666;
}
.title-product a {
  color: #1b1d1f;
  text-shadow: 0 0 0;
  text-transform: uppercase;
}
.title-product a:hover {
  color: #999;
}
.info-price del {
  color: #999;
  margin-left: 5px;
}
.info-price span {
  font-size: 24px;
}
/*.item-product-thumb::after {
background-image: url("../images/bg-product.png");
background-position: left top;
background-repeat: no-repeat;
background-size: 100% 100%;
bottom: -27px;
content: "";
height: 27px;
left: 0;
opacity: 0;
position: absolute;
width: 100%;
transition:all 0.5s ease-out 0s;
} */
.item-product-thumb img {
  width: 100%;
}
.item-product-thumb:hover::after {
  opacity: 1;
}
.item-product {
  margin-bottom: 30px;
  position: relative;
}
.featured-product .tab-content {
  margin-top: 30px;
}
.product-extra-link a {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #1b1d1f;
  display: inline-block;
  height: 40px;
  margin: auto;
  position: absolute;
  text-align: center;
  width: 40px;
  z-index: 99;
  transition: all 0.5s ease-out 0s;
  transform: scale(0.5);
}
.product-extra-link a:hover {
  color: #fff;
  background: #1b1d1f;
}
.product-extra-link a span {
  line-height: 40px;
}
.product-extra-link .product-add-cart {
  bottom: 0;
  height: 60px;
  left: 0;
  right: 0;
  top: 0;
  width: 60px;
}
.product-extra-link .product-compare {
  left: 50%;
  margin-left: 10px;
  margin-top: -70px;
  top: 50%;
}
.product-extra-link .product-wishlist {
  left: 50%;
  margin-left: -50px;
  margin-top: 30px;
  top: 50%;
}
.product-extra-link .product-quick-view {
  bottom: -30px;
  height: 81px;
  padding-left: 25px;
  padding-top: 7px;
  right: -25px;
  text-align: left;
  width: 80px;
}
.product-extra-link .product-add-cart span {
  line-height: 60px;
}
.item-product.item-product-leading {
  position: relative;
}
.item-product-leading .item-product-info {
  left: 70px;
  position: absolute;
  text-align: left;
  top: 0;
}
.item-product-leading .info-price span {
  color: #e6e6e6;
  display: block;
  font-size: 90px;
  font-weight: 700;
  margin-bottom: -10px;
}
.item-product-leading .readmore:hover {
  color: #999;
}
.item-product-leading .readmore {
  color: #1b1d1f;
  display: block;
  margin-top: 10px;
  text-decoration: underline;
  text-transform: uppercase;
}
.product-extra-mask {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-out 0s;
}
.product-extra-link {
  background: rgba(27, 29, 31, 0.5) none repeat scroll 0 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.item-product-thumb:hover .product-extra-mask {
  opacity: 1;
  visibility: visible;
}
.item-product-thumb:hover .product-extra-link a {
  transform: scale(1);
}
.product-box-promotion {
  left: 3px;
  position: absolute;
  top: 0;
}
.item-product:hover .product-box-promotion span {
  opacity: 0;
  transform: scale(0.5);
}
.product-box-promotion span {
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 44px;
  line-height: 44px;
  margin-left: 7px;
  margin-top: 10px;
  text-align: center;
  width: 44px;
  transition: all 0.5s ease-out 0s;
  opacity: 1;
}
.product-box-promotion span.new-item {
  background: #f87028;
}
.product-box-promotion span.sale-item {
  background: #5398d7;
}
/*Advert*/
.product-advert {
  margin-top: 40px;
}
.leading-box-adv {
  color: #fff;
}
.product-advert .col-lg-3.col-md-3.col-sm-6.col-xs-12 {
  padding: 0;
}
.product-box-adv {
  overflow: hidden;
  position: relative;
}
.product-thumb-link {
  display: block;
  overflow: hidden;
  position: relative;
}
.product-thumb-link img {
  width: 100%;
  transition: all 0.5s ease-out 0s;
}
.product-box-adv:hover img {
  transform: scale(1.2);
}
.list-product .item-product-thumb:hover .product-thumb-link img {
  transform: scale(1.15);
}
.product-box-adv .btn-link-default {
  bottom: 0;
  position: absolute;
  right: 0;
  text-align: center;
  transition: all 0.5s ease-out 0s;
  width: 130px;
}
.item-box-adv:hover .btn-link-default {
  background: transparent;
  color: #fff;
  background: rgba(27, 29, 31, 0.5);
  width: 100%;
  height: 100%;
}
.leading-text-adv {
  bottom: 0;
  color: #fff;
  height: 85px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 100%;
}
.item-text-adv {
  top: 100%;
  color: #fff;
  font-size: 30px;
  left: 100%;
  margin: 16px 0 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
  font-weight: 700;
  z-index: 999;
}
.item-box-adv .btn-link-default span {
  position: absolute;
  width: 130px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  right: 0;
  bottom: 0;
  transition: all 0.5s ease-out 0s;
  text-decoration: underline;
}
.item-box-adv:hover .btn-link-default span {
  width: 100%;
}
.item-box-adv .btn-link-default span:hover {
  text-decoration: none;
}
.item-box-adv:hover .item-text-adv {
  opacity: 1;
  top: 50%;
  left: 0;
  margin: -16px 0 0;
}
.leading-text-adv h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  transition: all 0.5s ease-out 0s;
}
.leading-text-adv h2 {
  font-size: 40px;
  font-weight: 700;
  margin: 0;
  transition: all 0.3s ease-out 0s;
}
.leading-box-adv:hover .leading-text-adv h3 {
  font-size: 30px;
}
.leading-box-adv:hover .leading-text-adv h2 {
  font-size: 20px;
}
.leading-text-adv > a {
  color: #fff;
  display: inline-block;
  text-decoration: underline;
}
/*New Product*/
.new-product {
  margin-top: 70px;
}
.new-product .product-box-promotion {
  left: 12px;
  top: 11px;
}
.new-product .box-intro {
  margin-bottom: 45px;
}
.new-product .product-extra-link a {
  background: #1b1d1f;
  color: #fff;
}
.new-product .product-extra-link a:hover {
  background: #fbb450;
  color: #fff;
}
/* .new-product  .product-extra-mask{
padding:10px;
} */
.new-product .product-extra-link {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  /* box-shadow: 0 0 5px 0 #cecece; */
}
.new-product .product-extra-link .product-wishlist {
  margin-left: -75px;
  margin-top: 20px;
}
.new-product .product-extra-link .product-compare {
  margin-left: 35px;
  margin-top: 20px;
}
.new-product .product-extra-link .product-add-cart {
  margin-top: 10px;
  top: 50%;
}
.new-product .item-product-info {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -70px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-out 0s;
}
.new-product .item-product:hover .item-product-info,
.new-product .item-product:hover .product-extra-mask {
  opacity: 1;
  visibility: visible;
}
.new-product .item-product:hover .product-extra-link a {
  transform: scale(1);
}
.new-product .owl-theme .owl-controls .owl-buttons div {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #1b1d1f;
  border-radius: 0;
  color: #1b1d1f;
  display: inline-block;
  font-size: 10px;
  height: 24px;
  margin: 0;
  opacity: 0;
  padding: 6px;
  position: absolute;
  text-shadow: 0 0 0;
  top: -66px;
  transition: all 0.5s ease-out 0s;
  width: 24px;
}
.new-product:hover .owl-theme .owl-controls .owl-buttons div {
  opacity: 1;
}
.new-product .owl-theme .owl-controls .owl-buttons div:hover {
  border-color: #fbb450;
  color: #fbb450;
}
.new-product .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 0;
}
.new-product .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 0;
}
/*The Brand*/
.the-brand {
  margin-top: 35px;
}
.item-brand {
  margin: 5px 0 0px;
  position: relative;
  text-align: center;
}
.item-brand-text {
  margin-top: 25px;
}
.btn-link-default.brand-link {
  margin-bottom: 26px;
  margin-top: 20px;
}
.item-product-thumb.item-left {
  margin-right: -5px;
}
.item-product-thumb.item-right {
  margin-left: -5px;
}
.paginav-slider .owl-theme .owl-controls .owl-page span {
  background: #ccc none repeat scroll 0 0;
  border-radius: 50%;
  display: block;
  height: 7px;
  margin: 4px;
  opacity: 1;
  width: 7px;
}
.paginav-slider .owl-theme .owl-controls .owl-page span:hover,
.paginav-slider .owl-theme .owl-controls .owl-page.active span {
  background: #1b1d1f;
}
.paginav-slider .owl-pagination {
  left: 0;
  position: absolute;
  top: -40px;
  width: 100%;
}
.paginav-slider .wrap-item {
  margin-top: 60px;
}
.partner-slider-paginav.style1 .wrap-item {
  margin-top: 30px;
}
.the-brand .owl-theme .owl-controls .owl-buttons div {
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: inherit;
  height: 123px;
  margin: -100px 0 0;
  opacity: 1;
  padding: 0;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  width: 57px;
}
.the-brand .owl-theme .owl-controls .owl-buttons div.owl-prev {
  background: transparent url("../images/prev.png") no-repeat scroll center
    center;
  left: 25%;
  margin-left: 5px;
}
.the-brand .owl-theme .owl-controls .owl-buttons div.owl-next {
  background: transparent url("../images/next.png") no-repeat scroll center
    center;
  right: 25%;
  margin-right: 5px;
}
/*Testimonial*/
.testimonial-slider {
  margin: 40px 0 70px;
}
.testimo-item {
  background: #797979 none repeat scroll 0 0;
  color: #fff;
}
.info-testimo-author {
  left: 0;
  position: absolute;
  top: 90px;
  width: 100%;
  z-index: 2;
}
.testimo-thumb {
  filter: blur(8px);
  -moz-filter: blur(8px);
  -webkit-filter: blur(8px);
  transform: scale(1.1);
}
.testimo-content-left::before {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.testimo-content-left {
  overflow: hidden;
  position: relative;
  text-align: center;
}
.testimo-avatar {
  border: 3px solid #3a3a3a;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 150px;
}
.testimo-avatar::before {
  position: absolute;
  content: "";
  background: rgba(251, 180, 80, 0.2);
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  transition: all 0.5s ease-out 0s;
  opacity: 0;
  border-radius: 50%;
  z-index: 9;
}
.testimo-avatar:hover::before {
  opacity: 1;
}
.testimo-avatar img {
  border-radius: 50%;
  width: 100%;
  transition: all 0.5s ease-out 0s;
}
.testimo-avatar:hover img {
  transform: rotate(30deg);
}
.testimo-name {
  font-size: 16px;
  font-weight: bold;
}
.testimo-name > a {
  color: #fff;
}
.testimo-name > a:hover {
  color: #999;
}
.testimo-desc {
  font-size: 16px;
}
.testimo-content-right {
  padding-left: 55px;
  padding-right: 70px;
  padding-top: 95px;
  position: relative;
}
.testimo-content-right .testimo-desc::before {
  content: "î� ¿";
  font-family: linearicons;
  font-size: 30px;
  left: 0;
  position: absolute;
  top: 0;
}
.testimo-desc {
  padding-top: 60px;
  position: relative;
}
.testimo-date {
  color: #ccc;
  display: block;
  margin-top: 24px;
  padding-top: 15px;
  position: relative;
}
.testimo-date::before {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
/*Popular Post*/
.popular-post {
  margin-top: 35px;
}
.popular-box::before {
  position: absolute;
  background: rgba(27, 29, 31, 0.5) none repeat scroll 0 0;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
}
.popular-box-thumb > a {
  display: block;
}
.popular-box-thumb > a img {
  width: 100%;
}
.popular-box:hover::before {
  opacity: 1;
}
.popular-box {
  margin: 0 -10px 10px;
  position: relative;
  overflow: hidden;
}
.popular-box-text {
  left: 0;
  position: absolute;
  top: 50px;
}
.popular-post .item {
  padding: 0 10px;
}
.title-popular-box {
  font-size: 16px;
  margin: 0;
  text-transform: uppercase;
}
.title-popular-box a {
  display: block;
}
.title-popular-box a:hover span {
  color: #fbb450;
}
.desc-popular-box {
  font-size: 13px;
  margin: 0;
}
.desc-popular-box span {
  background: #f9f9f9 none repeat scroll 0 0;
  display: inline-block;
  padding: 8px 20px;
}
.title-popular-box span {
  background: rgba(27, 29, 31, 0.9) none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  padding: 16px 20px;
}
.popular-box-thumb img {
  width: 100%;
}
/*Partner Slider*/
.partner-slider .partner-item img {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  width: 100%;
  transition: all 0.5s ease-out 0s;
}
.partner-item:hover a img {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  transform: scale(1.1);
}
.partner-item:hover a {
  border: 1px solid #e5e5e5;
}
.partner-item a {
  display: block;
  transition: all 0.5s ease-out 0s;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}
.partner-slider .item {
  padding: 0 15px;
}
.partner-slider {
  margin-bottom: 30px;
  margin-top: 50px;
}
.partner-item {
  padding-bottom: 27px;
  position: relative;
}
.partner-item::after {
  background-image: url("../images/theme/sharp-partner.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  bottom: 0;
  content: "";
  height: 27px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 999;
  transition: all 0.5s ease-out 0s;
  opacity: 0;
}
.partner-item:hover::after {
  opacity: 1;
}
/*Footer*/
.footer {
  /*background: #051b2e none repeat scroll 0 0;*/
  margin-top: 0px;
  padding: 10px 0 10px;
}
.logo-footer .sub-title {
  color: #1b1d1f;
}
.footer-nav {
  margin: 0;
  width: 100%;
}
.footer-nav a {
  color: #ddd;
}
.footer-nav a:hover {
  color: #fff;
}
.footer-nav li {
  margin-bottom: 5px;
}
.footer-nav .sub-title {
  margin-bottom: 15px;
  color: #fff;
}
.logo.logo-footer {
  margin-bottom: 25px;
}
.download p {
  border-bottom: 1px solid #aaa;
  margin-bottom: 12px;
  padding-bottom: 15px;
}
.download-link a {
  color: #999;
}
.download-link li {
  margin-bottom: 10px;
}
.newsletter .sub-title {
  margin-bottom: 20px;
  color: #fff;
}
.newsletter input[type="text"] {
  color: #555;
  height: 40px;
  line-height: 40px;
  margin: 0px;
  padding: 0 15px;
  width: 262px;
  float: left;
}
.footer-dark .newsletter input[type="text"] {
  border: none;
}
.newsletter input[type="submit"] {
  border: medium none;
  margin: 0px;
  float: left;
  padding: 0 20px;
}
.newsletter input[type="submit"]:hover {
  background: #ed1c24;
}
.newsletter {
  padding-bottom: 20px;
}
.share-social a {
  color: #ccc;
  font-size: 24px;
  transition: all 0.5s ease-out 0s;
}
.share-social a:hover {
  color: #fff;
}
.share-social {
  margin: 0;
  text-align: right;
}
.footer-bottom {
  margin-top: 0px;
  padding-top: 0px;
}
.menu-footer a {
  color: #ccc;
}
.menu-footer a:hover {
  color: #fff;
}
.menu-footer li {
  padding: 0px 8px;
  border-right: 1px solid #999;
}
.menu-footer li:first-child {
  padding-left: 0px;
}
.menu-footer li:last-child {
  padding-right: 0px;
  border: none;
}
.copyright {
  color: #777;
  padding: 5px 0 5px;
  text-align: center;
}
.footer-dark .copyright {
  text-align: right;
}
.copyright a {
  color: #ddd;
}
#footer .copyright a:hover {
  color: #fff;
}
.contact-phone {
  margin-top: 30px;
}
.phone-number {
  color: #666;
  margin-left: 10px;
}
.download-link span {
  margin-right: 8px;
}
/*************************************************************
Page Detail
*************************************************************/
.category-slider .item img {
  width: 100%;
}
.category-slider .item {
  padding: 0 15px;
}
.category-slider {
  background: #f6f6f6 none repeat scroll 0 0;
  padding: 50px 0;
}
.relate-product .nav-tabs-default {
  margin-bottom: 30px;
}
.relate-product .owl-default .owl-theme .owl-controls .owl-buttons div {
  margin-top: -50px;
}
.product-slider .item {
  padding: 0 15px;
}
.relate-product .item-product {
  margin-bottom: 0;
}
.relate-product .title-product a {
  text-transform: uppercase;
}
.detail-product-tab {
  border: 1px solid #e5e5e5;
  margin-bottom: 50px;
  margin-top: 35px;
  padding: 0 30px 20px;
}
.nav-tabs-default {
  margin-bottom: 20px;
}
.product-gallery .bx-wrapper {
  float: left;
  margin: 0;
  padding-right: 10px;
  position: relative;
  width: 81.4%;
}
.product-gallery #bx-pager {
  float: left;
  width: 18.6%;
}
.product-gallery #bx-pager a {
  background: #f5f5f5 none repeat scroll 0 0;
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.product-gallery #bx-pager a.active::before {
  background: #1b1d1f none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: -50%;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  width: 200%;
}
.product-gallery #bx-pager a img {
  width: 100%;
}
.product-gallery .bxslider img {
  height: auto;
  width: 100%;
}
.product-gallery .bx-viewport {
  background: #f5f5f5 none repeat scroll 0 0;
}
.product-gallery .bx-prev {
  color: #a0a0a0;
  font-size: 18px;
  left: 0;
  margin-left: 25px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
}
.product-gallery .bx-controls-direction a:hover {
  color: #f87c0a;
}
.product-gallery .bx-next {
  color: #a0a0a0;
  font-size: 18px;
  right: 10px;
  margin-right: 15px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
}
.bread-crumb .lnr.lnr-chevron-right {
  font-size: 10px;
  padding: 0 5px;
}
.bread-crumb a {
  color: #999;
}
.bread-crumb {
  border-bottom: 1px dotted #e5e5e5;
  margin-bottom: 2px;
  /* padding: 5px 0; */
  text-shadow: 0 0 0;
}
.title-product-detail {
  font-size: 30px;
  margin-bottom: 15px;
  margin-top: 0;
  text-transform: uppercase;
}
.wrap-star-rating {
  background: rgba(0, 0, 0, 0) url("../images/rate-bg.png") repeat-x scroll left
    top;
  height: 12px;
  width: 80px;
}
.inner-star-rating {
  background: rgba(0, 0, 0, 0) url("../images/rate-star.png") repeat-x scroll
    left center;
  height: 12px;
}
.inner-star-rating {
  background: rgba(0, 0, 0, 0) url("../images/rate-star.png") repeat-x scroll
    left center;
  height: 12px;
}
.info-product-detail .desc {
  color: #666;
  margin: 15px 0 10px;
}
.product-gallery .share-social a {
  color: #999;
  font-size: 18px;
  padding: 0 5px;
}
.product-gallery .share-social {
  margin-left: 150px;
  margin-top: 15px;
}
.attr-product {
  border: 1px solid #e5e5e5;
}
.select-attr-size {
  background: #fafafa none repeat scroll 0 0;
  box-shadow: 0 0 0 1px #e5e5e5;
  display: none;
  left: 0;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 9;
}
.attr-product.attr-size {
  margin-top: 20px;
  position: relative;
  text-transform: uppercase;
}
.attr-size .selected-attr-size {
  background: rgba(0, 0, 0, 0) url("../images/arrow-down.png") no-repeat scroll
    right 20px center;
  color: #1b1d1f;
  display: block;
  padding: 10px 20px;
}
.attr-product label {
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
}
.selected-attr-size > span {
  position: absolute;
  right: 65px;
}
.select-attr-size li a {
  display: block;
  padding: 5px 20px;
  color: #1b1d1f;
}
.select-attr-size li {
  border-bottom: 1px solid #e5e5e5;
}
.select-attr-size li:last-child {
  border-bottom: 1px solid transparent;
}
.select-attr-size li a.selected {
  background: #f5f5f5 none repeat scroll 0 0;
}
.attr-product.attr-color {
  display: table;
  margin-top: 20px;
  padding: 15px 10px 10px 20px;
  width: 100%;
}
.attr-product.attr-color > ul {
  display: table-cell;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.attr-product.attr-color > label {
  display: table-cell;
  padding-right: 20px;
  vertical-align: top;
}
.attr-product.attr-color li {
  display: inline-block;
}
.attr-product.attr-color a {
  border: 1px solid #e5e5e5;
  display: block;
  height: 30px;
  margin: 0 3px 5px 0;
  padding: 1px;
  width: 30px;
}
.attr-product.attr-color a span {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.attr-product.attr-color a.selected span::after {
  background: #1b1d1f none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: -50%;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  width: 200%;
}
.blue {
  background: #4d6dbd none repeat scroll 0 0;
}
.blue-air {
  background: #2fbcda none repeat scroll 0 0;
}
.orange {
  background: #fbb450 none repeat scroll 0 0;
}
.green {
  background: #72b226 none repeat scroll 0 0;
}
.gray {
  background: #d8d8d9 none repeat scroll 0 0;
}
.black {
  background: #202020 none repeat scroll 0 0;
}
.red {
  background: #fb5d5d none repeat scroll 0 0;
}
.yellow {
  background: #ffe00c none repeat scroll 0 0;
}
.blue-light {
  background: #1997d4 none repeat scroll 0 0;
}
.blue-ocean {
  background: #5990de none repeat scroll 0 0;
}
.info-qty {
  border: 1px solid #e5e5e5;
  height: 40px;
  line-height: 40px;
  max-width: 220px;
  padding: 0 20px;
}
.info-qty > label {
  font-weight: 400;
  margin: 0 40px 0 0;
  text-transform: uppercase;
}
.info-qty a {
  color: #b8b8b8;
}
.info-qty a:hover {
  color: #f87c0a;
}
.qty-val {
  display: inline-block;
  text-align: center;
  width: 60px;
}
.wrap-cart-qty .btn-link-default.add-to-cart {
  margin-top: 20px;
  max-width: 220px;
  width: 100%;
}
.info-extra a {
  color: #1b1d1f;
  margin-right: 15px;
}
.info-extra {
  margin-top: 20px;
}
.content-product-detail.none-sidebar .wrap-attr-product {
  float: left;
  margin-right: 20px;
}
.wrap-attr-product {
  max-width: 320px;
  width: 100%;
}
.wrap-cart-qty {
  float: left;
  margin-top: 20px;
  max-width: 220px;
  width: 100%;
}
/*****************************************
Page Detail Mr
******************************************/
.content-product-detail.has-sidebar .product-gallery .bx-wrapper {
  float: none;
  margin: 0;
  padding-right: 0;
  position: relative;
  width: 100%;
}
.content-product-detail.has-sidebar .product-gallery #bx-pager {
  float: none;
  width: auto;
}
.content-product-detail.has-sidebar .product-gallery #bx-pager a {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 6px;
  margin-top: 10px;
  max-width: 97px;
}
.content-product-detail.has-sidebar .product-gallery #bx-pager a:last-child {
  margin-right: 0;
}
.widget.widget-category h3 {
  font-size: 13px;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.widget-title.sub-title {
  margin: 0 0 25px;
}
.widget.widget-category > h3 a {
  color: #1b1d1f;
}
.widget.widget-category > h3 a:hover,
.widget.widget-category ul li a:hover,
.sidebar-product .title-product a:hover {
  color: #999;
}
.widget.widget-category > ul {
  list-style: outside none none;
  margin: 0 0 40px;
  padding: 0;
}
.widget.widget-category > ul:last-child {
  margin-bottom: 0;
}
.widget.widget-category ul li a {
  color: #666;
  padding-left: 30px;
  position: relative;
}
.widget.widget-category ul li a::before {
  content: "";
  font-family: linearicons;
  left: 0;
  position: absolute;
  top: 0;
}
.sidebar-product .widget {
  border: 1px solid #e5e5e5;
  margin-bottom: 30px;
  padding: 30px;
}
.sidebar-product ul {
  padding: 0;
  list-style: none;
}
.product-thumb {
  background: #f5f5f5 none repeat scroll 0 0;
  float: left;
  margin-right: 20px;
  max-width: 70px;
  width: 100%;
}
.sidebar-product .title-product a {
  color: #666;
}
.widget-top-seller li {
  margin-bottom: 20px;
}
.widget.widget-category li {
  border-bottom: 1px solid #e5e5e5;
  padding: 8px 0;
}
.widget.widget-category li:last-child {
  border-bottom: 1px solid transparent;
}
.widget.widget-compare li {
  position: relative;
}
.widget.widget-compare ul li .remove-product-compare {
  color: #1b1d1f;
  left: -20px;
  position: absolute;
  top: 0;
}
.widget.widget-compare ul li {
  margin-bottom: 20px;
}
.btn-link-default.btn-compare {
  margin-right: 25px;
  padding: 0 20px;
}
.widget-compare-link .clear-compare {
  color: #1b1d1f;
  text-transform: uppercase;
}
.widget-compare-link .clear-compare:hover {
  color: #999;
}
.widget-compare-link {
  border-top: 1px solid #e5e5e5;
  margin-bottom: 20px;
  padding-top: 20px;
}
/******************************************
Page Grid
*******************************************/
.product-sort a {
  border: 1px solid #e5e5e5;
  color: #1b1d1f;
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 20px 0 44px;
  text-transform: uppercase;
}
.product-sort a.active {
  color: #fff;
  border: 1px solid #1b1d1f;
}
.product-sort li {
  float: left;
  padding: 0;
}
.product-sort a.grid {
  background: rgba(0, 0, 0, 0) url("../images/icon-grid.png") no-repeat scroll
    left 20px center;
}
.product-sort a.grid.active {
  background: #1b1d1f url("../images/icon-grid-active.png") no-repeat scroll
    left 20px center;
}
.product-sort a.list {
  background: rgba(0, 0, 0, 0) url("../images/icon-list.png") no-repeat scroll
    left 20px center;
}
.product-sort a.list.active {
  background: #1b1d1f url("../images/icon-list-active.png") no-repeat scroll
    left 20px center;
}
.product-sort {
  margin: 0;
  padding: 0;
}
.product-filter .ui-selectmenu-button {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  color: #1b1d1f;
  display: inline-block;
  font-family: open sans;
  font-size: 13px;
  font-weight: 400;
  height: 36px;
  text-transform: uppercase;
  width: 130px !important;
}
.product-filter .ui-selectmenu-button::after {
  content: "î¡´";
  font-family: linearicons;
  position: absolute;
  right: 15px;
  top: 10px;
}
.product-filter .ui-selectmenu-button .ui-selectmenu-text {
  display: block;
  height: 34px;
  line-height: 34px;
  padding: 0 30px 0 20px;
  width: 100%;
}
.ui-selectmenu-menu .ui-menu {
  border-radius: 0;
  overflow: hidden;
  padding: 0;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  color: #fbb450;
  font-weight: normal;
}
.ui-menu .ui-menu-item {
  padding: 5px 1em 5px 0.4em;
}
.product-filter .ui-state-default .ui-icon {
  display: none;
}
.product-filter {
  position: relative;
}
.filter-type {
  position: absolute;
}
.product-filter .filter-selected {
  border: 1px solid #e5e5e5;
  color: #1b1d1f;
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 54px 0 20px;
  position: relative;
  text-transform: uppercase;
}
.product-filter .filter-selected::after {
  content: "î¡´";
  font-family: linearicons;
  position: absolute;
  right: 20px;
  top: 0;
}
.sort-pagi-bar.top {
  margin-bottom: 30px;
}
.filter-type li a {
  display: block;
  padding: 5px 20px;
  color: #666;
}
.filter-type {
  background: #fafafa none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  display: none;
  left: 0;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 9;
}
.filter-type li {
  border-bottom: 1px solid #e5e5e5;
}
.filter-type li:last-child {
  border-bottom: 1px solid transparent;
}
.filter-type li a.selected {
  background: #f5f5f5 none repeat scroll 0 0;
}
.filter-type li a:hover {
  color: #999;
}
.product-pagi-nav a {
  border: 1px solid #e5e5e5;
  color: #1b1d1f;
  display: block;
  height: 36px;
  line-height: 36px;
  text-align: center;
  width: 36px;
  transition: all 0.5s ease-out 0s;
}
.product-pagi-nav a.active,
.product-pagi-nav a:hover {
  color: #fff;
  border-color: #1b1d1f;
  background-color: #1b1d1f;
}
.product-pagi-nav li {
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.product-pagi-nav a span {
  display: block;
  line-height: 36px;
}
.product-pagi-nav {
  margin: 0 0 0 30px;
}
.sort-pagi-bar.bottom {
  border-top: 1px solid #e5e5e5;
  padding-top: 30px;
}
.list-product {
  margin-bottom: 0;
}
/*****************************************
Page Grid Mr
******************************************/
.widget.widget-default ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.widget.widget-default ul li a {
  color: #1b1d1f;
  position: relative;
}
.widget.widget-default ul li a:hover {
  color: #999;
}
.widget.widget-default li {
  border-bottom: 1px solid #e5e5e5;
  padding: 8px 0;
}
.widget.widget-default li:last-child {
  border-bottom: 1px solid transparent;
}
.widget.widget-attribute a span {
  color: #999;
}
.widget.widget-filter-price input#amount {
  border: medium none;
  color: #666;
  font-size: 13px;
  font-weight: 400;
  max-width: 80px;
}
.widget-filter-price .btn-link-default {
  margin: 30px auto 10px;
  padding: 0;
  width: 80px;
}
.info-price-filter {
  text-align: center;
}
.info-price-filter label {
  color: #666;
  font-weight: 400;
  margin-left: 15px;
}
.info-price-filter label {
  color: #666;
  font-weight: 400;
  margin-left: 15px;
}
.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
  background: #1b1d1f none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  height: 2px;
  margin: 0;
  padding: 0;
}
.ui-slider-range.ui-widget-header.ui-corner-all {
  background: #fbb450 none repeat scroll 0 0;
}
.ui-slider-handle.ui-state-default.ui-corner-all {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #fbb450;
  border-radius: 0;
  height: 10px;
  margin: 0 0 0 -5px;
  top: -4px;
  width: 10px;
}
.thumb-link-default {
  display: block;
  position: relative;
  overflow: hidden;
}
.thumb-link-default::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(27, 29, 31, 0.5);
  transition: all 0.5s ease-out 0s;
  top: 0;
  left: 0;
  z-index: 9;
}
.thumb-link-default img {
  transition: all 0.5s ease-out 0s;
  width: 100%;
}
.thumb-link-default:hover::before {
  opacity: 1;
}
.thumb-link-default:hover img {
  transform: scale(1.2);
}
/**************************************
Page Product List
***************************************/
.product-list .item-product-info {
  text-align: left;
}
.product-list.none-sidebar .item-product-thumb {
  float: left;
  width: 20%;
  padding: 10px 15px;
  background: none;
  margin: 0 0 20px;
}
.item-product-thumb span {
  font-size: 14px;
  font-weight: 600;
}
.product-list.none-sidebar .item-product-info {
  float: left;
  background: #f5f5f5;
  margin: 0 0 20px;
  padding: 10px 20px;
  width: 77%;
  box-shadow: 0px 0px 3px 0px #aaa;
}
.item-product-info span {
  font-size: 14px;
}
.product-list.none-sidebar .wrap-cart-qty {
  border-left: 1px solid #e5e5e5;
  float: left;
  margin: 0;
  max-width: none;
  padding: 40px 0 45px 30px;
  width: 22%;
}
.product-list .item-product {
  border: 1px solid #e5e5e5;
  padding: 30px;
}
.product-list.none-sidebar .info-qty {
  margin-top: 18px;
}
.product-list .title-product {
  font-size: 16px;
  margin: 0 0 20px;
}
.product-list.none-sidebar .wrap-star-rating {
  margin-bottom: 20px;
}
.item-product-info .product-readmore:hover {
  background: #1b1d1f none repeat scroll 0 0;
  border: 1px solid #1b1d1f;
  color: #fff;
}
.item-product-info .product-readmore {
  border: 1px solid #e5e5e5;
  color: #1b1d1f;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin-top: 15px;
  padding: 0 30px;
  text-transform: uppercase;
  transition: all 0.5s ease-out 0s;
}
/**************************************
Page Product List Mr
***************************************/
.product-list.has-sidebar .item-product-thumb {
  float: left;
  width: 33%;
}
.product-list.has-sidebar .item-product-info {
  float: left;
  margin-top: 0;
  padding-left: 30px;
  width: 67%;
}
.product-list.has-sidebar .desc {
  margin-top: 20px;
}
.product-list.has-sidebar .wrap-cart-qty {
  margin-top: 5px;
}
.product-list.has-sidebar .wrap-cart-qty {
  margin-top: 5px;
  max-width: inherit;
}
.product-list.has-sidebar .info-extra {
  margin-bottom: 20px;
}
.product-list.has-sidebar .info-qty {
  display: inline-block;
  margin-right: 10px;
  max-width: 220px;
  vertical-align: top;
  width: 100%;
}
.product-list.has-sidebar .btn-link-default.add-to-cart {
  margin: 0;
  max-width: 220px;
}
/*******************************************************************
Page Blog
********************************************************************/
.content-blog-page .megafolio-container {
  box-sizing: border-box;
  position: relative;
  width: 100%;
}
.news-load-more {
  margin: 40px auto 0;
  max-width: 470px;
  width: 100%;
}
.addmore.btn-link-default {
  width: 100%;
}
.mega-entry .popular-box {
  margin: 0;
}
.mega-entry .popular-box {
  height: 100%;
  margin: 0;
  width: 100%;
}
/*******************************************************************
Single
********************************************************************/
.content-single .bread-crumb {
  margin-bottom: 50px;
}
.content-single {
  border-top: 1px solid #e5e5e5;
}
.post-title {
  color: #1b1d1f;
  font-size: 16px;
  margin: 0 0 20px;
  text-shadow: 0 0 0;
  text-transform: uppercase;
}
.post-text {
  color: #666;
  margin: 0 0 25px;
}
.post-info p {
  color: #999;
}
.post-info label {
  font-weight: 400;
}
.post-info .share-social label {
  color: #999;
  margin-right: 10px;
  vertical-align: super;
}
.post-info .share-social {
  margin-bottom: 20px;
  margin-top: 0;
}
.post-info .share-social a {
  color: #999;
  margin-right: 20px;
  line-height: 24px;
}
.post-info .share-social a:hover {
  color: #1b1d1f;
}
.post-info a {
  color: #333;
}
.post-info a:hover {
  color: #666;
}
.single-post-thumb.img-responsive {
  margin-bottom: 50px;
}
.text-upper {
  color: #333;
  font-size: 30px;
}
.item-post-gallery h3 a {
  color: #999;
  font-size: 13px;
}
.item-post-gallery h3 {
  margin: 15px 0 0;
  text-align: center;
}
.post-gallery {
  margin: 25px auto auto;
  /* max-width: 940px; */
}
.post-gallery .item {
  padding: 0 10px;
}
.item-post-gallery .fancybox {
  display: block;
  position: relative;
  overflow: hidden;
}
.item-post-gallery .fancybox img {
  transition: all 0.5s ease-out 0s;
  width: 100%;
}
.item-post-gallery .fancybox:hover img {
  transform: scale(1.2);
}
.item-post-gallery .fancybox::before {
  background: rgba(120, 120, 120, 0.5) url("../images/icon-zoom.png") no-repeat
    scroll center center;
  content: "";
  height: 0;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: all 0.5s ease-out 0s;
  width: 0;
  z-index: 9;
}
.item-post-gallery .fancybox:hover::before {
  height: 100%;
  left: 0;
  opacity: 1;
  top: 0;
  width: 100%;
}
.list-post-tags {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  padding: 10px 15px;
  text-align: center;
}
.list-post-tags label {
  color: #999;
  font-weight: 400;
  margin: 0;
}
.list-post-tags a {
  color: #333;
  margin-right: 15px;
  position: relative;
}
.list-post-tags a:last-child {
  margin: 0;
}
.list-post-tags a:last-child::after {
  display: none;
}
.list-post-tags a::after {
  background: #e5e5e5 none repeat scroll 0 0;
  content: "";
  height: 10px;
  position: absolute;
  right: -9px;
  top: 5px;
  transform: rotate(10deg);
  width: 1px;
}
.post-title a {
  color: #333;
}
.control-post .prev-post,
.control-post .next-post {
  color: #999;
  display: inline-block;
  margin-bottom: 15px;
}
.control-post .prev-post:hover,
.control-post .next-post:hover {
  color: #333;
}
.control-post {
  border-bottom: 1px solid #e5e5e5;
  padding: 25px 0 8px;
}
.post-comment {
  margin-top: 45px;
}
.post-comment ol,
.post-comment ul {
  list-style: outside none none;
  margin: 30px 0 0;
  padding: 0;
}
.item-comment {
  display: table;
  width: 100%;
}
.comment-thumb {
  display: table-cell;
  vertical-align: top;
  width: 85px;
}
.comment-info {
  border-bottom: 1px solid #e5e5e5;
  display: table-cell;
  padding-bottom: 30px;
  vertical-align: top;
}
.comment-author {
  font-size: 16px;
  margin: 0;
}
.comment-author a {
  color: #333;
}
.comment-text {
  color: #666;
}
.comment-time {
  color: #999;
  margin: 5px 0 10px;
}
.comment-reply {
  color: #fbb450;
}
.avatar {
  display: block;
  width: 60px;
}
.post-comment-reply {
  margin-top: 40px;
}
.comment-form {
  margin-top: 40px;
}
.comment-form input[type="text"] {
  border: 1px solid #e5e5e5;
  color: #999;
  height: 50px;
  padding: 0 15px;
  width: 100%;
}
.comment-form textarea {
  border: 1px solid #e5e5e5;
  color: #999;
  padding: 15px;
  width: 100%;
}
.comment-form p {
  margin-bottom: 30px;
}
.comment-form > p {
  margin-bottom: 0;
}
.post-comment .comment-form ol {
  margin-top: 50px;
}
.post-comment ol {
  margin-top: 45px;
}
.item-post-gallery {
  margin-bottom: 25px;
}
/*******************************************************************
Index 2
********************************************************************/
/*Header*/
.top-header {
  background: #1190d6 none repeat scroll 0 0;
  position: relative;
  min-height: 3px;
}
.top-left .top-header {
  background: #1b1d1f;
}
.top-left .language-box {
  display: inline-block;
  position: relative;
}
.top-left .currency-box {
  display: inline-block;
  position: relative;
}
.language-box::after {
  position: absolute;
}
.language-box:hover .language-inner-box {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.language-box::after,
.currency-box::after {
  color: #fff;
  content: "";
  font-family: linearicons;
  left: 50%;
  margin-left: -5px;
  margin-top: -10px;
  position: absolute;
  top: 100%;
  transition: all 0.5s ease-out 0s;
  opacity: 0;
}
.language-box:hover::after,
.currency-box:hover::after {
  opacity: 1;
}
.currency-box:hover .currency-inner-box {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.item-box-sub {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  box-shadow: -1px 3px 5px -1px rgba(0, 0, 0, 0.1);
  left: 0;
  opacity: 0;
  padding: 12px 20px 30px;
  position: absolute;
  top: 100%;
  transition: all 0.5s ease-out 0s;
  visibility: hidden;
  width: 210px;
  z-index: 9;
  margin-top: 30px;
  margin-left: -65px;
}
.item-box-sub li::before {
  content: "�";
  font-family: linearicons;
  left: 0;
  position: absolute;
  top: 17px;
  color: #999;
}
.top-right ul li {
  vertical-align: top;
}
.item-box-sub > ul {
  list-style: outside none none;
  padding: 0;
}
.item-box-sub li {
  border-bottom: 1px solid #e5e5e5;
  padding-left: 20px;
  position: relative;
}
.item-box-sub li a {
  color: #666;
  display: block;
  padding: 15px 0;
}
.item-box-sub li a:hover {
  color: #999;
}
.top-left .language-link {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  display: block;
  font-size: 10px;
  height: 40px;
  line-height: 40px;
  padding: 0 45px 0 20px;
  position: relative;
  text-transform: uppercase;
}
.top-left .language-box:hover .language-link,
.top-left .currency-box:hover .currency-link {
  color: #999;
}
.top-left .language-link::after {
  content: "î¡´";
  font-family: linearicons;
  position: absolute;
  right: 20px;
  top: 0;
}
.top-left .currency-link {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  display: block;
  font-size: 10px;
  height: 40px;
  line-height: 40px;
  padding: 0 45px 0 17px;
  position: relative;
  text-transform: uppercase;
}
.top-left .currency-link::after {
  content: "î¡´";
  font-family: linearicons;
  position: absolute;
  right: 20px;
  top: 0;
}
.top-right {
  border-right: 1px solid rgba(255, 255, 255, 0);
  text-align: right;
}
.top-right > ul {
  margin: 0;
  padding: 0;
}
.top-right ul li {
  padding: 8px 0;
  display: inline-block;
}
.top-right > ul > li > a {
  border-right: 1px solid #ddd;
  color: #fff;
  display: block;
  padding: 0 14px;
  text-transform: capitalize;
  font-size: 13px;
}
.top-right > ul > li > a:hover {
  color: #313091;
}
.top-right > ul > li:last-child > a {
  border-right: none;
  padding-right: 0px;
}
.top-right ul li a span {
  margin-right: 5px;
}
.top-right .info-user .inner-user-info {
  background-color: #f2f2f2;
  background-image: -o-linear-gradient(bottom, #fff 70%, #f2f2f2 90%);
  background-image: -moz-linear-gradient(bottom, #fff 70%, #f2f2f2 90%);
  background-image: -webkit-linear-gradient(bottom, #fff 70%, #f2f2f2 90%);
  background-image: -ms-linear-gradient(bottom, #fff 70%, #f2f2f2 90%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.7, #fff),
    color-stop(0.9, #f2f2f2)
  );
  margin-right: 0px;
  margin-top: 30px;
  padding: 5px 10px 4px;
  right: 0;
  text-align: left;
  top: 100%;
  min-width: 160px;
  left: auto;
}
.top-right .info-cart {
  position: relative;
}
.info-user {
  position: relative;
}
.top-right .info-user:hover .inner-user-info {
  margin-top: 0px;
}
.top-right .mycart-link .number-cart-total {
  background: #fbb450 none repeat scroll 0 0;
  color: #fff;
  font-size: 13px;
  margin-left: 20px;
  padding: 0 5px;
}
.info-header2 .info-search::after {
  margin-top: 2px;
  margin-left: 10px;
  top: 100%;
}
.info-header2 .info-search:hover::after {
  opacity: 1;
}
.info-header.info-header2 {
  padding-top: 5px;
}
.info-header2 .info-search {
  margin-left: 0;
}
.info-header2 .info-icon.icon-search {
  border: 1px solid #1b1d1f;
  display: block;
  font-size: 13px;
  height: 32px;
  width: 32px;
  text-align: center;
}
.info-header2 .info-search .search-form {
  margin-right: -55px;
}
.info-header2 .info-search:hover .search-form {
  margin-top: 7px;
}
.info-header2 .info-icon.icon-search span {
  line-height: 32px;
}
.logo.logo-footer2 a {
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
}
/*Banner Slider*/
.owl-arrow-banner .owl-theme .owl-controls .owl-buttons div:hover {
  border-color: #fbb450;
  color: #fbb450;
}
.owl-arrow-banner .owl-theme .owl-controls .owl-buttons div {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #1b1d1f;
  border-radius: 0;
  color: #1b1d1f;
  display: inline-block;
  font-size: 10px;
  height: 34px;
  margin: -17px 0 0;
  opacity: 1;
  padding: 10px;
  width: 34px;
  position: absolute;
  top: 50%;
  transition: all 0.5s ease-out 0s;
  opacity: 0;
  background: #fff;
}
.banner-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 15px;
}
.banner-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 15px;
}
.banner-slider:hover .owl-theme .owl-controls .owl-buttons div {
  opacity: 1;
}
.banner-info {
  height: 220px;
  left: 0;
  margin-top: -110px;
  position: absolute;
  top: 50%;
  width: 100%;
}
.banner-info-text {
  color: #fff;
  padding-left: 50px;
  text-transform: uppercase;
}
.banner-info-text h4 {
  font-size: 30px;
  font-weight: 700;
  margin: 0;
  text-shadow: 1px 1px 3px #808080;
}
.banner-info-text > h2 {
  font-size: 60px;
  margin: 0;
  text-shadow: 1px 1px 3px #808080;
}
.banner-info-text .btn-link-default.banner-link {
  margin-top: 45px;
}
/*Featured Product Tab*/
.product-tab-slider {
  margin-top: 50px;
}
.header-product-tab {
  border-bottom: 2px solid #e5e5e5;
  margin-bottom: 30px;
  padding-bottom: 14px;
}
.list-tab-title .nav > li > a {
  border: medium none;
  color: #1b1d1f;
  font-size: 13px;
  padding: 0;
  position: relative;
  text-transform: uppercase;
}
.list-tab-title .nav.nav-tabs {
  border: medium none;
  margin-top: 7px;
}
.list-tab-title .nav-tabs > li {
  margin: 0 50px 0 0;
}
.header-product-tab .title {
}
.list-tab-title .nav > li > a:hover,
.list-tab-title .nav > li.active > a {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #999;
}
.list-tab-title .nav > li > a::after {
  background: #1b1d1f none repeat scroll 0 0;
  bottom: -24px;
  content: "";
  height: 4px;
  left: 50%;
  position: absolute;
  width: 0;
  transition: all 0.5s ease-out 0s;
  opacity: 0;
}
.list-tab-title .nav > li > a:hover::after,
.list-tab-title .nav > li.active > a::after {
  opacity: 1;
  width: 100%;
  left: 0;
}
.product-tab-slider .owl-buttons {
  position: absolute;
  right: 0;
  top: -75px;
}
.product-tab-slider .owl-theme .owl-controls .owl-buttons div:hover {
  border-color: #fbb450;
  color: #fbb450;
}
.product-tab-slider .owl-theme .owl-controls .owl-buttons div {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #1b1d1f;
  border-radius: 0;
  color: #1b1d1f;
  display: inline-block;
  font-size: 10px;
  height: 24px;
  margin: 0 0 0 5px;
  opacity: 1;
  padding: 6px;
  width: 24px;
  text-shadow: 0 0 0;
}
.hotdeal-countdown {
  margin-top: 30px;
  margin-bottom: 30px;
}
.info-sale {
  background: url("../images/bg-sale.png") no-repeat;
  position: relative;
  width: 77px;
  height: 78px;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 15px;
}
.info-sale > span {
  display: block;
  line-height: 78px;
  font-weight: bold;
}
.hotdeal-countdown .time_circles > div {
  background: #5f6062 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 64px;
  margin: 0 2px;
  padding-top: 12px;
  text-align: center;
  width: 64px !important;
}
.hotdeal-countdown canvas {
  left: 0px;
  position: relative;
  top: 70px;
  z-index: 9;
}
.hotdeal-countdown .number {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: -4px;
}
.hotdeal-countdown .text {
  color: #ccc;
  font-size: 13px;
  text-transform: uppercase;
}
/*Catalog*/
.catalog {
  background-attachment: fixed;
  background-image: url("../images/index2/bg-parallax.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: inherit;
  padding: 75px 0;
  margin-top: 15px;
}
.content-catelog {
  color: #fff;
  padding-left: 45px;
}
.content-catelog > h2 {
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.content-catelog ul li a {
  color: #fff;
  font-style: italic;
  padding: 0 0 0 30px;
  position: relative;
}
.content-catelog ul li a::before {
  content: "";
  font-family: linearicons;
  left: 0;
  position: absolute;
  top: 0;
}
.content-catelog .download-catalog {
  background: #fff none repeat scroll 0 0;
  color: #1b1d1f;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin-top: 15px;
  padding: 0 20px;
  text-transform: uppercase;
  transition: all 0.5s ease-out 0s;
}
.content-catelog .download-catalog:hover {
  color: #fff;
  background: #1b1d1f;
}
/*Latest Post*/
.box-title {
  margin-bottom: 42px;
  text-align: center;
}
.box-title h2 {
  color: #1b1d1f;
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.box-title p {
  color: #666;
  margin: 0;
}
.latest-post {
  background: #f6f6f6 none repeat scroll 0 0;
  margin-top: 15px;
  padding: 70px 0 0;
}
.item-latest-post {
  padding: 80px 0;
  position: relative;
}
.item-latest-post::after {
  position: absolute;
  width: 50%;
  height: 100%;
  content: "";
  background: rgba(27, 29, 31, 0.5);
  top: 0;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
}
.item-latest-post.item-left::after {
  left: 50%;
}
.item-latest-post.item-right::after {
  left: 0;
}
.item-latest-post:hover::after {
  opacity: 1;
}
.item-latest-post.item-left {
  background-image: url("../images/index2/bg-box2.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.item-latest-post.item-right {
  background-image: url("../images/index2/bg-box3.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.latest-post-content {
  color: #fff;
}
.item-latest-post.item-left .latest-post-content {
  padding-right: 45px;
  text-align: right;
}
.item-latest-post.item-right .latest-post-content {
  padding-left: 45px;
  text-align: left;
}
.latest-post-thumb {
  display: block;
  margin: 0 -15px;
}
.latest-post-content > h3 {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.latest-post-content a {
  color: #fff;
}
.latest-post-content a:hover {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.latest-post-info {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  margin-top: 23px;
  padding-top: 26px;
}
.latest-post-info li a {
  display: block;
  margin-bottom: 10px;
}
.latest-post-info li {
  margin-left: 15px;
  text-align: center;
}
.latest-post-content .readmore {
  background: #fff none repeat scroll 0 0;
  color: #1b1d1f;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin-top: 15px;
  padding: 0 20px;
  text-transform: uppercase;
  transition: all 0.5s ease-out 0s;
}
.latest-post-content .readmore:hover {
  background: #1b1d1f none repeat scroll 0 0;
  color: #fff;
}
/*Custom Service*/
.custom-service {
  background: #f6f6f6 none repeat scroll 0 0;
  padding-top: 70px;
}
.item-service-text .sub-title a {
  color: #1b1d1f;
  transition: all 0.5s ease-out 0s;
}
.item-service-text .sub-title {
  margin: 0 0 17px;
}
.item-custom-service {
  display: table;
  margin-top: 75px;
  width: 100%;
}
.item-service-text {
  display: table-cell;
  vertical-align: top;
}
.item-service-thumb {
  display: table-cell;
  width: 90px;
}
.item-service-thumb > a {
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 30px;
  height: 70px;
  margin: 0 10px;
  position: relative;
  text-align: center;
  width: 70px;
  transition: all 0.5s ease-out 0s;
  box-shadow: 0 0 0 10px transparent;
}
.item-service-thumb > a:hover {
  transform: rotate(45deg);
}
.box-left {
  margin-right: -15px;
}
.box-left .item-service-text {
  padding-right: 15px;
}
.box-right {
  margin-left: -15px;
}
.box-right .item-service-text {
  padding-left: 15px;
}
.item-service-thumb > a span {
  line-height: 70px;
}
.sv-green .item-service-thumb > a {
  background-color: rgba(94, 227, 168, 1);
}
.sv-green .item-service-thumb > a:hover {
  box-shadow: 0 0 0 10px rgba(94, 227, 168, 0.2);
}
.sv-green .item-service-text .sub-title a:hover {
  color: rgba(94, 227, 168, 1);
}
.sv-blue .item-service-thumb > a {
  background-color: rgba(76, 214, 214, 1);
}
.sv-blue .item-service-thumb > a:hover {
  box-shadow: 0 0 0 10px rgba(76, 214, 214, 0.2);
}
.sv-blue .item-service-text .sub-title a:hover {
  color: rgba(76, 214, 214, 1);
}
.sv-yellow .item-service-thumb > a {
  background-color: rgba(249, 221, 71, 1);
}
.sv-yellow .item-service-thumb > a:hover {
  box-shadow: 0 0 0 10px rgba(249, 221, 71, 0.2);
}
.sv-yellow .item-service-text .sub-title a:hover {
  color: rgba(249, 221, 71, 1);
}
.sv-orange .item-service-thumb > a {
  background-color: rgba(255, 168, 35, 1);
}
.sv-orange .item-service-thumb > a:hover {
  box-shadow: 0 0 0 10px rgba(255, 168, 35, 0.2);
}
.sv-orange .item-service-text .sub-title a:hover {
  color: rgba(255, 168, 35, 1);
}
.sv-red .item-service-thumb > a {
  background-color: rgba(255, 87, 54, 1);
}
.sv-red .item-service-thumb > a:hover {
  box-shadow: 0 0 0 10px rgba(255, 87, 54, 0.2);
}
.sv-red .item-service-text .sub-title a:hover {
  color: rgba(255, 87, 54, 1);
}
.sv-pink .item-service-thumb > a {
  background-color: rgba(227, 55, 78, 1);
}
.sv-pink .item-service-thumb > a:hover {
  box-shadow: 0 0 0 10px rgba(227, 55, 78, 0.2);
}
.sv-pink .item-service-text .sub-title a:hover {
  color: rgba(227, 55, 78, 1);
}
/*Footer*/
.footer.footer2 {
  background: #1b1d1f none repeat scroll 0 0;
  margin-top: 0;
}
.footer-bottom2 {
  margin-top: 15px;
}
.footer.footer2 a:hover {
  color: #fff;
}
.footer.footer2 .copyright a {
  color: #fff;
}
.footer.footer2 .copyright a:hover {
  color: #666;
}
/*******************************************************************
Contact
********************************************************************/
.content-contact .bread-crumb {
  border: medium none;
  margin: 0;
}
.item-contact-box {
  color: #000;
  display: inline-block;
  margin-bottom: 20px;
  min-width: 160px;
  vertical-align: middle;
}
.item-contact-box > a {
  border: 1px solid #ed1c24;
  border-radius: 50%;
  color: #ed1c24;
  display: inline-block;
  height: 55px;
  margin-right: 15px;
  text-align: center;
  width: 55px;
  background: #f6f6f6;
}
.item-contact-box > a span {
  font-size: 18px;
  line-height: 51px;
}
.item-contact-box > label {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}
.contact-info-box {
  color: #666;
  margin-top: 50px;
}
.phone-box h2 {
  font-size: 14px;
  margin: 0 0 12px;
}
.phone-box {
  display: inline-block;
  padding-top: 20px;
  vertical-align: top;
}
.mail-box {
  display: inline-block;
  padding-top: 20px;
  vertical-align: top;
}
.mail-box a {
  color: #666;
}
.mail-box a:hover {
  color: #999;
}
.contact-form > h2 {
  color: #000;
  font-size: 16px;
  margin: 20px 0 0;
  text-transform: uppercase;
}
.contact-form .comment-form {
  margin-top: 25px;
}
.contact-form {
  margin-top: 25px;
}
.contact-form .comment-form input[type="text"],
.contact-form .comment-form textarea {
  border-color: #ccc;
}
.btn-submit-form {
  background: #FF5722 none repeat scroll 0 0;
  border: medium none;
  border-radius: 4px;
  color: #fff;
  height: 40px;
  margin-right: 2px;
  padding: 0 30px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.5s ease-out 0s;
}
.btn-submit-form:hover {
  background: #f47e00 none repeat scroll 0 0;
  opacity: 1;
}
.btn-reset-form {
  background: #fdd932 none repeat scroll 0 0;
  border: medium none;
  border-radius: 4px;
  color: #fff;
  height: 40px;
  padding: 0 30px;
  text-transform: uppercase;
  transition: all 0.5s ease-out 0s;
}
.btn-reset-form:hover {
  background: #ff0000 none repeat scroll 0 0;
}
/*******************************************************************
Page About
********************************************************************/
.content-page {
  border-top: 1px solid #e5e5e5;
}
.content-page .bread-crumb {
  border: medium none;
  margin: 0;
}
.about-box-image > img {
  width: 100%;
}
.about-box {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}
.about-box::before {
  background: rgba(27, 29, 31, 0.1) none repeat scroll 0 0;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  transition: all 0.5s ease-out 0s;
  width: 0;
}
.about-box:hover::before {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.about-box-text {
  text-align: center;
  padding-top: 55px;
  height: 292px;
}
.about-box-text p {
  font-size: 30px;
  margin: 25px 0 0;
  color: #fff;
}
.about-box-text a {
  font-size: 90px;
  color: #fff;
}
.blue-box {
  background: #1997d4 none repeat scroll 0 0;
}
.dark-yellow-box {
  background: #f3b929 none repeat scroll 0 0;
}
.violet-box {
  background: #37436d none repeat scroll 0 0;
}
.yellow-box {
  background: #fdd932 none repeat scroll 0 0;
}
.about-box.yellow-box p,
.about-box.yellow-box a {
  color: #000;
}
.about-big-text {
  color: #000;
  font-size: 60px;
  left: 65px;
  line-height: 60px;
  position: absolute;
  text-align: center;
  top: 80px;
  width: 200px;
}
.about-box-image img {
  transition: all 0.5s ease-out 0s;
}
.about-box-image:hover img {
  transform: scale(1.15);
}
.about-big-icon {
  bottom: 60px;
  color: #fff;
  font-size: 60px;
  line-height: 60px;
  position: absolute;
  right: 30px;
  text-align: center;
  width: 120px;
}
.about-small-text {
  font-size: 30px;
  left: 50px;
  position: absolute;
  top: 120px;
}
.about-intro > h2 {
  color: #000;
  margin: 0 0 20px;
}
.about-intro > p {
  color: #666;
  margin: 0 0 20px;
}
.about-content {
  margin-top: 20px;
}
.item-post-slider h3 a {
  color: #333;
  font-size: 16px;
  margin-bottom: 20px;
}
.item-post-slider > h3 {
  margin: 0 0 25px;
}
.post-slider {
  padding: 0px 15px;
}
.post-slider-thumb {
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
  width: 100%;
}
.post-slider-thumb img {
  width: 100%;
  transition: all 0.5s ease-out 0s;
}
.post-slider-thumb:hover img {
  transform: scale(1.15);
}
.item-post-slider > span {
  color: #999;
}
.item-post-slider > span {
  color: #999;
}
.item-post-slider > p {
  color: #666;
  margin-top: 10px;
}
.post-social-network {
  margin: 15px 0 0;
  padding: 0;
}
.post-social-network > li {
  display: inline-block;
  margin-right: 5px;
}
.post-social-network a {
  background: #f5f5f5 none repeat scroll 0 0;
  border-radius: 50%;
  color: #666;
  display: block;
  height: 33px;
  text-align: center;
  width: 33px;
}
.post-social-network a:hover {
  background: #1997d4 none repeat scroll 0 0;
  color: #fff;
}
.post-social-network a i {
  line-height: 33px;
}
.item-post-slider {
  padding: 0 10px;
}
.post-slider .owl-theme .owl-controls .owl-buttons div {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #333;
  display: block;
  font-size: 12px;
  height: 36px;
  margin: 0;
  opacity: 1;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 100px;
  width: 36px;
  transition: all 0.5s ease-out 0s;
}
.post-slider .owl-theme .owl-controls .owl-buttons div:hover {
  box-shadow: none;
  background: #1997d4;
  color: #fff;
}
.post-slider .owl-theme .owl-controls .owl-buttons div i {
  line-height: 36px;
}
.post-slider .owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 0;
  margin-left: -35px;
  box-shadow: -1px 3px 3px -1px rgba(0, 0, 0, 0.2);
}
.post-slider .owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0;
  margin-right: -35px;
  box-shadow: -1px 3px 3px -1px rgba(0, 0, 0, 0.2);
}
.item-customer-saying {
  display: table;
  width: 100%;
}
.thumb-customer-saying {
  display: table-cell;
  width: 100px;
}
.thumb-customer-saying > a {
  border-radius: 50%;
  display: block;
  overflow: hidden;
}
.thumb-customer-saying img {
  border-radius: 50%;
  transition: all 0.5s ease-out 0s;
  width: 100%;
}
.info-customer-saying {
  display: table-cell;
  padding-left: 40px;
  padding-right: 20px;
  position: relative;
  vertical-align: top;
}
.info-customer-saying h3 a {
  color: #ff0000;
  font-size: 16px;
}
.info-customer-saying h3 a:hover,
.item-post-slider h3 a:hover {
  color: #fdd932;
}
.info-customer-saying .desc {
  position: relative;
}
.info-customer-saying::before {
  color: #ccc;
  content: "�";
  font-family: fontawesome;
  left: 20px;
  position: absolute;
  top: 5px;
}
.info-customer-saying > h3 {
  margin: 20px 0 5px;
}
.info-customer-saying > span {
  color: #999;
}
.customer-saying > h2 {
  margin: 0 0 45px;
}
.customer-saying {
  margin-top: 25px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.thumb-customer-saying a:hover img {
  transform: rotate(30deg);
}
.footer.footer-about {
  margin-top: 0;
}
.newsletter-form {
  text-align: center;
}
.newsletter-about {
  background: #f5f5f5 none repeat scroll 0 0;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  margin-top: 40px;
  padding: 40px 0;
}
.newsletter-about {
  background: #f5f5f5 none repeat scroll 0 0;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  margin-top: 40px;
  padding: 35px 0;
}
.newsletter-form label {
  font-weight: 400;
  margin-right: 25px;
  text-transform: uppercase;
}
.newsletter-form input[type="text"] {
  border: 1px solid #1997d4;
  border-radius: 4px;
  color: #999;
  height: 40px;
  max-width: 495px;
  padding: 0 15px;
  width: 100%;
  margin: 5px 0;
}
.newsletter-form input[type="submit"]:hover {
  background: #fdd932;
}
.newsletter-form input[type="submit"] {
  background: #1997d4 none repeat scroll 0 0;
  border: medium none;
  border-radius: 4px;
  color: #fff;
  height: 40px;
  padding: 0 25px;
  text-transform: uppercase;
  margin: 5px 0;
  transition: all 0.5s ease-out 0s;
}
/*******************************************************************
Post Format Gallery
********************************************************************/
.post-format-gallery #bx-pager img {
  height: 50px;
  width: 50px;
}
.post-format-gallery {
  margin-bottom: 50px;
  position: relative;
}
.post-format-video {
  margin-bottom: 50px;
}
.post-format-gallery #bx-pager {
  bottom: 25px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.post-format-gallery #bx-pager a.active {
  border: 1px solid #f87c0a;
}
.post-format-gallery #bx-pager a {
  border: 1px solid #e5e5e5;
  display: inline-block;
  margin: 3px;
  position: relative;
}
.post-format-gallery #bx-pager a::before {
  position: absolute;
  content: "";
  background: rgba(255, 255, 255, 0.2);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.5s ease-out 0s;
  opacity: 0;
}
.post-format-gallery #bx-pager a:hover::before,
.post-format-gallery #bx-pager a.active::before {
  opacity: 1;
}
.post-format-gallery #bx-pager a:hover {
  border: 1px solid #f87c0a;
}
.post-format-gallery .bxslider {
  margin: 0;
}
.post-format-gallery .bx-controls-direction a {
  color: #999;
  font-size: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.post-format-gallery .bx-controls-direction a:hover {
  color: #f87c0a;
}
.post-format-gallery .bx-controls-direction .bx-prev {
  left: 0;
  margin-left: 30px;
}
.post-format-gallery .bx-controls-direction .bx-next {
  right: 0;
  margin-right: 30px;
}
.post-format-gallery .bxslider img {
  width: 100%;
}
/*******************************************************************
Post Format Hot Deal
********************************************************************/
.box-hot-deal {
  margin-top: 40px;
}
.wrap-deal-countdown {
  left: 0;
  position: absolute;
  top: -30px;
  width: 100%;
}
.deal-countdown {
  width: 200px;
  margin: auto;
  text-align: center;
}
.deal-countdown .time_circles > div {
  background: #5f6062 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 46px;
  line-height: 38px;
  margin: 0 2px;
  width: 46px !important;
}
.deal-countdown canvas {
  position: relative;
  top: 52px;
  z-index: 9;
}
/*******************************************************************
Post Format Image
********************************************************************/
.title-post-leading {
  border-bottom: 2px solid #f87c0a;
  font-size: 16px;
  margin-bottom: 22px;
  padding-bottom: 17px;
  text-transform: uppercase;
}
.post-banner-link {
  display: block;
}
.post-banner-link img {
  height: auto;
  width: 100%;
}
.post-banner-image {
  background: #fff9ec none repeat scroll 0 0;
  border: 2px solid #f87c0a;
  margin-bottom: 30px;
  padding: 15px;
}
.inner-post-banner-image {
  position: relative;
}
.post-banner-text {
  background: #f87c0a none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  left: 0;
  margin: 0;
  padding: 10px 15px;
  position: absolute;
  text-align: center;
  width: 100%;
}
/*******************************************************************
Blog List
********************************************************************/
.item-blog-list {
  margin-bottom: 50px;
}
.blog-list-title {
  font-size: 16px;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.blog-list-title a {
  color: #1b1d1f;
  text-shadow: 0 0 0;
}
.blog-list-title a:hover {
  color: #feca5e;
}
.blog-list-info .readmore {
  color: #1b1d1f;
  display: inline-block;
  margin-top: 5px;
  padding-left: 20px;
  position: relative;
}
.blog-list-info .readmore:hover {
  color: #feca5e;
}
.blog-list-info .readmore::before {
  content: "";
  font-family: linearicons;
  left: 0;
  position: absolute;
  top: 4px;
}
.blog-list-thumb {
  padding-left: 10px;
  padding-top: 10px;
  position: relative;
}
.blog-list-thumb-link::before {
  border: 1px solid #e5e5e5;
  content: "";
  height: 100%;
  left: -10px;
  position: absolute;
  top: -10px;
  width: 100%;
}
.blog-list-thumb-link {
  display: block;
  position: relative;
}
.blog-list-thumb-link img {
  position: relative;
  transition: all 0.5s ease-out 0s;
  width: 100%;
}
.blog-list-thumb-link::after {
  background: rgba(27, 29, 31, 0.2) none repeat scroll 0 0;
  content: "";
  height: 0;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: all 0.5s ease-out 0s;
  width: 0;
}
.blog-list-thumb-link:hover::after {
  height: 100%;
  left: 0;
  opacity: 1;
  top: 0;
  width: 100%;
}
.post-pagi-nav {
  border-top: 1px solid #e5e5e5;
  padding-top: 30px;
}
.post-pagi-nav a {
  background: #f5f5f5 none repeat scroll 0 0;
  border-radius: 50%;
  color: #666;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  text-align: center;
  width: 36px;
  transition: all 0.5s ease-out 0s;
}
.post-pagi-nav a:hover,
.post-pagi-nav .current-page {
  background: #f87c0a none repeat scroll 0 0;
  color: #fff;
}
.widget.widget-post-adv {
  position: relative;
}
.widget-post-adv-text {
  bottom: 60px;
  display: block;
  left: 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 125px;
}
.widget-post-adv-text strong {
  background: #fff none repeat scroll 0 0;
  box-shadow: 3px 4px 5px -2px rgba(0, 0, 0, 0.2);
  color: #ff8523;
  display: block;
  font-size: 30px;
  padding: 10px 5px;
  position: relative;
}
.intro-text-adv {
  background: #ff8523 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 86px;
  line-height: 86px;
  margin: -17px auto auto;
  width: 86px;
}
.title-sidebar-blog {
  border-bottom: 1px solid #e5e5e5;
  font-size: 16px;
  margin: 0 0 30px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.sidebar-blog .widget {
  margin-bottom: 47px;
}
.sidebar-blog .widget ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.widget.widget-post-list a {
  color: #666;
  padding-left: 20px;
  position: relative;
}
.widget.widget-post-list a:hover {
  color: #f87c0a;
}
.widget.widget-post-list a::before {
  content: "�";
  font-family: linearicons;
  left: 0;
  position: absolute;
  top: 2px;
}
.widget.widget-post-list li {
  margin-bottom: 10px;
}
.widget.widget-post-list li:last-child {
  margin-bottom: 0;
}
.widget.widget-recent-post li {
  display: table;
  margin-bottom: 30px;
}
.widget-recent-post-thumb {
  display: table-cell;
  width: 50px;
  box-shadow: 0px 0px 3px 0px #aaa;
}
.widget-recent-post-info {
  display: table-cell;
  padding-left: 20px;
  vertical-align: top;
}
.widget-recent-post-info h3 {
  font-size: 13px;
  margin: 0 0 5px;
}
.widget-recent-post-info h3 a {
  color: #666;
  text-shadow: 0 0 0;
}
.widget .post-date {
  color: #999;
  margin: 0;
}
.tagcloud a {
  border: 1px solid #e5e5e5;
  display: inline-block;
  margin: 0 5px 10px 0;
  padding: 8px 18px;
}
.tagcloud a:hover {
  border: 1px solid #f87c0a;
}
.sidebar-blog .widget a {
  color: #666;
}
.sidebar-blog .widget a:hover {
  color: #f87c0a;
}
.widget-post-adv-link {
  position: relative;
  display: block;
}
.widget-post-adv-link > img {
  width: 100%;
}
.widget-post-adv-link::before {
  background: rgba(27, 29, 31, 0.1) none repeat scroll 0 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  transition: all 0.5s ease-out 0s;
}
.widget-post-adv-link::after {
  background: rgba(27, 29, 31, 0.1) none repeat scroll 0 0;
  content: "";
  height: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  width: 0;
  transition: all 0.5s ease-out 0s;
}
.widget-post-adv-link:hover::before,
.widget-post-adv-link:hover::after {
  width: 100%;
  height: 100%;
}
/*******************************************************************
Newsletter Popup
********************************************************************/
.newsletter-popup {
  background: #fff none repeat scroll 0 0;
  margin: auto;
  max-width: 768px;
  position: relative;
  width: 96%;
}
.title-popup {
  background: #fbb450 none repeat scroll 0 0;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  padding: 13px 15px;
  text-transform: uppercase;
}
.newsletter-popup .close-popup {
  color: #fff;
  position: absolute;
  right: 15px;
  top: 15px;
}
.newsletter-popup-thumb {
  text-align: center;
}
.content-popup {
  box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 30px;
}
.newsletter-popup-info > h3 {
  font-size: 16px;
  text-transform: uppercase;
}
.newsletter-popup-info > form {
  margin-top: 20px;
}
.newsletter-popup-info input[type="text"] {
  border: 1px solid #e5e5e5;
  color: #999;
  height: 40px;
  padding: 0 15px;
  width: 100%;
}
.newsletter-popup-info > p {
  color: #666;
}
.newsletter-popup-info input[type="submit"] {
  background: #fbb450 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  height: 40px;
  margin-bottom: 10px;
  padding: 0 30px;
  text-transform: uppercase;
}
.newsletter-popup-info input[type="submit"]:hover {
  background: #1b1d1f;
}
.newsletter-popup-info label {
  color: #999;
  font-weight: normal;
  margin: 0;
}
.newsletter-popup-info input[type="checkbox"] {
  border: 1px solid #e5e5e5;
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  vertical-align: text-top;
  width: 10px;
}
.box-header-intro a {
  color: #fece6e;
}
.box-header-intro label {
  border-right: 1px solid #1b1d1f;
  font-size: 30px;
  font-weight: 400;
  margin-right: 20px;
  padding-right: 20px;
  text-transform: uppercase;
  vertical-align: middle;
}
.box-header-intro {
  margin-bottom: 25px;
  margin-top: 40px;
}
.content-element {
  border-top: 1px solid #e5e5e5;
}
#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}
#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  z-index: 9999;
}
/***********************************************************************
Arrow Style Slider
************************************************************************/
.arrow-style .owl-theme .owl-controls .owl-buttons div {
  background: transparent none repeat scroll 0 0;
  border-radius: 0;
  color: #999;
  display: inline-block;
  font-size: 30px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  transition: all 0.5s ease-out 0s;
  opacity: 0;
}
.arrow-style:hover .owl-theme .owl-controls .owl-buttons div {
  opacity: 1;
}
.arrow-style .owl-theme .owl-controls .owl-buttons div:hover {
  color: #fece6e;
}
.arrow-style .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 30px;
}
.arrow-style:hover .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 0px;
}
.arrow-style .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 30px;
}
.arrow-style:hover .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 0px;
}
.post-gallery .owl-theme .owl-controls .owl-buttons div {
  margin-top: -40px;
}
.post-gallery .owl-theme .owl-controls .owl-buttons div.owl-prev {
  margin-left: -5px;
}
.post-gallery .owl-theme .owl-controls .owl-buttons div.owl-next {
  margin-right: -5px;
}
/***********************************************************************
Tabs&Toggles
************************************************************************/
/*Tabs Icon*/
.product-slider.arrow-style .owl-theme .owl-controls .owl-buttons div {
  margin-top: -55px;
}
.relate-product .nav-tabs-icon {
  margin-top: 50px;
}
.relate-product .nav-tabs-icon {
  margin-top: 50px;
}
.nav-tabs-icon {
  margin-bottom: 50px;
}
.nav-tabs-icon .nav-tabs > li > a > span {
  margin-right: 10px;
}
.nav-tabs-icon .nav-tabs > li > a {
  box-shadow: 0 0 0 1px #e5e5e5 inset;
  border-radius: 0;
  color: #999;
  font-size: 16px;
  line-height: inherit;
  margin-right: 6px;
  padding: 13px 30px;
  text-transform: uppercase;
  background: transparent;
  transition: all 0.5s ease-out 0s;
  border: none;
}
.nav-tabs-icon .nav-tabs > li > a:hover,
.nav-tabs-icon .nav-tabs > li.active > a {
  color: #1b1d1f;
  border: none;
}
.nav-tabs-icon .nav-tabs {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.nav-tabs-icon .nav-tabs > li {
  display: inline-block;
  float: none;
  margin-right: 5px;
}
.nav-tabs-icon .nav-tabs > li > a::before {
  position: absolute;
  width: 0;
  height: 3px;
  top: 0;
  left: 50%;
  content: "";
  background: #1b1d1f;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
}
.nav-tabs-icon .nav-tabs > li > a:hover::before,
.nav-tabs-icon .nav-tabs > li.active > a::before {
  width: 100%;
  opacity: 1;
  left: 0;
}
.nav-tabs-icon .nav-tabs > li > a::after {
  position: absolute;
  width: 0;
  height: 1px;
  bottom: 0;
  left: 50%;
  content: "";
  background: #fff;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
}
.nav-tabs-icon .nav-tabs > li > a:hover::after,
.nav-tabs-icon .nav-tabs > li.active > a::after {
  width: 100%;
  opacity: 1;
  left: 0;
}
.box-product-tab {
  margin: 80px 0;
}
/*Tabs Border*/
.nav-tabs-border .nav-tabs > li > a {
  box-shadow: 0 0 0 1px #e5e5e5 inset;
  border-radius: 4px;
  color: #1b1d1f;
  font-size: 13px;
  line-height: inherit;
  margin-right: 6px;
  padding: 10px 25px;
  text-transform: uppercase;
  background: transparent;
  transition: all 0.5s ease-out 0s;
  border: none;
  overflow: hidden;
}
.nav-tabs-border .nav-tabs > li > a:hover,
.nav-tabs-border .nav-tabs > li.active > a {
  color: #1b1d1f;
  border: none;
}
.nav-tabs-border .nav-tabs {
  border-bottom: none;
}
.nav-tabs-border .nav-tabs > li {
  display: inline-block;
  float: none;
  margin-right: 2px;
}
.nav-tabs-border .nav-tabs > li > a::before {
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  background: #1997d4;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
}
.nav-tabs-border .nav-tabs > li > a:hover::before,
.nav-tabs-border .nav-tabs > li.active > a::before {
  opacity: 1;
}
.nav-tabs-border {
  margin-bottom: 30px;
}
.nav-tabs-border.nav-tabs-block .nav-tabs > li {
  display: block;
  float: none;
  margin-bottom: 10px;
  margin-right: 0;
}
.nav-tabs-border.nav-tabs-block .nav-tabs > li > a {
  margin: 0;
}
.tab-content.tab-content-border {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 20px 25px 15px;
}
/***********************************************************************
Message Boxes
************************************************************************/
.list-message-box {
  margin: 80px 0 20px;
}
.item-message-box {
  margin-bottom: 30px;
  padding: 20px 30px;
}
.item-message-box.item-message-info {
  background: #1997d4 none repeat scroll 0 0;
  color: #fff;
}
.item-message-box span.lnr {
  font-size: 30px;
  margin-right: 20px;
  vertical-align: middle;
}
.item-message-box p {
  font-size: 16px;
  margin: 0;
}
.item-message-box.item-message-error {
  background: #fff2f2 none repeat scroll 0 0;
  color: #ff0000;
}
.item-message-box.item-message-success {
  background: #eaf8e7 none repeat scroll 0 0;
  color: #2ebe12;
}
.item-message-box.item-message-warning {
  background: #fff9ed none repeat scroll 0 0;
  color: #f87c0a;
}
/***********************************************************************
Feature Boxes
************************************************************************/
.list-feature-boxes .item-feature-box {
  margin: 40px 0;
}
.list-feature-boxes .row .col-md-6.col-sm-6.col-xs-12:nth-child(2n + 1) {
  padding-right: 70px;
}
.list-feature-boxes .row .col-md-6.col-sm-6.col-xs-12:nth-child(2n) {
  padding-left: 70px;
}
.feature-box-info h3 {
  position: relative;
  margin: 12px 0;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.feature-box-info h3 a:hover {
  color: #999;
}
.feature-box-info h3 a {
  color: #1b1d1f;
}
.feature-box-info p {
  color: #666;
  margin: 0;
  font-family: "Open Sans", sans-serif;
}
.item-feature-box {
  display: table;
  width: 100%;
}
.feature-box-icon {
  display: table-cell;
}
.feature-box-link {
  display: block;
  height: 70px;
  text-align: center;
  width: 70px;
  border-radius: 4px;
  position: relative;
}
.feature-box-link .lnr {
  font-size: 30px;
  line-height: 70px;
  position: relative;
}
.feature-box-info {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 30px;
}
.item-feature-box.text-left .feature-box-info {
  padding: 0 0 0 30px;
}
.item-feature-box.text-right .feature-box-info {
  padding: 0 30px 0 0;
  text-align: left;
}
.item-feature-box.text-center {
  display: block;
}
.item-feature-box.text-center .feature-box-icon {
  display: block;
  position: relative;
  margin-bottom: 24px;
}
.item-feature-box.text-center .feature-box-icon .feature-box-link {
  margin: 0 auto 25px;
}
.item-feature-box.text-center .feature-box-info {
  display: block;
  padding: 0;
}
.feature-box-style-01 .feature-box-link {
  background: #e5e5e5;
  color: #1b1d1f;
}
.feature-box-style-02 .feature-box-link {
  border: 1px solid #e5e5e5;
  color: #1b1d1f;
}
.feature-box-style-03 .feature-box-link {
  background: #f87c0a;
  color: #fff;
}
.feature-box-style-04 .feature-box-link {
  border: 1px solid #f87c0a;
  color: #f87c0a;
}
.feature-box-style-05 .feature-box-link {
  background: #1b1d1f;
  color: #fff;
}
.feature-box-style-06 .feature-box-link {
  background: #1b1d1f;
  color: #f87c0a;
}
.feature-box-style-07 .feature-box-link {
  border: 1px solid #1b1d1f;
  color: #1b1d1f;
}
.feature-box-style-08 .feature-box-link {
  border: 1px solid #1b1d1f;
  color: #1b1d1f;
  background: #ffd21e;
}
.feature-box-style-09 .feature-box-link {
  background: #1b1d1f;
  color: #fff;
}
.feature-box-style-10 .feature-box-link {
  border: 1px solid #ff0000;
  color: #fff;
  border-radius: 50%;
}
.feature-box-style-10 .feature-box-link::before {
  position: absolute;
  background: #1997d4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  border-radius: 50%;
  display: block;
  transform: scale(0.85);
}
.feature-box-style-10 .feature-box-link .lnr {
  line-height: 65px;
}
.item-feature-box.text-center.feature-box-style-11 .feature-box-link {
  border: 1px solid #e5e5e5;
  color: #1b1d1f;
  border-radius: 50%;
  margin-top: -35px;
  background: #fff;
}
.item-feature-box .readmore {
  display: inline-block;
  margin-top: 15px;
}
.feature-box-style-11 .readmore {
  color: #f87c0a;
}
.feature-box-style-11 {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 0 50px 45px;
}
.item-feature-box.text-center.feature-box-style-12 .feature-box-link {
  color: #fff;
  border-radius: 0px;
  margin-top: -35px;
  background: #1997d4;
}
.feature-box-style-12 .readmore {
  color: #1997d4;
}
.feature-box-style-12 {
  padding: 24px 0;
}
.feature-box-style-13 {
  background: #1997d4 none repeat scroll 0 0;
  border-radius: 4px;
  padding: 40px 30px;
}
.feature-box-style-13 .feature-box-link {
  color: #1997d4;
  border-radius: 50%;
  background: #fff;
}
.feature-box-style-13 .feature-box-info h3 a {
  color: #fff;
}
.feature-box-style-13 .feature-box-info p {
  color: #fff;
}
.feature-box-style-14 {
  background: #fff none repeat scroll 0 0;
  border-radius: 0px;
  padding: 40px 30px;
  border: 1px solid #e5e5e5;
}
.feature-box-style-14 .feature-box-link {
  color: #fff;
  border-radius: 0;
  background: #1997d4;
}
.feature-box-style-14 .feature-box-info h3 a {
  color: #1997d4;
}
/***********************************************************************
Charts & Progress Bars
************************************************************************/
/*Circle Chart*/
.circle1 .circles-text {
  color: #ccc;
  font-size: 60px !important;
}
.list-chart-processbar {
  padding: 20px 0 0;
}
.circle1 {
  float: left;
  margin-right: 135px;
  width: 300px;
}
.circle1:last-child {
  margin-right: 0;
}
.circle2 {
  border-radius: 50%;
  float: left;
  height: 170px;
  margin-right: 80px;
  padding: 23px;
  width: 170px;
}
.circle2:last-child {
  margin-right: 0;
}
.circle2 .circles-text {
  font-size: 30px !important;
}
#chart-4 {
  background: #2ea0d7;
}
#chart-4 .circles-text {
  color: #fff;
}
#chart-5 {
  background: #fec942;
}
#chart-5 .circles-text {
  color: #fff;
}
#chart-6 {
  background: #cccccc;
}
#chart-6 .circles-text {
  color: #1b1d1f;
}
#chart-7 {
  background: #ffd21e;
}
#chart-7 .circles-text {
  color: #1b1d1f;
}
#chart-8 {
  background: #1b1d1f;
}
#chart-8 .circles-text {
  color: #ffd21e;
}
/*Progressbar*/
.item-progressbar label {
  display: block;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  color: #494a4c;
}
.list-chart-processbar .item-progressbar {
  max-width: 470px;
  width: 100%;
}
.list-chart-processbar .ui-progressbar .ui-progressbar-value {
  float: right;
  margin: 0;
  border: none;
}
.list-chart-processbar .ui-progressbar.ui-widget-content {
  background: #e5e5e5;
  border: none;
}
.list-chart-processbar #progressbar-1.ui-progressbar {
  height: 5px;
  border-radius: 0;
}
.list-chart-processbar #progressbar-1.ui-progressbar .ui-progressbar-value {
  background: #fec942;
  border-radius: 0;
}
.list-chart-processbar #progressbar-2.ui-progressbar {
  height: 5px;
  border-radius: 0;
}
.list-chart-processbar #progressbar-2.ui-progressbar .ui-progressbar-value {
  background: #2ea0d7;
  border-radius: 0;
}
.list-chart-processbar #progressbar-3.ui-progressbar {
  height: 5px;
  border-radius: 0;
}
.list-chart-processbar #progressbar-3.ui-progressbar .ui-progressbar-value {
  background: #494a4c;
  border-radius: 0;
}
.list-chart-processbar #progressbar-4.ui-progressbar {
  height: 5px;
  border-radius: 0;
}
.list-chart-processbar #progressbar-4.ui-progressbar .ui-progressbar-value {
  background: #ffd21e;
  border-radius: 0;
}
.list-chart-processbar #progressbar-5.ui-progressbar {
  height: 11px;
  border-radius: 4;
}
.list-chart-processbar #progressbar-5.ui-progressbar .ui-progressbar-value {
  background: #fec942;
  border-radius: 4;
}
.list-chart-processbar #progressbar-6.ui-progressbar {
  height: 11px;
  border-radius: 4;
}
.list-chart-processbar #progressbar-6.ui-progressbar .ui-progressbar-value {
  background: #2ea0d7;
  border-radius: 4;
}
.list-chart-processbar #progressbar-7.ui-progressbar {
  height: 11px;
  border-radius: 4;
}
.list-chart-processbar #progressbar-7.ui-progressbar .ui-progressbar-value {
  background: #494a4c;
  border-radius: 4;
}
.list-chart-processbar #progressbar-8.ui-progressbar {
  height: 11px;
  border-radius: 4;
}
.list-chart-processbar #progressbar-8.ui-progressbar .ui-progressbar-value {
  background: #ffd21e;
  border-radius: 4;
}
#progressbar-2,
#progressbar-2,
#progressbar-5,
#progressbar-6 {
  margin-bottom: 50px;
}
#progressbar-3,
#progressbar-4 {
  margin-bottom: 100px;
}
/*Pie Chart*/
.pie-chart {
  height: 240px;
  margin: auto;
  max-width: 300px;
}
.percentage:last-child {
  display: block;
}
#target1 .pie0,
#target2 .pie0,
#target3 .pie0 {
  background-color: #ff6302;
  fill: #ff6302;
}
#target1 .pie1,
#target2 .pie1,
#target3 .pie1 {
  background-color: #6495ed;
  fill: #6495ed;
}
#target1 .pie2 {
  background-color: #ff0000;
  fill: #ff0000;
}
#target1 .pie3 {
  fill: #ffff00;
  background-color: #ffff00;
}
#target2 .pie2 {
  background-color: #6b8e23;
  fill: #6b8e23;
}
#target2 .pie3 {
  background-color: #a52a2a;
  fill: #a52a2a;
}
#target3 .pie2 {
  background-color: #ff0000;
  fill: #ff0000;
}
#target3 .pie3 {
  fill: #ffff00;
  background-color: #ffff00;
}
#target3 .pie4 {
  background-color: #663399;
  fill: #663399;
}
#target3 .pie5 {
  fill: #bdb76b;
  background-color: #bdb76b;
}
#target3 .pie6 {
  fill: #6cf21f;
  background-color: #6cf21f;
}
#target4 .pie0 {
  background-color: #d1ae1e;
  fill: #d1ae1e;
}
#target4 .pie1 {
  background-color: #ffd21e;
  fill: #ffd21e;
}
#target5 .pie0 {
  background-color: #494a4c;
  fill: #494a4c;
}
#target5 .pie1 {
  background-color: #1b1d1f;
  fill: #1b1d1f;
}
/***********************************************************************
Buttons
************************************************************************/
.bt-link {
  border: medium none;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  padding: 0 30px;
  text-transform: capitalize;
  transition: all 0.5s ease-out 0s;
  vertical-align: top;
  overflow: hidden;
}
.list-button-box1 {
  background: #f5f5f5 none repeat scroll 0 0;
  padding: 50px 0 40px;
}
.list-button-box2 {
  background: #1b1d1f none repeat scroll 0 0;
  padding: 50px 0 40px;
}
.list-button-box1 .bt-link {
  margin-bottom: 10px;
  margin-left: 50px;
}
.list-button-box2 .bt-link {
  margin-bottom: 10px;
  margin-left: 50px;
}
.bt-black {
  background: #1b1d1f;
  color: #fff;
}
.bt-yellow {
  background: #f87c0a;
  color: #fff;
}
.bt-white {
  background: #fff;
  color: #1b1d1f;
}
.bt-style1:hover {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 0 2px #1b1d1f inset;
  color: #1b1d1f;
}
.bt-style6 {
  box-shadow: 0 0 0 2px #1b1d1f inset;
}
.bt-style6:hover {
  background: #1b1d1f none repeat scroll 0 0;
  box-shadow: none;
  color: #fff;
}
.bt-style7 {
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1);
}
.bt-style7:hover {
  background: #1b1d1f;
  color: #fff;
  box-shadow: none;
}
.bt-style2:hover {
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1);
  background: #fff;
  color: #1b1d1f;
}
.bt-style8 {
  background-clip: content-box;
  box-shadow: 0 0 0 1px #1b1d1f inset;
  padding: 5px;
  width: 143px;
}
.bt-style8:hover {
  background-clip: padding-box;
}
.bt-style3 {
  padding: 5px;
  width: 143px;
  box-shadow: 0 0 0 1px #1b1d1f inset;
}
.bt-style3:hover {
  background-clip: content-box;
}
.bt-style4:hover {
  background: #f87c0a;
}
.bt-style9:hover {
  background: #1b1d1f;
}
.bt-style5:hover {
  background: #1b1d1f;
}
.bt-style10:hover {
  background: #f87c0a;
}
.bt-style11 {
  box-shadow: 0 0 0 1px #fff inset;
}
.bt-style11:hover {
  background: #f87c0a;
  box-shadow: 0 0 0 2px #fff inset;
}
.bt-style16 {
  box-shadow: 0 0 0 2px #fff inset;
}
.bt-style16:hover {
  background: #1b1d1f;
  box-shadow: 0 0 0 1px #fff inset;
}
.bt-style12 {
  box-shadow: 0 0 0 1px #fff inset;
}
.bt-style12:hover {
  box-shadow: 0 0 0 1px #fec64d inset;
  background: #fff;
  color: #1b1d1f;
}
.bt-style17 {
  box-shadow: 0 0 0 1px #fec64d inset;
}
.bt-style17:hover {
  box-shadow: 0 0 0 1px #fff inset;
  background: #1b1d1f;
  color: #fff;
}
.bt-style13 {
  box-shadow: 0 0 0 1px #fff inset;
}
.bt-style13:hover {
  box-shadow: 0 0 0 4px #fec64d inset;
  background: #fff;
  color: #1b1d1f;
}
.bt-style18 {
  box-shadow: 0 0 0 4px #fec64d inset;
  background: #fff;
  color: #1b1d1f;
}
.bt-style18:hover {
  box-shadow: 0 0 0 1px #fff inset;
  background: #1b1d1f;
  color: #fff;
}
.bt-style14 {
  box-shadow: 0 0 0 1px #fff inset;
}
.bt-style14:hover {
  background: #fff;
  color: #1b1d1f;
}
.bt-style19 {
  box-shadow: 0 0 0 1px #fff inset;
}
.bt-style19:hover {
  background: #1b1d1f;
  color: #fff;
}
.bt-brown {
  background: #323436;
  color: #fec64d;
}
.bt-style15:hover {
  background: #323436;
  color: #fec64d;
}
.bt-style20:hover {
  background: #fec64d;
  color: #fff;
}
.title-bittons {
  font-size: 16px;
  margin: 50px 0 30px;
  text-transform: uppercase;
}
.bt-blue {
  background: #1997d4;
  color: #fff;
}
.bt-radius,
.bt-radius span {
  border-radius: 4px;
}
.bt-cart {
  text-transform: capitalize;
}
.bt-loadmore {
  min-width: 130px;
  color: #fff;
  background: #313091;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
.bt-loadmore:hover {
  /*background:#313091;
box-shadow: 0px 1px 2px 0px #000;*/
}
.bt-link span {
  /*display:block;
line-height:32px;
transition:all 0.5s ease-ut 0s;
margin:4px;*/
}
.bt-style21 {
  width: 140px;
  padding: 0;
}
.bt-style21:hover {
  box-shadow: 0 0 0 1px #1997d4 inset;
  background: #fff;
}
.bt-style21:hover span {
  background: #1997d4;
}
.bt-style26 {
  width: 140px;
  background: #fff;
  box-shadow: 0 0 0 1px #1997d4 inset;
  padding: 0;
}
.bt-style26:hover {
  background: #1997d4;
}
.bt-style26 span {
  background: #1997d4;
}
.bt-style22:hover {
  box-shadow: 0 0 0 1px #1997d4 inset;
  background: #fff;
  color: #1997d4;
}
.bt-style27 {
  box-shadow: 0 0 0 1px #1997d4 inset;
  background: #fff;
  color: #1997d4;
}
.bt-style27:hover {
  background: #1997d4;
  color: #fff;
}
.bt-style23:hover {
  background: #ffd21d;
  color: #1b1d1f;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
}
.bt-shadow {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
}
.bt-gold {
  background: #ffd21d;
}
.bt-style28:hover {
  background: #1997d4;
  color: #fff;
  box-shadow: none;
}
.bt-style24:hover {
  background: #ffd21d;
}
.bt-style29:hover {
  background: #1997d4;
}
.bt-style25 {
  box-shadow: 0 0 0 1px #e3e3e3 inset;
}
.bt-style25:hover {
  box-shadow: none;
  background: #1997d4;
  color: #fff;
}
.bt-style30:hover {
  box-shadow: 0 0 0 1px #e3e3e3 inset;
  background: #fff;
  color: #1b1d1f;
}
.bt-style31 {
  width: 140px;
  padding: 0;
}
.bt-style31 span {
  background: #1997d4;
}
.bt-style31:hover {
  box-shadow: 0 0 0 1px #1997d4 inset;
  background: #1b1d1f;
}
.bt-style36 {
  width: 140px;
  padding: 0;
  box-shadow: 0 0 0 1px #1997d4 inset;
  background: #1b1d1f;
}
.bt-style36 span {
  background: #1997d4;
}
.bt-style36:hover {
  background: #1997d4;
}
.bt-style32 {
  box-shadow: 0 0 0 1px #8d8d8d inset;
}
.bt-style32:hover {
  box-shadow: 0 0 0 1px #fff inset;
  background: #fff;
  color: #1b1d1f;
}
.bt-style37:hover {
  box-shadow: 0 0 0 1px #8d8d8d inset;
  background: #1b1d1f;
  color: #fff;
}
.bt-style33 {
  box-shadow: 0 0 0 1px #ffd21d inset;
  color: #ffd21d;
}
.bt-style33:hover {
  box-shadow: 0 0 0 1px #ffd21d inset;
  color: #1b1d1f;
  background: #ffd21d;
}
.bt-style38 {
  box-shadow: 0 0 0 1px #ffd21d inset;
  color: #1b1d1f;
  background: #ffd21d;
}
.bt-style38:hover {
  box-shadow: 0 0 0 1px #ffd21d inset;
  color: #ffd21d;
  background: #1b1d1f;
}
.bt-style34 {
  box-shadow: 0 0 0 2px #fff inset;
}
.bt-style34:hover {
  box-shadow: 0 0 0 2px #4082f0 inset;
  background: #4082f0;
}
.bt-style39:hover {
  box-shadow: 0 0 0 2px #fff inset;
  background: #1b1d1f;
}
.bt-style35 {
  color: #fff;
}
.bt-style35:hover {
  color: #1997d4;
  background: #1b1d1f;
  box-shadow: 0 0 0 2px #1997d4 inset;
}
.bt-style40 {
  color: #1997d4;
  background: #1b1d1f;
  box-shadow: 0 0 0 2px #1997d4 inset;
}
.bt-style40:hover {
  color: #fff;
  background: #323436;
  box-shadow: 0 0 0 2px #323436 inset;
}
.link-black {
  background: transparent none repeat scroll 0 0;
  color: #1b1d1f;
  margin-right: 40px;
  padding: 0;
  position: relative;
  text-decoration: underline;
  transition: all 0.5s ease-out 0s;
  height: 36px;
  line-height: 36px;
}
.link-style1 {
  padding: 0 30px;
  border: 1px solid transparent;
}
.link-style1:hover {
  border: 1px solid #1b1d1f;
  text-decoration: none;
}
.link-style6 {
  padding: 0 30px;
  border: 1px solid #1b1d1f;
  text-decoration: none;
}
.link-style6:hover {
  border: 1px solid transparent;
  text-decoration: underline;
}
.link-style2 {
  border-bottom: 3px double transparent;
}
.link-style2:hover {
  border-bottom: 3px double #1b1d1f;
  text-decoration: none;
  color: #666;
}
.link-style7 {
  border-bottom: 3px double #1b1d1f;
  color: #666;
  text-decoration: none;
}
.link-style7:hover {
  border-bottom: 3px double transparent;
  text-decoration: underline;
  color: #1b1d1f;
}
.link-style3 {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
.link-style3:hover {
  border-bottom: 1px solid #1b1d1f;
  border-top: 1px solid #1b1d1f;
  text-decoration: none;
}
.link-style8 {
  text-decoration: none;
  border-bottom: 1px solid #1b1d1f;
  border-top: 1px solid #1b1d1f;
}
.link-style8:hover {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  text-decoration: underline;
}
.link-style5:hover {
  color: #f87c0a;
}
.link-style10:hover {
  color: #1b1d1f;
}
.link-style10 {
  color: #f87c0a;
}
.link-style4 span {
  transition: all 0.5s ease-out 0s;
  transform: translate(0, 0);
}
.link-style4:hover span {
  transform: translate(0, 100%);
}
.link-style4:hover::before {
  top: 0;
}
.link-style4::before {
  content: "î� ®";
  font-family: linearicons;
  left: 0;
  position: absolute;
  top: -100%;
  transition: all 0.5s ease-out 0s;
  width: 100%;
  font-size: 18px;
}
.link-style4::after {
  background: #1b1d1f none repeat scroll 0 0;
  bottom: 100%;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: all 0.5s ease-out 0s;
  width: 100%;
}
.link-style4:hover::after {
  bottom: 0;
}
.link-style9 span {
  transition: all 0.5s ease-out 0s;
  transform: translate(0, 100%);
}
.link-style9:hover span {
  transform: translate(0, 0);
}
.link-style9:hover::before {
  top: -100%;
}
.link-style9::before {
  content: "î� ®";
  font-family: linearicons;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease-out 0s;
  width: 100%;
  font-size: 18px;
}
.link-style9::after {
  background: #1b1d1f none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: all 0.5s ease-out 0s;
  width: 100%;
}
.link-style9:hover::after {
  bottom: 100%;
}
.link-white {
  background: transparent none repeat scroll 0 0;
  color: #fff;
  height: 36px;
  line-height: 36px;
  margin-right: 40px;
  padding: 0;
  position: relative;
  text-decoration: underline;
  transition: all 0.5s ease-out 0s;
}
.link-style11 {
  padding: 0 30px;
  border: 1px solid transparent;
}
.link-style11:hover {
  border: 1px solid #f87c0a;
  text-decoration: none;
  color: #f87c0a;
}
.link-style16 {
  padding: 0 30px;
  border: 1px solid #f87c0a;
  text-decoration: none;
  color: #f87c0a;
}
.link-style16:hover {
  border: 1px solid transparent;
  text-decoration: underline;
  color: #fff;
}
.link-style12 {
  border-bottom: 1px solid #ccc;
}
.link-style17 {
  border-bottom: 3px double #666;
  color: #f87c0a;
  text-decoration: none;
}
.link-style17:hover {
  border-bottom: 3px double transparent;
  text-decoration: underline;
  color: #fff;
}
.link-style13 {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
.link-style13:hover {
  border-bottom: 1px solid #1997d4;
  border-top: 1px solid #1997d4;
  text-decoration: none;
  color: #1997d4;
}
.link-style18 {
  text-decoration: none;
  border-bottom: 1px solid #1997d4;
  border-top: 1px solid #1997d4;
  color: #1997d4;
}
.link-style18:hover {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  text-decoration: underline;
  color: #fff;
}
.link-style15:hover {
  color: #f87c0a;
}
.link-style20:hover {
  color: #fff;
}
.link-style20 {
  color: #f87c0a;
}
.link-style14 span {
  transition: all 0.5s ease-out 0s;
  transform: translate(0, 0);
}
.link-style14:hover span {
  transform: translate(0, 100%);
}
.link-style14:hover::before {
  top: 0;
}
.link-style14::before {
  content: "î� ®";
  font-family: linearicons;
  left: 0;
  position: absolute;
  top: -100%;
  transition: all 0.5s ease-out 0s;
  width: 100%;
  font-size: 18px;
  color: #f87c0a;
}
.link-style14::after {
  background: #f87c0a none repeat scroll 0 0;
  bottom: 100%;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: all 0.5s ease-out 0s;
  width: 100%;
}
.link-style14:hover::after {
  bottom: 0;
}
.link-style19 span {
  transition: all 0.5s ease-out 0s;
  transform: translate(0, 100%);
}
.link-style19:hover span {
  transform: translate(0, 0);
}
.link-style19:hover::before {
  top: -100%;
}
.link-style19::before {
  content: "î� ®";
  font-family: linearicons;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease-out 0s;
  width: 100%;
  font-size: 18px;
  color: #f87c0a;
}
.link-style19::after {
  background: #f87c0a none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: all 0.5s ease-out 0s;
  width: 100%;
}
.link-style19:hover::after {
  bottom: 100%;
}
.btn-circle-box {
  display: inline-block;
  margin: 0 35px;
  vertical-align: middle;
}
.btn-circle-box a {
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
  border-radius: 50%;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  transition: all 0.5s ease-out 0s;
  overflow: hidden;
}
.btn-circle-box a span {
  bottom: 0;
  display: block;
  height: 13px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 13px;
  transition: all 0.5s ease-out 0s;
  z-index: 99;
}
.btn-circle-box a.link-add-cart span {
  height: 18px;
  font-size: 18px;
}
.btn-circle-box .link-add-cart {
  width: 48px;
  height: 48px;
}
.btn-circle-box .link-wishlist {
  width: 36px;
  height: 36px;
}
.btn-circle-box .link-compare {
  width: 36px;
  height: 36px;
}
.btn-circle-box .link-quick-view {
  width: 130px;
  height: 130px;
  line-height: 130px;
}
.btn-circle-box1 a {
  background: #2fa0d8;
  color: #fff;
}
.btn-circle-box1 .link-add-cart {
  background: #2fa0d8 url("../images/icon-cart.png") no-repeat center center;
}
.btn-circle-box1 a:hover {
  background-color: #ffd21d;
}
.btn-circle-box1 .link-wishlist:hover span {
  transform: scale(2);
}
.btn-circle-box1 .link-compare:hover {
  box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.3);
}
.btn-circle-box11 a {
  background: #ffd21d;
  color: #fff;
}
.btn-circle-box11 .link-add-cart {
  background: #ffd21d url("../images/icon-cart.png") no-repeat center center;
}
.btn-circle-box11 a:hover {
  background-color: #2fa0d8;
}
.btn-circle-box11 .link-wishlist:hover span {
  transform: scale(2);
}
.btn-circle-box11 .link-compare:hover {
  box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.3);
}
.btn-circle-box2 a {
  background: #1b1d1f;
  color: #fff;
}
.btn-circle-box2 .link-add-cart {
  width: 56px;
  height: 56px;
}
.btn-circle-box2 .link-add-cart:hover {
  background-color: #fff;
  box-shadow: 1px 4px 4px 0 rgba(0, 0, 0, 0.3);
}
.btn-circle-box2 .link-wishlist:hover span {
  transform: scale(2);
}
.btn-circle-box2 .link-compare:hover span {
  transform: scale(2);
}
.btn-circle-box2 .link-add-cart::before {
  background: #1b1d1f none repeat scroll 0 0;
  border-radius: 50%;
  bottom: 0;
  content: "";
  height: 48px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
}
.btn-circle-box22 a {
  background: #fec64d;
  color: #fff;
}
.btn-circle-box22 .link-add-cart {
  width: 56px;
  height: 56px;
}
.btn-circle-box22 .link-add-cart:hover {
  background-color: #fff;
  box-shadow: 1px 4px 4px 0 rgba(0, 0, 0, 0.3);
}
.btn-circle-box22 .link-wishlist:hover {
  box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.3);
}
.btn-circle-box22 .link-compare:hover {
  box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.3);
}
.btn-circle-box22 .link-add-cart::before {
  background: #fec64d none repeat scroll 0 0;
  border-radius: 50%;
  bottom: 0;
  content: "";
  height: 48px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
}
.btn-circle-box3 .link-quick-view {
  background: #2fa0d8;
  color: #fff;
}
.btn-circle-box3 .link-quick-view:hover {
  background: #ffd533;
}
.btn-circle-box33 .link-quick-view {
  background: #ffd533;
  color: #fff;
}
.btn-circle-box33 .link-quick-view:hover {
  background: #2fa0d8;
}
.btn-circle-box4 a {
  background: #fff;
  color: #2fa0d8;
  box-shadow: 0 0 0 1px #e5e5e5 inset;
}
.btn-circle-box4 .link-add-cart {
  background: #1997d4 url("../images/icon-cart.png") no-repeat center center;
  box-shadow: none;
}
.btn-circle-box4 a,
.btn-circle-box44 a {
  margin: 0 5px;
}
.btn-circle-box4 .link-add-cart:hover {
  background-color: #1b1d1f;
}
.btn-circle-box4 .link-wishlist:hover {
  box-shadow: 0 0 0 1px #1997d4 inset;
}
.btn-circle-box4 .link-compare:hover {
  box-shadow: 0 0 0 1px #1997d4 inset;
  background-color: #1997d4;
  color: #fff;
}
.btn-circle-box44 .link-add-cart {
  background: #1b1d1f url("../images/icon-cart.png") no-repeat center center;
}
.btn-circle-box44 .link-add-cart:hover {
  background-color: #1997d4;
}
.btn-circle-box44 .link-wishlist {
  box-shadow: 0 0 0 1px #1997d4 inset;
  background: #fff;
  color: #1997d4;
}
.btn-circle-box44 .link-wishlist:hover {
  box-shadow: 0 0 0 1px #e5e5e5 inset;
}
.btn-circle-box44 .link-compare {
  background: #1997d4;
  color: #fff;
}
.btn-circle-box44 .link-compare:hover {
  box-shadow: 0 0 0 1px #e5e5e5 inset;
  background: #fff;
  color: #1997d4;
}
.list-button-circle {
  padding: 10px 0;
}
.list-button-circle > div {
  padding: 5px 0;
}
.btn-circle-box7 .link-quick-view {
  background: #e9e9e9;
  color: #1b1d1f;
  border: 3px solid transparent;
}
.btn-circle-box7 .link-quick-view:hover {
  border: 3px solid #000;
}
.btn-circle-box77 .link-quick-view {
  background: #e9e9e9;
  color: #1b1d1f;
  border: 3px solid #000;
}
.btn-circle-box77 .link-quick-view:hover {
  border: 3px solid transparent;
}
.btn-circle-box5 .link-add-cart {
  background: #1997d4 url("../images/icon-cart.png") no-repeat center center;
}
.btn-circle-box5 .link-add-cart:hover {
  background-color: #ffd21d;
}
.btn-circle-box5 .link-add-cart:hover::before {
  border: 1px solid transparent;
  width: 48px;
  height: 48px;
}
.btn-circle-box5 .link-add-cart::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 38px;
  height: 38px;
  border: 1px solid #1b1d1f;
  border-radius: 50%;
  transition: all 0.5s ease-out 0s;
}
.btn-circle-box5 .link-wishlist {
  background: #fff;
  box-shadow: 0 0 0 1px #1997d4 inset;
  color: #1997d4;
}
.btn-circle-box5 .link-wishlist:hover {
  background: #ffd21d;
  color: #fff;
  box-shadow: 0 0 0 1px transparent inset;
}
.btn-circle-box5 .link-wishlist:hover span {
  transform: scale(2);
}
.btn-circle-box5 .link-compare {
  background: #1997d4;
  color: #fff;
}
.btn-circle-box5 .link-compare:hover {
  background: #ffd21d;
  color: #1b1d1f;
}
.btn-circle-box55 .link-add-cart {
  background: #ffd21d url("../images/icon-cart.png") no-repeat center center;
}
.btn-circle-box55 .link-add-cart:hover {
  background-color: #1997d4;
}
.btn-circle-box55 .link-add-cart:hover::before {
  border: 1px solid #1b1d1f;
  width: 38px;
  height: 38px;
}
.btn-circle-box55 .link-add-cart::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 48px;
  height: 48px;
  margin: auto;
  border: 1px solid transparent;
  border-radius: 50%;
  transition: all 0.5s ease-out 0s;
}
.btn-circle-box55 .link-wishlist {
  background: #ffd21d;
  color: #fff;
  box-shadow: 0 0 0 1px transparent inset;
}
.btn-circle-box55 .link-wishlist:hover {
  background: #fff;
  color: #1997d4;
  box-shadow: 0 0 0 1px #1997d4 inset;
}
.btn-circle-box55 .link-wishlist:hover span {
  transform: scale(2);
}
.btn-circle-box55 .link-compare:hover {
  background: #1997d4;
  color: #fff;
}
.btn-circle-box55 .link-compare {
  background: #ffd21d;
  color: #1b1d1f;
}
.btn-circle-box55 .link-compare:hover span {
  transform: rotate(225deg);
}
.btn-circle-box5 .link-compare:hover span {
  transform: rotate(225deg);
}
.btn-circle-box6 a {
  color: #fff;
}
.btn-circle-box6 .link-wishlist:hover {
  background: #fff;
  color: #1b1d1f;
}
.btn-circle-box6 .link-add-cart {
  width: 56px;
  height: 56px;
}
.btn-circle-box6 .link-add-cart:hover {
  background: #fff;
  color: #1b1d1f;
}
.btn-circle-box6 .link-add-cart::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 56px;
  height: 56px;
  margin: auto;
  border: 3px solid transparent;
  border-radius: 50%;
  transition: all 0.5s ease-out 0s;
}
.btn-circle-box6 .link-add-cart:hover::before {
  border: 3px solid #1b1d1f;
  width: 52px;
  height: 52px;
}
.btn-circle-box6 .link-compare:hover {
  transform: rotate(225deg) scale(2);
}
.btn-circle-box66 .link-wishlist {
  background: #fff;
  color: #1b1d1f;
}
.btn-circle-box66 .link-wishlist:hover {
  background: transparent;
  color: #fff;
}
.btn-circle-box66 .link-add-cart {
  width: 56px;
  height: 56px;
  background: #fff;
  color: #1b1d1f;
}
.btn-circle-box66 .link-add-cart:hover {
  background: transparent;
  color: #fff;
}
.btn-circle-box66 .link-add-cart::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 52px;
  height: 52px;
  margin: auto;
  border: 3px solid #1b1d1f;
  border-radius: 50%;
  transition: all 0.5s ease-out 0s;
}
.btn-circle-box66 .link-add-cart:hover::before {
  border: 3px solid transparent;
  width: 56px;
  height: 56px;
}
.btn-circle-box66 .link-compare {
  transform: scale(2);
  color: #fff;
}
.btn-circle-box66 .link-compare:hover {
  transform: rotate(225deg);
}
.btn-circle-box8 a,
.btn-circle-box88 a {
  margin: 0 5px;
}
.btn-circle-box8 a {
  background: transparent;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
  color: #fff;
}
.btn-circle-box8 .link-add-cart {
  background: #fff url("../images/icon-cart2.png") no-repeat center center;
  box-shadow: 0 0 0 1px transparent inset;
}
.btn-circle-box8 .link-add-cart:hover {
  background: transparent url("../images/icon-cart.png") no-repeat center center;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
}
.btn-circle-box8 .link-wishlist:hover {
  color: #1698d4;
  box-shadow: 0 0 0 1px #1698d4 inset;
}
.btn-circle-box8 .link-compare:hover {
  color: #fff;
  box-shadow: 0 0 0 1px #fff inset;
}
.btn-circle-box88 .link-add-cart:hover {
  background: #fff url("../images/icon-cart2.png") no-repeat center center;
  box-shadow: 0 0 0 1px transparent inset;
}
.btn-circle-box88 .link-add-cart {
  background: transparent url("../images/icon-cart.png") no-repeat center center;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
}
.btn-circle-box88 .link-wishlist {
  color: #1698d4;
  box-shadow: 0 0 0 1px #1698d4 inset;
}
.btn-circle-box88 .link-wishlist:hover {
  color: #fff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
}
.btn-circle-box88 .link-compare {
  color: #fff;
  box-shadow: 0 0 0 1px #fff inset;
}
.btn-circle-box88 .link-compare:hover {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
}
/***********************************************************************
Accordions
************************************************************************/
.accordion-box {
  margin-bottom: 30px;
}
.accordion-box h2 {
  color: #999;
  font-size: 16px;
  margin: 0;
  text-transform: uppercase;
}
.desc-accordion {
  color: #666;
  margin: 0 0 20px;
  display: none;
}
.item-accordion.active .desc-accordion {
  display: block;
}
.title-accordion {
  font-size: 16px;
  margin: 0;
  color: #1b1d1f;
  padding: 15px 0;
  cursor: pointer;
  position: relative;
}
.title-accordion:hover {
  color: #999;
}
.accordion-box.style1 .title-accordion::after {
  color: #747474;
  content: "";
  font-family: linearicons;
  font-size: 13px;
  position: absolute;
  right: 0;
  top: 15px;
}
.accordion-box.style1 .title-accordion {
  padding-right: 20px;
}
.accordion-box.style1 .item-accordion.active .title-accordion::after {
  content: "î¡´";
}
.accordion-box.style1 .item-accordion {
  border-bottom: 1px solid #e5e5e5;
}
.accordion-box.style2 .title-accordion {
  font-size: 13px;
  padding: 17px 15px 17px 25px;
  text-transform: uppercase;
}
.accordion-box.style3 .title-accordion {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  font-size: 13px;
  margin-bottom: 15px;
  padding: 12px 15px 12px 55px;
  text-transform: uppercase;
}
.accordion-box.style2 .item-accordion {
  border: 1px solid #e5e5e5;
  margin-bottom: 5px;
  padding: 0 20px;
}
.accordion-box.style3 .item-accordion {
  margin-bottom: 5px;
}
.accordion-box.style2 h2 {
  margin-bottom: 30px;
}
.accordion-box.style3 h2 {
  margin-bottom: 30px;
}
.accordion-box.style2 .title-accordion::before {
  background: rgba(0, 0, 0, 0) url("../images/add.png") no-repeat scroll center
    center;
  content: "";
  display: block;
  height: 14px;
  left: 0;
  position: absolute;
  top: 17px;
  width: 14px;
}
.accordion-box.style2 .item-accordion.active .title-accordion::before {
  background: rgba(0, 0, 0, 0) url("../images/sub.png") no-repeat scroll center
    center;
}
.accordion-box.style3 .title-accordion::before {
  background: #1b1d1f url("../images/add1.png") no-repeat scroll center center;
  content: "";
  display: block;
  height: 40px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 40px;
}
.accordion-box.style3 .item-accordion.active .title-accordion::before {
  background: #1b1d1f url("../images/sub1.png") no-repeat scroll center center;
}
/***********************************************************************
Banner Slider
************************************************************************/
.list-banner-slider > div {
  margin-bottom: 50px;
}
/*Circle Vertical*/
.banner-slider-circle-vertical .owl-pagination {
  position: absolute;
  right: 0;
  top: -190px;
}
.banner-slider-circle-vertical .owl-theme .owl-controls {
  margin: auto;
  max-width: 1185px;
  position: relative;
}
.banner-slider-circle-vertical .owl-theme .owl-controls .owl-page span {
  background: #1b1d1f none repeat scroll 0 0;
  border-radius: 50%;
  display: block;
  height: 6px;
  margin: 4px 0;
  opacity: 1;
  width: 6px;
}
.banner-slider-circle-vertical .owl-theme .owl-controls .owl-page.active span,
.banner-slider-circle-vertical
  .owl-theme
  .owl-controls.clickable
  .owl-page:hover
  span {
  background: #fbb450 none repeat scroll 0 0;
  opacity: 1;
}
.banner-slider-circle-vertical .owl-theme .owl-controls .owl-page {
  display: block;
}
/*Rect Vertical*/
.banner-slider-rect-vertical .owl-pagination {
  position: absolute;
  right: 0;
  top: -290px;
}
.banner-slider-rect-vertical .owl-theme .owl-controls {
  margin: auto;
  max-width: 1185px;
  position: relative;
}
.banner-slider-rect-vertical .owl-theme .owl-controls .owl-page span {
  background: #fed533 none repeat scroll 0 0;
  border-radius: 4px;
  display: block;
  height: 5px;
  margin: 8px 0;
  opacity: 1;
  width: 30px;
}
.banner-slider-rect-vertical .owl-theme .owl-controls .owl-page.active span,
.banner-slider-rect-vertical
  .owl-theme
  .owl-controls.clickable
  .owl-page:hover
  span {
  background: #1997d4 none repeat scroll 0 0;
  opacity: 1;
}
.banner-slider-rect-vertical .owl-theme .owl-controls .owl-page {
  display: block;
}
.banner-rect-info {
  text-transform: uppercase;
}
.banner-rect-info h4 {
  font-size: 30px;
  margin: 0;
}
.banner-rect-info h4 span {
  background: #fed533 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  padding: 0 10px 3px;
}
.banner-rect-info h2 {
  font-size: 60px;
  margin: 0;
}
.banner-rect-info h2 span {
  background: #2ea0d7 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  padding: 0 10px 5px;
}
.banner-rect-info .btn-link-default {
  background: #2ea0d7 none repeat scroll 0 0;
  border-radius: 4px;
  margin-top: 15px;
}
.banner-rect-info .btn-link-default:hover {
  background: #fed533 none repeat scroll 0 0;
}
.banner-rect-info .desc {
  letter-spacing: 5px;
  margin-top: 22px;
}
/*Hoztical Slider*/
.banner-slider-circle-hoztical .content-banner-slider {
  background: #f5f5f5 none repeat scroll 0 0;
  height: 680px;
  padding-top: 140px;
}
.banner-slider-circle-hoztical .banner-thumb-link {
  display: block;
  text-align: center;
}
.banner-slider-circle-hoztical .banner-rect-info {
  margin-top: 100px;
  margin-left: 100px;
}
.banner-slider-circle-hoztical .banner-rect-info h4 {
  color: #666;
  margin: 0 0 10px;
}
.banner-slider-circle-hoztical .banner-rect-info h2 {
  margin: 0 0 25px;
}
.banner-slider-circle-hoztical .owl-theme .owl-controls {
  bottom: 70px;
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}
.banner-slider-circle-hoztical .owl-pagination {
  display: inline-block;
  position: relative;
}
.banner-slider-circle-hoztical .owl-pagination::before {
  background: #e3e3e3 none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 100%;
}
.banner-slider-circle-hoztical .owl-theme .owl-controls .owl-page {
  display: inline-block;
  margin-right: 20px;
  position: relative;
}
.banner-slider-circle-hoztical .owl-theme .owl-controls .owl-page:last-child {
  margin-right: 0;
}
.banner-slider-circle-hoztical .owl-theme .owl-controls .owl-page span {
  background: #1b1d1f none repeat scroll 0 0;
  border-radius: 50%;
  display: block;
  height: 10px;
  margin: 0;
  opacity: 1;
  width: 10px;
}
.banner-slider-circle-hoztical .owl-theme .owl-controls .owl-page.active span,
.banner-slider-circle-hoztical
  .owl-theme
  .owl-controls.clickable
  .owl-page:hover
  span {
  background: #1997d4 none repeat scroll 0 0;
  opacity: 1;
}
/***********************************************************************
Banners
************************************************************************/
.item-product-leading .item-product-thumb:hover .product-thumb-link img {
  transform: scale(1.15);
}
.banner-box {
  margin-bottom: 50px;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
}
.banner-style1 .banner-box-info {
  left: 30px;
  position: absolute;
  top: 200px;
  z-index: 10;
}
.title-banner-box-yellow > span {
  background: #ffd21e none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 30px;
  padding: 0 10px 3px;
}
.title-banner-box-yellow {
  margin: 0;
}
.title-banner-box-blue {
  margin: 0;
}
.title-banner-box-blue > span {
  background: #1997d4 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 30px;
  padding: 0 10px 4px;
}
.banner-box.banner-style1 .desc {
  letter-spacing: 5px;
  margin-top: 20px;
}
.btn-box-banner {
  background: #1997d4 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin-top: 12px;
  padding: 0 20px;
  transition: all 0.5s ease-out 0s;
}
.btn-box-banner:hover {
  background: #ffd21e none repeat scroll 0 0;
  color: #fff;
}
.banner-box.banner-style1.box-center {
  margin: 0 -7px;
}
.banner-box.banner-style1.box-left {
  margin-right: -14px;
}
.banner-box.banner-style1.box-right {
  margin-left: -14px;
}
.banner-box.banner-style1::before {
  position: absolute;
  content: "";
  background: rgba(27, 29, 31, 0.1);
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  transition: all 0.5s ease-out 0s;
  z-index: 9;
}
.banner-box.banner-style1:hover::before {
  width: 100%;
  height: 100%;
}
.banner-box.banner-style1::after {
  position: absolute;
  content: "";
  background: rgba(27, 29, 31, 0.1);
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  transition: all 0.5s ease-out 0s;
  z-index: 9;
}
.banner-box.banner-style1:hover::after {
  width: 100%;
  height: 100%;
}
.banner-box .banner-box-link img {
  transition: all 0.5s ease-out 0s;
  width: 100%;
}
.banner-box:hover .banner-box-link img {
  transform: scale(1.15);
}
.banner-box-link {
  display: block;
  overflow: hidden;
  position: relative;
}
.banner-style2 .banner-box-title.banner-box-title-blue {
  background: #1997d4;
  text-align: center;
  margin: 0;
  padding: 2px 15px 5px;
  color: #fff;
  transition: all 0.5s ease-out 0s;
}
.banner-style2 .title-banner-box-blue {
  font-size: 48px;
  color: #1997d4;
  margin: 0;
}
.banner-style2:hover .banner-box-title.banner-box-title-blue {
  background: #ffd21e;
}
.banner-style2 .title-banner-box-black {
  font-size: 24px;
  margin: 0;
}
.banner-style2 .banner-box-info {
  position: absolute;
  top: 120px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
}
.banner-style2:hover .banner-box-info {
  opacity: 1;
}
.banner-adv-product {
  margin: 50px 0 20px;
}
.banner-adv-product {
  margin: 50px 0 20px;
}
.banner-box.banner-style3.box-left {
  margin-right: -10px;
}
.banner-box.banner-style3.box-right {
  margin-left: -10px;
}
.banner-box.banner-style3 .banner-box-info {
  background: #fff none repeat scroll 0 0;
  box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.2);
  left: 0;
  margin-top: -50px;
  position: absolute;
  text-transform: uppercase;
  top: 50%;
  z-index: 10;
  padding: 25px 30px;
}
.title-banner-box {
  font-size: 18px;
  margin: 0;
}
.title-banner-box.style1 {
  color: #333;
}
.title-banner-box.style2 {
  color: #1997d4;
}
.banner-box.banner-style3 .banner-box-info::before {
  border-right: 36px solid transparent;
  border-top: 36px solid #1997d4;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  transition: all 0.5s ease-out 0s;
}
.banner-box.banner-style3 .banner-box-info::after {
  border-right: 36px solid transparent;
  border-top: 36px solid #fff;
  content: "";
  height: 0;
  left: 36px;
  position: absolute;
  top: 0;
  width: 0;
  transition: all 0.5s ease-out 0s;
  opacity: 0;
}
.banner-box.banner-style3 .btn-link-hidden {
  background: #1997d4 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  height: 40px;
  left: 100%;
  line-height: 40px;
  margin-top: -20px;
  opacity: 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 50%;
  transition: all 0.5s ease-out 0s;
  width: 140px;
  margin-left: 10px;
  transform: scale(0);
}
.banner-box.banner-style3 .btn-link-hidden:hover {
  background: #fdd932 none repeat scroll 0 0;
}
.banner-box.banner-style3:hover .banner-box-info::after {
  opacity: 1;
  left: 0;
}
.banner-box.banner-style3:hover .btn-link-hidden {
  opacity: 1;
  transform: scale(1);
}
.banner-box.banner-style3 {
  margin-bottom: 10px;
  transition: all 0.5s ease-out 0s;
  overflow: visible;
}
.banner-box.banner-style3:hover {
  box-shadow: 4px 4px 4px -1px rgba(0, 0, 0, 0.1);
}
.banner-box.banner-style3:hover .banner-box-info::before {
  left: -2px;
}
/***********************************************************************
Home 2
************************************************************************/
.item-popular-info {
  text-align: center;
}
.item-popular-info h3 a {
  color: #1b1d1f;
  font-size: 13px;
  text-transform: uppercase;
}
.item-popular-info > p {
  color: #666;
}
.item-popular-info > h3 {
  margin: 28px 0 17px;
}
.item-popular-info h3 a:hover {
  color: #666;
}
.popular-post-date {
  border: 1px solid #e5e5e5;
  margin-top: 40px;
  padding: 10px 15px;
  position: relative;
}
.popular-post-date::before {
  background: #e5e5e5 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  width: 1px;
}
.popular-post-date .lnr {
  color: #999;
  display: inline-block;
  font-size: 16px;
  margin-right: 5px;
  vertical-align: text-top;
}
.popular-post-date span {
  color: #999;
}
.popular-post-date .readmore {
  color: #999;
}
.popular-post-date .readmore:hover {
  color: #666;
}
.item-popular-thumb {
  position: relative;
}
.item-popular-thumb::after {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  bottom: -20px;
  color: #1b1d1f;
  content: "î� ¿";
  display: block;
  font-family: linearicons;
  font-size: 16px;
  left: 50%;
  margin-left: -13px;
  padding: 10px;
  position: absolute;
}
.item-popular-thumb-link {
  display: block;
  overflow: hidden;
  position: relative;
}
.item-popular-thumb-link::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(27, 29, 31, 0.5);
  opacity: 0;
  transition: all 0.5s ease-out 0s;
}
.item-popular-thumb-link > img {
  width: 100%;
}
.item-popular-thumb-link:hover::before {
  opacity: 1;
}
.item-brand-thumb {
  overflow: hidden;
}
.item-brand-thumb img {
  transition: all 0.5s ease-out 0s;
}
.item-brand-thumb:hover img {
  transform: scale(1.15);
}
.locator {
  margin-top: 10px;
  text-align: center;
}
.locator-thumb .locator-thumb-link {
  color: #1b1d1f;
  font-size: 60px;
  position: relative;
  transition: all 0.5s ease-out 0s;
  z-index: 9;
}
.locator-thumb {
  background: rgba(0, 0, 0, 0) url("../images/bg-icon.png") no-repeat scroll
    center center;
  height: 200px;
  margin: auto auto 20px;
  padding: 65px;
  position: relative;
  width: 200px;
}
.locator-info .sub-title a {
  color: #1b1d1f;
}
.locator-info p {
  margin-top: 10px;
  color: #666;
}
.locator .title {
  margin-bottom: 20px;
}
.locator-thumb:hover .locator-thumb-link {
  color: #fbb450;
}
.locator-info .sub-title a:hover {
  color: #fbb450;
}
.locator-thumb::after {
  background: rgba(0, 0, 0, 0) url("../images/bg-icon.png") no-repeat scroll
    center center;
  content: "";
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  transition: all 0.5s ease-out 0s;
}
.locator-thumb:hover::after {
  transform: translate(10px, 10px);
}
.partner-slider-paginav .box-intro {
  margin-bottom: 0;
}
/***********************************************************************
Home 3
************************************************************************/
.banner-top-home3 {
  margin-top: 50px;
}
.main-nav.main-nav3 .sub-menu {
  border: none;
  box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.main-nav.main-nav3 > ul > li.menu-item-has-childrent::after {
  display: none;
}
.top-header3 {
  border-bottom: 1px solid #ddd;
  padding: 6px 0;
  background: #f2f2f2;
}
.contact-top3 {
  color: #555;
  margin: 0;
  text-transform: uppercase;
  font-size: 11px;
}
.contact-top3 > label {
  border-right: 1px solid #ebebeb;
  font-weight: normal;
  height: 13px;
  line-height: 13px;
  margin-bottom: 0;
  margin-right: 12px;
  padding-right: 15px;
}
.menu-top3 a {
  color: #555;
  font-size: 11px;
}
.menu-top3 a:hover {
  color: #000;
}
.menu-top3 {
  margin: 0;
}
.menu-top3 li {
  border-left: 1px solid #aaa;
  height: 13px;
  line-height: 13px;
  margin-left: 10px;
  padding: 0 0 0 13px;
}
.menu-top3 li:first-child {
  border: medium none;
  margin: 0;
  padding: 0;
}
.logo-footer3 h1 {
  font-size: 48px;
  margin: 0;
  padding: 0;
}
.logo-header3 h1 {
  color: #1997d4;
  font-size: 48px;
  margin: 0;
}
.logo-header3 span {
  color: #fdd932;
}
.header.header3 {
  background: #fbfbfb none repeat scroll 0 0;
}
.box-info-user {
  background: #fff none repeat scroll 0 0;
  border-radius: 4px;
  box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.11);
  display: table;
  padding: 25px 0;
  position: absolute;
  right: 0;
  top: 100%;
  width: 400px;
  margin-top: 35px;
  transition: all 0.5s ease-out 0s;
  opacity: 0;
  visibility: hidden;
}
.info-user:hover .box-info-user {
  opacity: 1;
  visibility: visible;
  margin-top: 5px;
}
.info-header.info-header3 {
  padding-top: 5px;
  position: relative;
  z-index: 100;
}
.info-header3 .info-total > li {
  margin-left: 1px;
}
.info-header3 .info-total .info-icon:hover {
  background: #fdd932;
}
.info-header3 .info-total .info-icon {
  background: #2ea0d7 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  display: block;
  height: 40px;
  padding: 10px;
  text-align: center;
  width: 40px;
}
.info-header3 .info-cart .info-icon sup {
  margin-left: 6px;
  top: 7px;
}
.box-info-user > ul {
  display: table-cell;
  padding: 0 25px;
  vertical-align: top;
}
.box-info-user li a {
  color: #666;
}
.box-info-user li:hover {
  color: #2ea0d7;
}
.box-info-user li a .lnr {
  color: #999;
  margin-right: 10px;
}
.user-info-list > li {
  margin-bottom: 14px;
}
.list-unstyled.language-list {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.language-list img {
  margin-right: 15px;
}
.language-list li.active {
  border-bottom: 1px solid #e5e5e5;
}
.language-list li.active a {
  color: #2ea0d7;
}
.language-list li {
  margin-bottom: 7px;
  padding-bottom: 7px;
}
.currency-list li.active {
  border-bottom: 1px solid #e5e5e5;
}
.currency-list li.active a {
  color: #2ea0d7;
}
.currency-list li {
  margin-bottom: 7px;
  padding-bottom: 7px;
}
.info-header3 .info-total > li::before,
.info-header3 .info-total > li::after {
  display: none;
}
.search-form.search-form3 input[type="text"] {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  color: #999;
  height: 40px;
  left: 15px;
  padding: 0 15px;
  position: absolute;
  top: 15px;
  width: 327px;
}
.search-form.search-form3 .btn-link-default:hover {
  background: #fed533;
}
.search-form.search-form3 .btn-link-default {
  background: #2ea0d7 none repeat scroll 0 0;
  border-radius: 4px;
  right: 15px;
  top: 15px;
  padding: 0 20px;
}
.info-search .search-form3.search-form {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  border-radius: 4px;
  box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.1);
  margin-right: -0px;
  margin-top: 35px;
  overflow: hidden;
  right: 0;
  width: 450px;
}
.info-search:hover .search-form3.search-form {
  margin-top: 5px;
}
.info-total .info-cart3 .inner-cart-info {
  border: medium none;
  border-radius: 4px;
  box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.1);
  margin-right: 0;
  margin-top: 35px;
  right: 0;
}
.info-cart.info-cart3:hover .inner-cart-info {
  margin-top: 5px;
}
.logo-footer3 > a {
  color: #1997d4;
  font-size: 30px;
  text-transform: uppercase;
}
.contact-footer3 li {
  color: #666;
  margin-bottom: 7px;
}
.box-menu-footer3 > h2 {
  font-size: 16px;
  margin: 15px 0 25px;
  text-transform: uppercase;
}
.logo-footer3 {
  margin-bottom: 25px;
}
.social-network3 .share-social a {
  color: #1b1d1f;
  font-size: 16px;
  margin-right: 7px;
}
.box-menu-footer3 a {
  color: #666;
  position: relative;
}
.box-menu-footer3 a:hover {
  color: #1997d4;
}
.box-menu-footer3 li {
  padding: 6px 0;
}
.footer-bottom3 {
  border-top: 1px solid #e5e5e5;
  padding: 30px 0 40px;
}
.menu-footer3 a {
  color: #1b1d1f;
}
.menu-footer3 > li {
  margin-right: 20px;
  padding: 0;
}
.menu-footer3 {
  margin: 0;
}
.menu-footer3 a:hover {
  color: #1997d4;
}
.menu-footer {
  text-align: right;
}
.copyright3 > p {
  margin: 0;
  text-align: right;
}
.box-menu-footer3 > ul {
  list-style: outside none none;
  padding: 0;
}
.box-menu-footer3 a::before {
  content: "�";
  font-family: linearicons;
  left: 0;
  margin-right: 10px;
  top: 0;
}
.footer-3 {
  padding: 40px 0;
}
.footer.footer-dark {
  background: #171717 none repeat scroll 0 0;
  color: #fff;
}
.footer.footer-dark .logo-footer .sub-title {
  color: #fff;
}
.footer.footer-dark .download p {
  border-color: rgba(255, 255, 255, 0.1);
  color: #999;
}
.footer.footer-dark .newsletter > p {
  color: #999;
}
.footer.footer-dark .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 25px;
}
.footer.footer-dark .footer-nav {
  border-color: rgba(255, 255, 255, 0.1);
}
.footer.footer-dark .newsletter {
  border-color: rgba(255, 255, 255, 0.1);
}
.footer.footer-dark a:hover {
  color: #fff;
}
.footer.footer-dark .newsletter input[type="submit"] {
  background: #f87c0a;
}
.footer.footer-dark .newsletter input[type="submit"]:hover {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 0 2px #f87c0a inset;
  color: #1b1d1f;
}
.footer.footer-dark .copyright a {
  color: #999;
}
.footer.footer-dark .share-social a {
  color: #999;
}
.footer.footer-dark .share-social a:hover {
  color: #fff;
}
.title-normal {
  font-size: 30px;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.title-product-best-sale {
  margin-bottom: 50px;
  position: relative;
}
.nav-tabs-bestsale .filter-product .btn-filter {
  border-right: 5px solid #1997d4;
}
.nav-tabs-bestsale .nav-tabs {
  border: medium none;
}
.nav-tabs-bestsale .nav-tabs > li {
  float: left;
  margin-bottom: 0;
}
.nav-tabs-bestsale .nav-tabs > li > a:hover,
.nav-tabs-bestsale .nav-tabs > li.active > a {
  color: #1997d4;
  background: none;
  border: none;
}
.nav-tabs-bestsale .nav-tabs > li > a {
  border: medium none transparent;
  border-radius: 0;
  line-height: inherit;
  margin-right: 30px;
  padding: 0;
  position: relative;
  text-transform: capitalize;
  color: #1b1d1f;
}
.filter-product .btn-filter.style-border-left {
  margin-top: 25px;
  padding-left: 25px;
  width: 120px;
}
.filter-product .btn-filter.style-border-left::before {
  background: #1997d4 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 5px;
}
.nav-tabs-bestsale .nav-tabs > li > a::after {
  background: #ccc none repeat scroll 0 0;
  content: "";
  height: 12px;
  position: absolute;
  right: -16px;
  top: 4px;
  transform: rotate(20deg);
  width: 1px;
}
.nav-tabs-bestsale .nav-tabs > li:last-child > a {
  margin-right: 0;
}
.nav-tabs-bestsale .nav-tabs > li:last-child > a::after {
  display: none;
}
.product-best-sale .item-product-loadmore .item-product-thumb {
  background: #f5f5f5 none repeat scroll 0 0;
}
.product-best-sale .item-product.item-product-loadmore {
  background: #fff none repeat scroll 0 0;
  box-shadow: none;
  margin: 0 0 30px;
}
.product-best-sale .item-product-loadmore .item-product-info {
  margin: 15px 0 0;
  padding: 0;
  text-align: left;
}
.product-best-sale .cart-wishlist-compare .product-compare {
  display: none;
}
.product-best-sale .cart-wishlist-compare .product-wishlist {
  background: #1997d4;
  border-color: #1997d4;
  color: #fff;
}
.product-best-sale .cart-wishlist-compare .product-wishlist:hover {
  background: #ffd21e;
  border-color: #ffd21e;
}
.product-best-sale .cart-wishlist-compare .product-compare {
  background: #1997d4;
  border-color: #1997d4;
  color: #fff;
}
.product-best-sale .cart-wishlist-compare .product-compare:hover {
  background: #ffd21e;
  border-color: #ffd21e;
}
.product-best-sale .item-product:hover .item-product-thumb {
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.paginav-best-seller {
  border-top: 1px solid #e3e3e3;
  margin-top: 20px;
  padding-top: 30px;
  text-align: center;
}
.product-best-sale {
  margin-bottom: 50px;
}
.paginav-best-seller a {
  background: #f5f5f5 none repeat scroll 0 0;
  border-radius: 50%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  display: block;
  height: 36px;
  line-height: 36px;
  margin: 0 3px;
  opacity: 1;
  padding: 0;
  width: 36px;
  color: #1b1d1f;
}
.paginav-best-seller a.active,
.paginav-best-seller a:hover {
  opacity: 1;
  background: #fff none repeat scroll 0 0;
  color: #1997d4;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
}
.paginav-best-seller a.active {
  position: relative;
}
.paginav-best-seller a.active::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #1997d4;
  content: "";
  top: 0px;
  left: 14px;
  border-radius: 50%;
}
/*******************************************************************
Front Page
********************************************************************/
.header.header-home {
  background-image: url("../images/home/bg-page.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding: 50px 0 20px;
}
.logo-home {
  background: #1b1d1f none repeat scroll 0 0;
  max-width: 200px;
  padding: 30px 15px;
  text-align: center;
  width: 100%;
}
.logo.logo-home h1 span {
  display: block;
  font-size: 60px;
}
.logo.logo-home h1 {
  font-size: 36px;
  font-weight: 700;
  margin: 0;
}
.logo.logo-home > a {
  color: #fff;
}
.main-nav.main-nav-home {
  max-width: 200px;
}
.main-nav.main-nav-home > ul > li {
  display: block;
  margin: 0;
}
.main-nav.main-nav-home .main-menu {
  margin-top: 50px;
}
.main-nav.main-nav-home li.menu-item-has-childrent > .sub-menu {
  background: #1b1d1f none repeat scroll 0 0;
  left: 100%;
  margin-top: -10px;
  top: 0;
  border: none;
}
.main-nav.main-nav-home .menu-item-has-childrent .sub-menu li a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 12px 0;
  color: #a0a0a0;
}
.main-nav.main-nav-home .menu-item-has-childrent .sub-menu a:hover {
  color: #fff;
}
.main-nav.main-nav-home > ul > li.menu-item-has-childrent:hover > .sub-menu {
  margin-top: -10px;
}
.main-nav.main-nav-home > ul > li > a {
  padding: 13px 20px;
}
.main-nav.main-nav-home > ul > li::before,
.main-nav.main-nav-home > ul > li::after {
  display: none;
}
.main-nav.main-nav-home > ul > li > a::before {
  background: rgba(0, 0, 0, 0) url("../images/home/before.png") no-repeat scroll
    0 0;
  content: "";
  height: 42px;
  left: 20px;
  position: absolute;
  top: 0;
  width: 11px;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
}
.main-nav.main-nav-home > ul > li > a::after {
  background: rgba(0, 0, 0, 0) url("../images/home/after.png") no-repeat scroll
    0 0;
  content: "";
  height: 42px;
  position: absolute;
  right: 20px;
  top: 0;
  width: 11px;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
}
.header-slider.default-paginav {
  border: 10px solid #fff;
  margin: 10px -15px 50px;
}
.header-slider .owl-pagination {
  left: 0;
  position: absolute;
  bottom: 40px;
  width: 100%;
}
.header-slider .owl-theme .owl-controls .owl-page span {
  background: #666 none repeat scroll 0 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: block;
  height: 7px;
  margin: 4px;
  opacity: 1;
  width: 7px;
}
.header-slider .owl-theme .owl-controls .owl-page span:hover,
.header-slider .owl-theme .owl-controls .owl-page.active span {
  background: #000 none repeat scroll 0 0;
}
.main-nav.main-nav-home > ul > li:hover > a::before {
  opacity: 1;
  left: 0;
}
.main-nav.main-nav-home > ul > li:hover > a::after {
  opacity: 1;
  right: 0;
}
.home-extra-sub {
  background: #1b1d1f none repeat scroll 0 0;
  left: 100px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 0;
  visibility: hidden;
  width: 400px;
  padding: 40px 30px;
  transition: all 0.5s ease-out 0s;
}
.home-extra-sub.show-box {
  left: -300px;
  opacity: 1;
  visibility: visible;
}
.icon-extra-sub.hide-box {
  opacity: 0;
  visibility: hidden;
}
.home-box-extra {
  float: right;
  position: relative;
  width: 100px;
}
.icon-home-cart {
  background: #1b1d1f none repeat scroll 0 0;
}
.icon-home-share {
  background: #252627 none repeat scroll 0 0;
}
.icon-home-search {
  background: #333 none repeat scroll 0 0;
}
.home-box-extra > div > a > .lnr {
  bottom: 0;
  display: block;
  font-size: 30px;
  height: 30px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  transition: all 0.5s ease-out 0s;
}
.home-box-extra > div > a:hover > .lnr {
  transform: scale(1.2);
}
.home-box-extra > div > a:hover {
  color: #fbb450;
}
.home-box-extra > div > a {
  color: #fff;
  display: block;
  height: 100px;
  opacity: 1;
  position: relative;
  text-align: right;
  transition: all 0.5s ease-out 0s;
  visibility: visible;
  width: 100px;
}
.home-box-extra .icon-home-cart sup {
  font-size: 13px;
  position: absolute;
  right: 25px;
  top: 35px;
}
.header-banner {
  margin: 0 -15px;
  position: relative;
}
.item-header-banner {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 10px solid #fff;
  margin-bottom: 50px;
}
.item-header-banner:hover .header-banner-title {
  background: #1b1d1f none repeat scroll 0 0;
  color: #fff;
}
.item-header-banner:hover .header-banner-title::after {
  background: #fff;
}
.header-banner-thumb {
  overflow: hidden;
  position: relative;
}
.header-banner-title {
  background: #fff none repeat scroll 0 0;
  color: #1b1d1f;
  display: inline-block;
  font-size: 13px;
  left: 0;
  margin: -25px 0 0;
  overflow: hidden;
  padding: 18px 120px 18px 20px;
  position: absolute;
  text-transform: uppercase;
  top: 50%;
  transition: all 0.5s ease-out 0s;
}
.header-banner-title::after {
  background: #1b1d1f none repeat scroll 0 0;
  content: "";
  height: 100%;
  position: absolute;
  right: -26px;
  top: 0;
  transform: skewX(-15deg);
  width: 120px;
  transition: all 0.5s ease-out 0s;
}
.header-banner-title > span {
  color: #bbb;
  position: absolute;
  right: 20px;
  text-transform: none;
  top: 18px;
  z-index: 99;
}
.header-banner-title > a {
  color: #1b1d1f;
}
.item-header-banner.box-left {
  margin-right: 10px;
}
.item-header-banner.box-right {
  margin-left: 10px;
}
.header-banner-thumb {
  overflow: hidden;
  position: relative;
}
.category-lightbox {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  left: 50%;
  margin-left: -635px;
  padding: 22px 30px 30px;
  position: absolute;
  top: 50px;
  width: 1170px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-out 0s;
}
.category-lightbox.height-light {
  opacity: 1;
  visibility: visible;
  top: 0;
}
.header-banner-link img {
  transition: all 0.5s ease-out 0s;
}
.item-header-banner:hover .header-banner-link img {
  transform: scale(1.15);
}
.item-header-banner:hover .header-banner-title > span {
  color: #1b1d1f;
}
.category-lightbox .item-product {
  margin: 0 -10px 10px;
}
.category-lightbox .list-product {
  padding: 0 10px;
}
.category-lightbox > h2 {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 25px;
  text-transform: uppercase;
}
.category-lightbox .close-category-lightbox {
  color: #d0d0d0;
  padding-right: 30px;
  position: absolute;
  right: 30px;
  text-transform: uppercase;
  top: 30px;
}
.category-lightbox .home-directnav .owl-buttons {
  margin-right: -85px;
  position: absolute;
  right: 50%;
  top: -60px;
}
.category-lightbox .close-category-lightbox::after {
  background: rgba(0, 0, 0, 0) url("../images/home/x-close.png") no-repeat
    scroll center center;
  content: "";
  height: 11px;
  position: absolute;
  right: 0;
  top: 4px;
  width: 11px;
}
.category-lightbox .item-product-thumb::after {
  display: none;
}
.category-lightbox .item-product-info {
  bottom: 12px;
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}
.header-banner .col-md-6.col-sm-6.col-xs-12 {
  position: static;
}
.product-featured-thumb {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
}
.home-featured-slider {
  background: #f5f5f5 none repeat scroll 0 0;
  padding: 80px 0 60px;
}
.product-featured-info .bx-pager img {
  width: 50px;
}
.product-featured-info .bx-pager a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  display: inline-block;
  margin-right: 5px;
  overflow: hidden;
  position: relative;
  margin-bottom: 5px;
}
.bx-pager .active::after {
  background: #898a8b none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: -50%;
  position: absolute;
  top: 50%;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  width: 200%;
  z-index: 99;
}
.control-paginav-featured-slider {
  margin: 70px auto auto;
  max-width: 580px;
  position: relative;
  width: 100%;
}
.control-paginav-featured-slider
  .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
  background: #1b1d1f none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  height: 10px;
  margin: 0;
  padding: 0;
}
.control-paginav-featured-slider
  .ui-slider-range.ui-widget-header.ui-corner-all {
  background: #fff none repeat scroll 0 0;
}
.control-paginav-featured-slider
  .ui-slider-handle.ui-state-default.ui-corner-all {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #333;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 36px;
  margin: 0 -18px;
  opacity: 1;
  position: relative;
  text-align: center;
  top: -14px;
  width: 36px;
}
#slider-range-max #amount {
  color: #1b1d1f;
  font-size: 13px;
  line-height: 32px;
}
.home-featured-slider .control-paginav-featured-slider .first-num {
  font-size: 30px;
  left: -35px;
  position: absolute;
  top: -18px;
}
.home-featured-slider .control-paginav-featured-slider .last-num {
  font-size: 30px;
  position: absolute;
  right: -55px;
  top: -18px;
}
.home-featured-product {
  margin-top: 90px;
}
.title.title-home {
  margin-bottom: 45px;
}
.product-featured-info > h3 {
  font-size: 13px;
  margin: 0 0 10px;
  text-shadow: 0 0 0;
  text-transform: uppercase;
}
.product-featured-info .desc {
  margin-top: 13px;
}
.product-featured-info .bx-pager {
  margin-top: 43px;
}
.product-featured-info .wrap-cart-qty {
  margin-top: 25px;
  max-width: none;
  float: none;
}
.home-directnav .owl-theme .owl-controls .owl-buttons div:hover {
  color: #fbb450;
}
.home-directnav .owl-theme .owl-controls .owl-buttons div {
  background: transparent none repeat scroll 0 0;
  border-radius: 0;
  color: #999;
  display: inline-block;
  font-size: 30px;
  margin: 0 0 0 10px;
  opacity: 1;
  padding: 0;
}
.home-directnav .owl-buttons {
  position: absolute;
  right: 0;
  top: -50px;
}
.home-partner-slider .partner-slider-directnav .owl-buttons {
  margin-right: 15px;
  margin-top: -30px;
}
.home-bestsale-product .home-directnav .owl-buttons {
  margin-top: -125px;
}
.home-bestsale-product {
  margin-top: 90px;
}
.home-testimonial {
  background: #f5f5f5 none repeat scroll 0 0;
  margin-top: 60px;
  padding: 50px 0 100px;
  position: relative;
}
.home-testimonial::before {
  background: #1b1d1f none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
}
.testimonial-title {
  font-size: 60px;
  margin: 35px 0 25px;
}
.testimonial-thumb-link {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  padding: 10px;
  position: relative;
}
.testimonial-thumb-link::before {
  position: absolute;
  content: "";
  background: rgba(254, 198, 77, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
  z-index: 9;
  padding: 10px;
  border: 10px solid #fff;
}
.testimonial-thumb-link:hover::before {
  opacity: 1;
}
.testimonial-thumb-link > img {
  border-radius: 50%;
  height: 170px;
  transition: all 0.5s ease-out 0s;
  width: 170px;
}
.testimonial-thumb-link:hover img {
  transform: rotate(30deg);
}
.item-testimonial {
  text-align: center;
  background: #d4d9da;
  border-bottom: 1px solid #d4d9da;
  text-transform: capitalize;
}
.home-latest-news {
  margin-top: 90px;
}
.home-testimonial .title.title-home {
  color: #fff;
  position: relative;
}
.item-testimonial.item-left .testimonial-title a {
  color: #fff;
}
.item-testimonial.item-left .testimonial-job {
  color: #fff;
  border-top: 1px solid #fff;
}
.item-testimonial.item-right .testimonial-title a {
  color: #1b1d1f;
}
.item-testimonial.item-right .testimonial-job {
  color: #1b1d1f;
  border-top: 1px solid #1b1d1f;
}
.item-testimonial .testimonial-job {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  padding-top: 35px;
  display: inline-block;
}
.partner-slider.home-partner-slider {
  margin-bottom: 70px;
}
.home-featured-product .home-directnav .owl-buttons {
  margin-top: -103px;
}
.home-testimonial .home-directnav .owl-buttons {
  margin-top: -26px;
}
.product-featured-info .info-qty {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  margin-right: 5px;
  padding: 0;
  position: relative;
  vertical-align: top;
  width: 95px;
}
.product-featured-info .wrap-cart-qty > label {
  font-weight: normal;
  margin-right: 20px;
  margin-top: 10px;
  vertical-align: top;
}
.product-featured-info .qty-up {
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  height: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 20px;
}
.product-featured-info .qty-up span {
  font-size: 6px;
  position: absolute;
  right: 7px;
  top: 7px;
}
.product-featured-info .qty-down {
  height: 20px;
  position: absolute;
  right: 0;
  width: 20px;
  bottom: 0;
  border-left: 1px solid #e5e5e5;
  text-align: center;
}
.product-featured-info .qty-down span {
  font-size: 6px;
  position: absolute;
  right: 7px;
  top: 7px;
}
.product-featured-info .wrap-cart-qty .btn-link-default.add-to-cart {
  margin: 0;
  padding: 0;
  width: 130px;
}
.home-featured-slider .owl-pagination::before {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  content: "";
  display: block;
  height: 10px;
  left: 0;
  position: absolute;
  top: 13px;
  width: 100%;
}
.home-featured-slider .owl-pagination {
  display: inline-block;
  margin-top: 70px;
  position: relative;
  display: none;
}
.home-featured-slider .owl-theme .owl-controls .owl-page {
  border: 1px solid #333;
  border-radius: 50%;
  display: inline-block;
  height: 36px;
  margin: 0 25px 0 0;
  text-align: center;
  width: 36px;
  opacity: 0;
  background: #fff;
  position: relative;
}
.home-featured-slider .owl-theme .owl-controls .owl-page.active {
  opacity: 1;
}
.home-featured-slider .owl-theme .owl-controls .owl-page span {
  background: transparent none repeat scroll 0 0;
  height: auto;
  line-height: 36px;
  margin: 0;
  opacity: 1;
  width: auto;
}
.home-featured-slider .first-num {
  font-size: 30px;
  left: -25px;
  position: absolute;
  top: -4px;
}
.home-featured-slider .last-num {
  font-size: 30px;
  position: absolute;
  top: -4px;
  right: -45px;
}
.product-featured-info .qty-val {
  vertical-align: top;
  width: 73px;
}
.wrap-latest-news-slider {
  background: #1b1d1f none repeat scroll 0 0;
  padding: 100px 0;
  position: relative;
}
.home-latest-news .item {
  position: relative;
  height: 505px;
  overflow: hidden;
}
.item-home-latest-news {
  background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
  box-shadow: 3px 0 3px 3px rgba(0, 0, 0, 0.05);
  padding: 100px 80px 50px;
  transition: all 0.5s ease-out 0s;
}
.item-home-latest-news:nth-child(1) {
  margin: 0 80px;
}
.item-home-latest-news:nth-child(2) {
  margin: 35px 40px 0;
  transform: translate(0px, -100%);
}
.item-home-latest-news:nth-child(3) {
  background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
  margin-top: 55px;
  transform: translate(0px, -200%);
}
.item-home-latest-news {
  background-position: right 30px top 30px;
}
.item-home-latest-news.active {
  background-color: rgba(255, 255, 255, 1);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right 30px top 30px;
  background-size: 20px 20px;
  background-image: url("../images/cross.png");
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  top: 0;
  transform: translate(0px, 0px);
  width: 100%;
  z-index: 99999;
}
.item-home-latest-news.active .home-latest-news-thumb img {
  width: 100%;
}
.home-latest-news-info > h3 {
  font-size: 30px;
  margin: 0;
}
.item-home-latest-news .home-latest-news-info h3 a {
  color: #1b1d1f;
}
.item-home-latest-news .home-latest-news-info h3 a:hover {
  color: #999;
}
.item-home-latest-news .home-latest-news-info .btn-link-default {
  color: #fff;
}
.item-home-latest-news .home-latest-news-info {
  font-weight: normal;
}
.home-latest-news-info .latest-post-info {
  border-bottom: 1px solid #e5e5e5;
  border-top: medium none;
  margin-bottom: 20px;
  margin-top: 23px;
  padding-bottom: 14px;
  padding-top: 0;
}
.home-latest-news-thumb a {
  display: block;
  overflow: hidden;
  position: relative;
}
.home-latest-news-info .latest-post-info li a {
  color: #999;
}
.home-latest-news-info .latest-post-info li span {
  color: #666;
}
.home-latest-news-info .latest-post-info li {
  margin-left: 0;
  margin-right: 15px;
}
.home-latest-news-info .desc {
  color: #666;
  margin-bottom: 22px;
}
.home-latest-news .home-directnav .owl-buttons {
  margin-top: -125px;
}
.home-extra-sub .close-extra-sub {
  color: #a8a8a9;
  display: block;
  font-size: 16px;
  position: relative;
  text-align: right;
  text-transform: uppercase;
  padding-right: 36px;
}
.home-extra-sub .close-extra-sub::after {
  background: rgba(0, 0, 0, 0) url("../images/home/x-close2.png") no-repeat
    scroll center center;
  content: "";
  display: block;
  height: 17px;
  position: absolute;
  right: 0;
  top: 3px;
  width: 17px;
}
.home-extra-sub .wrap-cart-remove .remove-product {
  background: rgba(0, 0, 0, 0) url("../images/remove-cart.png") no-repeat scroll
    center center;
  border: none;
}
.home-extra-sub .cart-title a {
  color: #fff;
}
.home-extra-sub .cart-title a:hover {
  color: #999;
}
.home-extra-sub .cart-thumb {
  background: #fff none repeat scroll 0 0;
}
.home-extra-sub .item-info-cart {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.home-extra-sub .total-cart {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
}
.home-extra-sub .link-cart a {
  background: #fff;
  color: #1b1d1f;
}
.home-extra-sub .link-cart a:hover {
  background: #f87c0a none repeat scroll 0 0;
  color: #fff;
}
.home-extra-sub .share-social {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 35px;
}
.home-extra-sub .share-social a {
  color: #fff;
  display: block;
  font-size: 13px;
  margin-top: 25px;
}
.home-extra-sub .share-social a i {
  color: #999;
  display: inline-block;
  font-size: 30px;
  margin-right: 10px;
  vertical-align: middle;
}
.home-extra-sub .share-social a:hover i {
  color: #fff;
}
.home-search-form {
  width: auto;
  /*background:#f9fafc;*/
  padding: 0px 0px 0px 0px;
}
.home-search-form input[type="text"], .home-search-form select {
  display: block;
  width: 100%;
  height: 38px;
  padding-left: 0.6rem;
  font-size: 14px;
  line-height: 1.42857143;
  margin-bottom: 12px;
  color: #555;
  /* background: #fff; */
/*  background-image: none;*/
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;    
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.home-search-form .btn-link-default {
  display: inline-block;
  transition: all 0.5s ease-out 0s;
  background: #f2812800 none repeat scroll 0 0;
  font-size: 13px;
  color: #313091;
  font-weight: 500;
  height: 38px;
  line-height: 32px;
  padding: 0px 7px;
  border-radius: 4px;
  text-transform: capitalize;
  min-width: 35px;
  text-align: center;
  border: 1px solid #313091;
}
.btn-link-default:hover {
  /*	background: #13747D;box-shadow: 0px 1px 2px 0px #000;*/
  background: #313091;
  box-shadow: 0px 1px 2px 0px #313091;
  color: #fff;
}
.home-search-form .btn-default {
  padding: 0px 28px;
  font-weight: 500;
}
/*Testimonial*/
span.click-button {
  clear: both;
  display: block;
  font-size: 30px;
  z-index: 2;
}
.click-button:hover {
  cursor: pointer;
}
.left-open span.click-button::before {
  content: "\e879";
  font-family: "Linearicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.right-open span.click-button::before {
  content: "\e87a";
  font-family: "Linearicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.side-testimonial {
  width: 50%;
  float: left;
  webkit-transition: -webkit-transform 0.5s ease-in-out;
  -webkit-transform: translateX(0%) scale(1);
  transform: translateX(0%) scale(1);
  transition: transform 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.testimonial-page {
  position: absolute;
  width: 50%;
  z-index: 1;
  transition: transform 0.5s ease-in-out;
  -webkit-backface-visibility: hidden;
}
.testimonial-page-left {
  color: #fff;
  left: -250%;
  padding-right: 50px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: transform 0.5s ease-in-out;
}
.testimonial-page-right {
  color: #1b1d1f;
  right: -100%;
  padding-left: 50px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.side-right {
  position: relative;
  right: 0;
}
.side-left {
  position: relative;
  left: 0;
}
.left-open .side-left {
  transition: all 0.5s ease-in-out;
}
.left-open .side-right {
  visibility: hidden;
  position: absolute;
  right: -50%;
  -webkit-transform: translateX(50%) scale(1);
  transform: translateX(50%) scale(1);
}
.right-open .side-left {
  visibility: hidden;
  position: absolute;
  left: -65%;
  -webkit-transform: translateX(50%) scale(1);
  transform: translateX(-50%) scale(1);
}
.left-open .testimonial-page-left {
  position: relative;
  float: left;
  left: 0;
  text-align: right;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  transition: transform 0.5s ease-in-out;
  -webkit-backface-visibility: hidden;
}
.right-open .testimonial-page-right {
  position: relative;
  float: left;
  right: 0;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  transition: transform 0.5s ease-in-out;
  -webkit-backface-visibility: hidden;
}
.left-open .item-testimonial.item-left .testimonial-job {
  color: #1b1d1f;
  border-top: 1px solid #1b1d1f;
}
.right-open span.click-button,
.left-open .item-testimonial.item-left .testimonial-title a {
  color: #1b1d1f;
}
.right-open .item-testimonial.item-right .testimonial-job {
  color: #fff;
  border-top: 1px solid #fff;
}
.left-open span.click-button,
.right-open .item-testimonial.item-right .testimonial-title a {
  color: #fff;
}
/*End Testimonial*/
/***********************************************************************
Lightbox
************************************************************************/
.product-popup-content {
  max-width: 870px;
  width: 100%;
}
/***********************************************************************
Home 5
************************************************************************/
.inner-cart-info5.inner-cart-info .link-cart a {
  background: #1997d4;
  border-radius: 4px;
}
.inner-cart-info5.inner-cart-info .link-cart a:hover {
  background: #fdd932;
}
.partner-home5 .owl-theme .owl-controls .owl-buttons div:hover {
  color: #fff;
  background: #1997d4;
}
.partner-home5 .owl-theme .owl-controls .owl-buttons div {
  background: transparent none repeat scroll 0 0;
  border-radius: 50%;
  color: #999;
  display: inline-block;
  height: 36px;
  margin: -32px 0 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.5s ease-out 0s;
  width: 36px;
}
.partner-home5 .owl-theme .owl-controls .owl-buttons div > span {
  font-size: 30px;
  line-height: 35px;
  margin-left: 2px;
}
.partner-home5:hover .owl-theme .owl-controls .owl-buttons div {
  opacity: 1;
}
.partner-home5 .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: -3px;
}
.partner-home5 .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: -3px;
}
.nav-tabs-filter .nav-tabs > li.active > a,
.nav-tabs-filter .nav-tabs > li.active > a:hover,
.nav-tabs-filter .nav-tabs > li.active > a:focus,
.nav-tabs-filter .nav-tabs > li > a:hover {
  background: #1997d4 none repeat scroll 0 0;
  border-color: #1997d4;
  color: #fff;
}
.nav-tabs-filter .nav-tabs > li > a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  color: #1b1d1f;
  height: 36px;
  line-height: 36px;
  margin-right: 0;
  padding: 0 23px;
  text-transform: uppercase;
  transition: all 0.5s ease-out 0s;
}
.nav-tabs-filter .nav-tabs > li {
  margin: 0 10px 0 0;
}
.nav-tabs-filter .nav.nav-tabs {
  border: medium none;
  margin: 0;
}
.product-list-filter {
  background: #f5f5f5 none repeat scroll 0 0;
  padding: 50px 0;
}
.filter-product .btn-filter {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  color: #1b1d1f;
  display: block;
  float: right;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  padding: 0 30px 0 15px;
  position: relative;
  text-transform: uppercase;
  width: 116px;
}
.filter-product .btn-filter::after {
  content: "";
  font-family: fontawesome;
  position: absolute;
  right: 20px;
  top: 0;
}
.title-product-filter {
  margin-bottom: 50px;
  position: relative;
}
.item-product-loadmore .item-product-thumb {
  background: #fff;
}
.item-product-loadmore .item-product-thumb::after {
  display: none;
}
.item-product-loadmore .product-quick-view {
  background: rgba(45, 159, 208, 0.9) none repeat scroll 0 0;
  border-radius: 50%;
  bottom: 0;
  color: #fff;
  display: block;
  height: 130px;
  left: 0;
  line-height: 130px;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 130px;
  transition: all 0.5s ease-out 0s;
  opacity: 0;
  transform: scale(0.5);
}
.item-product-loadmore:hover .product-quick-view {
  opacity: 1;
  transform: scale(1);
}
.item-product-loadmore .item-product-info {
  margin: 0;
  padding: 25px;
  text-align: left;
}
.item-product-loadmore .item-product-info .desc {
  color: #999;
}
.item-product-loadmore .title-product a {
  color: #1b1d1f;
  text-transform: uppercase;
}
.item-product-loadmore .title-product a:hover {
  color: #1997d4;
}
.item-product-loadmore .title-product {
  margin: 15px 0 10px;
}
.item-product-loadmore .info-price span {
  color: #1997d4;
  font-family: georgia;
}
.item-product-loadmore .info-price del {
  color: #999;
  font-size: 16px;
}
.item-product.item-product-loadmore {
  background: #fff none repeat scroll 0 0;
  box-shadow: 1px 3px 2px 0 rgba(0, 0, 0, 0.1);
  margin: 0 -5px 20px;
}
.product-list-filter .list-product {
  padding: 0 5px;
}
.cart-wishlist-compare .product-add-cart {
  background: #1997d4 url("../images/icon-cart.png") no-repeat scroll center
    center;
  border-radius: 50%;
  display: inline-block;
  height: 48px;
  margin-right: 10px;
  vertical-align: middle;
  width: 48px;
  transition: all 0.5s ease-out 0s;
}
.cart-wishlist-compare .product-add-cart:hover {
  background-color: #fdd932;
}
.cart-wishlist-compare .product-wishlist {
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  color: #1997d4;
  display: inline-block;
  height: 38px;
  margin-right: 7px;
  text-align: center;
  vertical-align: middle;
  width: 38px;
  transition: all 0.5s ease-out 0s;
}
.cart-wishlist-compare .product-wishlist:hover {
  background: #1997d4;
  color: #fff;
  border-color: #1997d4;
}
.cart-wishlist-compare .product-compare {
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  color: #1997d4;
  display: inline-block;
  height: 38px;
  text-align: center;
  vertical-align: middle;
  width: 38px;
  transition: all 0.5s ease-out 0s;
}
.cart-wishlist-compare .product-compare:hover {
  background: #1997d4;
  color: #fff;
  border-color: #1997d4;
}
.cart-wishlist-compare {
  margin-top: 20px;
}
.cart-wishlist-compare a span {
  line-height: 38px;
}
.btn-link-default.btn-link-loadmore:hover {
  background: #fdd932;
}
.btn-link-default.btn-link-loadmore {
  background: #1997d4 none repeat scroll 0 0;
  border-radius: 4px;
  display: block;
  margin: 30px auto auto;
  width: 300px;
}
/***********************************************************************
Home 7
************************************************************************/
.product-best-sale.style2 .filter-product .btn-filter.style-border-left {
  margin-top: 0px;
}
.title-product-best-sale .nav-tabs-border {
  margin-bottom: 0px;
}
.banner-home7 {
  margin-bottom: 50px;
}
.product-best-sale.style2 .item-product-loadmore .item-product-info {
  margin: 25px 0 0;
  padding: 0;
  text-align: center;
}
.product-best-sale.style2 .item-product-loadmore .title-product a {
  text-transform: capitalize;
}
.logo-header7 {
  display: inline-block;
  vertical-align: top;
}
.search-form7 {
  border-left: 1px solid #e3e3e3;
  display: inline-block;
  height: 50px;
  margin-left: 25px;
  padding-left: 30px;
  width: 220px;
}
.main-nav.main-nav7 {
  float: right;
}
.search-form7 input[type="text"] {
  border: medium none;
  color: #999;
  max-width: 165px;
}
.register-box a {
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  height: 40px;
  text-align: center;
  vertical-align: top;
  width: 100px;
  transition: all 0.5s ease-out 0s;
  line-height: 40px;
  text-transform: uppercase;
}
.register-box {
  float: right;
}
.info-cart7 .info-icon.icon-cart {
  background: #1997d4 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: block;
  height: 56px;
  position: relative;
  text-align: center;
  width: 56px;
}
.info-cart7 {
  position: fixed;
  right: 10px;
  top: 100px;
  z-index: 99999;
}
.info-cart.info-cart7 .info-icon sup {
  font-size: 10px;
  position: absolute;
  right: 12px;
  top: 20px;
  left: auto;
}
.info-cart.info-cart7 .inner-cart-info {
  margin-right: 0;
  right: 0;
  z-index: 9999;
}
.info-cart7 .link-cart .cart-edit {
  background: #1997d4 none repeat scroll 0 0;
}
.info-cart7 .link-cart a {
  border-radius: 4px;
}
.info-cart7 .link-cart .cart-edit:hover {
  background: #f87c0a none repeat scroll 0 0;
}
.info-cart7 .link-cart .cart-checkout {
  background: #f87c0a none repeat scroll 0 0;
}
.cart-title a:hover {
  color: #f87c0a;
}
.info-cart7 .link-cart .cart-checkout:hover {
  background: #1997d4 none repeat scroll 0 0;
}
.info-cart7 .info-icon.icon-cart span {
  font-size: 18px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 18px;
  display: block;
}
.register-box .link-login {
  background: #1997d4;
}
.register-box .link-login:hover {
  background: #fdd932;
}
.register-box .link-signin {
  background: #fdd932;
}
.register-box .link-signin:hover {
  background: #1997d4;
}
.search-form7 input[type="submit"] {
  background: url("../images/icon-search.png") no-repeat center center;
  border: medium none;
  display: inline-block;
  height: 16px;
  width: 16px;
}
.search-form7 > form {
  padding-top: 15px;
}
.cart-wishlist-compare2 {
  margin-top: 17px;
}
.cart-wishlist-compare2 a {
  color: #999;
  line-height: 36px;
  transition: all 0.5s ease-out 0s;
}
.cart-wishlist-compare2 a:hover {
  color: #1b1d1f;
}
.cart-wishlist-compare2 .product-add-cart {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  display: inline-block;
  height: 36px;
  margin: 0 17px;
  padding: 0 20px;
}
.product-best-sale.style2 .item-product.item-product-loadmore {
  margin: 0 0 50px;
}
.product-best-sale.style2 .btn-link-default.btn-link-loadmore {
  margin-top: 0;
}
.box-attr-filter {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
  left: 0;
  padding: 30px 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  display: none;
  margin-top: 5px;
}
.item-box-attr {
  display: table;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.item-attr-title {
  display: table-cell;
  padding: 0 25px;
  position: relative;
  width: 170px;
}
.item-attr-content {
  display: table;
  padding: 0 30px;
  vertical-align: top;
  color: #666;
}
.item-attr-content a {
  color: #666;
  display: inline-block;
}
.item-attr-content a:hover {
  color: #fdd932;
}
.attr-category a {
  margin-right: 30px;
}
.box-attr-filter::before {
  background: #fbfbfb none repeat scroll 0 0;
  border-right: 1px solid #e3e3e3;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 170px;
}
.box-attr-filter .attr-color li a span {
  display: block;
  height: 16px;
  width: 36px;
}
.box-attr-filter .attr-color li a {
  border: 1px solid #eaeaea;
  display: block;
  padding: 1px;
}
.box-attr-filter .attr-size a {
  border: 1px solid #eaeaea;
  display: block;
  height: 20px;
  line-height: 18px;
  padding: 0;
  text-align: center;
  width: 40px;
}
.box-attr-filter .attr-brand a {
  margin-right: 30px;
}
.box-attr-filter .attr-size,
.attr-color {
  margin-bottom: 20px;
}
.box-attr-filter .attr-category {
  margin-bottom: 20px;
}
#slider-range-price {
  background: #5a88ca none repeat scroll 0 0;
  display: inline-block;
  height: 1px;
  margin-right: 27px;
  width: 255px;
  vertical-align: middle;
}
#slider-range-price .ui-slider-range.ui-widget-header.ui-corner-all {
  background: #eaeaea none repeat scroll 0 0;
}
#slider-range-price .ui-slider-handle.ui-state-default.ui-corner-all {
  background: #5a88ca none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  height: 10px;
  margin: 0 0 0 -5px;
  top: -4px;
  width: 10px;
}
#slider-range-price
  .ui-slider-handle.ui-state-default.ui-corner-alll:last-child {
  background: #666;
}
.attr-price-filter {
  display: inline-block;
}
.attr-price-filter label {
  font-weight: normal;
}
.attr-price-filter input {
  border: medium none;
}
.attr-price-filter > p {
  margin-bottom: 15px;
}
.height-light .item-product-thumb {
  padding-bottom: 30px;
}
/***********************************************************************
Headings&Separators
************************************************************************/
.box-intro-background {
  margin: 0px;
  padding: 0px 0 0px;
  text-align: center;
}
.box-intro-bg {
  padding: 0px 0 0px;
  /* text-align: center; */
}
.box-intro-bg p {
  margin: 8px 0;
  padding: 0px 0px 0 4px;
  font-weight: 500;
}
.box-intro-bg span {
  border-right: 1px solid #ccc;
  padding: 0 6px;
}
.box-intro-bg span:first-child {
  padding-left: 0px;
}
.box-intro-bg span:last-child {
  border-right: none;
  padding-right: 0px;
}
.box-intro-background p {
  margin: 0px;
  padding: 3px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 35px;
  line-height: 25px;
}
.box-intro-background a {
  padding: 0 6px;
  color: #13747d;
  font-size: 14px;
  /* font-weight: 550; */
  text-decoration: none;
}
.box-intro-background a:first-child {
  padding-left: 0px;
}
.box-intro-background a:last-child {
  border-right: none;
  padding-right: 0px;
}
.box-intro-background a:hover {
  color: #f87c0a;
}
.list-boxBg {
  background: #f6f6f6;
}
.list-box-intro {
  margin-bottom: 100px;
  margin-top: 60px;
}
.list-box-intro .box-intro {
  margin-bottom: 90px;
}
.box-width1 {
  width: 4%;
}
.box-width2 {
  width: 8%;
}
.box-width3 {
  width: 10%;
}
.box-width4 {
  width: 11%;
}
.box-width5 {
  width: 12%;
}
.box-width6 {
  width: 15%;
}
.box-width7 {
  width: 16%;
}
.box-width8 {
  width: 18%;
}
.box-width9 {
  width: 20%;
}
.box-width10 {
  width: 21%;
}
.box-width11 {
  width: 22%;
}
.box-width12 {
  width: 30%;
}
.box-intro-border {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.heading-box > h1 {
  color: #1b1d1f;
  font-size: 60px;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 70px;
}
.heading-box > h2 {
  color: #1997d4;
  font-size: 40px;
  margin-bottom: 80px;
  font-family: "Oswald", sans-serif;
}
.heading-box h3 {
  color: #f87c0a;
  font-size: 24px;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 80px;
}
.heading-box h4 {
  font-size: 24px;
  color: #1b1d1f;
  font-family: "Great Vibes";
  margin-bottom: 80px;
}
/***********************************************************************
Teams
************************************************************************/
.team-gallery-thumb {
  display: block;
  margin-bottom: 20px;
  position: relative;
}
.team-gallery-thumb img {
  width: 100%;
}
.item-team-gallery h3 a {
  color: #1997d4;
  font-size: 16px;
}
.item-team-gallery h3 a:hover {
  color: #1b1d1f;
}
.item-team-gallery h3 {
  margin: 0 0 20px;
}
.item-team-gallery > span {
  color: #999;
  display: block;
  margin-bottom: 10px;
}
.item-team-gallery .desc {
  color: #666;
}
.team-gallery-thumb::before {
  background: rgba(120, 120, 120, 0.5) url("../images/icon-zoom.png") no-repeat
    scroll center center;
  content: "";
  height: 0;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: all 0.5s ease-out 0s;
  width: 0;
  z-index: 9;
}
.team-gallery-thumb:hover::before {
  height: 100%;
  left: 0;
  opacity: 1;
  top: 0;
  width: 100%;
}
.team-social-network a {
  background: #f5f5f5 none repeat scroll 0 0;
  border-radius: 50%;
  color: #666;
  display: block;
  height: 34px;
  text-align: center;
  transition: all 0.5s ease-out 0s;
  width: 34px;
}
.team-social-network a:hover {
  background: #1997d4;
  color: #fff;
}
.team-social-network a i {
  line-height: 34px;
}
.team-social-network li {
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
}
.team-social-network {
  margin-left: -2px;
  margin-top: 20px;
}
.team-circle-thumb {
  background: #1b1d1f none repeat scroll 0 0;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.team-cirle-image {
  border-radius: 50%;
  transition: all 0.5s ease-out 0s;
  width: 100%;
}
.info-circle-thumb {
  left: 0;
  padding: 50px 50px 0;
  position: absolute;
  text-align: center;
  top: 0;
  visibility: hidden;
  width: 100%;
  transition: all 0.5s ease-out 0s;
  opacity: 0;
  transform: scale(0);
}
.info-circle-thumb .desc {
  color: #999;
}
.team-circle-social-network a {
  background: #f5f5f5 none repeat scroll 0 0;
  border-radius: 50%;
  color: #666;
  display: block;
  height: 34px;
  text-align: center;
  transition: all 0.5s ease-out 0s;
  width: 34px;
}
.team-circle-social-network a:hover {
  background: #fec64d;
  color: #fff;
}
.team-circle-social-network a i {
  line-height: 34px;
}
.team-circle-social-network li {
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
}
.team-circle-social-network {
  margin-left: -2px;
  margin-top: 20px;
}
.team-circle-info {
  text-align: center;
}
.team-circle-info h3 a {
  color: #1b1d1f;
  font-size: 16px;
}
.team-circle-info h3 a:hover {
  color: #fec64d;
}
.team-circle-info span {
  color: #999;
}
.team-circle-info > h3 {
  margin: 15px 0 10px;
}
.team-circle-thumb:hover .team-cirle-image {
  transform: scale(0.5) translateX(100%) rotate(360deg);
  margin-left: 30px;
}
.team-circle-thumb:hover {
  z-index: 9;
}
.team-circle-thumb:hover .info-circle-thumb {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.item-team-rectang {
  border: 1px solid #e3e3e3;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.item-team-rectang .team-circle-info {
  background: #fff none repeat scroll 0 0;
  bottom: -60px;
  left: 0;
  padding: 0 20px 15px;
  position: absolute;
  transition: all 0.5s ease-out 0s;
  width: 100%;
}
.item-team-rectang:hover .team-circle-info {
  bottom: 0;
}
.list-team-box {
  margin-bottom: 50px;
  margin-top: 55px;
}
.list-team-box .team-gallery,
.list-team-box .team-circle {
  margin-bottom: 100px;
}
.item-team-circle1 {
  z-index: 104;
}
.item-team-circle2 {
  z-index: 103;
}
.item-team-circle3 {
  z-index: 102;
}
.item-team-circle4 {
  z-index: 101;
}
.item-team-circle {
  position: relative;
}
.team-rectang-thumb > img,
.team-circle-thumb > img {
  width: 100%;
}
/************************************************************************************************
Home 8
*************************************************************************************************/
.top-header.top-header8 {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}
.header8 {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  position: relative;
  z-index: 99;
}
.header-nav8 {
  padding: 30px 0;
}
.banner-home8 {
  float: left;
  margin-bottom: 90px;
  margin-top: -140px;
  width: 100%;
}
.main-nav.main-nav8 > ul > li > a {
  color: #fff;
}
.main-nav.main-nav8 > ul > li:hover > a {
  color: #fec64d;
}
.main-nav.main-nav8 > ul > li.menu-item-has-childrent::after {
  display: none;
}
.main-nav.main-nav8 > ul {
  margin: 10px 0 0;
}
.main-nav.main-nav8 {
  padding-left: 60px;
}
.search-form8 {
  display: inline-block;
  max-width: 250px;
  width: 100%;
}
.search-form8 > form {
  position: relative;
}
.search-form8 input[type="text"] {
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  height: 40px;
  padding: 0 40px 0 20px;
  width: 100%;
}
.search-form8 input[type="submit"] {
  background: transparent url("../images/home8/icon-search.png") no-repeat
    scroll center center;
  border: medium none;
  font-family: dsd;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}
.info-cart.mini-cart8 {
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  display: inline-block;
  margin-left: 15px;
  max-width: 140px;
  position: relative;
  text-align: left;
  width: 100%;
}
.info-cart.mini-cart8 .inner-cart-info {
  margin-right: 0;
  right: 0;
}
.search-cart-total {
  text-align: right;
}
.info-cart.mini-cart8 span.lnr {
  background: #f87c0a none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}
.mini-cart8 .mycart-link {
  display: block;
}
.mini-cart-total {
  color: #fff;
  padding-left: 18px;
}
.info-cart.mini-cart8::after {
  display: none;
}
.item-banner8 .banner-info {
  margin-top: -30px;
  text-align: center;
}
.item-banner8 .banner-info h3 {
  color: #fff;
  font-size: 18px;
  margin: 0 0 20px;
}
.item-banner8 .banner-info h2 {
  color: #f87c0a;
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.item-banner8 .banner-link {
  background: #1b1d1f none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  margin: auto;
  text-transform: uppercase;
  width: 140px;
  transition: all 0.5s ease-out 0s;
}
.item-banner8 .banner-link:hover {
  background: #f87c0a;
}
.banner-home8 .owl-theme .owl-controls .owl-page span {
  background: #fff none repeat scroll 0 0;
  border-radius: 20px;
  display: block;
  height: 10px;
  margin: 0 5px;
  opacity: 1;
  width: 10px;
}
.banner-home8 .owl-theme .owl-controls .owl-page:hover span,
.banner-home8 .owl-theme .owl-controls .owl-page.active span {
  background: #f87c0a none repeat scroll 0 0;
}
.banner-home8 .owl-theme .owl-controls {
  bottom: 50px;
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}
.box-intro8 h2 {
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.box-intro8 {
  margin-bottom: 30px;
  text-align: center;
}
.box-intro8 p {
  color: #999;
  margin: 0;
}
.new-product8
  .owl-item:nth-child(2n)
  .item-new-product8
  .item-product
  .item-product-thumb {
  background: #f9f9f9;
}
.new-product8
  .owl-item:nth-child(2n)
  .item-new-product8
  .item-product:last-child
  .item-product-thumb {
  background: #f4f4f4;
}
.new-product8
  .owl-item:nth-child(2n + 1)
  .item-new-product8
  .item-product
  .item-product-thumb {
  background: #f4f4f4;
}
.new-product8
  .owl-item:nth-child(2n + 1)
  .item-new-product8
  .item-product:last-child
  .item-product-thumb {
  background: #f9f9f9;
}
.item-new-product8 .item-product-info {
  bottom: 25px;
  left: 0;
  position: absolute;
  width: 100%;
  transition: all 0.5s ease-out 0s;
  opacity: 1;
  visibility: visible;
}
.item-new-product8:hover .item-product-info {
  opacity: 0;
  visibility: hidden;
}
.item-new-product8 .item-product {
  margin-bottom: 0;
}
.item-new-product8 .item-product .product-thumb-link {
  padding: 30px;
}
.slider-home8 .owl-theme .owl-controls {
  left: 50%;
  margin: 0 0 0 -55px;
  position: absolute;
  top: -80px;
  width: 110px;
}
.slider-home8 {
  padding-top: 65px;
}
.slider-home8 .owl-theme .owl-controls .owl-buttons div {
  background: transparent none repeat scroll 0 0;
  border-radius: 0px;
  color: #999;
  display: inline-block;
  font-size: 18px;
  margin: 0px;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: -4px;
}
.slider-home8 .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 0px;
}
.slider-home8 .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 0px;
}
.slider-home8 .owl-theme .owl-controls .owl-page span {
  background: #ccc none repeat scroll 0 0;
  border-radius: 20px;
  display: block;
  height: 7px;
  margin: 0 4px;
  opacity: 1;
  width: 7px;
}
.slider-home8 .owl-theme .owl-controls .owl-page:hover span,
.slider-home8 .owl-theme .owl-controls .owl-page.active span {
  background: #1b1d1f none repeat scroll 0 0;
}
.new-product8.slider-home8 {
  margin-bottom: 90px;
}
.item-best-seller8 {
  padding: 0 15px;
}
.best-seller-product8.slider-home8 {
  margin: 0 -15px 90px;
}
.item-product-info8 .title-product {
  font-weight: 700;
}
.item-product-info8 {
  text-align: center;
}
.item-product-info8 .wrap-star-rating {
  margin: 15px auto 10px;
}
.item-best-seller8 .item-product {
  margin-bottom: 0;
}
.latest-news-slider8 {
  background: #f9f9f9 none repeat scroll 0 0;
  margin-bottom: 90px;
  padding-bottom: 30px;
}
.latest-post-leading8 .owl-theme .owl-controls .owl-buttons div {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  margin: -20px 0 0;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.latest-post-leading8 .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 0px;
}
.latest-post-leading8 .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 0px;
}
.latest-post-info8 > h3 {
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 13px;
  text-transform: uppercase;
}
.latest-post-info8 > h3 a {
  color: #1b1d1f;
}
.latest-post-leading8 .latest-post-info8 {
  margin-top: 25px;
}
.latest-post-info8 > h3 a:hover {
  color: #666;
}
.post-date-comment {
  list-style: outside none none;
  margin: 0 0 5px;
  padding: 0;
}
.post-date-comment > li {
  color: #999;
  display: inline-block;
  margin-right: 20px;
}
.post-date-comment > li span {
  font-size: 16px;
  margin-right: 5px;
}
.latest-post-info8 > p {
  color: #666;
  margin: 0;
}
.latest-post8 {
  padding-left: 20px;
}
.latest-post8 > h2 {
  font-weight: 700;
  margin: 45px 0 50px;
  text-transform: uppercase;
}
.item-latest-post8.latest-post-leading8 > h2 {
  font-weight: 700;
  margin: 45px 0 50px;
  text-transform: uppercase;
  margin: 30px 0 20px;
  display: none;
}
.list-latest-post8 .item-latest-post8 {
  display: table;
  margin-bottom: 30px;
  width: 100%;
}
.list-latest-post8 .item-latest-post8 .latest-post-thumb8 {
  display: table-cell;
}
.list-latest-post8 .item-latest-post8 .latest-post-info8 {
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
}
.list-latest-post8 .item-latest-post8 .latest-post-thumb8 a {
  display: block;
  overflow: hidden;
}
.list-latest-post8 .item-latest-post8 .latest-post-thumb8 img {
  max-width: 170px;
  transition: all 0.5s ease-out 0s;
}
.list-latest-post8 .item-latest-post8 .latest-post-thumb8 a:hover img {
  transform: scale(1.15);
}
.item-special8 .item-product-info {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease-out 0s;
}
.item-special8 .item-product:hover .item-product-info {
  opacity: 0;
  visibility: hidden;
}
.item-special8 .item-product .product-thumb-link {
  padding: 15px;
}
.item-special8 {
  padding: 0 15px;
}
.special-product8.slider-home8 {
  margin: 0 -15px;
}
.banner-special {
  margin-bottom: 30px;
  position: relative;
}
.banner-special img {
  transition: all 0.5s ease-out 0s;
}
.banner-special:hover img {
  transform: scale(1.15);
}
.banner-special > a {
  display: block;
}
.banner-special-info {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.special-saleoff {
  background: #f87c0a none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  height: 70px;
  left: 50%;
  margin-left: -115px;
  padding: 5px;
  position: absolute;
  text-transform: uppercase;
  width: 230px;
  z-index: 999;
}
.special-saleoff > span {
  font-size: 18px;
}
.special-saleoff strong {
  display: block;
  font-size: 30px;
  font-weight: 700;
  margin-top: -7px;
}
.banner-special-info::after {
  border: 1px solid rgba(255, 255, 255, 0.5);
  bottom: 40px;
  content: "";
  left: 40px;
  position: absolute;
  right: 40px;
  top: 40px;
}
.special-text {
  left: 0;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  width: 100%;
}
.special-text > h2 {
  color: #fff;
  margin: 0;
  text-transform: uppercase;
}
.partner-slider.partner-slider8 .owl-theme .owl-controls {
  display: none !important;
}
.partner-slider.partner-slider8 {
  padding-bottom: 20px;
}
/*************************************************************************************************************
Home 9
*************************************************************************************************************/
.header-nav9 {
  background: #fff none repeat scroll 0 0;
  padding: 30px 0;
}
.main-nav.main-nav9 > ul {
  margin: 10px 0 0 60px;
}
.search-form8.search-form9 input[type="text"] {
  background: #fff;
  border: 1px solid #e5e5e5;
  color: #999;
}
.search-form8.search-form9 input[type="submit"] {
  background: transparent url("../images/home9/icon-search.png") no-repeat
    scroll center center;
}
.info-cart.mini-cart8.mini-cart9 {
  background: #000 none repeat scroll 0 0;
}
.banner-info9 > h3 {
  font-size: 30px;
  margin: 0 0 8px;
  text-transform: uppercase;
}
.banner-info9 > h2 {
  font-size: 60px;
  font-weight: 700;
  margin: 0 0 10px -2px;
  text-transform: uppercase;
}
.banner-info9 {
  color: #fff;
  max-width: 670px;
}
.banner-info9 > p {
  font-size: 18px;
  margin-bottom: 25px;
}
.banner-info9 a {
  background: #1b1d1f none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin-right: 7px;
  padding: 0 30px;
  text-transform: uppercase;
  transition: all 0.5s ease-out 0s;
}
.banner-info9 a:hover {
  background: #fff none repeat scroll 0 0;
  color: #1b1d1f;
}
.banner-slider9 .owl-theme .owl-controls .owl-page span {
  background: #fff none repeat scroll 0 0;
  border-radius: 20px;
  display: block;
  height: 10px;
  margin: 0 5px;
  opacity: 1;
  width: 10px;
}
.banner-slider9 .owl-theme .owl-controls .owl-page:hover span,
.banner-slider9 .owl-theme .owl-controls .owl-page.active span {
  background: #1b1d1f none repeat scroll 0 0;
}
.banner-slider9 .owl-theme .owl-controls {
  bottom: 50px;
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}
.banner-slider9 .owl-pagination {
  margin: auto;
  max-width: 1170px;
  text-align: left;
}
.banner-slider9 .banner-info {
  height: auto;
  margin-top: -140px;
}
.about-parallax {
  padding: 150px 0;
  position: relative;
  background-image: url("../images/home9/pr1.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
}
.inner-about-parallax {
  color: #fff;
  padding-left: 150px;
  position: relative;
}
.title9 {
  border-bottom: 2px solid #1b1d1f;
  color: #1b1d1f;
  display: inline-block;
  font-size: 60px;
  font-weight: 700;
  left: 0;
  margin: 0;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  transform: rotate(-90deg);
}
.inner-about-parallax .title9 {
  left: -130px;
  top: 130px;
}
.inner-about-parallax > h3 {
  font-size: 30px;
  margin: 0 0 15px;
}
.inner-about-parallax > p {
  font-size: 18px;
  max-width: 450px;
}
.about-process {
  margin-top: 40px;
}
.process-intro {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 15px;
}
.process-intro label {
  color: #fff;
  font-size: 18px;
  margin: 0;
  width: auto;
}
.item-progressbar .ui-progressbar {
  margin-bottom: 40px !important;
}
.about-process .item-progressbar {
  max-width: 400px;
}
.about-process .ui-widget-content {
  background: #fff;
  border: none;
}
.about-process .ui-progressbar {
  height: 10px;
}
.about-process .ui-progressbar .ui-progressbar-value {
  background: #1b1d1f none repeat scroll 0 0;
  border: medium none;
  height: 100%;
  margin: 0;
}
.inner-service-boxes {
  padding-left: 150px;
  position: relative;
}
.service-box {
  background: rgba(0, 0, 0, 0) url("../images/home9/bg-service.jpg") no-repeat
    scroll left 515px top 190px;
  padding: 140px 0;
}
.inner-service-boxes .title9 {
  left: -105px;
  top: 90px;
}
.inner-service-boxes > h3 {
  font-size: 30px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.item-service-info > h4 {
  font-size: 18px;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.item-service-info > h4 a {
  color: #1b1d1f;
}
.item-service-info > p {
  font-size: 18px;
  margin: 0;
}
.item-service {
  display: table;
  margin-bottom: 40px;
}
.item-service-info {
  display: table-cell;
  width: 210px;
}
.item-service-icon > a:hover {
  background: #fec64d;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.item-service-icon > a {
  background: #1b1d1f none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
  transition: all 0.3s ease-out 0s;
}
.item-service-icon {
  display: table-cell;
  padding: 0 20px;
}
.list-service-item.full-right .item-service {
  float: right;
}
.best-sell-parallax {
  padding: 125px 0;
  position: relative;
  background-image: url("../images/home9/pr2.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
}
.inner-bestsell {
  padding-left: 150px;
  position: relative;
}
.inner-bestsell .title9 {
  left: -173px;
  top: 220px;
}
.bestsell-slider {
  margin-left: 65px;
  max-width: 840px;
}
.item-bestsell {
  padding: 0 2px;
}
.item-product-info9 {
  background: #fff none repeat scroll 0 0;
  padding: 25px 15px 20px;
  text-align: center;
}
.item-product-info9 .wrap-star-rating {
  margin: 0 auto 20px;
}
.item-product-info9 .title-product {
  font-weight: 700;
}
.item-product-info9 .title-product a {
  color: #666;
}
.item-product-info9 .title-product a:hover {
  color: #1b1d1f;
}
.product-extra-link9 a {
  border: 1px solid #1b1d1f;
  border-radius: 50%;
  color: #1b1d1f;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  margin: 0 4px;
  transition: all 0.5s ease-out 0s;
  width: 38px;
  background: transparent;
}
.product-extra-link9 {
  margin-top: 25px;
}
.product-extra-link9 a:hover {
  background: #1b1d1f;
  color: #fff;
}
.product-extra-link9 a.product-add-cart {
  height: 56px;
  line-height: 56px;
  width: 56px;
}
.item-bestsell .product-quick-view {
  background: #1b1d1f none repeat scroll 0 0;
  border-radius: 50%;
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 20px;
  height: 60px;
  left: 0;
  line-height: 60px;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 60px;
  z-index: 99;
  transform: scale(0);
  opacity: 0;
  transition: all 0.5s ease-out 0s;
}
.item-bestsell .item-product-thumb::before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.1);
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  opacity: 0;
  transition: all 0.5s ease-out 0s;
}
.item-bestsell .item-product-thumb:hover .product-quick-view {
  opacity: 1;
  transform: scale(1);
}
.item-bestsell .item-product-thumb:hover::before {
  opacity: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}
.bestsell-slider .owl-theme .owl-controls .owl-buttons div {
  background: transparent none repeat scroll 0 0;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 30px;
  margin: -55px 0 0;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  transition: all 0.5s ease-out 0s;
}
.bestsell-slider .owl-theme .owl-controls .owl-buttons div:hover {
  color: #1b1d1f;
}
.bestsell-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: -45px;
}
.bestsell-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: -45px;
}
.latest-news9 {
  background: url("../images/home9/bg-scroll.png") no-repeat top center;
  padding: 180px 0;
}
.inner-latest-news9 {
  padding-left: 150px;
  position: relative;
}
.inner-latest-news9 .title9 {
  left: -55px;
  top: 60px;
}
.inner-latest-news9 > h3 {
  color: #fff;
  font-size: 30px;
  margin: 0 0 45px;
  text-transform: uppercase;
}
.item-latest-news9 {
  display: table;
  margin-bottom: 30px;
  max-width: 730px;
  width: 100%;
}
.news-thumb {
  display: table-cell;
}
.news-info {
  display: table-cell;
  padding-left: 20px;
  vertical-align: top;
}
.news-info > h4 {
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.news-info > h4 a {
  color: #fff;
}
.news-info > h4 a:hover {
  color: #f87c0a;
}
.news-info .post-date-comment > li {
  color: #fff;
}
.news-info > p {
  color: #fff;
}
.list-latest-news9 {
  height: 280px;
  max-width: 890px;
}
.list-latest-news9 .mCustomScrollBox > .mCSB_scrollTools {
  opacity: 1;
  width: 22px;
}
.list-latest-news9 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #fff none repeat scroll 0 0;
  width: 10px;
}
.list-latest-news9 .mCustomScrollBox > .mCSB_scrollTools {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  border-radius: 10px;
  opacity: 1;
  width: 22px;
}
.list-latest-news9 .mCSB_scrollTools .mCSB_draggerRail {
  width: 0;
}
.footer-parallax {
  padding: 170px 0 40px;
  position: relative;
  background-image: url("../images/home9/pr3.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
}
.contact-footer-parallax {
  padding-left: 150px;
  position: relative;
}
.contact-footer-parallax .title9 {
  left: -165px;
  top: 170px;
}
.contact-parallax-info > h3 {
  color: #fff;
  font-size: 30px;
  margin: 0 0 45px;
  text-transform: uppercase;
}
.item-contact-parallax {
  display: table;
  margin-bottom: 5px;
}
.contact-icon {
  display: table-cell;
}
.contact-label {
  display: table-cell;
  padding-left: 20px;
  width: 120px;
}
.contact-text {
  display: table-cell;
}
.contact-icon > a {
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 18px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  width: 54px;
}
.contact-label > label {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
}
.contact-text > ul {
  font-size: 20px;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.contact-text li {
  margin-bottom: 10px;
}
.contact-text > a {
  color: #1b1d1f;
  text-decoration: underline;
}
.contact-text li:last-child {
  margin: 0;
}
.contact-parallax-info > h3 {
  color: #fff;
  font-size: 30px;
  margin: 0 0 45px;
  text-transform: uppercase;
}
.item-contact-parallax {
  display: table;
  margin-bottom: 5px;
}
.contact-icon {
  display: table-cell;
}
.contact-label {
  display: table-cell;
  padding-left: 20px;
  width: 120px;
}
.contact-text {
  display: table-cell;
}
.contact-icon > a {
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 18px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  width: 54px;
}
.contact-label > label {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
}
.contact-text > ul {
  font-size: 20px;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.contact-text li {
  margin-bottom: 10px;
}
.contact-text > a {
  color: #1b1d1f;
  text-decoration: underline;
}
.contact-text li:last-child {
  margin: 0;
}
.contact-parallax-form > h3 {
  color: #fff;
  font-size: 30px;
  margin: 0 0 25px;
  text-transform: uppercase;
}
.contact-parallax-form input[type="text"] {
  border: medium none;
  color: #999;
  display: block;
  height: 50px;
  margin-bottom: 10px;
  padding: 0 20px;
  width: 100%;
}
.contact-parallax-form textarea {
  border: medium none;
  color: #999;
  margin-bottom: 10px;
  padding: 15px 20px;
  width: 100%;
}
.contact-parallax-form input[type="submit"] {
  background: #1b1d1f none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  height: 40px;
  text-transform: uppercase;
  transition: all 0.5s ease-out 0s;
  width: 130px;
}
.contact-parallax-form input[type="submit"]:hover {
  background: #fff;
  color: #1b1d1f;
}
.footer9 {
  margin-top: 90px;
}
.logo-footer9 > a {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.logo-footer9 {
  border-right: 1px solid #fff;
  display: inline-block;
  margin-right: 20px;
  padding-right: 15px;
}
.menu-footer9 {
  display: inline-block;
}
.menu-footer9 > ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.menu-footer9 li {
  display: inline-block;
  margin-right: 22px;
}
.menu-footer9 a {
  color: #fff;
}
.menu-footer9 a:hover {
  color: #1b1d1f;
}
.social-footer9 {
  text-align: right;
}
.social-footer9 > a {
  color: #fff;
  font-size: 24px;
  margin-left: 20px;
}
.social-footer9 > a:hover {
  color: #1b1d1f;
}
.main-content {
  padding: 69px 0px 50px; 
}
.logo {
  padding-top: 5px;
}
.logo img {
    max-height: 40px;
    width: auto;
}
.header .header-left img {
    width: 100%;
    height: 60px;
    object-fit: contain;
}
.menuDv {
  background: #fff;
  box-shadow: 0px 0px 2px 0px #999;
  border-radius: 2px;
}
.feature-box-style-07 {
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  box-shadow: 0 2px 2px #e6e6e6;
  padding: 10px 20px 20px;
  vertical-align: top;
  display: block;
}
.bncptn {
  position: absolute;
  left: 4%;
  font-size: 30px;
  color: #fff;
  top: 20%;
  line-height: 30px;
  padding: 15px;
  background: rgba(0, 0, 0, 0.3);
  font-family: arial;
  text-transform: uppercase;
}
#carousel ul.slides li {
  width: 445px !important;
}
#carousel ul.slides li .thume-border {
  border-right: none;
}
.service-icon-01,
.service-icon-02,
.service-icon-03 {
  border-radius: 50%;
  bottom: -33px;
  height: 73px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 73px;
  box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.4);
}
.service-row-img {
  overflow: hidden;
}
.feature-box-icon i {
  width: 30px;
  height: 30px;
  display: block;
  margin: 11px auto 0;
  background: url(../images/sprite.png) no-repeat 0 0;
}
.service-icon-01,
.service-icon-02,
.service-icon-03 {
  background-color: #fff;
}
i.service-icon-row-01 {
  background-position: -63px -323px;
}
i.service-icon-row-02 {
  background-position: -63px -413px;
}
i.service-icon-row-03 {
  background-position: -65px -506px;
}
.item-feature-box:hover .service-row-img img {
  transform: scale(1.1);
}
.item-feature-box:hover i.service-icon-row-01 {
  background-position: -63px -368px;
}
.item-feature-box:hover i.service-icon-row-02 {
  background-position: -63px -464px;
}
.item-feature-box:hover i.service-icon-row-03 {
  background-position: -65px -548px;
}
.newsDv {
}
.newsDv h2 {
  font-size: 22px;
  font-weight: normal;
  color: #2e2e2e;
  padding-top: 20px;
  padding-left: 20px;
}
.news-border h5 {
  font-size: 16px;
  color: #333;
}
.blog-list-info::before {
  content: normal;
}
.owl-carousel1 .owl-controls .owl-buttons div.owl-prev {
  background: #ddd url(../images/left.png) no-repeat 0 0;
  background-size: 12px;
  padding: 15px 16px;
  background-position: 9px;
  border-radius: 4px;
  right: 65px;
  position: absolute;
  top: -117px;
}
.owl-carousel1 .owl-controls .owl-buttons div.owl-next {
  background: #ddd url(../images/right.png) no-repeat 0 0;
  background-size: 12px;
  padding: 15px 16px;
  background-position: 11px;
  border-radius: 4px;
  right: 30px;
  position: absolute;
  top: -117px;
}
.owl-carousel2 .owl-controls .owl-buttons div.owl-prev {
  background: #ddd url(../images/left.png) no-repeat 0 0;
  background-size: 12px;
  padding: 15px 16px;
  background-position: 9px;
  border-radius: 4px;
  right: 65px;
  position: absolute;
  top: -117px;
}
.owl-carousel2 .owl-controls .owl-buttons div.owl-next {
  background: #ddd url(../images/right.png) no-repeat 0 0;
  background-size: 12px;
  padding: 15px 16px;
  background-position: 11px;
  border-radius: 4px;
  right: 30px;
  position: absolute;
  top: -117px;
}
.owl-carousel1 .thumb-customer-saying {
  display: table-cell;
  width: 175px;
}
.owl-carousel1 .thumb-customer-saying a {
  border-radius: 4px;
}
.owl-carousel1 .thumb-customer-saying img {
  border-radius: 4px;
}
.main-testimonial {
  width: 100%;
}
.main-testimonial .item {
  margin-bottom: 40px;
}
.main-testimonial .item-customer-saying {
}
.main-testimonial .thumb-customer-saying {
  width: 150px;
  padding-right: 20px;
}
.main-testimonial .info-customer-saying {
  padding-top: 30px;
}
.main-testimonial .info-customer-saying p {
  font-size: 15px;
}
.main-testimonial .info-customer-saying h3 {
  font-size: 28px;
  font-weight: bold;
}
.main-testimonial .info-customer-saying span {
  font-size: 15px;
}
.serviceDv .blog-list-thumb {
  padding: 0;
}
.serviceDv h3 {
  font-size: 22px;
}
.serviceDv p {
  font-size: 15px;
}
.about-intro ul {
  padding: 0 15px;
}
.about-intro li {
  font-size: 15px;
  line-height: 25px;
  color: #666;
}
.about-intro > p {
  font-size: 14px;
}
.list-feature-boxes .serviceDv .item-feature-box {
  margin: 20px 0;
}
.user-login {
  margin: 0px 0 30px;
  background: #fafcfd;
  border-top: 1px solid #313091;
  padding-top: 10px;
}
.user-login h3 {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.user-login h5 {
  margin: 10px 0 20px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
}
.top-title {
  margin: 0px 0px;
  padding: 18px 0 18px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.user-login form {
  padding: 20px 0px 40px;
  width: 85%;
  margin: auto;
}
.user-login p {
  padding: 30px 20px 30px 20px;
  line-height: 18px;
  margin: 0;
  font-size: 16px;
}
.user-email {
  padding: 15px 0px 15px;
}
.user-email a {
  font-size: 16px;
  color: #333;
}
.user-email a:hover {
  color: #ed1c24;
  text-decoration: underline;
}
.input-group {
  /*width:100%;position:relative;display:table;border-collapse:separate;
border-left: 2px solid #313091; border-radius: 5px;*/
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group-addon {
  min-width: 39px;
  padding: 2px 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.sprite {
  background-image: url("../images/sprite.png");
}
.input-group .form-control {
  /*    position:relative;z-index:2;float:left;width:100%;margin-bottom:0;*/
}
.form-control {
  /*height:40px;box-shadow:none;-webkit-box-shadow:none;*/
  display: block;
  width: 100%;
  height: 38px;
  padding-left: 0.6rem;
  margin-bottom: 18px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  /*background: #fff;*/
  /*background-image: none;*/
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.15s,
  -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #aaa;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.form-icon {
  width: 26px;
  height: 28px;
  display: inline-block;
  position: relative;
}
.mobile-number {
  background-position: -311px -136px;
}
.full-name {
  background-position: -252px -135px;
}
.email-id {
  background-position: -284px -136px;
}
.password {
  background-position: -385px -99px;
}
.list {
  background-position: -329px -165px;
}
.list-page {
  background-position: -406px -148px;
}
.comments {
  background-position: -362px -141px;
  top: -22px;
}
textarea.form-control {
  height: auto;
}
.errormsg {
  font-weight: 400;
  position: absolute;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  bottom: -12px;
}
.errMsg {
  font-weight: 400;
  position: absolute;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  bottom: -12px;
}
.bd-breadcrumb {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.bd-breadcrumb a {
  text-rendering: optimizeLegibility;
  text-decoration: none;
  font-size: 13px;
  height: 42px;
  line-height: 42px;
  padding: 0 15px 0 30px;
  position: relative;
  display: inline-block;
}
.bd-breadcrumb a:first-child {
  padding-left: 25px;
}
.bd-breadcrumb a:last-child {
  padding-right: 16px;
  pointer-events: none;
  cursor: default;
}
.bd-breadcrumb a:last-child:after,
.bd-breadcrumb a:last-child:before {
  border: 0;
}
.bd-breadcrumb a:after,
.bd-breadcrumb a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 21px solid rgba(255, 255, 255, 0);
  border-bottom: 22px solid rgba(255, 255, 255, 0);
  border-left: 10px solid rgba(255, 255, 255, 0);
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 100%;
  z-index: 2;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.bd-breadcrumb a:before {
  margin-left: 1px;
  z-index: 1;
}
.bd-light a {
  color: #454545;
  background-color: #e7f1f2;
  text-shadow: 0 -1px rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: inset 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.bd-light a:after {
  border-left-color: #e7f1f2;
}
.bd-light a:before {
  border-left-color: #cccccc;
  color: #e7f1f2;
}
.bd-light a:hover,
.bd-light a:focus {
  background: #e2f1f2;
  color: #313091;
}
.bd-light a:hover:after,
.bd-light a:focus:after {
  border-left-color: #e2f1f2;
}
.bd-light a:active:before {
  border-left-color: #edf1f1;
}
.bd-light a:last-child {
  background-color: #fff;
}
.pagination {
  padding: 0px;
  margin: 0px 0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.pagination a {
  color: #000;
  padding: 6px 12px;
  display: block;
  border-radius: 4px;
  background: #e1eff8;
}
.pagination a:hover {
  background-color: #313091;
  color: #fff;
}
.pagination a.active {
  color: #fff !important;
  background: #313091 !important;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
#loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 900;
  text-align: center;
}
#loading-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 911;
  max-width: 400px;
  margin: auto;
}
.ffixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.error-txt {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: red;
}
.link-home {
  padding: 20px 15px 0 0;
  text-align: right;
}
.link-home span {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 25px;
  border: 1px solid #313091;
  color: #313091;
  text-align: center;
  border-radius: 50%;
  font-size: 18px;
}
.link-home span:hover {
  border: 1px solid #313091;
  color: #313091;
}
.logo1 {
  padding: 5px 0 5px 15px;
}
.logo1 img {
  width: 132px;
}
.color-box {
  display: table-cell;
  padding-right: 8px;
}
.color-boxinfo {
  height: 10px;
  width: 10px;
}
.text-box {
  display: table-cell;
  text-align: left;
}
.txt-desc {
  padding: 30px 20px 30px 20px;
  line-height: 18px;
  margin: 0;
  font-size: 16px;
}
.show_psw {
  position: absolute;
  top: 30px;
  right: 10px;
  font-size: 16px;
  color: #333;
  z-index: 111;
}
.show_psw.active i:before {
  content: "\f06e";
}
.show_psw img{
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.relative_box {
    position: relative;
}
.header_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 70px;
}
.header .header-left {
position: relative;
width: 120px;
height: auto;
padding: 0px 6px 0px 6px;
overflow: hidden;
}
.logo {
  max-width: 100%;
  z-index: 999;
}
.logo-icon{
  display: none;
}
.menu-active .logo-icon{
  display: block;
}
.header .header-left .logo-icon img {
  max-height: 45px;
  width: auto;
}
.menu-active .header .header-left .logo {
  display: none;
}
.user-menu {
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
.notifications-profile-mobile-view {
    position: initial;
}
.user-menu .nav-item {
  padding: 0;
}
.user-menu.nav > li {
  display: inline-block;
} 
.user-menu.nav > li.noti-dropdown > a {
  font-size: 22px;
  color: #FF5722;
}
.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  width: 22px;
  height: 22px;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  background-color: #FF5722;
  border: 2px solid #ffffff;
  border-radius: 100%;
  position: absolute;
  top: 6px;
  right: 0px;
  animation: 1.6s ease 0s infinite normal none running animation-wave;
}
.user-menu.nav > li > a {
  position: relative;
  color: #333;
  font-size: 13px;
  padding: 20px 10px;
  display: block;
}
.user-menu.nav > li > a img{
  width: 20px;
  height: auto;
}
.user-menu.nav > li > a .user-img img{
  width: 28px;
  border-radius: 100%;
}
.user-img {
    display: inline-block;
    padding-right: 6px;
    position: relative;
}
.user-img img {
  width: 28px;
  border-radius: 100%;
}
.user_name {
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  max-width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 3px;
  display: none;
}
.designation_name{
  font-size: 10px;
  color: #555;
}
.header .dropdown-toggle:after {
  display: none;
}
.header .has-arrow .dropdown-toggle:after {
  border-top: 0;
  border-left: 0;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  content: "";
  height: 6px;
  width: 6px;
  vertical-align: middle;
  display: inline-block;
  pointer-events: none;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.header .has-arrow .dropdown-toggle[aria-expanded="true"]:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.user-menu .dropdown-menu {
  min-width: 220px;
  padding: 0;
  left: auto;
  right: 0;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.user-header {
  background-color: #f9f9f9;
  display: flex;
  align-items: center;
  padding: 10px 10px;
  width: 100%;
  justify-content: start;
  position: relative;
  border-bottom: 1px solid #ddd;
  gap: 10px;
}
.avatar {
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.avatar .avatar-img {
  width: 40px;
  height: 40px;
  display: block;
  margin-bottom: 0;
  object-fit: cover;
  object-position: center;
}
.user-header .user-text {
  margin-left: 0;
  width: auto;
  text-align: center;
}
.user-header .user-text h6 {
  margin-bottom: 0px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.user-header .user-text p {
  padding-bottom: 0;
  font-size: 12px;
}
.user-menu .dropdown-menu .dropdown-item {
  font-size: 13px;
  display: flex;
  align-items: center;
  border-top: 1px solid #e3e3e3;
  padding: 10px 15px;
}
.user-menu .dropdown-menu .dropdown-item img {
  width: 25px;
  background-color: #dfe4eb;
  padding: 3px;
  border-radius: 4px;
}
.user-menu .dropdown-menu .dropdown-item:hover {
  color: #fff;
  background: #FF5722;
}
.sales-overview-dash-box-cus{
  margin-top: 24px;
}
.sales-overview-dash-box-cus .adtab-detail{
  margin-bottom: 12px !important;
}
.graph-section-dashboard-main{
  margin-top: 24px;
}
.graph-section-dashboard-main .adtab-detail{
  margin-bottom: 12px !important;
}
.order-dispatch-deliver-dash-box-cus{
  margin-top: 12px;
}
.order-dispatch-deliver-dash-box-cus .adtab-detail{
  margin-bottom: 12px !important;
}
.user-menu.nav .header-seeting-btn a{
  font-size: 22px;
  color: #FF5722;
}
.adtab-detail h2 i {
  padding-right: 6px;
  font-size: 17px;
}

.enquery-head {
  border-bottom: 2px dotted #ddd;
  background: #f2f2f2;
  background: -moz-linear-gradient(
    top,
    #f6f6f6 0%,
    #f4f4f4 30%,
    #f2f2f2 70%,
    #e2e2e2 100%
  );
  background: -webkit-linear-gradient(
    top,
    #f6f6f6 0%,
    #f4f4f4 30%,
    #f2f2f2 70%,
    #e2e2e2 100%
  );
  background: linear-gradient(
    to bottom,
    #f6f6f6 0%,
    #f4f4f4 30%,
    #f2f2f2 70%,
    #e2e2e2 100%
  );
}
.upcoming-enq {
  margin: 0px;
  padding: 20px 30px;
}
.upcoming-enq p {
  margin: 0;
  padding: 10px 15px 10px;
  border: 1px dashed #ddd;
  border-radius: 4px;
  text-align: center;
}
.upcoming-enq i {
  background: #d8d8d8;
  color: #eee;
  height: 28px;
  width: 28px;
  text-align: center;
  display: inline-block;
  font-size: 21px;
  line-height: 28px;
}
.upcoming-enq img {
  background: #d8d8d800;
  color: #eee;
  height: 28px;
  width: 28px;
  text-align: center;
  display: inline-block;
  font-size: 21px;
  line-height: 28px;
}
.upcoming-enq span {
  font-size: 15px;
  color: #999;
  display: inline !important;
  padding-left: 5px;
  font-weight: 100;
}
.upcoming-enq span:hover {
  -webkit-line-clamp: none !important;
  display: inline !important;
  overflow: hidden !important;
  white-space: initial !important;
}
.side-menu::-webkit-scrollbar-thumb:hover {
  background: #666;
}
.fixed_right_box {
  background: rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0px;
  padding-top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: 9001;
  -webkit-transform: translateX(102%);
  -moz-transform: translateX(102%);
  transform: translateX(102%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.fixed_right_box2nd {
  background: rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0px;
  padding-top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: 9001;
  -webkit-transform: translateX(102%);
  -moz-transform: translateX(102%);
  transform: translateX(102%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.fixed_right_box3rd {
  background: rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0px;
  padding-top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: 9001;
  -webkit-transform: translateX(102%);
  -moz-transform: translateX(102%);
  transform: translateX(102%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.fixed_right_box4th {
  background: rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0px;
  padding-top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: 9001;
  -webkit-transform: translateX(102%);
  -moz-transform: translateX(102%);
  transform: translateX(102%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.fixed_right_box5th {
  background: rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0px;
  padding-top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: 9001;
  -webkit-transform: translateX(102%);
  -moz-transform: translateX(102%);
  transform: translateX(102%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.fixed_right_box6th {
  background: rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0px;
  padding-top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: 9001;
  -webkit-transform: translateX(102%);
  -moz-transform: translateX(102%);
  transform: translateX(102%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.fixed_right_box7th {
  background: rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0px;
  padding-top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: 9001;
  -webkit-transform: translateX(102%);
  -moz-transform: translateX(102%);
  transform: translateX(102%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.fixed_right_box.active {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  transform: translateX(0%);
}
.fixed_right_box2nd.active {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  transform: translateX(0%);
}
.fixed_right_box3rd.active {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  transform: translateX(0%);
}
.fixed_right_box4th.active {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  transform: translateX(0%);
}
.fixed_right_box5th.active {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  transform: translateX(0%);
}
.fixed_right_box6th.active {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  transform: translateX(0%);
}
.fixed_right_box7th.active {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  transform: translateX(0%);
}
.add_inner_box,
.notify_inner_box {
  background: #fff;
  box-shadow: 0px 0px 3px 0px #aaa;
  width: 570px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: 0;
  margin-left: auto;
  position: relative;
}
.add_inner_box .input-group,
.notify_inner_box .input-group {
  border-left: none;
}
.edit_inner_box {
  background: #fff;
  box-shadow: 0px 0px 3px 0px #aaa;
  width: 570px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: 0;
  margin-left: auto;
  position: relative;
}
.edit_inner_box .input-group {
  border-left: none;
}
.optinal_inner_box {
  background: #fff;
  box-shadow: 0px 0px 3px 0px #aaa;
  width: 720px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: 0;
  margin-left: auto;
  position: relative;
}
.optinal_inner_box .input-group {
  border-left: none;
}
.followup_inner_box {
  background: #fff;
  box-shadow: 0px 0px 3px 0px #aaa;
  width: 570px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: 0;
  margin-left: auto;
  position: relative;
}
.followup_inner_box .input-group {
  border-left: none;
}
.fixed_right_box2nd .form-control {
  /*padding: 5px 6px;
    font-size: 13px;
    height: 36px;
    border-radius: 0px;
*/
}
.other_inner_box {
  background: #fff;
  box-shadow: 0px 0px 3px 0px #aaa;
  width: 570px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: 0;
  margin-left: auto;
  position: relative;
}
.other_inner_box .input-group {
  border-left: none;
}

.fthother_inner_box {
  background: #fff;
  box-shadow: 0px 0px 3px 0px #aaa;
  width: 570px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: 0;
  margin-left: auto;
  position: relative;
}
.fthother_inner_box_custom {
  width: 770px;
}
.table-pl-5 {
  padding-left: 5px;
}
.table-pr-5 {
  padding-right: 5px;
}
.fthother_inner_box .input-group {
  border-left: none;
}

.xthother_inner_box {
  background: #fff;
  box-shadow: 0px 0px 3px 0px #aaa;
  width: 570px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: 0;
  margin-left: auto;
  position: relative;
}
.xthother_inner_box .input-group {
  border-left: none;
}

.svnthother_inner_box {
  background: #fff;
  box-shadow: 0px 0px 3px 0px #aaa;
  width: 570px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: 0;
  margin-left: auto;
  position: relative;
}
.svnthother_inner_box .input-group {
  border-left: none;
}

.rttop_title {
  margin-bottom: 25px;
  position: relative;
}
.rttop_title h3 {
  font-size: 16px;
  font-weight: 500;
  margin: 0px 0 8px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
}
.rttop_title h3 i {
  padding-right: 10px;
  font-size: 20px;
}
.panel-cus-title-cus i {
  margin-right: 12px;
  font-size: 18px;
  background-color: #ddd;
  padding: 8px 10px;
  border-radius: 4px;
  color: #FF5722;
}
.panel-cus-title-cus img{
  margin-right: 10px;
  font-size: 30px;
  width: 30px;
  height: 30px;
  background: linear-gradient(138deg, #ffe8e2, #ffedcb);
  padding: 5px;
  border-radius: 4px;
  color: #f27136;
}
.panel-cus-title-cus {
  display: flex;
  align-items: center;
  /*    margin: 0 -10px 25px;*/
}
.panel-cus-title-cus h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
}
.rttop_title p {
  font-size: 13px;
  color: #777;
  padding-bottom: 0;
  line-height: normal;
}
.close_icon {
  position: fixed;
  top: 0;
  right: 570px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  color: #fff;
  background: #ff1100;
  z-index: 800;
}
.close_icon img{
  width: 20px;
  height: 20px;
}
.close_icon_custom {
  right: 770px;
}
.close_icon:hover {
  color: #fff;
  background: #f27136;
}
.optinal_close_icon {
  position: fixed;
  top: 0;
  right: 720px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  color: #fff;
  background: #ff1100;
  z-index: 800;
}
.optinal_close_icon:hover {
  color: #fff;
  background: #f27136;
}  
.optinal_close_icon img{
  width: 20px;
  height: 20px;
}
.my_modal.modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.my_modal .modal-dialog {
  margin: 50px auto 20px;
  /*--display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;--*/
}
.my_modal .modal-content {
  width: 100%;
}
.my_modal .modal-header {
  padding: 15px 15px;
  justify-content: center;
}
.my_modal .modal-title {
  text-transform: none;
  margin-top: 5px;
  font-size: 20px
}
.my_modal .modal-body {
  padding: 5px 15px 15px;
}
.my_modal .modal-header .close {
  position: absolute;
  top: -8px;
  right: -8px;
  margin: 0;
  text-shadow: none;
  padding: 0 0 1px 1px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
  font-size: 22px;
  opacity: 1;
  background-color: red;
  color: #fff;
  z-index: 111;
}
.my_modal .modal-header .close:hover {
  opacity: 1;
}
.my_modal .modal-header .close span {
  line-height: inherit;
}
.modal-dialog {
  width: 500px;
  margin: 200px auto 0;
}
.modal-header {
  padding: 15px 10px 0;
  border-bottom: none;
}
.modal-header .close {
  margin-top: -8px;
  border: 1px solid #333;
  border-radius: 50%;
  padding: 2px 5px 0;
  line-height: 18px;
  color: #333;
  opacity: 1;
  font-size: 22px;
}
.modal-header .close:hover { 
  border: 1px solid #f27136;
}
.change-avatar {
  display: flex;
  position: relative;
  background: #fafcff;
  width: fit-content;
  border-radius: 4px;
  padding: 10px 20px;
  margin: 12px auto 20px;
}
.pad_box3 {
  padding: 15px;
}
.enquery-box {
  border: 1px solid #eee;
}
.enquery-head .table-head {
  padding: 0 5px;
  height: 40px;
  line-height: 40px;
}
.table-head img{
  width: 18px ;
  height: 18px;
}
.table-head span {
  font-size: 13px;
  font-weight: 500;
  color: #333;
}
.table-cont:last-child p {
  border-right: none;
}
.enquery-desc p {
  color: #333;
  font-size: 13px;
  margin: 0;
  height: 45px;
  border-right: 1px solid #e5e5e5;
  padding: 0px 5px;
  line-height: 43px;
  overflow: hidden;
}
.table-cont p a {
  padding: 2px 2px;
  color: #f87c0a;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.table-cont p a i {
  font-size: 17px;
}
.table-cont p a:hover {
  color: #313091;
}
.action_btn {
  display: inline-block;
  color: #f87c0a;
  cursor: pointer;
  font-size: 18px;
  height: 36px;
  line-height: 36px;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.action_btn:hover {
  color: #313091;
}
.action_btn img{
  width: 18px;
  height: 18px;
}
.enquery-desc .table-cont {
  padding: 0 0px;
}
.enquery-desc {
  border-bottom: 1px solid #e8e8e8;
}
.sub-btn1 {
  cursor: pointer;
  background: #f27136 none repeat scroll 0 0;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  border: none;
  height: 35px;
  margin: 5px;
  line-height: 34px;
  padding: 0px 10px;
  border-radius: 4px;
  text-transform: capitalize;
  display: inline-block;
  min-width: 100px;
  text-align: center;
}
.sub-btn1:hover {
  background: #313091;
  color: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.followup-box {
  border: 1px solid #eee;
}
.followup-box-lead-cus {
  border: 1px solid #eee;
  padding: 10px;
}
.followup-box-cus {
  border: 1px solid #eee;
  margin: 0;
  padding: 0 12px;
}
.followup-head {
  border-bottom: 2px dotted #ddd;
  background: #f2f2f2;
  background: -moz-linear-gradient(
    top,
    #f6f6f6 0%,
    #f4f4f4 30%,
    #f2f2f2 70%,
    #e2e2e2 100%
  );
  background: -webkit-linear-gradient(
    top,
    #f6f6f6 0%,
    #f4f4f4 30%,
    #f2f2f2 70%,
    #e2e2e2 100%
  );
  background: linear-gradient(
    to bottom,
    #f6f6f6 0%,
    #f4f4f4 30%,
    #f2f2f2 70%,
    #e2e2e2 100%
  );
}
.followup-head .table-head {
  padding: 0 5px;
  height: 40px;
  line-height: 40px;
}
.action.dropdown {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  /*height: 45px;*/
}
.action .dropdown-toggle {
  background: none;
  color: #313091;
  border: none;
  display: inline-block;
  font-size: 17px;
}
.action .dropdown-toggle:hover {
  color: #f27136;
}
.action.open .dropdown-toggle .fa:before {
  content: "\f106";
}
.action .dropdown-menu {
  text-align: left;
  right: 0;
  left: auto;
} 
.enquery-desc input,
.enquery-desc .form-control {
  color: #333;
  font-size: 13px;
  margin: 0;
  height: 40px;
  border: none;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  padding: 0px 5px;
  line-height: 40px;
  overflow: hidden;
  border-radius: 0;
}
.adglbitemmstdv .ui-front {
  z-index: 99999;
}
.rightsidemenuDv {
  background: #fff;
  box-shadow: 0px 0px 1px 0px #aaa;
  border-radius: 2px;
  margin-top: 1%;
}
.hlt_txt {
  color: #313091;
  font-size: 14px;
  margin: 4px 0;
}
.hlt_txt span {
  display: inline-block;
  vertical-align: middle;
}
.table_box {
  position: relative;
}
.table_view {
  border: 1px solid #e8e8e8;
  padding: 5px;
}
.quote_txt {
  background: #0f79bb;
  color: #fff;
  display: inline-block;
  padding: 4px 12px 4px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
  margin-top: 5px;
  width: fit-content;
}
.note_box span.bg_gray {
  background: #ddd;
  display: inline-block;
  padding: 0px 20px;
  margin: 1px;
  font-weight: 600;
}
.content h6 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  font-style: italic;
}
.checklist {
}
.checklist h5 {
  margin-top: 0;
  color: #000;
  font-size: 15px;
}
.checklist ul {
  padding-left: 22px;
  margin-bottom: 0;
}
.checklist ul li {
}
.bank_details {
  background: #00cf26;
  color: #000;
  padding: 5px 0;
}
.bank_details h5 {
  text-align: center;
  margin-top: 0;
  color: #000;
  font-size: 15px;
}
.bank_details h5 span {
  display: inline-block;
  border-bottom: 1px solid #333;
  padding-bottom: 2px;
}
.content .bank_details p {
  padding: 0 5px;
  font-weight: 500;
  line-height: 22px;
}
.bank_details p strong {
  display: inline-block;
  vertical-align: top;
}
.bank_details p span {
  display: inline-block;
  vertical-align: top;
  padding-left: 5px;
}
.top_bdr {
  border-top: 1px solid #333;
  margin: 3px 0;
  display: block;
}
.br_feature_box {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.br_feature_box .feature_icon {
  width: 72px;
}
.br_feature_box .feature_icon img {
  width: 72px;
}
.br_feature_box .feature_info {
  width: 90%;
  padding-left: 10px;
}
.br_feature_box .feature_info span {
  background: #08215e;
  color: #fff;
  padding: 5px 5px;
  display: block;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
}
.br_feature_box .feature_info span.branches {
  background: #FF5722;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  box-shadow: 1px 1px 1px 0px #FF5722;
}
.table_head {
  border-bottom: 1px solid #e8e8e8;
  background: #f0f6f9;
}
.table_head .table-head {
  padding: 0 0px;
}
.table_head .table-head span {
  padding: 5px 5px;
  font-size: 13px;
  font-weight: 600;
  color: #333;
  height: 38px;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 16px;
  border-right: 1px solid #e5e5e5;
  overflow: hidden;
}
.table_view.table_box .input_desc {
  padding: 4px 5px;
  min-height: auto;
  height: 40px;
}
.table_view.table_box .table-head:last-child .input_desc,
.table_view.table_box .table-cont:last-child .input_desc {
  border-right: none;
}
.table_box .input_desc {
  position: relative;
  padding: 3px 5px;
  border-right: 1px solid #eee;
  min-height: 55px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 16px;
  overflow: hidden;
}
.table_box_view_cus .input_desc {
  position: relative;
  padding: 3px 5px;
  border-right: 1px solid #eee;
  min-height: 55px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 16px;
  overflow: hidden;
  color: #f27136;
}
.table_box .input_desc.no_bdr {
  border-right: none;
}
.table_box .input_desc label {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  margin-bottom: 0;
  font-size: 11px;
  color: #666;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 10px;
  margin-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  width: 82%;
  max-width: fit-content;
  display: block;
  text-overflow: ellipsis;
  z-index: 11;
}
.table_box .input_desc .form-control {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  height: 40px;
  margin-top: 4px;
  padding: 5px 10px;
  line-height: 1.2;
}
.table_box .enquery-desc strong {
  font-weight: 600;
}
.table_box .input_desc .errormsg {
  display: inline-block;
  position: absolute;
  left: 12px;
  background: #fff;
  bottom: 0;
  color: #f27136;
  z-index: 111;
}
.table_box .content {
  margin-bottom: 15px;
}
.table_box .content h5 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.table_box .content p {
  font-size: 13px;
  margin-bottom: 0;
}
.company_details {
  position: relative;
}
.company_details .clogo {
  display: block;
  padding-top: 6px;
}
.company_details .clogo img {
  width: 100%;
  max-width: 165px;
}
.company_details .address_box {
  border-left: 1px solid #eee;
  padding-left: 12px;
  margin-left: -15px;
}
.company_details h5 {
  margin: 2px 0 2px;
  font-size: 17px;
  font-weight: 700;
  color: #0f79bb;
  text-transform: uppercase;
  font-family: "Xirod", sans-serif;
}
.company_details .address_box p {
  font-size: 11px;
  line-height: 14px;
}
.address_box {
  margin-top: 2px;
  margin-bottom: 2px;
}
.address_box p {
  margin-bottom: 0;
  font-size: 13px;
  /*display: flex;*/
  line-height: 16px;
  padding: 3px;
}
.address_box_view_cus span {
  color: #f27136;
}

.address_box p:nth-child(even) {
  /*background: #fff;*/
}
.address_box p:nth-child(odd) {
  /*background: #fcfdff;*/
}
.rt_box.address_box {
  padding-top: 10px;
}
.rt_box.address_box p {
  margin-bottom: 0px;
}
.address_box strong {
  font-weight: 600;
  padding-right: 5px;
}
.customer_details {
  position: relative;
}
.customer_details .address_box {
  /*border:1px dashed #ddd;
	padding:5px;
	min-height: 175px;*/
  /*border:1px dashed #ddd;*/
  padding: 5px;
  margin-top: 0;
  min-height: auto;
}
.pd-r-0 {
  padding-right: 0px;
}
.customer_details h5 {
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: 600;
}
.link_box {
  display: flex;
  align-items: center;
  padding: 5px 10px 6px;
  margin-bottom: 10px;
  list-style: none;
  background: #fafcff;
}
.link_box li {
  display: inline-block;
  vertical-align: middle;
  padding-right: 12px;
  margin-right: 12px;
  border-right: 1px dashed #ccc;
  line-height: 1;
}
.link_box li:last-child {
  padding-right: 0px;
  margin-right: 0px;
  border-right: none;
}
.link_box li a {
  display: flex;
  align-items: center;
  color: #555;
  font-size: 13px;
  cursor: pointer;
  font-weight: 500;
}
.link_box li a span {
}
.link_box li a i {
  padding-right: 5px;
  color: #313091;
  font-size: 14px;
}
.link_box li a img {
  padding-right: 5px;
  color: #313091;
  width: 20px;
  height: 20px;
}
.link_box li a:hover {
  color: #313091;
}
@media print {
  .link_box {
    display: none;
  }
}
.password_show {
  position: absolute;
  top: 16px;
  right: 15px;
  display: flex;
  align-items: center;
  z-index: 11;
}
.password_show label {
  display: inline-block;
  color: #0052cc;
  font-size: 13px;
  margin-bottom: -1px;
}
.paddingrightleft {
  padding-right: 6px;
  padding-left: 6px;
}
.paddingright {
  padding-right: 2px;
}
.paddingleft {
  padding-left: 2px;
}
.text-box-pr-5 {
  padding-right: 5px;
}
.text-box-pl-5 {
  padding-left: 5px;
}
.top-adv-info {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
.top-adv-info > span {
  text-transform: uppercase;
  background: #FF5722;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  vertical-align: middle;
  display: inline-block;
  white-space: nowrap;
  padding: 10px 15px;
  border-radius: 4px;
  margin-right: 15px;
}
.top-adv-txt {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  min-height: 18px;
}
.top-adv-info a {
  cursor: pointer;
  color: #333;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  vertical-align: middle;
  padding-right: 2px;
  margin-right: 2px;
  border-right: 0px solid #eee;
}
.desktop-textbox-pr-5 {
  padding-right: 5px;
}
.desktop-textbox-pl-5 {
  padding-left: 5px;
}
.accessories-declaration-list {
}
.accessories-declaration-list h5 {
  text-align: center;
  font-size: 16px;
}
.accessories-declaration-list ul {
  padding-left: 20px;
}
.accessories-declaration-list ul li {
  list-style-type: auto;
  padding-bottom: 5px;
}
.car-con-bdr-b {
  display: flex;
  padding: 10px 0px;
  align-items: end;
}
.car-con-bdr-b p {
  /*display: flex;*/
  margin-bottom: 0;
}
.car-con-bdr-b strong {
  /*width: auto;*/
}
.car-con-bdr-b span {
  border-bottom: 1px dotted #c1c1c1;
  width: 100%;
  display: inline-block;
}
.car-con-loose-main {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 5px 0;
  margin-bottom: 10px;
}
.car-con-loose {
  width: 16.6666%;
}
.car-con-loose p {
  font-size: 10px;
  font-weight: 600;
  margin-bottom: 0;
}
.doc-original-copy {
  display: flex;
}
.doc-original-copy ol {
  display: flex;
  width: 100%;
  padding: 0px;
}
.doc-original-copy ol li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
}
.doc-original-copy p {
  font-size: 12px;
  margin-bottom: 0;
  padding-right: 9px;
}
.doc-original-copy span {
  font-size: 10px;
}
.input_desc_consignee_copy p {
  color: #333;
  font-size: 13px;
  margin: 0;
  height: auto;
  border-right: 1px solid #e5e5e5;
  padding: 0px 5px;
  line-height: normal;
  overflow: hidden;
}
.input_desc_consignee_copy .table-cont {
  padding-right: 0;
  padding-left: 0;
}
.home-search-form .exportbtn-link-default {
  display: inline-block;
  transition: all 0.5s ease-out 0s;
  background: #f2812800 none repeat scroll 0 0;
  font-size: 10px;
  color: #313091;
  font-weight: 500;
  height: auto;
  line-height: 32px;
  padding: 0px 5px;
  border-radius: 4px;
  text-transform: capitalize;
  min-width: 25px;
  text-align: center;
  border: 1px solid #313091;
}

.home-search-form .restbtn-link-default {
  display: inline-block;
  transition: all 0.5s ease-out 0s;
  background: #f2812800 none repeat scroll 0 0;
  font-size: 13px;
  color: #313091;
  font-weight: 500;
  height: auto;
  line-height: 32px;
  padding: 0px 7px;
  border-radius: 4px;
  text-transform: capitalize;
  min-width: 25px;
  min-width: 25px;
  text-align: center;
  border: 1px solid #313091;
}
.exportbtn-link-default:hover {
  /*	background: #13747D;box-shadow: 0px 1px 2px 0px #000;*/
  background: #313091;
  box-shadow: 0px 1px 2px 0px #313091;
  color: #fff;
}
.duesamt {
  color: #ff0000 !important;
}

.adtab-detail {
  position: relative;
  background: #f8f9fa00;
  padding: 0 0px;
  border-bottom: none;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  margin-bottom: 12px !important;
}
.adtab-detail h2 {
    font-weight: 500;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 16px;
    padding-left: 0px;
    color: #333;
    text-transform: capitalize;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.filter-btn-add-new-btn {
  display: flex;
  align-items: center;
  justify-content: end;
}
.search-dropdown-custom-mng {
  position: relative;
  background-color: #313091;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  height: 38px;
  width: 40px;
  color: #fff;
  margin-bottom: 6px;
  font-size: 16px;
}
.search-dropdown-custom-mng i {
  color: #fff;
}
.search-dropdown-custom-mng img {
    width: 20px;
    height: 20px;
    filter: invert(0) brightness(10.5);
    position: initial;
}
.add_btn_box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.add_btn {
  position: relative;
  background: none;
  color: #313091;
  border: 1px solid #313091;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
  height: 38px;
  width: auto;
  min-width: 100px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
} 
.add_btn:hover {
  background: #313091;
  color: #fff;
}
.add_btn_box .add_btn {
  margin-left: 5px;
  margin-bottom: 6px;
  width: auto;
  min-width: 40px;
}
.add_btn_box .add_btn img {
    width: 20px;
    height: 20px;
}
.add_btn_box .add_btn:hover img {
    filter: invert(0) brightness(10.5);
}
.add_btn_box.download-btn-cus .add_btn{
  border: 1px solid #0d7611;
  color: #0d7611;
  transition: all 0.3s ease;
}
.add_btn_box.download-btn-cus .add_btn:hover {
    border: 1px solid #0d7611;
    color: #fff;
    background-color: #0d7611;
}
.add_btn_box.add-btn-cus .add_btn{
  border: 1px solid #FF5722;
  color: #FF5722;
  transition: all 0.3s ease;
}
.add_btn_box.add-btn-cus .add_btn:hover {
    border: 1px solid #FF5722;
    color: #fff;
    background-color: #FF5722;
}
.add_btn_box.back-btn-cus .add_btn{
    border: 1px solid #009688;
    color: #009688;
    padding: 0 10px;
    transition: all 0.3s ease;
}
.add_btn_box.back-btn-cus .add_btn:hover {
    border: 1px solid #009688;
    color: #fff;
    background-color: #009688;
}
.adtab-detail .form-control{
  margin-bottom: 0px;
  margin-top: 0px;
}


.dashboard-table-custom {
  box-shadow: none;
  margin-bottom: 20px;
}
.table-inner-custom {
  margin-bottom: 0;
}

.table-custom {
  margin-bottom: 0;
}
.table-custom .dropdown {
    position: static;
}

.table-custom tr th:first-child {
  border-radius: 0px 0 0 0;
}
.table-custom tr th {
background-color: #f3f4f7;
padding-bottom: 10px !important;
padding-top: 10px !important;
min-width: 30px;
font-size: 12px;
font-weight: 600;
color: #333;
line-height: 1.2;
white-space: nowrap;
}
.table-custom tr th:last-child {
  border-radius: 0 0px 0 0;
}
.table-custom tr th img{
  width: 14px;
  height: 14px;
}
.table-custom tbody tr {
  border-bottom: 1px solid #e2e8f0;
}
.dashboard-table-custom .table th, .table td {
    border: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-collapse: collapse;
}
.action.dropdown {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  /* height: 40px; */
}
.action.dropdown img{
  width: 20px;
  height: 20px;
}
.action-cus {
}
.table-custom a {
  cursor: pointer;
}
.table-custom span {
  font-size: 12px;
  color: #444;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  line-height: 1.2;
  transition: all 0.3s ease;
}
.table-custom span:hover {
  -webkit-line-clamp: unset;
  display: block;
  overflow: visible;
}
.action-cus .dropdown-menu {
  padding: 0;
  overflow: hidden;
}
.action .dropdown-menu {
  text-align: left;
  left: -10px;
  right: auto;
  border-radius: 4px;
}
.dropdown-menu {
  float: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.action .dropdown-menu > li > a {
  padding: 8px 6px;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.action .dropdown-menu > li > a i {
  width: 22px;
  height: 22px;
  font-size: 12px;
  background: #FF5722;
  color: #fff;
  border-radius: 4px;
  margin-right: 5px;
  vertical-align: middle;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.action .dropdown-menu > li > a img {
    display: inline-block;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background: #dfe4eb;
    color: #fff;
    border-radius: 3px;
    margin-right: 0px;
    padding: 3px;
}
.action-cus .dropdown-menu li a:hover {
  background-color: #313091;
  color: #fff;
}
.action-cus .dropdown-menu li {
}
.action-cus .dropdown-menu li a {
  cursor: pointer;
  display: flex;
  padding: 8px 6px;
  font-size: 13px;
  border-bottom: 1px solid #ddd;
  transition: all 0.3s;
  align-items: center;
  justify-content: start;
  gap: 4px;
}
.action-cus .dropdown-menu li:last-child a {
  border-bottom: none;
}
.form-group label,
.form-group1 label {
  font-weight: 500;
  color: #555;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.datepicker{
  z-index: 99 !important;
}
.datepicker-days th,
.datepicker-days td {
  font-size: 12px;
}
.datetimepicker-days th,
.datetimepicker-days td {
  font-size: 12px;
}
.datetimepicker table tr td span {
  font-size: 12px;
}
.datetimepicker td,
.datetimepicker th {
  font-size: 12px;
}
.datepicker .datepicker-switch {
  width: 130px;
  font-size: 14px;
  font-weight: 500;
}
.company_details .logo-quotation {
  width: 25%;
  height: auto;
  margin: 10px auto;
  display: block;
}
.commnpgdshbrdboxwidth {
  width: 100%;
}
.inner-dashboxes {
}
.inner-dashboxes .paddingrightleft:first-child {
  padding-left: 15px;
}
.inner-dashboxes .paddingrightleft:last-child {
  padding-right: 15px;
}
.today_card .card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  word-wrap: break-word;
  border-radius: 4px;
  border: none;
  overflow: hidden;
  margin-bottom: 0px;
  /* box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%); */
}
.inner-dashboxes .card {
  box-shadow: 0px 0px 5px 0px #f0f0f0;
  border: 1px solid #f0f0f0;
  margin-bottom: 6px;
}
.bg-blue-dark-9 {
  color: #000000;
  background-color: rgb(39 64 130 / 5%);
  border: 1px solid #313091 !important;
}

.inner-dashboxes .card-statistic {
  padding: 5px 10px;
}
.today_card .card .card-statistic .card-icon {
  font-size: 50px;
  color: #3c87ff;
  position: absolute;
  right: 10px;
  top: 60px;
  height: 30px;
  width: 30px;
  padding-top: 0px;
  opacity: 0.5;
  /* background-color: #7fbfff; */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  -moz-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
}
.today_card.inner-dashboxes .card .card-statistic .card-icon {
  right: 10px;
  top: 48px;
}
.today_card .card-title {
  font-weight: 500;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.inner-dashboxes .card-title {
  font-weight: 500;
  font-size: 14px;
}
.card-statistic h5 {
  font-size: 24px;
  font-weight: 500;
}
.link_txt {
  position: relative;
  text-align: center;
  padding: 5px 0;
  font-size: 13px;
  display: block;
  background: #313091;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.link_txt a {
  color: #fff;
  cursor: pointer;
}
.link_txt a i {
  padding-left: 5px;
}
.link_txt a img {
    padding-left: 5px;
    height: 18px;
    width: 18px;
}
.emp_card .card {
  background: #fff;
}
.card {
  margin-bottom: 12px;
/*  box-shadow: 0px 0px 5px 0px #dbdbdb;*/
  border: 1px solid #d9d9d9;
  margin-top: 0px;
}
.emp_card .card-body {
  padding: 0.8rem;
}
.dash-widget-header {
  align-items: center;
  display: flex;
  margin-bottom: 10px;
}
.dash-widget-icon {
align-items: center;
display: inline-flex;
justify-content: center;
text-align: center;
font-size: 16px;
width: 40px;
height: 40px;
line-height: 40px;
/* border: 3px solid; */
border-radius: 4px;
padding: 8px;
background-color: #e1e0ff;
}
.dash-count {
  font-size: 18px;
  margin-left: auto;
}
.dash-widget-info h6 {
font-size: 16px;
font-weight: 500;
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.progress.progress-sm {
  height: 6px;
}
.pad_box4 {
  padding: 15px;
}
.redius_box {
  border-radius: 4px;
}
.bg_wht {
  background: #fff !important;
}
.box_shadow1 {
  box-shadow: 0px 0px 2px 0px #aaa;
  border: none;
  -webkit-appearance: media-slider;
}
.sales-overview-circle-chart-title h2 {
  font-size: 16px;
  text-align: start;
}
.fee-overview-box-main-cus {
}
.fee-overvew-single-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin-bottom: 12px;
}
.fee-overvew-single-box .title-number-desc {
}
.fee-overvew-single-box .title-number-desc .title {
  margin: 0;
  text-transform: none;
}
.fee-overvew-single-box .title-number-desc .title h2 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.fee-overvew-single-box .title-number-desc .number {
}
.fee-overvew-single-box .title-number-desc .number h3 {
  font-size: 22px;
  font-weight: 500;
}
.fee-overvew-single-box .title-number-desc .number h3 > img{
  width: 18px;
  height: 18px;
}
.fee-overvew-single-box .title-number-desc .desc {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.fee-overvew-single-box .title-number-desc .desc i {
  color: #48bd44;
}
.fee-overvew-single-box .title-number-desc .desc img {
  width: 18px;
  height: 18px;
}
.fee-overvew-single-box .title-number-desc .desc h4 {
  font-size: 12px;
  font-weight: 300;
  margin: 0;
}
.fee-overvew-single-box .icon {
  background-color: #edf2fa;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.fee-overvew-single-box .icon i {
  font-size: 22px;
  color: #5395ff;
}
.fee-overvew-single-box .icon img {
  width: 22px;
  height: 22px;
}
.fee-overvew-single-box:last-child {
  margin-bottom: 0px;
}
.fee-overvew-single-box:nth-child(2) .icon i {
  color: red;
}
.fee-overvew-single-box:nth-child(3) .icon i {
  color: green;
}
.fee-overvew-single-box:nth-child(4) .icon i {
  color: blue;
}
.fee-overvew-single-box .title-number-desc .desc i.fa-arrow-trend-down {
  color: red;
}
.transaction-box-main-cus .transaction-box-single {
  padding: 15px 10px;
/*  box-shadow: 0 3px 10px 0 rgb(98 98 98 / 20%);*/
  border: 1px solid rgb(27 0 255 / 15%);
  border-radius: 4px;
  margin-bottom: 12px;
}
.transaction-box-single .icon-title-transaction .icon i {
  font-size: 22px;
  color: #0046b7;
}
.transaction-box-single .icon-title-transaction .icon img {
  width: 30px;
  height: 30px;
}
.transaction-box-one {
  background-color: #ede8f1;
  border-color: #c883ff !important;
}
.transaction-box-two {
  background-color: #d6eae7;
  border-color: #00d1b1 !important;
}
.transaction-box-three {
  background-color: #fbf5e5;
  border-color: #ffd76b !important;
}
.transaction-box-four {
  background-color: #e1f0ff;
  border-color: #2f97ff !important;
}
.transaction-box-five {
  background-color: #f3dada;
  border-color: #e90000 !important;
}
.transaction-box-six {
  background-color: #d8ffe5;
  border-color: #00b93b !important;
}
.transaction-box-seven {
  background-color: #f7c9ffab;
  border-color: #db09ff !important;
}
.transaction-box-eight {
  background-color: #007d935c;
  border-color: #007d93 !important;
}
.transaction-box-nine {
  background-color: #ffd7b4;
  border-color: #ff7800 !important;
}
.transaction-box-ten {
  background-color: #e1f0ff;
  border-color: #2f97ff !important;
}
.transaction-box-one .icon-title-transaction .icon i {
  font-size: 28px;
  color: #8e00ff;
}
.transaction-box-two .icon-title-transaction .icon i {
  font-size: 28px;
  color: #00b398;
}
.transaction-box-three .icon-title-transaction .icon i {
  font-size: 28px;
  color: #ffb900;
}
.transaction-box-four .icon-title-transaction .icon i {
  font-size: 28px;
  color: #005cb9;
}
.transaction-box-five .icon-title-transaction .icon i {
  font-size: 28px;
  color: #e90000;
}
.transaction-box-six .icon-title-transaction .icon i {
  font-size: 28px;
  color: #00b93b;
}
.transaction-box-seven .icon-title-transaction .icon i {
  font-size: 28px;
  color: #db09ff;
}
.transaction-box-eight .icon-title-transaction .icon i {
  font-size: 28px;
  color: #007d93;
}
.transaction-box-nine .icon-title-transaction .icon i {
  font-size: 28px;
  color: #ff7800;
}
.transaction-box-ten .icon-title-transaction .icon i {
  font-size: 28px;
  color: #ff7800;
}
.transaction-box-one .icon-title-transaction .title h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #8e00ff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.transaction-box-two .icon-title-transaction .title h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #00b398;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.transaction-box-three .icon-title-transaction .title h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #ffb900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.transaction-box-four .icon-title-transaction .title h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #005cb9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.transaction-box-five .icon-title-transaction .title h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #e90000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.transaction-box-six .icon-title-transaction .title h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #00b93b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.transaction-box-seven .icon-title-transaction .title h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #db09ff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.transaction-box-eight .icon-title-transaction .title h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #007d93;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.transaction-box-nine .icon-title-transaction .title h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #ff7800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.transaction-box-ten .icon-title-transaction .title h2 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #005cb9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.transaction-box-single .icon-title-transaction {
  display: flex;
  align-items: center;
  gap: 12px;
}
.transaction-box-single .icon-title-transaction .icon {
  height: 55px;
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.transaction-box-single .icon-title-transaction .title {
  margin: 0;
}
.transaction-box-main-cus .transaction-box-single .number-transaction-box {
  margin-left: 0px;
  margin-top: 5px;
}
.transaction-box-main-cus .transaction-box-single .number-transaction-box h3 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}
.transaction-box-main-cus .transaction-box-single.transaction-box-one .icon{ 
  background-color: rgb(142 0 255 / 50%); 
}
.transaction-box-main-cus .transaction-box-single.transaction-box-two .icon{ 
  background-color: rgb(0 179 152 / 50%); 
}
.transaction-box-main-cus .transaction-box-single.transaction-box-three .icon{ 
  background-color: rgb(255 185 0 / 50%); 
}
.transaction-box-main-cus .transaction-box-single.transaction-box-four .icon{ 
  background-color: rgb(0 92 185 / 50%); 
}
.transaction-box-main-cus .transaction-box-single.transaction-box-five .icon{ 
  background-color: rgb(233 0 0 / 50%); 
}
.transaction-box-main-cus .transaction-box-single.transaction-box-six .icon{ 
  background-color: rgb(0 185 59 / 50%); 
}
.transaction-box-main-cus .transaction-box-single.transaction-box-seven .icon{ 
  background-color: rgb(219 9 255 / 50%); 
}
.transaction-box-main-cus .transaction-box-single.transaction-box-eight .icon{ 
  background-color: rgb(0 125 147 / 50%); 
}
.transaction-box-main-cus .transaction-box-single.transaction-box-nine .icon{ 
  background-color: rgb(255 120 0 / 50%); 
}
.transaction-box-main-cus .transaction-box-single.transaction-box-ten .icon{ 
  background-color: rgb(142 0 255 / 50%); 
}


.line_chart_info {
  padding-left: 0;
  list-style: none;
  margin-bottom: 18px;
  padding-top: 18px;
}
.line_chart_info li {
  display: inline-block;
  padding: 0 8px;
  font-size: 14px;
}
.txt_blue {
  color: #4ac4f3 !important;
}
.line_chart_info li i {
}
.txt_dark_blue {
  color: #0d254d !important;
}
.txt_green {
  color: #48bd44 !important;
}
.admission-enrollment-circle-chart-tile {
  margin-bottom: 20px;
}
.admission-enrollment-circle-chart-tile h2 {
  font-size: 16px;
  text-align: start;
}
.chart_info {
  margin-top: 20px;
}
.chart_info .pai_chart_info {
  padding: 0;
  margin: 0;
}
.chart_info .pai_chart_info li {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: start;
}
.chart_info .pai_chart_info li span {
  margin-right: 20px;
}
.chart_info .pai_chart_info li span:last-child {
  margin-right: 0px;
}
.chart_info .pai_chart_info li:last-child {
  margin-bottom: 0;
}
.morris-hover.morris-default-style {
  border-radius: 4px;
  padding: 5px 10px;
  color: #fff;
  background: rgb(0, 0, 0, 0.8);
  font-family: sans-serif;
  font-size: 13px;
  text-align: center;
}
.morris-hover {
  position: absolute;
  z-index: 1000;
}
.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
  color: #fff !important;
}
.admission-enrollment-overview-single-box-cus {
  margin-bottom: 12px;
}
.dash-count h3 {
  font-size: 24px;
  margin-left: auto;
  font-weight: 500;
}
.top-boxes-custom-pding {
  padding: 8px;
}
.note_box_custom_inner {
  /*margin-right: 0;
    margin-left: 0;*/
}
.box-bg-inner-page.flex_box_inner_page {
  border-radius: 4px;
  border: none;
  /* margin-bottom: 8px; */
  box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
  -webkit-box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.flex_box_inner_page {
  display: flex;
  align-items: center;
}
.box-bg-inner-page {
  background: #fff;
  position: relative;
  margin-bottom: 3px;
  box-shadow: 0px 0px 2px 0px #ccc;
}
.bg1-inner-page {
  background: #0170be !important;
}
.report-icon-inner-page {
  background: #d1152d;
  align-items: center;
  display: flex;
  /* position: absolute; */
  justify-content: center;
  color: #fff;
  border-radius: 4px;
  box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
  width: 48px;
  height: 48px;
  position: relative;
  top: auto;
  left: auto;
  margin: 0;
  font-size: 36px;
  box-shadow: none;
  border-radius: 4px 0px 0px 4px;
}
.report-icon-inner-page i {
  font-size: 24px;
}
.report-box-inner-page {
  position: relative;
  padding: 0px 15px;
}
.report-box-inner-page p {
  padding: 0;
  text-align: left;
  line-height: normal;
  margin: 2px 0;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.report-box-inner-page p.cont-inner-page,
.report-box1-inner-page p.cont-inner-page {
  font-size: 16px;
  font-weight: 600;
}
.bg2-inner-page {
  background: #01af4d !important;
}
.box-bg-1 {
  background-image: linear-gradient(to bottom right, #ffffff, #0170be);
}
.box-bg-2 {
  background-image: linear-gradient(to bottom right, #ffffff, #01af4d);
}
.box-bg-3 {
  background-image: linear-gradient(to bottom right, #ffffff, #6c28a0);
}
.bg3-inner-page {
  background: #6c28a0 !important;
}
.box-bg-4 {
  background-image: linear-gradient(to bottom right, #ffffff, #e6bf00);
}
.bg6-inner-page {
  background: #e6bf00 !important;
}
.content-bg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: #f6f6f6;
}
.joinus_bg {
  background: url(../images/loginpg-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.login-form-erp {
  position: relative;
  margin-top: 0%;
  width: 100%;
  background: #fff;
  box-shadow: 0 17px 50px 0 rgba(11, 20, 26, 0.19),
    0 12px 15px 0 rgba(11, 20, 26, 0.24);
  border-radius: 10px;
  /*    padding: 30px 30px;*/
  min-height: 100%;
  /* min-height: 440px; */
  display: flex;
}
.login-form-erp .login-box-left-cus {
  width: 55%;
  border-right: 2px solid #f1f1f1;
  padding: 40px 80px;
}
.login-form-erp .login-box-right-cus {
  width: 45%;
  padding: 40px;
}
.login-form-erp .login-box-left-cus .form-control{
  height: 50px;
}
.login-form-erp .login-box-left-cus .btn-submit-form, .sub-btn{
  height: 50px;
  font-size: 16px;
}
.login-box-left-cus .btn-submit-form-rjd-login {
  width: 100%;
}
.login-box-left-cus .login-with-google-btn {
  transition: background-color 0.3s, box-shadow 0.3s;
  padding: 8px 16px 8px 42px;
  border-radius: 4px;
  color: #757575;
  border: 1px solid #ccc;
  font-size: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
  background-color: white;
  background-repeat: no-repeat;
  background-position: 12px 9px;
  margin: 5px 0 10px;
}
.login-box-left-cus .login-with-google-btn:hover {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25);
}
.login-box-left-cus .login-with-google-btn:active {
  background-color: #eeeeee;
}
.login-box-left-cus .login-with-google-btn:focus {
  outline: none;
  box-shadow: none;
}
.login-box-left-cus .terms-condition-registration-form {
  display: flex;
  gap: 5px;
  margin: 0px 0 10px;
}
.login-box-left-cus .terms-condition-registration-form label {
  margin: 0;
  line-height: 1.2;
  cursor: pointer;
}
.login-form-erp .login-box-right-cus .loginpg-slider-cus {
}
.login-form-erp .login-box-right-cus .loginpg-slider-cus .carousel-item img {
  width: 100%;
  height: auto;
}
.login-form-erp
  .login-box-right-cus
  .loginpg-slider-cus
  .carousel-item
  .slider-content-cus {
  text-align: center;
}
.login-form-erp
  .login-box-right-cus
  .loginpg-slider-cus
  .carousel-item
  .slider-content-cus
  h2 {
  font-size: 18px;
  color: #000;
}
.login-form-erp
  .login-box-right-cus
  .loginpg-slider-cus
  .carousel-item
  .slider-content-cus
  p {
  margin: 0;
  line-height: 1.4;
}
.login-form-erp .login-box-right-cus .loginpg-slider-cus .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 0rem;
  margin-left: 15%;
}
.login-form-erp
  .login-box-right-cus
  .loginpg-slider-cus
  .carousel-indicators
  [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 5px;
  height: 5px;
  padding: 0;
  border-radius: 4px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #f27136;
  background-clip: padding-box;
  border: 0;
  border-top: none;
  border-bottom: none;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
.login-form-erp
  .login-box-right-cus
  .loginpg-slider-cus
  .carousel-indicators
  .active {
  width: 20px;
  opacity: 1;
}
.login-form-erp
  .login-box-right-cus
  .loginpg-slider-cus
  .slider-content-cus
  .loginpg_banner1_slider_btn {
  width: max-content;
  max-width: 160px;
  margin: auto;
  margin-top: 20px;
  background-color: #f27136;
  color: #ffffff;
  border-radius: 18px;
  padding: 8px 20px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 500;
  display: block;
}
.backtologin {
  margin: 10px 0;
}
.backtologin a {
  border: 1px dashed #ddd;
  padding: 5px 10px;
}
.forget-text a {
  font-size: 12px;
}
.erp-login-form-cus {
  text-align: start;
}
.erp-login-logo {
  width: 50%;
  margin: 0 auto 20px;
}
.erp-login-logo img {
  width: 100%;
  height: auto;
}
.rjd-login-title{
  text-align: center;
}
.rjd-login-title h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #000;
}
.rjd-login-title p {
  font-size: 12px;
  line-height: 1.4;
  padding: 0;
}
.login-form-erp .eye-icon {
    position: absolute;
    right: 10px;
    bottom: 16px;
    cursor: pointer;
    color: #858585;
}
.login-form-erp .fa-eye-slash:before{
  content: "\f070" !important;
}
.login-form a {
  color: #313091;
}

.main-content-loginpg-cus {
  padding: 5px;
  min-height: auto;
  margin-bottom: 30px;
}
.mobile-menu-footer {
  display: none;
}

.rttop_title-pro-seles-icon {
  margin-bottom: 10px;
}
.rttop_title-pro-seles-icon h3 {
  color: #f27136;
  font-size: 14px;
}
.rttop_title-pro-seles-icon h3 i {
  font-size: 14px;
  background: linear-gradient(138deg, #ffe8e2, #ffedcb);
  padding: 7px 8px;
  margin-right: 10px;
  border-radius: 4px;
  color: #f27136;
}
.rttop_title-pro-seles-icon h3 img{
    font-size: 14px;
    width: 30px;
    height: 30px;
    background: linear-gradient(138deg, #ffe8e2, #ffedcb);
    padding: 6px 6px;
    margin-right: 10px;
    border-radius: 4px;
    color: #f27136;
}
.inner-dash-box-main-cus-sec {}
.inner-dash-box-main-cus-sec .transaction-box-main-cus {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0px 10px;
}
.inner-dash-box-main-cus-sec .transaction-box-single {
  overflow: hidden;
  position: relative;
  padding: 15px 10px;
  box-shadow: 0 3px 10px 0 rgb(98 98 98 / 20%);
  border: 1px solid rgb(27 0 255 / 15%);
  border-radius: 4px;
  margin-bottom: 8px;
  width: 16%;
  margin: 0;
}
.inner-dash-box-main-cus-sec .transaction-box-single .icon-title-transaction {
  display: flex;
  align-items: center;
  gap: 6px;
}
.inner-dash-box-main-cus-sec
  .transaction-box-single
  .icon-title-transaction
  .icon {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #ede8f1;
  margin-right: 0px;
}
.inner-dash-box-main-cus-sec .icon-title-transaction .icon i {
  font-size: 20px;
}
.inner-dash-box-main-cus-sec .icon-title-transaction .icon img {
  width: 20px;
  height: 20px;
}
.transaction-box-one .icon-title-transaction .icon i {
  font-size: 28px;
  color: #8e00ff;
}
.transaction-box-single .icon-title-transaction .title {
  margin: 0;
}
.transaction-box-single .title {
  font-size: 30px;
  font-weight: 600;
  margin: 0;
  /* text-transform: uppercase; */
}
.inner-dash-box-main-cus-sec .icon-title-transaction .title h2 {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  /* color: #8e00ff; */
  color: #727272 !important;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}
.inner-dash-box-main-cus-sec .transaction-box-single .number-transaction-box {
  margin-left: 0;
  margin-top: 0px;
}
.inner-dash-box-main-cus-sec
  .transaction-box-single
  .number-transaction-box
  h3 {
  font-size: 20px;
  font-weight: 500;
}
.inner-dash-box-main-cus-sec .transaction-box-one {
  background-color: #ffffff;
  border-color: #c883ff !important;
}

.inner-dash-box-main-cus-sec .transaction-box-two {
  background-color: #ffffff;
  border-color: #00b398 !important;
}
.inner-dash-box-main-cus-sec .transaction-box-three {
  background-color: #ffffff;
  border-color: #ffb900 !important;
}
.inner-dash-box-main-cus-sec .transaction-box-four {
  background-color: #ffffff;
}
.inner-dash-box-main-cus-sec .transaction-box-five {
  background-color: #ffffff;
}
.inner-dash-box-main-cus-sec .transaction-box-six {
  background-color: #ffffff;
}
.inner-dash-bnk-transaction-box-main-cus-sec .transaction-box-single {
  overflow: hidden;
  position: relative;
  padding: 15px 10px;
  box-shadow: 0 3px 10px 0 rgb(98 98 98 / 20%);
  border: 1px solid rgb(27 0 255 / 15%);
  border-radius: 4px;
  margin-bottom: 8px;
  width: 19.1%;
  margin: 0;
}
.vehicle-details-renewal-btn-cus {
}
.vehicle-details-renewal-btn-cus a {
  color: #313091;
  text-align: end;
  cursor: pointer;
  border: 1px solid #313091;
  padding: 5px 10px;
  border-radius: 4px;
  transition: all 0.3s;
  overflow: hidden;
}
.vehicle-details-renewal-btn-cus a:hover {
  background-color: #313091;
  color: #fff !important;
  border: 1px solid #fff0;
}
.setting-sec-main-boxes-cus .card {
  margin-bottom: 10px;
}
.setting-sec-main-boxes-cus.today_card .card-statistic {
  padding: 15px 15px;
}
.setting-sec-main-boxes-cus .card .card-statistic .card-icon {
  font-size: 32px;
  color: #274082;
  position: absolute;
  right: 10px;
  bottom: 30px;
  top: auto;
}
.configration-tabs-main-box-cus {
}
.configration-tabs-main-box-cus .nav-tabs {
  border-bottom: none;
  margin: 20px 0;
  border: 1px solid #f3f3f3;
  width: 65%;
  justify-content: start;
  border-radius: 4px;
  background-color: #f3f3f3;
  padding: 7px 7px;
}
.configration-tabs-main-box-cus .nav-tabs .nav-item {
}
.configration-tabs-main-box-cus .nav-tabs .nav-link {
  border: none;
  border-bottom: none;
  border-radius: 0;
  margin-right: 10px;
  color: #f27136;
  font-size: 14px;
  text-align: start;
  padding: 8px 20px;
  background-color: #ffffff00;
  color: #555;
  display: flex;
  align-items: center;
  gap: 6px;
}
.configration-tabs-main-box-cus .nav-tabs .nav-item.show .nav-link,
.configration-tabs-main-box-cus .nav-tabs .nav-link.active {
  background: linear-gradient(138deg, #ffe8e2, #ffedcb);
  color: #f27136;
  box-shadow: none;
  border: none;
  border-bottom: none;
  border-radius: 4px;
}
.configration-tabs-main-box-cus .nav-tabs .nav-link i {
  font-size: 20px;
}
.configration-tabs-main-box-cus .nav-tabs .nav-item:last-child .nav-link {
  margin-right: 0px;
}
.configuration-tab-in-tab-cus {
  margin-left: 0px;
}
.configration-tabs-main-box-cus .configuration-tab-in-tab-cus .nav-tabs {
  border-bottom: none;
  margin: 20px 0;
  border: none;
  width: 100%;
  justify-content: start;
  border-radius: 4px;
  background-color: #f3f3f300;
  padding: 7px 7px;
}
.configration-tabs-main-box-cus
  .configuration-tab-in-tab-cus
  .nav-tabs
  .nav-link {
  border: none;
  border-bottom: none;
  border-radius: 0;
  margin-right: 30px;
  color: #f27136;
  font-size: 16px;
  text-align: start;
  padding: 8px 0px;
  background-color: #ffffff00;
  color: #555;
}
.configration-tabs-main-box-cus
  .configuration-tab-in-tab-cus
  .nav-tabs
  .nav-item.show
  .nav-link,
.configration-tabs-main-box-cus
  .configuration-tab-in-tab-cus
  .nav-tabs
  .nav-link.active {
  color: #f27136;
  background: #fff;
  box-shadow: none;
  border: none;
  border-bottom: 2px solid #f27136;
  border-radius: 0;
}
.configuration-tab-in-tab-form-main-cus {
  width: 70%;
  box-shadow: 0 3px 10px 0 rgb(48 46 56 / 15%);
  padding: 15px 30px;
}
.configuration-sms-setting-view-main-box {
  box-shadow: 0 0 5px 1px #e7e7e7;
  padding: 15px 20px;
  border-radius: 4px;
  margin-bottom: 15px;
}
.configuration-sms-setting-view-single {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  position: relative;
}
.configuration-single-edit-btn {
  position: absolute;
  top: -15px;
  right: -20px;
  background-color: #08406200;
  padding: 2px 5px;
  cursor: pointer;
  border: 1px solid #FF5722;
}
.configuration-single-edit-btn i {
  color: #fff;
}
.configuration-single-edit-btn img {
  width: 18px;
  height: 18px;
}
.configuration-sms-setting-data-view {
  /* width: 25%; */
  width: auto;
}
.configuration-sms-setting-data-view .heading {
  padding: 0;
  color: #f27136;
  font-size: 12px;
  overflow: hidden;
  margin: 0;
}
.configuration-sms-setting-data-view .data {
  color: #000;
  font-weight: 500;
  font-size: 12px;
  overflow: hidden;
  margin: 0;
}
.btn-submit-form,
.sub-btn {
  background: #f27136 none repeat scroll 0 0 !important;
  border: medium none;
  border-radius: 4px;
  color: #fff !important;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  padding: 0 10px;
  font-weight: 500;
  width: auto;
  min-width: 150px;
  text-align: center;
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.configuration-sms-setting-data-view-message {
  width: 100%;
}
.customer-details-artical-list-docs {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
  position: relative;
}
.customer-details-artical-list-docs
  .customer-details-artical-list-heading-data {
  width: auto;
}
.customer-details-artical-list-docs
  .customer-details-artical-list-heading-data-address {
  width: 100%;
}
.customer-details-artical-list-docs
  .customer-details-artical-list-heading-data
  .heading {
  padding: 0;
  color: #f27136;
  font-size: 12px;
  overflow: hidden;
  margin: 0;
}
.customer-details-artical-list-docs
  .customer-details-artical-list-heading-data
  .data {
  color: #000;
  font-weight: 500;
  font-size: 12px;
  overflow: hidden;
  margin: 0;
}
.customer-details-artical-list-docs
  .customer-details-artical-list-heading-data-address
  .heading {
  padding: 0;
  color: #f27136;
  font-size: 12px;
  overflow: hidden;
  margin: 0;
}
.customer-details-artical-list-docs
  .customer-details-artical-list-heading-data-address
  .data {
  color: #000;
  font-weight: 500;
  font-size: 12px;
  overflow: hidden;
  margin: 0;
}
.fix-btns-main-cus {
}
.fix-btns-main-cus .notificaion-btn-fix {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 100px;
  right: 0;
  background-color: #ffd7b4;
  border-radius: 4px 0 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fix-btns-main-cus .notificaion-btn-fix .notification-icon-cus {
  position: relative;
  color: #333;
  font-size: 16px;
}
.fix-btns-main-cus .notificaion-btn-fix .notification-icon-cus i {
  animation: 1.6s linear 0s infinite normal none running animation-rotate;
  color: #ff0000;
}
.fix-btns-main-cus .notificaion-btn-fix .notification-icon-cus span {
  display: inline-block;
  padding: 4px 1px;
  min-width: 18px;
  font-size: 9px;
  font-weight: 500;
  line-height: 10px;
  color: #fff;
  background-color: #102a83;
  border-radius: 100%;
  position: absolute;
  top: -10px;
  right: -12px;
  animation: 1.6s ease 0s infinite normal none running animation-wave;
}
@keyframes animation-rotate {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(0deg);
  }
  15% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(20deg);
  }
  35% {
    transform: rotate(-15deg);
  }
  45% {
    transform: rotate(10deg);
  }
  55% {
    transform: rotate(-5deg);
  }
  60% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes animation-wave {
  0% {
    box-shadow: rgba(239, 79, 95) 0px 0px 0px 0px;
  }
  100% {
    box-shadow: rgba(254, 57, 5, 0) 0px 0px 0px 15px;
  }
}
.fix-btns-main-cus .calendar-btn-fix {
  position: fixed;
  bottom: 40px;
  right: 0;
  width: 50px;
  height: 50px;
  background-color: #ffd7b4;
  border-radius: 4px 0 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fix-btns-main-cus .calendar-btn-fix .calendar-icon-cus {
  position: relative;
  color: #333;
  font-size: 16px;
}
.fix-btns-main-cus .calendar-btn-fix .calendar-icon-cus i {
  color: #fe0607;
  font-size: 20px;
}
.calendar-control-cus-main {
  margin: 10px 0px 7px 35px;
  /* margin: 0; */
}
.calendar-control-monthyear-select-month {
  display: flex;
  align-items: center;
  justify-content: end;
}
.calendar-control-cus-main .month-year-cus {
  text-align: center;
  font-size: 20px;
  padding: 0;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.calendar-control-cus-main .year-change-arrow {
  background-color: #ddd;
  font-size: 16px;
  padding: 5px 11px;
  border-radius: 50px;
  cursor: pointer;
}
.calendar-control-cus-main .year-change-arrow i {
}
.calendar-control-cus-main .month-cus {
  font-weight: 600;
  margin-left: 10px;
}
.calendar-control-cus-main .year-cus {
  font-weight: 600;
  margin-right: 10px;
}
.calendar-control-cus-main .year-change-arrow {
  background-color: #ddd;
  font-size: 16px;
  padding: 0;
  border-radius: 50px;
  cursor: pointer;
  height: 25px;
  width: 25px;
  display: inline-block;
}
.calendar-control-cus-main .year-change-arrow i {}
.calendar-control-cus-main .year-change-arrow img {
  width: 16px ;
  height: 16px;
}
.relative {
  position: relative;
}
.calendar-control-monthyear-select-month .form-control {
  margin-bottom: 0;
}
#mothdays {
}
#mothdays tr td {
  height: 120px;
  width: 14.142%;
}
.date-addevents-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.date-addevents-btn p {
  padding: 0;
  font-weight: 600;
  font-size: 14px;
}
#mothdays .today {
  background-color: #323193;
  color: #fff;
  border-radius: 0;
}
.notification-pg-box-main-cus {
  margin-top: 30px;
}
.notification-pg-box-main-cus .notification-box-single-cus {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}
.notification-pg-box-main-cus .notification-box-single-cus:last-child {
  border-bottom: none;
}
.notification-pg-box-main-cus
  .notification-box-single-cus
  .notification-tag-cus {
}
.notification-pg-box-main-cus
  .notification-box-single-cus
  .notification-tag-cus
  h2 {
  font-size: 14px;
  margin: 0;
  background-color: #313091;
  display: inline-block;
  color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
}
.notification-pg-box-main-cus
  .notification-box-single-cus:nth-child(even)
  .notification-tag-cus
  h2 {
  background-color: #f27136;
}
.notification-pg-box-main-cus
  .notification-box-single-cus
  .notification-title-desc-cus {
  margin-top: 15px;
}
.notification-pg-box-main-cus
  .notification-box-single-cus
  .notification-title-desc-cus
  h3 {
  font-size: 18px;
}
.notification-pg-box-main-cus
  .notification-box-single-cus
  .notification-title-desc-cus
  p {
  line-height: 1.4;
  margin: 0;
}
.notification-pg-box-main-cus .notification-box-single-cus .notification-date {
  margin-top: 0;
  position: absolute;
  top: 15px;
  right: 0;
}
.notification-pg-box-main-cus
  .notification-box-single-cus
  .notification-date
  p {
  margin: 0;
  font-size: 14px;
  color: #b9b9b9;
}
#columnchartContainer text {
  text-align: center;
  font-family: Okra, sans-serif, Arial;
  font-weight: 400;
}
.dashboard-date-wise-cus {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: flex-end;
  position: relative;
}
.dashboard-date-wise-cus .months-icon {
  padding-left: 32px;
  background: url(../images/month-calendar.png) no-repeat left;
  background-size: 18px;
  background-position-x: 8px;
  width: 100%;
}
.dashboard-date-wise-cus .new-link-defult{
  position: absolute;
  height: 16px;
  top: -6px;
  width: 16px !important;
  padding: 0px;
  background: #ffffff;
  line-height: normal;
  border-radius: 100%;
  border: none;
  right: -6px;
  font-size: 11px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  z-index: 99;
}
.table-custom tr td {
  vertical-align: middle;
}
#donut{
  display: flex;
  align-items: center;
}
#columnchartContainer .apexcharts-toolbar{
top: -30px !important;
}
#bar_graph .apexcharts-toolbar{
top: -30px !important;
}
#earning .apexcharts-toolbar{
top: -30px !important;
}
.table-data-large-cus-main {
    overflow-x: auto;
}
.table-data-large-cus-main .page-wrapper {
    overflow: visible;
}
.table-data-large-cus-main .table-responsive {
    overflow: visible;
}
.notifications {
  width: 100%;
  max-width: 410px;
  /* display: block; */
  position: fixed;
  top: 70px !important;
  right: 0 !important;
  bottom: 0px;
  /* height: 100%; */
  transition: transform 0.2s ease-out 0s;
  -webkit-transition: transform 0.2s ease-out 0s;
  overflow: hidden auto;
  background: #fff;
  z-index: 16;
  box-shadow: 0px 1px 0px 1px #ddd;
}
.notifications .user-header {
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px;
}
.notifications .user-header p {
    padding: 0;
    margin: 0;
}
.notificarion-close-btn span {
    color: red;
    cursor: pointer;
    font-size: 18px;
}
.notificarion-close-btn span > img {
  width: 18px;
  height: 18px;
}
.notification-title-popup-main-cus {
    padding: 10px 10px;
}
.notification-title-popup-main-cus .notification-title-popup-single-box {
    box-shadow: 0 0 5px 1px #e7e7e7;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    position: relative;
    background-color: rgb(237 242 250 / 50%);
}
.notification-single-box-close-icon {
    position: absolute;
    right: 5px;
    top: 3px;
    color: red;
    cursor: pointer;
}
.notification-single-box-close-icon img{
  width: 16px;
  height: 16px;
}
.notification-title-popup-single-box .notification-title {
    font-size: 16px;
    margin-bottom: 5px;
}
.notification-title-popup-single-box .desc-notification {
    font-size: 12px;
    line-height: 1.4;
}
.notification-title-popup-single-box .post-date-time-notification {
    padding: 0;
    font-size: 12px;
    color: #555;
    margin: 0;
}
.notification-title-popup-main-cus .view-all-notification-popup-btn {
    text-align: center;
    margin-top: 30px;
}
.notification-title-popup-main-cus .view-all-notification-popup-btn a {
    background-color: #f28128;
    color: #fff;
    padding: 7px 15px;
    border-radius: 4px;
    transition: all 0.3s;
}
.delete-btn-table-front-show{
  width: 22px;
  height: 24px;
  font-size: 12px;
/*  background: #FF5722;*/
  color: #FF5722;
  border-radius: 4px;
  margin-right: 0px;
  vertical-align: middle;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.delete-btn-table-front-show i{}

.table-single-icon-btn-cus img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    padding-left: 0;
    /* background: linear-gradient(90deg, #fc4f19, #f6a60d); */
    color: #fff;
    border-radius: 0px;
}


@media (max-width: 767px) {
  .box-width1,
  .box-width2,
  .box-width3,
  .box-width4 {
    width: 100% !important;
  }
  .user-email,
  .news-border {
    text-align: center !important;
  }
}