/*--------------------------------------------------------------------------------------*/
/*General-css-here
/*--------------------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}
img {
  border: none;
  outline: none;
  max-width: 100%;
}
a {
  outline: none;
  text-decoration: none;
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
body a:focus {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
input[type="submit"] {
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
input:focus {
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
textarea:focus {
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: "DIN-Regular";
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
textarea {
  font-family: "DIN-Regular";
  resize: none;
}
button,
input[type="submit"] {
  cursor: pointer;
}
header,
footer,
nav,
section,
article {
  display: block;
}
header:after,
header:before,
footer:after,
footer:before,
nav:after,
nav:before,
section:after,
section:before,
article:after,
article:before {
  display: table;
  178: both;
  content: "";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
.container:after,
.container:before {
  display: table;
  clear: both;
  content: "";
}
.warper {
  display: block;
}
.warper:after,
.warper:before {
  display: table;
  clear: both;
  content: "";
}
.clear:after {
  clear: both;
  content: "";
  display: table;
}
hr {
  float: left;
  width: 100%;
  border: solid 1px #d9d9d9;
  margin: 22px 0px;
}
a:focus {
  outline: none !important;
}
.warper {
  background: #fafafa;
  padding-bottom: 50px;
}
.wraper-fff {
  background: #fff;
}

/*--------------------------------------------------------------------------------------*/
/*Tables-css-here
/*--------------------------------------------------------------------------------------*/

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-collapse: collapse;
  display: table;
  text-align: left;
  border: 1px solid #c9c9c9;
}
table th {
  padding: 15px;
  border-top: 1px solid #c9c9c9;
  text-transform: capitalize;
  background: #f4f4f6;
  border-right: 1px solid #c9c9c9;
}
table td {
  padding: 15px;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
  font-size: 14px;
  color: #1b1b1b;
}

/*--------------------------------------------------------------------------------------*/
/*font-face-css-here
/*--------------------------------------------------------------------------------------*/
@font-face {
  font-family: "Roboto-Reguler";
  src: url("../fonts/901367188-Roboto-Regular.eot");
  src: url("../fonts/901367188-Roboto-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/901367188-Roboto-Regular.svg#Roboto") format("svg"),
    url("../fonts/901367188-Roboto-Regular.woff") format("woff"),
    url("../fonts/901367188-Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Roboto-Bold";
  src: url("../fonts/447387696-Roboto-Bold.eot");
  src: url("../fonts/447387696-Roboto-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/447387696-Roboto-Bold.svg#Roboto") format("svg"),
    url("../fonts/447387696-Roboto-Bold.woff") format("woff"),
    url("../fonts/447387696-Roboto-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "RobotoMedium";
  src: url("../fonts/roboto-medium.eot");
  src: url("../fonts/roboto-medium.eot") format("embedded-opentype"),
    url("../fonts/roboto-medium.woff2") format("woff2"),
    url("../fonts/roboto-medium.woff") format("woff"),
    url("../fonts/roboto-medium.ttf") format("truetype"),
    url("../fonts/roboto-medium.svg#RobotoMedium") format("svg");
}

@font-face {
  font-family: "Roboto-Light";
  src: url("../fonts/Roboto-Light_gdi.eot");
  src: url("../fonts/Roboto-Light_gdi.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Roboto-Light_gdi.woff") format("woff"),
    url("../fonts/Roboto-Light_gdi.ttf") format("truetype"),
    url("../fonts/Roboto-Light_gdi.svg#Roboto-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+000D-25CA;
}

@font-face {
  font-family: "OpenSans-Bold";
  src: url("../fonts/OpenSans-Bold.eot?") format("eot"),
    url("../fonts/OpenSans-Bold.woff") format("woff"),
    url("../fonts/OpenSans-Bold.ttf") format("truetype"),
    url("../fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
}

@font-face {
  font-family: "OpenSans-Light";
  src: url("../fonts/OpenSans-Light.eot?") format("eot"),
    url("../fonts/OpenSans-Light.woff") format("woff"),
    url("../fonts/OpenSans-Light.ttf") format("truetype"),
    url("../fonts/OpenSans-Light.svg#OpenSans-Light") format("svg");
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/443847657-OpenSans-Regular.eot");
  src: url("../fonts/443847657-OpenSans-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/443847657-OpenSans-Regular.svg#Open Sans") format("svg"),
    url("../fonts/443847657-OpenSans-Regular.woff") format("woff"),
    url("../fonts/443847657-OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "DIN-Regular";
  src: url("../fonts/DIN-Regular.eot");
  src: local("☺"), url("../fonts/DIN-Regular.woff") format("woff"),
    url("../fonts/DIN-Regular.ttf") format("truetype"),
    url("../fonts/DIN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "DIN-Bold";
  src: url("../fonts/DIN-Bold.eot");
  src: local("☺"), url("../fonts/DIN-Bold.woff") format("woff"),
    url("../fonts/DIN-Bold.ttf") format("truetype"),
    url("../fonts/DIN-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "DIN-Light";
  src: url("../fonts/DIN-Light.eot");
  src: local("☺"), url("../fonts/DIN-Light.woff") format("woff"),
    url("../fonts/DIN-Light.ttf") format("truetype"),
    url("../fonts/DIN-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

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

.container {
  padding: 0px;
  width: 1400px;
}
.ClearBoth:after {
  content: "";
  display: table;
  clear: both;
}
.HeadLogin li {
  display: inline-block;
  margin-left: 15px;
  color: #091525;
}
.HeadLogin li span {
  color: #091525;
  font-family: "OpenSans-Bold";
}
.HeadLogin li a {
  color: #091525;
  font-family: "Open Sans";
}
b {
  font-weight: normal;
  font-family: "DIN-Bold";
}
.HeadTop {
  padding: 10px 0px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #ffffff 0%,
    #cfcfcf 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #ffffff 0%,
    #cfcfcf 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #ffffff 0%,
    #cfcfcf 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfcfcf',GradientType=1 ); /* IE6-9 */
}
.HeadTop p {
  margin-bottom: 0px;
  background: #fafafa;
  font-family: "OpenSans-Bold";
  background: url(../images/support.png) no-repeat;
  background-size: 15px 15px;
  padding-left: 20px;
  background-position: left center;
}
.HeadTop p b {
  font-family: "DIN-Bold";
}
.HeaderRight {
  float: left;
  width: 77%;
}
header {
  box-shadow: 0px 2px 5px rgba(0, 1, 1, 0.1); /*z-index:99;*/
  position: relative;
  border-bottom: 1px solid #dadada;
}
.HeadBoxSearch,
.HeadSearch {
  display: inline-block !important;
}
.HeaderRight .HeadBoxSearch {
  width: 70%;
  float: left;
  z-index: 999;
  position: relative;
}
.HeadBoxSearch .navbar-nav > li > a {
  padding: 0px 10px;
  font-size: 14px;
  color: #fff;
  font-family: "Open Sans";
}
.HeadBoxSearch .navbar-nav > li > a:hover,
.HeadBoxSearch .navbar-nav > li > a:focus {
  background: none;
}
.top_header .navbar-nav > li > a {
  padding: 0px 10px;
  font-size: 12px;
  color: #fff;
  font-family: "Open Sans";
}
.top_header .navbar-nav > li > a:hover,
.HeadBoxSearch .navbar-nav > li > a:focus {
  background: none;
  color: #87b39e;
}
.top_header .navbar-nav > li.active > a {
  color: #87b39e;
}
.HeadSearch a img {
  display: inline-block;
  width: 50px;
  margin-left: 10%;
  margin-bottom: 5px;
}
.HeadSearch .item_cart i img {
  width: 27px;
}

.HeadSearch a {
  text-align: center;
  color: #091525; /*text-transform:uppercase;*/
  display: block;
}
#bs-example-navbar-collapse-1 {
  padding: 0px;
}
#bs-example-navbar-collapse-1 .Menus {
  text-align: center;
  margin-bottom: 7px;
  width: 100%;
}
#bs-example-navbar-collapse-1 .Menus li {
  float: none;
  display: inline-block;
}
.HeadSearch {
  padding-left: 0px;
  float: left;
  width: 24%;
  padding-top: 5px;
}
.HeadSearch a span {
  font-size: 14px;
  color: #fff;
  font-family: "Open Sans";
}
/*.SearchPannel{background:#898989; padding:4px; border-radius:5px; width:100%;}*/
.SearchPannel {
  border: 6px solid #d0d0d0;
  border-radius: 6px;
  width: 100%;
  background: #d0d0d0;
}
.SearchPannel .SearchPannelInner {
  background: #fff;
  border-radius: 5px;
  padding: 2px 6px;
}
.SearchPannelInner .btn-group {
  width: 25%;
  float: left;
  border-right: 1px solid #a3a3a3;
}
.SearchPannelInner .SearchInput {
  width: 75%;
  float: left;
  padding-left: 10px;
  position: relative;
}
.SearchPannelInner .btn-group .dropdown-toggle {
  display: block;
  float: none;
  color: #a3a3a3;
  font-size: 12px;
  font-family: "DIN-Regular";
  box-shadow: none;
  position: relative;
  top: 1px;
}
.SearchPannelInner .btn-group .dropdown-toggle:focus,
.SearchPannelInner .btn-group .dropdown-toggle:active {
  -webkit-box-shadow: none;
}
.SearchPannelInner .btn-group .dropdown-toggle:after,
.SearchPannelInner .btn-group .dropdown-toggle:before {
  display: table;
  clear: both;
  content: "";
}
.SearchPannelInner .btn-group .dropdown-toggle span {
  float: left;
  font-family: "DIN-Regular";
}
.SearchPannelInner .btn-group .dropdown-toggle i {
  position: relative;
  top: 2px;
  float: right;
  margin-right: 10px;
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
.SearchPannelInner .btn-group.open .dropdown-toggle i {
  transform: rotate(180deg);
}
.SearchPannelInner .SearchInput input {
  height: 32px;
  width: calc(100% - 55px);
  float: left;
  border: none;
  outline: none;
  color: #a2a2a2;
  font-family: "DIN-Regular";
}
.SearchPannelInner .SearchInput button {
  font-size: 18px;
  text-align: center;
  color: #232f3e;
  width: 40px;
  float: right;
  height: 36px;
  border: none;
  background: #87b39e;
  position: absolute;
  top: -2px;
  right: -6px;
  outline: none;
  border-radius: 4px;
}
header .navbar {
  margin: 0px;
  padding: 7px 0 20px 0px;
  background: #232F3E;
  border-radius: 0;
  z-index: 999;
} /*For black logo => #232F3E , For chirstmas logo => #236b43*/
header .logo {
  display: inline-block;
  width: 254px;
  margin-top: -21px;
  position: relative;
  top: 5px;
}
.BannerBoxHome .col-md-3,
.BannerBoxHome .col-md-6 {
  padding: 0px 5px;
}
.BannerBoxHome .row {
  margin-left: -5px;
  margin-right: -5px;
}
.AddList li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.AddList li figure {
  height: 98px;
  overflow: hidden;
}
.AddList li {
  margin-bottom: 15px;
}
.AddList li:last-child {
  margin-bottom: 0px;
}
.BannerMid figure {
  height: 325px;
  overflow: hidden;
  position: relative;
}
.BannerMid figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.BannerMid figcaption {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 30px;
}
.BannerMid figcaption .BannerContain {
  width: 100%;
}
.HomeBannerList h4 {
  font-size: 20px;
  font-family: "DIN-Bold";
  color: #000;
  margin-bottom: 15px;
}
.HomeBannerList .HomeList li a {
  color: #969797;
  position: relative;
  font-size: 15px;
  text-transform: capitalize;
  padding: 5px 0px;
  padding-left: 25px;
  display: block;
}
.HomeBannerList .HomeList li a:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 12px;
  background: #cc5500;
  transform: rotate(45deg);
}
.HomeBannerList .HomeList li {
  border-bottom: 1px solid #f6f4f4;
}
.BannerBoxHome {
  padding: 25px;
  background: #fff;
  border: 1px solid #efeeee;
  margin-top: 20px;
  margin-bottom: 30px;
}
.HomeBannerList {
  padding-right: 30px !important;
}
.HomeBannerList .HomeList li:hover a {
  color: #000;
}
.BannerMid .BannerContain h1 {
  font-size: 40px;
  color: #000;
}
.BannerMid .BannerContain p {
  font-size: 16px;
  color: #000;
  margin-top: 15px;
}
.BannerMid .BannerContain a {
  font-size: 40px;
  color: #000;
}
.HomeBannerList .HomeList li.NewOffer a {
  color: red;
  font-family: "DIN-Bold";
}
.HomeBannerList .HomeList li.NewOffer a:after {
  background: red;
}
.home_top_banner_bg {
  display: block;
  margin: 30px 0px;
  margin-top: 0;
}
.home_top_banner_bg:after,
.home_top_banner_bg:before {
  display: table;
  clear: both;
  content: "";
}
.banner_box {
  float: left;
  position: relative;
  width: calc(100% - 540px);
  padding-right: 20px;
}
.banner_box figure {
  display: block;
  height: 526px;
  overflow: hidden;
  border: solid 1px #e1e1e1;
}
.banner_box figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner_box figcaption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 120px 35px 35px 35px;
}
.banner_box figcaption h2 {
  font-size: 50px;
  font-family: "OpenSans-Bold";
  padding-bottom: 15px;
}
.banner_box figcaption p {
  font-size: 18px;
  color: #000000;
}
.video_button {
  display: block;
  margin-top: 35px;
}
.video_button a {
  display: inline-block;
}
.add_banner_box {
  padding-left: 0;
  float: right;
  width: 540px;
}
.banner_add_list {
  display: block;
}
.banner_add_list:after,
.banner_add_list:before {
  display: table;
  clear: both;
  content: "";
}
.banner_add_list ul li {
  float: left;
  width: 48.4%;
  margin-bottom: 23px;
}
.banner_add_list ul li:nth-child(3) {
  margin-bottom: 0;
}
.banner_add_list ul li:nth-child(4) {
  margin-bottom: 0;
}
.banner_add_list ul li:nth-child(even) {
  float: right;
}
.banner_add_list ul li figure a {
  display: block;
  width: 100%;
  height: 252px;
  overflow: hidden;
  border: solid 1px #e1e1e1;
  position: relative;
}
.banner_add_list ul li figure a:before {
  background: rgba(0, 0, 0, 0)
    linear-gradient(
      to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 100%
    )
    repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  right: -75%;
  position: absolute;
  top: 0;
  transform: skewX(-25deg);
  width: 50%;
  z-index: 2;
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
.banner_add_list ul li figure a:hover:before {
  animation: 1s ease 0s normal none 1 running fixedAnim;
  -webkit-animation: 1s ease 0s normal none 1 running fixedAnim;
  -moz-animation: 1s ease 0s normal none 1 running fixedAnim;
}
@-webkit-keyframes fixedAnim {
  0% {
    right: 125%;
  }
  125% {
    right: 0;
  }
}
@-moz-keyframes fixedAnim {
  0% {
    right: 125%;
  }
  125% {
    right: 0;
  }
}
@keyframes fixedAnim {
  0% {
    right: 125%;
  }
  125% {
    right: 0;
  }
}
.bx-wrapper .bx-pager {
  bottom: 20px !important;
}

.banner_add_list ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
.banner_add_list ul li figure:hover img {
  transform: scale(1.1);
}

.AddBar {
  padding: 15px;
  background: url(../images/bar.jpg) no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin-bottom: 30px;
}
.AddBar h4 {
  color: #fff;
  font-size: 22px;
}
.AddBar img {
  position: absolute;
  top: -5px;
  right: -25px;
}
.ProductsBox figure {
  height: 230px;
  background: #fff;
  border: 1px solid #e3e3e3;
  display: flex;
  align-items: center;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  overflow: hidden;
}
.modalData .ProductsBox figure {
  height: 150px;
  background: #fff;
  border: 1px solid #e3e3e3;
  display: flex;
  align-items: center;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
}
.ProductsBox figure a {
  display: block;
  width: 100%;
}
.ProductsBox:hover figure {
  border: 1px solid #cc5500;
}
#topseller .ProductsBox figure img {
  padding: 10px;
}
.ProductsBox figure img {
  /*width:120px !important;*/
  margin: 0px auto;
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
#allcat .ProductsBox figure img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  max-height: 100%;
  margin: 0px auto;
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
#allcat .ProductsBox figure a {
  height: 100%;
  display: flex;
  align-items: center;
}
.ProductsBox figure:hover img {
  transform: scale(1.1);
}
.ProductsBox {
  text-align: center;
}
.ProductsBox figcaption a {
  color: #333333;
  display: block;
  font-size: 16px;
  margin-top: 15px;
}
.ProductsSlider1 .item .ProductsBox {
  margin-bottom: 30px;
}
.ProductsSlider1 .item .ProductsBox:last-child {
  margin-bottom: 0px;
}
.AllCategories {
  border: 1px solid #efeeee;
  padding: 30px;
  position: relative;
}
h4.TitlePro {
  font-size: 30px;
  color: #333333;
  padding-bottom: 15px;
  border-bottom: 1px solid #efeeee;
  margin-bottom: 30px;
  text-transform: capitalize;
  text-align: center;
}
.AllCategories .owl-carousel {
  position: static;
}
.AllCategories .owl-nav {
  position: absolute;
  top: 30px;
  right: 30px;
}
.AllCategories .owl-nav .owl-prev,
.AllCategories .owl-nav .owl-next {
  border: 2px solid #fafafa;
  display: inline-block;
  text-indent: -555px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.AllCategories .owl-nav .owl-prev:after {
  content: "";
  height: 40px;
  width: 40px;
  background: url(../images/pre-a.jpg) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 1;
  top: -2px;
  left: -2px;
}
.AllCategories .owl-nav .owl-next:after {
  content: "";
  height: 40px;
  width: 40px;
  background: url(../images/next-a.jpg) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 1;
  top: -2px;
  left: -2px;
}
.AllCategories .owl-nav .owl-prev:hover,
.AllCategories .owl-nav .owl-next:hover {
  border: 2px solid #ccc;
}
.SecWorking .col-md-4 article {
  background: #fff;
  border: 1px solid #e3e3e3;
  padding: 30px;
  text-align: center;
  height: 100%;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  min-height: 360px;
}
.SecWorking {
  margin: 30px 0px;
}
.SecWorking .col-md-4 article:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.SecWorking .col-md-4 article figure {
  margin-bottom: 15px;
}
.SecWorking .col-md-4 article figure img {
  transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
}
.SecWorking .col-md-4 article:hover img {
  transform: scale(1.1);
}
.SecWorking .col-md-4 article figcaption h4 {
  font-size: 18px;
  color: #000;
  font-family: "OpenSans-Bold";
  margin-bottom: 15px;
  color: #87b39e;
}
.SecWorking .col-md-4 article figcaption p {
  font-size: 13px;
  color: #919191;
  font-family: "Open Sans";
}
.SecWorking .row {
  display: block;
}
.FeaturedSliderBox {
  margin-bottom: 30px;
}
.FeaturedSlider .ProductsBox figcaption a {
  font-size: 14px;
}
.FeaturedSlider .ProductsBox figcaption a span {
  display: block;
}
.FeaturedSlider .ProductsBox figcaption a span.text-red {
  color: red;
}
.ParterSliderBox {
  background: #fff;
  border: 1px solid #e3e3e3;
  margin: 30px 0px;
  position: relative;
  padding: 40px 30px;
  margin-bottom: 0px;
}
.ParterSliderBox .owl-item .item {
  border-right: 1px solid #fff;
}
.ParterSliderBox .owl-item article {
  border: 1px solid #fff;
}
.ParterSliderBox .owl-item .item:hover {
  border-right: 1px solid #fff;
}
.ParterSliderBox .owl-item:hover article {
  border: 1px solid #cc5500;
}
.ParterSliderBox .owl-nav .owl-prev,
.ParterSliderBox .owl-nav .owl-next {
  border: 2px solid #fafafa;
  display: inline-block;
  text-indent: -555px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
}
.ParterSliderBox .owl-nav .owl-prev:after {
  content: "";
  height: 40px;
  width: 40px;
  background: url(../images/pre-a.jpg) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 1;
  top: -2px;
  left: -2px;
}
.ParterSliderBox .owl-nav .owl-next:after {
  content: "";
  height: 40px;
  width: 40px;
  background: url(../images/next-a.jpg) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 1;
  top: -2px;
  left: -2px;
}
.ParterSliderBox .owl-nav .owl-prev:hover,
.ParterSliderBox .owl-nav .owl-next:hover {
  border: 2px solid #ccc;
}
.ParterSliderBox .owl-nav .owl-prev {
  left: -20px;
  top: 35%;
}
.ParterSliderBox .owl-nav .owl-next {
  right: -20px;
  top: 35%;
}
footer {
  background: #232f3e;
}
.FooterLogo {
  text-align: center;
}
.ParterSliderBox {
  padding-top: 20px;
}
.FooterLogo img {
  display: inline-block;
  margin: 0px 30px;
  padding: 30px 0px;
}
.FooterMenu .col-md-3 h4 {
  font-size: 15px;
  font-family: "OpenSans-Bold";
  color: #fff;
  margin-bottom: 15px;
}
.FooterMenu .col-md-3 ul li a {
  color: #fff;
  font-size: 13px;
  font-family: "Open Sans";
}
.FooterMenu .col-md-3 ul li:hover a {
  color: #cc5500;
}
.FooterMenu .col-md-3 ul li.active a {
  color: #cc5500;
}
.FooterMenu .col-md-3 ul li {
  font-size: 13px;
  color: #fff;
  margin-bottom: 5px;
  font-family: "Open Sans";
}
.FooterMenu {
  border-top: 1px solid #192736;
  border-bottom: 1px solid #192736;
  padding: 20px 0px;
}
.FooterMenu .col-md-3 {
  border-right: 1px solid #192736;
}
.FooterMenu .col-md-3:last-of-type {
  border-right: none;
}
.FooterMenu .col-md-3 ul li h5 {
  font-size: 18px;
}
.FooteAddress li span {
  display: block;
}
.FooteAddress li {
  position: relative;
  padding-left: 25px;
}
.FooteAddress li i {
  color: #cc5500;
  position: absolute;
  top: 5px;
  left: 0;
}
.FootSocial a {
  color: #ccd0d4;
  font-size: 18px;
  margin-right: 30px;
}
.FootSocial a:hover {
  color: #fff;
}
.FooterBottom {
  padding: 20px 0px;
}
.FooterBottom .pull-right p {
  color: #fff;
  font-size: 13px;
  margin: 0;
  font-family: "Open Sans";
}

/*address page*/
.ProfileDropHead {
  float: right;
}
.ProfileDropHead .dropdown-toggle {
  background: none;
  border: none;
}
.ProfileDropHead .dropdown-menu {
  right: 0;
  left: auto;
  background: #091525;
  border: none;
  padding: 0px 10px;
  top: 30px;
}
.ProfileDropHead .dropdown-menu:after {
  content: "";
  background: url(../images/drop.png) no-repeat;
  width: 15px;
  height: 15px;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  top: -6px;
  right: 28px;
}
.ProfileDropHead .dropdown-menu li a {
  color: #fff;
  padding: 5px 0px;
  font-size: 13px;
}
.ProfileDropHead .dropdown-menu li {
  border-bottom: 1px solid #424b57;
}
.ProfileDropHead .dropdown-menu li:last-child {
  border-bottom: 0;
}
.ProfileDropHead .dropdown-menu li:hover a {
  background: none;
  color: #87b39e;
}
.NavInformation {
  position: relative;
  top: -1px;
  margin-bottom: 40px;
}
.NavInformation .navbar {
  margin-bottom: 0px;
  border-bottom: 1px solid #f1f1f1;
  background: #fff;
}
.NavInformation #NavInfoBar {
  padding: 0px;
}
.NavInformation .navbar-brand {
  display: none;
}
.NavInformation .navbar-nav li a {
  color: #000;
  padding: 20px 35px;
}
.NavInformation .navbar-nav li {
  border-left: 1px solid #f1f1f1;
}
.NavInformation .navbar-nav li :last-child {
  border-right: 1px solid #f1f1f1;
}
.NavInformation .navbar-nav li.active a {
  background: #87b39e;
  color: #fff;
}
.NavInformation .navbar-nav li:hover a {
  background: #333;
  color: #fff;
}

/*checkBox css*/
.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
  line-height: 15px;
}
.checkbox label:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #87b39e;
  border-radius: 0px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label:after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}
.checkbox input[type="checkbox"] {
  opacity: 0;
  outline: none;
}
.checkbox input[type="checkbox"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  width: 15px;
  height: 15px;
  background: url(../images/check.png) no-repeat;
  background-size: 100%;
}
.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label:before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label:before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label:before {
  background-color: #428bca;
  border-color: #428bca;
}
.checkbox-primary input[type="checkbox"]:checked + label:after {
  color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label:before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label:after {
  color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label:before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label:after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label:before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label:after {
  color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label:before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label:after {
  color: #fff;
}
.radio {
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
}
.radio label:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label:after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
}
.radio input[type="radio"]:focus + label:before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label:after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label:before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}
.radio-primary input[type="radio"] + label:after {
  background-color: #428bca;
}
.radio-primary input[type="radio"]:checked + label:before {
  border-color: #428bca;
}
.radio-primary input[type="radio"]:checked + label:after {
  background-color: #428bca;
}
.radio-danger input[type="radio"] + label:after {
  background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label:before {
  border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label:after {
  background-color: #d9534f;
}
.radio-info input[type="radio"] + label:after {
  background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label:before {
  border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label:after {
  background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label:after {
  background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label:before {
  border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label:after {
  background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label:after {
  background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label:before {
  border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label:after {
  background-color: #5cb85c;
}
.AddWrap .col-md-6 article {
  background: #f8f8f8;
  padding: 30px;
  position: relative;
}
.AddWrap .col-md-6 {
  margin: 15px 0px;
}
.AccountBodyPart {
  background: #fff;
}
.AddressConetct .checkbox label {
  font-size: 16px;
  font-family: "DIN-Bold";
  color: #87b39e;
  outline: none;
}
.AddCtrl a {
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  color: #87b39e;
  display: inline-block;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  margin-left: 15px;
}
.AddCtrl a i {
  position: relative;
  top: 8px;
}
.AddCtrl {
  position: absolute;
  top: 40px;
  right: 40px;
}
.AddCtrl a:hover {
  background: #333;
  color: #fff;
}
.AddressConetct {
  width: 70%;
}
.AddWrap .row .AddAddressBox article {
  min-height: 192px;
  background: none;
  display: flex;
  align-items: center;
}
.SiteBtn a,
.SiteBtn button {
  border: none;
  height: 45px;
  display: inline-block;
  background: #87b39e;
  border-radius: 30px;
  line-height: 45px;
  color: #fff;
  text-align: center;
  padding: 0px 35px;
  text-transform: uppercase;
  font-size: 14px;
  outline: none;
  font-family: "DIN-Regular";
}
.SiteBtn a:hover,
.SiteBtn button:hover {
  background: #91c3ab;
}
.SiteBtnPink button {
  border: none;
  height: 45px;
  display: inline-block;
  background: #ea2e49;
  border-radius: 30px;
  line-height: 45px;
  color: #fff;
  text-align: center;
  padding: 0px 35px;
  text-transform: uppercase;
  font-size: 16px;
}
.SiteBtnPink button:hover {
  background: #c31d35;
}
.AddWrap .row .AddAddressBox article .SiteBtn {
  display: block;
  width: 100%;
  padding: 0px 30px;
}
.AddWrap .row .AddAddressBox article .SiteBtn a {
  display: block;
}
.TableImg figure,
.TableImg figcaption {
  float: left;
  padding-left: 10px;
  text-align: left;
}
.TableImg figure img {
  width: 70px;
}
.TableImg figcaption h6 {
  font-size: 14px;
  color: #333;
  margin-top: 10px;
}
.TableImg figcaption p {
  font-size: 12px;
  margin: 0px;
  color: #a5a4a4;
}
.OrderTable tr th,
.OrderTable tr td {
  border: none;
  text-align: center;
}
.OrderTable tr td {
  border-bottom: 1px solid #f2f2f2;
}
.OrderTable {
  border: 1px solid #f2f2f2;
}
.TableCtrl {
  text-align: center;
}
.TableCtrl a {
  font-size: 18px;
  color: #555555;
  margin: 0px 4px;
  display: inline-block;
}
.TableCtrl a:hover {
  color: #87b39e;
}
.OrderTable tr th {
  background: #87b39e;
  font-weight: normal;
  font-family: "DIN-Bold";
  color: #fff;
  text-align: center;
}
.SitePagination nav {
  text-align: right;
}
.SitePagination nav li a {
  color: #000;
}
.SitePagination nav li:hover a {
  background: #87b39e;
}
.OrderDetailBox {
  background: #f8f8f8;
  margin-bottom: 40px;
}
.OrderDetailBox {
  display: flex;
  flex-flow: row wrap;
}
.OrderDetailLeft {
  padding: 30px;
}
.BlueBox {
  background: #00152a;
  padding: 30px;
}
.OrderDetailRight .BlueBox {
  height: 100%;
}
.OrderDetailPro figure {
  width: 220px;
  float: left;
}
.OrderDetailPro figcaption {
  width: calc(100% - 220px);
  padding-left: 20px;
  float: left;
}
.OrderDetailPro figcaption h6 {
  font-size: 18px;
  color: #3f3d3d;
  font-family: "DIN-Bold";
}
.OrderDetailPro figcaption p {
  color: #a1a0a0;
}
.BlueBox .OdNo {
  text-align: center;
  border-bottom: double #112941;
}
.BlueBox .OdNo h4 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
}
.BlueBox .OdNo span {
  color: #fff;
  font-size: 12px;
  display: block;
}
.BlueBox .OdSubTtl .ClearBoth {
  margin: 20px 0px;
}
.BlueBox .OdSubTtl .ClearBoth:first-child h4 {
  font-size: 16px;
}

.BlueBox .OdSubTtl .ClearBoth h4 {
  float: left;
  width: 65%;
  font-size: 12px;
  color: #fff;
  font-family: "Open Sans";
}
.BlueBox .OdSubTtl .ClearBoth h4:last-child {
  float: right;
  width: 35%;
  text-align: right;
  font-family: "Open Sans";
}
.BlueBox .OdSubTtl .ClearBoth h5 {
  float: left;
  width: 65%;
  font-size: 16px;
  color: #fff;
  font-family: "DIN-Bold";
}
.BlueBox .OdSubTtl .ClearBoth h5:last-child {
  float: right;
  width: 35%;
  text-align: right;
}
.BlueBox .OdTtl {
  margin-top: 20px;
}
.BlueBox .OdTtl .ClearBoth h5 {
  float: left;
  width: 65%;
  font-size: 20px;
  color: #87b39e;
  font-family: "DIN-Bold";
}
.BlueBox .OdTtl .ClearBoth h5:last-child {
  float: right;
  width: 35%;
  text-align: right;
}
.BlueBox .OdSubTtl {
  border-bottom: 1px solid #112941;
}
.TextSuccess {
  color: #56ae00;
  font-family: "DIN-Bold";
}
.form-group .form-control {
  height: 42px;
  font-family: "Open Sans";
  line-height: normal;
  box-shadow: none;
  border: 1px solid #f0eded;
  border-radius: 3px;
}
.FormBox {
  background: #f8f8f8;
  padding: 50px 60px;
}
.FormBox h2.FormBoxTit {
  color: #3f3d3d;
  font-size: 22px;
  font-family: "DIN-Bold";
  margin-bottom: 30px;
}
.FormBox .SiteBtn {
  text-align: center;
}
.FormBox .SiteBtn button {
  width: auto;
  min-width: 265px;
}
.Account_form .FormBox {
  width: 550px;
  margin: 0px auto;
}
.radio,
.checkbox {
  margin: 0px;
}

.FormBox .AddWrap {
  display: block;
}
.FormBox .AddWrap:after,
.FormBox .AddWrap:before {
  display: table;
  clear: both;
  content: "";
}

/*NotificationPage*/
.NotiList li {
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ececec;
}
.NotiList li .NotiHead h4 {
  float: left;
  width: 80%;
  color: #333;
  font-family: "Roboto-Bold";
  font-size: 14px;
}
.NotiList li .NotiHead span {
  float: left;
  width: 80%;
  display: inline-block;
  float: right;
  width: 20%;
  text-align: right;
  font-size: 13px;
  color: #87b39e;
}
.NotiList li p {
  font-size: 13px;
  color: #585858;
  margin-bottom: 0px;
}
h1.NotificationTit {
  color: #333333;
  font-size: 24px;
  font-family: "DIN-Bold";
  margin-bottom: 30px;
}

/*NavBarUser - Payment Form*/
.NavBarUser {
  margin-bottom: 15px;
}
.NavBarUser .navbar-brand {
  display: none;
}
.NavBarUser .navbar-collapse {
  padding: 0px;
}
.NavBarUser .navbar {
  margin: 0px;
  border: none;
  border-bottom: 1px solid #f1f1f1;
  background: #fff;
}
.ProDropDown {
  width: 220px;
  margin-top: -8px;
  position: relative;
  z-index: 999;
}
.ProDropDown:before {
  border-top: 10px solid #c4c4c4;
  border-top-right-radius: 10%;
  position: absolute;
  content: "";
  top: 2px;
  z-index: -1;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  right: -5px;
  border-right: 10px solid transparent;
  height: 0;
}
.ProDropDown .dropdown {
  background: #e1e1e1;
}
.ProDropDown .dropdown button {
  background: none;
  width: 100%;
  border: none;
  padding: 19px 15px 19px 15px;
  text-align: left;
  font-family: "OpenSans-Bold";
}
.ProDropDown .dropdown button i {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}

/*.dropdown-menu{transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;-webkit-transition-duration:0.5s;}
*/

.ProDropDown .dropdown.open button i {
  transform: rotate(180deg);
}
.ProDropDown .dropdown-menu {
  width: 100%;
  margin: 0;
  border-radius: 0;
}
.NavBarUser .navbar-nav li a {
  color: #001326;
  font-family: "Open Sans";
}
.NavBarUser .navbar-nav li.active a {
  background: #87b39e;
  color: #fff;
}
.NavBarUser .navbar-nav li:hover a {
  background: #333;
  color: #fff;
}
.OrderInfoBar ul {
  margin-top: 7px;
}
.OrderInfoBar ul li {
  display: inline-block;
  margin-left: 10px;
}
.OrderInfoBar ul li img {
  width: 35px; /*top: -8px;*/
  position: relative;
}
.OrderInfoBar ul li p {
  margin: 0px;
  padding-left: 5px;
  display: inline-block;
  font-size: 14px;
  color: red;
  text-transform: uppercase;
  font-family: "DIN-Bold";
}
.form-group select {
  color: #868383;
  appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  background: url(../images/drop-select.png) #fff no-repeat;
  background-position: right;
}
.form-group select option {
  color: #000;
}
.FormBox .SiteBtn {
  margin-top: 30px;
}
.SelectPay label {
  font-weight: normal;
}
.SelectPay {
  margin-bottom: 30px;
}
.CardEpry .col-md-3 {
  width: 26%;
}
.CardEpry .col-md-4 {
  width: 37%;
}
.CardEpry .col-md-3 p {
  margin: 0px;
  margin-top: 8px;
}
.CvvBox .col-md-2 {
  padding-left: 0px;
}
.CvvBox .tooltip {
  width: 300px;
}
.RegisterBg {
  background: url(../images/register-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 100px;
}
.RegisterForm {
  width: 70%;
  margin: 0px auto;
  display: flex;
  flex-flow: row wrap;
}
.RegisterForm .RegisterLeft {
  background: #87b39e;
  width: 50%;
  float: left;
  padding: 30px;
  display: flex;
  align-items: center;
}
.RegisterForm .RegisterRight {
  background: #fff;
  width: 50%;
  float: left;
  padding: 30px;
}
.RegisterForm .RegisterLeft article {
  width: 100%;
  text-align: center;
  color: #fff;
}
.InputBorder .form-control {
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 0px;
  border-radius: 0px;
  background-color: #fff;
}
.InputBorder .form-control:focus {
  border-color: #87b39e;
}
.RegisterCheck .checkbox {
  margin: 10px 0px;
}
.RegisterCheck .checkbox label {
  color: #868686;
}
.RegisterBg .NavBarUser {
  margin-bottom: 100px;
}
.RegisterRadio .radio {
  display: inline-block;
  margin-right: 30px;
}
.RegisterCheck {
  margin: 30px 0px;
}
.RegisterRadio {
  margin-bottom: 15px;
}
.RegisterBtns {
  margin-top: 40px;
}
.RegisterBtns .SiteBtn button {
  width: 100%;
}
.RegisterBtns .RCancel {
  border: none;
  background: no-repeat;
  color: #87b39e;
  font-size: 14px;
  font-family: "DIN-Bold";
  text-align: center;
  width: 100%;
  margin-top: 20px;
}
.RegisterRight h2 {
  font-size: 24px;
  text-align: center;
  color: #333;
  margin-bottom: 30px;
}
.RegisterForm .RegisterLeft article h4 {
  font-size: 26px;
  margin: 10px 0px;
}

/*side nav*/
.ListingSideNave {
  width: 210px;
  float: left;
}
.ListingContainer {
  width: calc(100% - 210px);
  padding-left: 30px;
  float: left;
}
#sidebar .SideNavList .ListBoxGreen {
  background: #87b39e;
  padding: 20px;
  margin-bottom: 20px;
}
#sidebar .SideNavList .ListBoxGreen:last-child {
  margin-bottom: 0px;
}
#sidebar .SideNavList .ListBoxGreen .SideNavHeading {
  color: #333;
  font-size: 20px;
  font-family: "DIN-Bold";
  position: relative;
  padding-right: 20px;
  display: block;
  margin-bottom: 0px;
}
#sidebar .SideNavList .ListBoxGreen .SideNavHeading i {
  position: absolute;
  top: 5px;
  right: 0px;
}
#sidebar .SideNavList .ListBoxGreen ul li a {
  font-size: 14px;
  color: #fff;
  display: block;
  padding: 10px 0px;
}
#sidebar .SideNavList .ListBoxGreen ul li {
  border-bottom: 1px solid #fff;
}
#sidebar .SideNavList .ListBoxGreen ul li:hover a {
  color: #333;
}
.FilterBox {
  margin-top: 10px;
}
.FilterBox .filterSelect {
  margin-bottom: 10px;
}
.FilterBox .filterSelect:last-child {
  margin-bottom: 0px;
}
.FilterBox .filterSelect select {
  height: 42px;
  color: #fff;
  border: none;
  width: 100%;
  font-family: "DIN-Bold";
  padding: 0px 10px;
  appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  background: url(../images/drop-select-fff.png) #a8e0c5 no-repeat;
  background-position: right;
}
.FilterBox .filterSelect select option {
  color: #fff;
  background: #091525;
}
.SideNavHeading.collapsed {
  margin-bottom: 10px;
}
.ListingHeader {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.ListingHeader .ListingPageTit h2 {
  font-size: 24px;
  font-family: "DIN-Bold";
  color: #333;
  position: relative;
  display: block;
}
.ListingViewBtn a {
  font-size: 24px;
  margin-left: 10px;
  display: inline-block;
  color: #333333;
}
.ListingViewBtn a:hover {
  color: #87b39e;
}
.ListingMainBox ul .col-md-3 article figure {
  position: relative;
  height: 220px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}
.ListingMainBox ul .col-md-3 article figure img {
  object-fit: contain;
  object-position: center;
  width: 85%;
  height: 100%;
  margin: 0px auto;
  display: block;
}
.ListingMainBox ul .col-md-3 article figure .ProductsHover {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: rgba(0, 21, 42, 0.6);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -moz-transform: translateY(100%);
}
.ListingMainBox ul .col-md-3 article figure .ProductsHover a {
  border-radius: 30px;
  height: 30px;
  background: #87b39e;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  margin: 0px auto;
  padding: 0px 25px;
  color: #333;
  font-family: "DIN-Bold";
}
.ListingMainBox ul .col-md-3 article figure .ProductsHover a:hover {
  background: #fff;
  color: #000;
}
.ListingMainBox ul .col-md-3 article figure:hover .ProductsHover {
  transform: translateY(0%);
  -ms-transform: translateY(0%);
  -moz-transform: translateY(0%);
}
.ListingMainBox .col-md-3 article figcaption h4 {
  text-align: center;
  display: block;
  font-size: 20px;
  color: #76a990;
  font-family: Open Sans;
  margin-bottom: 5px;
  font-weight: 600;
}
.ListingMainBox .col-md-3 article figcaption h4 a {
  text-align: center;
  display: block;
  font-size: 20px;
  color: #76a990;
  font-family: Open Sans;
  margin-bottom: 5px;
  font-weight: 600;
}
.ListingMainBox .col-md-3 article figcaption h5 a {
  text-align: center;
  display: block;
  font-size: 16px;
  color: #76a990;
  margin-top: 5px;
  font-family: Open Sans;
}
.ListingMainBox .col-md-3 article figcaption h4 a:hover {
  color: #000;
}
.ListingMainBox .col-md-3 article figcaption {
  margin-top: 15px;
}
.ListingMainBox ul .col-md-3 {
  margin: 15px 0px;
}
.ListingMainBox .col-md-3 article title {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  line-height: 20px;
  font-family: Open Sans;
}
.ListingMainBox .col-md-3 article title:hover {
  color: #76a990;
}
.ListingMainBox .col-md-3 article figcaption p {
  text-align: center;
  color: #919191;
  margin-bottom: 5px;
  font-size: 13px;
  font-family: Open Sans;
}
.ListingMainBox .col-md-3 article figcaption .smallPackage {
  font-size: 10px;
}
.ListingMainBox .col-md-3 article .ProRate {
  text-align: center;
  margin-top: 10px;
}
.ListingMainBox .col-md-3 article .ProRate a {
  display: inline-block;
  margin: 0px 2px;
}
.ListingMainBox .col-md-3 article .ProRate a i {
  color: #ffae00;
}
.HowTit {
  font-size: 24px;
  font-family: "DIN-Bold";
  color: #333;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 40px;
}
.HowItWork .row .col-md-3 article {
  text-align: center;
}
.HowItWork .row .col-md-3 article h4 {
  font-size: 20px;
  color: #333;
  font-family: "Roboto-Bold";
}
.HowItWork .row .col-md-3 article i {
  position: relative;
  display: block;
}
.HowItWork .row .col-md-3 article i img {
  margin: 15px auto;
  display: block;
}
.HowItWork .row .col-md-3 article h6 {
  font-size: 18px;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.HowItWork .row .col-md-3 article p {
  font-size: 12px;
}
.HowItWork .row .col-md-3:nth-child(1) article i:after {
  content: "";
  background: url(../images/arrow1.png) no-repeat;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 15px;
  right: -55px;
}
.HowItWork .row .col-md-3:nth-child(2) article i:after {
  content: "";
  background: url(../images/arrow2.png) no-repeat;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 15px;
  right: -55px;
}
.HowItWork .row .col-md-3:nth-child(3) article i:after {
  content: "";
  background: url(../images/arrow3.png) no-repeat;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 15px;
  right: -55px;
}
.HowItVideo .HowItVideoInner {
  width: 550px;
  margin: 0px auto;
  border: 10px solid #d0d0d0;
  padding: 10px;
}
.HowItVideo {
  margin-top: 70px;
  margin-bottom: 30px;
}
.TableGry table tr th,
.TableGry table tr td {
  padding: 10px;
  border: none;
}
.TableGry table tr th {
  background: #e1e1e1;
  font-weight: normal;
  font-family: "Open Sans";
}
.TableGry table {
  border: 1px solid #e1e1e1;
}
.TableGry table tr {
  border-bottom: 1px solid #e1e1e1;
}
.InputNumStyl input[type="number"]::-webkit-inner-spin-button,
.InputNumStyl input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  margin: 0 !important;
}
.InputNumStyl input[type="number"] {
  -moz-appearance: textfield;
}
.InputNumStyl input {
  display: block;
  width: 30px;
  text-align: center;
  font-size: 15px;
  font-family: "Roboto-Bold";
  height: 30px;
  line-height: 30px;
  margin: 0px auto;
  outline: none;
}
.InputNumStyl {
  position: relative;
  width: 102px;
  display: inline-block;
}
.InputNumStyl .decrease,
.InputNumStyl .increase {
  cursor: pointer;
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 1px solid #c2c2c2;
  text-align: center;
  line-height: 25px;
  color: #333;
  font-size: 18px;
  font-family: "Roboto-Bold";
}
.InputNumStyl .decrease:hover,
.InputNumStyl .increase:hover {
  background: #333;
  color: #fff;
}
.InputNumStyl .increase {
  right: 0;
  top: 0;
}
.InputNumStyl .decrease {
  left: 0;
  top: 0;
}
.TablePro img {
  width: 50px;
}
.GryTabDetail h6 a {
  color: #87b39e;
  font-size: 14px;
}
.GryTabDetail h6 a:hover {
  color: #333;
}
.GryTabDetail p {
  margin-bottom: 0px;
  color: #aaaaaa;
}
.RelatedProduct ul li {
  float: left;
  width: 20%;
  padding: 0px 15px;
}
.RelatedProductOut {
  margin-top: 40px;
}
.PromoCode {
  background: #f3f3f3;
  padding: 20px;
  margin-top: 30px;
}
.PromoCode .col-md-3 button {
  width: 100%;
}
.PromoCode h4 {
  font-size: 16px;
  margin-bottom: 10px;
  font-family: "Open Sans";
}
.OdCheckOut figure {
  text-align: center;
  margin: 20px 0px;
}
.OdCheckOut figure img {
  width: 140px;
  display: inline-block;
}
.OdCheckOut .SiteBtn button {
  width: 75%;
}
.CartPage .BlueBox .OdNo h4 {
  font-size: 22px;
  text-align: left;
  font-family: "Open Sans";
}
.CartPage .BlueBox .OdNo span {
  font-size: 15px;
  text-align: left;
}
#carousel-custom .carousel-indicators {
  position: static;
  margin: 0px;
  width: 140px;
  float: left;
}
#carousel-custom .carousel-indicators li {
  opacity: 0.5;
  text-indent: 0px;
  width: 100px;
  height: 100px;
  border-radius: 10px;
  overflow: hidden;
  margin: 14px auto !important;
  border: 1px solid #e2e2e2;
}
#carousel-custom .carousel-indicators li img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
#carousel-custom .carousel-inner {
  height: 500px;
}
#carousel-custom .carousel-inner > .item {
  width: 100%;
  height: 100%;
}
#carousel-custom .carousel-indicators li:hover {
  opacity: 1;
}
#carousel-custom {
  border: 1px solid #cccccc;
  width: 560px;
}
#carousel-custom .carousel-outer {
  float: right;
  width: calc(100% - 140px);
  border-left: 1px solid #cccccc;
}
#carousel-custom .carousel-indicators li.active {
  margin: 0px;
  border-color: #ccc;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.ProBookBtn .row {
  margin-left: -5px;
  margin-right: -5px;
}
.ProBookBtn .row .col-md-3,
.ProBookBtn .row .col-md-5,
.ProBookBtn .row .col-md-4 {
  padding: 0px 10px;
}
.ProBookBtn .row .col-md-3 input[type="number"] {
  height: 45px;
  width: 100%;
  border-radius: 30px;
  border: 1px solid #e0dfdf;
  padding: 0px 15px;
  outline: none;
}
.ProductsDetails .ProductHead h4 a {
  font-size: 28px;
  color: #333;
  font-family: "DIN-Bold";
}
.ProductsDetails .ProductHead h6 {
  font-size: 16px;
  color: #333;
  font-family: "DIN-Bold";
  margin-top: 10px;
}
.ProductsDetails .ProBook {
  padding: 25px 0px;
  margin: 25px 0px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.ProductsDetails .ProBookHead h6 {
  font-size: 16px;
  color: #333;
  font-family: "DIN-Bold";
}
.ProductsDetails .ProBookHead h2 {
  font-size: 32px;
  color: #ea2e49;
  font-family: "DIN-Bold";
  margin-top: 10px;
}
.ProductsDetails .ProBookHead h4 {
  font-size: 16px;
  color: #585858;
  font-family: "Open Sans";
  margin-top: 10px;
}
.ProductsDetails .ProBookHead .smallPackage {
  font-size: 12px;
  color: #585858;
  font-family: "Open Sans";
  margin-top: 10px;
}
.ProductsDetails .ProBookBtn {
  margin-top: 15px;
}
.ProductsDetails .ProOverView h1 {
  font-family: "Open Sans";
}
.ProductsDetails .ProOverView h2 {
  font-family: "Open Sans";
}
.ProductsDetails .ProOverView h3 {
  font-family: "Open Sans";
}
.ProductsDetails .ProOverView h4 {
  font-size: 18px;
  color: #333;
  margin-bottom: 15px;
  font-family: "Open Sans";
}
.ProductsDetails .ProOverView h5 {
  font-family: "Open Sans";
}
.ProductsDetails .ProOverView h6 {
  font-family: "Open Sans";
}
.ProductsDetails .ProOverView p {
  font-family: "Open Sans";
}
.ProductsDetails .ProOverView ul li ul {
  list-style-type: disc;
}
.ProductsDetails .ProOverView ul li p {
  margin: 0px;
  color: #585858;
  font-size: 12px;
  font-family: "Open Sans";
}
.ProductsDetails .ProOverView ul li {
  margin-bottom: 20px;
}
.ProSpecs {
  margin-top: 40px;
}
.ProSpecs .nav-tabs > li {
  margin: 0px;
  margin-right: 10px;
}
.ProSpecs .nav-tabs {
  border-bottom: 0px;
  margin-bottom: 20px;
}
.ProSpecs .nav-tabs > li > a {
  font-family: "DIN-Regular";
  border: 1px solid #d8d8d8;
  border-radius: 30px;
  height: 45px;
  line-height: 45px;
  min-width: 200px;
  padding: 0px 15px;
  text-align: center;
  font-size: 16px;
  color: #333;
}
.ProSpecs .nav-tabs > li.active > a {
  background: #87b39e;
  border: 1px solid #87b39e;
  color: #fff;
}
.ProSpecs .tab-pane p {
  font-size: 13px;
  color: #585858;
  font-family: "Open Sans";
}
.form-group textarea.form-control {
  height: 120px;
}
.SampleCheckBox .row {
  margin-left: -8px;
  margin-right: -8px;
}
.SampleCheckBox .row .col-md-4,
.SampleCheckBox .row .col-md-12 {
  padding: 0px 8px;
}
.SampleCheckBox .checkbox label {
  font-size: 14px;
  color: #868383;
}
.checkbox label.GreenLabel {
  color: #87b39e;
}
.SampleCheckBox {
  padding-top: 10px;
}
.SampleCheckBox .checkbox {
  margin: 5px 0px;
}
.SampleCheckBox .checkbox label::before {
  margin-top: 2px;
}
.SampleCheckBox .checkbox input[type="checkbox"]:checked + label::after {
  margin-top: 3px;
}
.SampleCheckBox h6 {
  color: #868383;
  font-family: "DIN-Bold";
  font-size: 14px;
  margin-bottom: 5px;
}
.PaymentBlueBox .BlueBox .OdNo {
  border: none;
}
.PaymentBlueBox .BlueBox .OdNo h4 {
  margin: 0px;
  float: left;
  width: 66.666%;
  text-align: left;
}
.PaymentBlueBox .BlueBox .OdNo span {
  float: left;
  width: 33.3333%;
}
.PaymentBlueinner .col-md-8 {
  padding-right: 50px;
}
.PaymentBlueBox {
  margin-bottom: 30px;
}
.StaticPageContent h4 {
  font-size: 16px;
  font-family: "DIN-Bold";
  color: #333;
  margin-bottom: 5px;
}
.StaticPageContent p,
.StaticPageContent ul {
  margin-bottom: 20px;
  line-height: 24px;
  font-family: "Open Sans";
}
.StaticPageContent strong {
  font-family: "Open Sans";
}
.StaticPageContent ul li {
  position: relative;
  padding-left: 25px;
}
.StaticPageContent ul li:after {
  content: "";
  background: url(../images/checkred.png) no-repeat;
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 2px;
}
.mag {
  width: 100%;
  margin: 0 auto;
  float: none;
}
.mag img {
  max-width: 100%;
}
.magnify {
  position: relative;
  cursor: none;
  width: 100%;
  height: 100%;
}
.magnify-large {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.ProfileEdit .FormBox {
  position: relative;
}
.ProfilDetails {
  margin-bottom: 15px;
}
.ProfileEdit label {
  font-weight: normal;
  font-family: "DIN-Bold";
  display: block;
}
.ProfilDetails li label {
  display: inline-block;
  width: 200px;
  display: inline-block;
  position: relative;
}
.ProfilDetails li label:after {
  content: ":";
  position: absolute;
  right: 5px;
}
.ProfilDetails li {
  margin-bottom: 5px;
}
.ProfileEdit .row .col-md-12 {
  margin-bottom: 15px;
}
.ProfileEdit .row .col-md-12:last-child {
  margin-bottom: 0px;
}
.ProfileEdit .AddCtrl {
  position: absolute;
  top: 40px;
  right: 40px;
}

.map img {
  width: 100%;
}
.contact_need_help {
  background-color: #f6f6f6;
}
.howit_work_head p {
  color: #6b6b6c;
  font-size: 18px;
  margin-top: 16px;
}
.contact_need_help .howit_work_list ul li {
  width: 33.33%;
}
.contact_need_help .howit_work_list ul li h4 {
  color: #6b6b6c;
  font-size: 18px;
  font-family: "Roboto-Bold";
}
.contact_need_help .howit_work_list ul li .btn {
  background-color: #278acb;
  width: 135px;
  font-size: 17px;
  padding: 10px 8px;
  text-transform: capitalize;
  text-align: center;
}
.contact_need_help .work_icon a {
  border: 0;
  background-color: #fff;
  box-shadow: 0 5px 18px rgba(213, 213, 213, 0.75);
  margin: 10px 0 15px;
  width: 140px;
  height: 140px;
  text-align: center;
  display: inline-block;
  padding: 40px 0;
}
.contact-info-section {
  padding-bottom: 120px;
}
.contact-info-section h2 {
  font-size: 36px;
  color: #35373b;
  margin: 60px 0 25px;
  font-family: "Roboto-Bold";
}
.contact-info-section p {
  font-size: 14px;
  color: #717171;
}
.coltact-left .media-list {
  margin-top: 30px;
}
.coltact-left .media-list .media {
  border: 0;
}
.coltact-left .media-list .media h4 {
  color: #cc5500;
  line-height: 18px;
  margin: 0 0 10px;
  font-family: "Roboto-reguler";
}
.coltact-left .media-list .media p {
  margin: 0 0 5px;
}
.coltact-left .media-list .media p a {
  color: #717171;
}
.coltact-left .media-list .media p a:hover {
  color: #278acb;
}
.coltact-left .media-list .media .media-left {
  width: 40px;
  float: left;
}
.contact-form .form-control::-webkit-input-placeholder {
  color: #717171;
  font-size: 14px;
}
.contact-form .form-control::-moz-placeholder {
  color: #717171;
  font-size: 14px;
}
.contact-form .form-control:-ms-input-placeholder {
  color: #717171;
  font-size: 14px;
}
.contact-form .form-control:-moz-placeholder {
  color: #717171;
  font-size: 14px;
}
.contact-form textarea {
  height: 170px;
}
.contact-form .button .btn {
  background-color: #232f3e;
  border: medium none;
  border-radius: 4px;
  color: #ffffff;
  font-size: 20px;
  margin-top: 22px;
  padding: 16px 20px;
}
.contact_need_help .howit_work_list ul li .btn:hover,
.contact-form .button .btn:hover {
  background-color: #cc5500;
}
.contact-form input.form-control {
  height: 45px;
}
.mr-bottom-20 {
  margin-bottom: 20px;
}
.radio a {
  position: relative;
  top: -7px;
}

/*10-04-2018*/
.MyAccountPannel .PannelLeft {
  width: 210px;
  float: left;
}
.MyAccountPannel .PannelRight {
  width: calc(100% - 240px);
  padding: 20px;
  border: 1px solid #e7e7e7;
  float: right;
  background: #fff;
  margin-left: 30px;
}
.MyAccountPannel {
  margin-top: 20px;
}
.MyAccountPannel .PannelLeft h2 {
  font-family: "OpenSans-Bold";
  text-transform: capitalize;
  font-size: 22px;
  margin-bottom: 20px;
  position: relative;
}
.AccountNav {
  background: #87b39e;
  padding: 5px 20px;
}
.AccountNav li a {
  padding: 10px 0px;
  display: block;
  text-transform: capitalize;
  color: #fff;
}
.AccountNav li {
  border-bottom: 1px solid #fff;
}
.AccountNav li:last-child {
  border-bottom: none;
}
.AccountNav li.active a {
  color: #000;
}
.PannelRight .FormBox {
  padding: 0;
  margin: 0;
  width: 100%;
  background: #fff;
}
.PannelRightHeader h2 {
  font-size: 20px;
  font-family: "OpenSans-Bold";
  direction: block;
  margin-bottom: 20px;
  text-transform: capitalize;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 15px;
}
.AddWrap .AddLeft {
  float: left;
  width: 50%;
}
.AddWrap .AddRight {
  float: left;
  width: 50%;
}
.AddWrap .AddLeft .col-md-6,
.AddWrap .AddRight .col-md-6 {
  width: 100%;
  float: none;
}
.AddWrap .AddLeft h6,
.AddWrap .AddRight h6 {
  font-size: 18px;
  padding-left: 15px;
  margin-bottom: 10px;
}
.SameAddress {
  margin-top: 15px;
}
.OverviewBlock {
  margin-bottom: 20px;
}
.OverviewBlock .col-md-4 article {
  border: 1px solid #e7e7e7;
  background: #fafafa;
}
.OverviewBlock .col-md-4 article .HeadProBox h6 {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 16px;
  text-transform: capitalize;
}
.OverviewBlock .col-md-4 article .HeadProBox h6 a {
  position: absolute;
  right: 10px;
  top: 10px;
}
.OverviewBlock .col-md-4 article .ContentProBox {
  padding: 10px;
}
.ContentProBox p {
  margin: 0px;
  font-size: 13px;
}
.OverviewBoxHeading {
  margin-bottom: 10px;
}
.OverviewBoxHeading h6 {
  font-size: 16px;
  color: #696969;
  text-transform: capitalize;
  margin-bottom: 10px;
  float: left;
  width: 70%;
}
.OverviewBoxHeading a {
  width: 30%;
  float: left;
  text-align: right;
}
.OverviewBoxHeading:after {
  display: table;
  clear: both;
  content: "";
}
.checkboxWitha a {
  position: relative;
  top: -7px;
}
.ChangePassBox {
  width: 50% !important;
  min-height: 400px;
  margin: 0px auto !important;
}
p.green-text {
  margin: 0px;
  color: green;
}
p.red-text {
  margin: 0px;
  color: red;
}
.AccountNav li a {
  position: relative;
}
.AccountNav li a i {
  position: absolute;
  right: 10px;
  top: 13px;
  transform: rotate(180deg);
}
.AccountNav li a.collapsed i {
  transform: rotate(0deg);
}
#order-links {
  border-top: 1px solid #e7e7e7;
}
#order-links a {
  color: #333;
  padding: 5px 10px;
}
.ParterSliderBox .TitlePro {
  text-align: center;
}
.DefaultAdd {
  position: absolute;
  top: 0;
  right: 0;
  background: #001326;
  color: #fff;
  padding: 5px 10px;
  font-size: 12px;
}
.filterBar > ul {
  text-align: right;
}
.filterBar > ul > li {
  display: inline-block;
  margin-left: 20px;
}
.filterBar > ul > li > .form-group .form-control {
  display: inline-block;
  width: 150px;
}
.ProductDetailText h6 {
  font-size: 16px;
  font-family: "OpenSans-Bold";
  color: #333;
  display: inline-block;
  margin-bottom: 10px;
}
.ProductDetailText p {
  margin-bottom: 5px !important;
}
.Print-btn {
  margin-bottom: 15px;
}
.OrdDetails .Print-btn {
  margin-bottom: 0px;
  margin-top: 20px;
}
.static-img {
  height: 210px;
  overflow: hidden;
}
.static-img img {
  object-position: center;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.bilingTit h6 {
  font-size: 22px;
  color: #333;
}
.OneLineHead p,
.OneLineHead .pull-right > ul {
  display: inline-block;
}
.ListingMainBox .col-md-3 article figcaption h3 a {
  text-align: center;
  display: block;
  font-size: 16px;
  color: #333;
  font-family: "DIN-Bold";
  margin-top: 5px;
  margin-bottom: 10px;
}
.StaticItems .row .col-md-4 {
  margin: 15px 0px;
}
.ReOrderTable table {
  border: none;
}
.ReOrderTable table tr td {
  border: none;
  padding: 10px;
  border-bottom: 1px solid #ececec;
}
.ReOrderTable table tr td:first-child {
  width: 100px;
}
.TableBtnSm a {
  height: 35px;
  line-height: 35px;
  background: green;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  padding: 0px 15px;
}
.QtyBox input {
  display: inline-block;
  width: 40px;
  margin-left: 5px;
}
.ProImg {
  width: 100px;
  height: 70px;
  overflow: hidden;
}
.ProImg img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  object-position: center;
}
.ReviewWithTit span {
  display: inline-block;
}
.ReviewWithTit .ReviewStar {
  display: inline-block;
}
.ProductReviews p {
  margin-bottom: 5px;
}
.ReviewWithTit .ReviewUser {
  font-family: "DIN-Bold";
}
.ProductReviews {
  width: 45%;
}
.ProductReviews span {
  text-transform: capitalize;
}
.ReviewWithTit span {
  font-size: 16px;
  font-family: "DIN-Bold";
  margin-left: 10px;
  color: #333;
}
.ReviewBox .ProductReviews {
  margin-bottom: 15px;
}
.OneLineHead .ProfileDropHead {
  display: inline-block;
  float: none;
  margin-left: 30px;
}
.OneLineHead {
  text-align: right;
}
.ProductsDetails .ProBookHead h2 span {
  font-size: 16px;
}
.ProSpecs .tab-content {
  background: #fff;
  padding: 30px;
  border: 1px solid #ededed;
  padding-bottom: 57px;
}
.ListingMainBox ul .col-md-3 article figure .ProductsHover article {
  width: 100%;
  padding: 0px 30px;
}
.ListingMainBox ul .col-md-3 article figure .ProductsHover article a {
  display: block;
  margin: 10px 0px;
}
.ProductsBox .SiteBtn {
  margin-top: 10px;
}
.ProductsBox .SiteBtn a {
  height: 35px;
  line-height: 35px;
  padding: 0px 20px;
}
.inner_page_head {
  padding: 15px 0px;
}
.btn {
  padding: 6px 2px;
}
.dropdown-menu > li > a {
  border-bottom: 1px solid #ddd;
  white-space: normal;
  padding: 0px 15px;
  height: 40px;
  line-height: 40px;
  font-family: "Open Sans";
  font-size: 13px;
}
.dropdown-menu > li > a:hover {
  background: #232f3e;
}
.ParterSliderBox .ParterSlider.owl-carousel .owl-item img {
  width: auto;
  max-height: 140px;
  margin: 0px auto;
}
.reviewBox {
  width: 88%;
  padding-left: 30px;
  float: left;
}
.reviewBox ul .col-md-12 {
  margin: 15px 0px;
}
.reviewBox ul .col-md-12 article figure {
  position: relative;
  height: 220px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}
.reviewBox ul .col-md-12 article figure img {
  object-fit: contain;
  object-position: center;
  padding: 15px;
  width: 85%;
  height: 100%;
  margin: 0px auto;
  display: block;
}
.reviewBox .col-md-12 article figcaption {
  margin-top: 15px;
}
.reviewBox .col-md-12 article figcaption h4 a {
  text-align: center;
  display: block;
  font-size: 16px;
  color: #87b39e;
  font-family: "DIN-Bold";
}

/* Rating Star Widgets Style */

.rating-stars ul {
  list-style-type: none;
  padding: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.rating-stars ul > li.star {
  display: inline-block;
}

/* Idle State of the stars */

.rating-stars ul > li.star > i.fa {
  font-size: 2.5em; /* Change the size of the stars */
  color: #ccc; /* Color on idle state */
}

/* Hover state of the stars */

.rating-stars ul > li.star.hover > i.fa {
  color: #ffcc36;
}

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

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}
#sidebar .SideNavList .ListBoxGreen ul li span {
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  display: block;
  padding: 10px 0px;
}
#sidebar .SideNavList .ListBoxGreen ul li span.active {
  color: #333;
}
#sidebar .SideNavList .ListBoxGreen ul li.active a {
  color: #333;
}

#loading-img img {
  width: 100px;
  top: 50%;
  left: 44% !important;
  position: absolute;
}
.overlay {
  background: #e9e9e9;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  z-index: 99999;
}
.over {
  background: #e9e9e9;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  z-index: 99999;
}
#load img {
  width: 60px;
  top: 0%;
  left: 45% !important;
  position: absolute;
}
.ProSpecs .nav-tabs > li {
  margin: 0px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.ProSpecs.AllCategories .nav-tabs {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.modalBtn button {
  border: none;
  height: 45px;
  display: inline-block;
  background: #87b39e;
  border-radius: 30px;
  line-height: 45px;
  color: #fff;
  text-align: center;
  padding: 0px 20px;
  text-transform: uppercase;
  font-size: 12px;
  outline: none;
  margin-left: 15px;
  margin-top: 23px;
}

.modalBtn button:hover {
  background: #91c3ab;
}

.modalBtn a {
  border: none;
  height: 45px;
  display: inline-block;
  background: #87b39e;
  border-radius: 30px;
  line-height: 45px;
  color: #fff;
  text-align: center;
  padding: 0px 20px;
  text-transform: uppercase;
  font-size: 12px;
  outline: none;
  margin-right: 15px;
  margin-top: 17px;
}
.modalBtn a:hover {
  background: #91c3ab;
}
.ProBookHead h4 a {
  color: #91c3ab;
}

.textCol h4 a {
  color: #91c3ab;
}

.col-md-6 h3 h4 a {
  color: #91c3ab;
}
.ListingContainer {
  position: relative;
}
.magnify {
  display: flex;
  align-items: center;
}
.mag img {
  max-width: 100%;
  margin: 0px auto;
}
.mag video {
  max-width: 100%;
  margin: 0px auto;
}
.ListingMainBox ul .col-md-3 {
  min-height: 460px;
}
.ListingMainBox.categoryBox ul .col-md-3 {
  min-height: 285px;
}
.RegisterForm .RegisterRight,
.RegisterForm .RegisterLeft {
  width: 100%;
  float: none;
}
.RegisterForm .form-horizontal .form-group {
  margin-left: 0px;
  margin-right: 0px;
}
.RegisterBtns {
  text-align: center;
}
.RegisterBtns .SiteBtn {
  display: inline-block;
}
.banner_box figure video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ListingMainBox ul .col-md-12 article figure {
  position: relative;
  height: 220px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}
.ListingMainBox ul .col-md-12 article figure img {
  object-fit: contain;
  object-position: center;
  width: 85%;
  height: 100%;
  margin: 0px auto;
  display: block;
}
.ListingMainBox .col-md-12 article figcaption {
  margin-top: 15px;
}
.modal-footer {
  padding: 10px;
  border-top: none;
}
#breadcrumb .navbar-nav li a {
  color: #87b39e;
  padding: 10px 3px;
}
#breadcrumb .navbar-nav li.active a {
  color: #333333;
}
#carousel-custom .carousel-indicators li video {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.pointer {
  pointer-events: none;
  opacity: 0.7;
}
.pointer12 {
  pointer-events: none;
}
.AddWrap .AddLeftleft {
  float: left;
  width: 100%;
}
.AddWrap .AddLeftleft .col-md-12 {
  width: 100%;
  float: none;
}
.AddWrap .AddLeftleft h6 {
  font-size: 18px;
  padding-left: 15px;
  margin-bottom: 10px;
}
.AddWrap .col-md-12 article {
  background: #f8f8f8;
  padding: 30px;
  position: relative;
}
.AddWrap .col-md-12 {
  margin: 15px 0px;
}
.AccountBodyPart {
  background: #fff;
}
.AddressConetct .checkbox label {
  font-size: 16px;
  font-family: "DIN-Bold";
  color: #87b39e;
  outline: none;
}
.AddressConetct {
  width: 70%;
}
.AddWrap .col-md-6 article {
  border: 1px solid #87b39e;
  border-radius: 5px;
  padding: 20px;
}
.AddCtrl {
  top: 0px;
  right: 55px;
}
.AddCtrl a {
  margin-left: 0px;
}
.AddCtrl a i {
  top: 0px;
}
.card.AddCtrl {
  top: 10px;
}
.MyAccountPannel {
  margin-bottom: 25px;
}
.collapse.in {
  border-top: 1px solid #e7e7e7;
  color: #ffffff;
}
.collapse.in a {
  color: #ffffff;
}
.thanku_page_content {
  display: block;
  text-align: center;
  display: block;
  padding: 25px 0px;
}
.thanku_des {
  padding-top: 45px;
}
.thanku_des h2 {
  font-size: 50px;
  color: #232f3e;
  font-family: "Roboto-Bold";
  padding-bottom: 25px;
}
.thanku_des p {
  font-size: 36px;
  color: #828282;
  font-style: italic;
}

.invoice {
  margin-top: 25px;
}
.pagination_desh:after,
.pagination_desh:before {
  display: table;
  clear: both;
  content: "";
}
.pagination_desh.pagination li {
  float: left;
}
.pagination_desh.pagination li a {
  font-size: 14px;
  color: #100e0e;
  border: solid 1px #100e0e;
  border-radius: 5px;
  padding: 4px 10px;
  margin-right: 6px;
  color: #100e0e;
}
.pagination_desh.pagination li a:hover {
  color: #87b39e;
  border: solid 1px #87b39e;
}
.pagination_desh.pagination li.active a {
  color: #87b39e;
  border: solid 1px #87b39e;
}

.records_pagination_box {
  display: block;
}
.records_pagination_box:after,
.records_pagination_box:before {
  display: table;
  clear: both;
  content: "";
}
.records_pagination_box .dataTables_info {
  float: left;
  padding-top: 18px;
}
.records_pagination_box .pagination {
  float: right;
}

.AddWrap .checkbox {
  padding-left: 0px;
}
.AddWrap .checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
  line-height: 15px;
}
.AddWrap .checkbox label:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #87b39e;
  border-radius: 0px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.AddWrap .checkbox label:after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}
.AddWrap .checkbox input[type="radio"] {
  opacity: 0;
  outline: none;
}
.AddWrap .checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.AddWrap .checkbox input[type="radio"]:checked + label:after {
  content: "";
  width: 15px;
  height: 15px;
  background: url(../images/check.png) no-repeat;
  background-size: 100%;
}
.AddWrap .checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.AddWrap .checkbox input[type="radio"]:disabled + label:before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.newCard {
  text-align: right;
  position: absolute;
  right: 0;
  top: -30px;
}
.newCard p {
  display: inline-block;
  color: #87b39e;
  cursor: pointer;
}
#credit_div {
  position: relative;
}
.newCard1 {
  text-align: right;
  position: absolute;
  right: 0;
  top: -30px;
}
.newCard1 p {
  display: inline-block;
  color: #87b39e;
  cursor: pointer;
}
.seclectCardForm {
  position: relative;
}
.newCardForm {
  position: relative;
}
.choseCard {
  /*float: left;*/
}
.choseCard p {
  display: inline-block;
  color: #87b39e;
  cursor: pointer;
}
.defaultCard {
  text-align: right;
}
.defaultCard p {
  display: inline-block;
  color: #87b39e;
  cursor: pointer;
}
.AddWrap .col-md-12 article {
  border: 1px solid #87b39e;
  border-radius: 5px;
  padding: 10px;
}
.AddWrap .col-md-12 article p {
  line-height: 10px;
}
.FormBox h2.FormBoxTit3 {
  color: #3f3d3d;
  font-size: 22px;
  font-family: "DIN-Bold";
  margin-bottom: 30px;
}
.progress {
  margin-bottom: 5px;
  height: 10px;
}
.progress-bar-success {
  background: #87b39e;
}
.price {
  width: 50%;
  float: left;
  text-align: left;
  color: #fff;
  margin-bottom: 15px;
}
.freeShip {
  width: 85%;
  float: right;
  text-align: right;
  color: #91c3ab;
  font-size: 18px;
  margin-bottom: 15px;
  font-family: "Open Sans";
}
.TableCtrl i {
  cursor: pointer;
}
.btn-order {
  font-size: 20px;
  text-align: center; /*color: #fff;*/
  width: 38px;
  border: none;
  background: #a7e0c5;
  border-radius: 6px;
}
.input.select label {
  margin-right: 8px;
}
.font20 h2 {
  font-size: 25px;
  color: #232f3e;
  font-family: "Roboto-Bold";
  padding-bottom: 25px;
}
.divLoading {
  display: block;
  position: fixed;
  z-index: 100;
  background-image: url("/html/images/loader.gif");
  background-color: #666;
  opacity: 0.4;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}
.divLoading1 {
  display: none;
}
.back {
  font-size: 18px;
  cursor: pointer;
  right: 0px;
  top: 0px;
}
.none {
  display: none;
  position: relative;
}
#openInvoice {
  color: #87b39e;
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer;
}
.backButton {
  position: relative;
  padding-top: 30px;
}
#headerDiv {
  font-size: 12px;
  color: #fff;
  font-family: "Open Sans";
}

@media print {
  header {
    display: none;
  }
  footer {
    display: none;
  }
  .PannelLeft {
    display: none;
  }
  .PannelRight {
    width: 100% !important;
  }
  #print {
    display: none;
  }
  @page {
    size: A3 portrait;
    height: 100%;
    width: 100%;
    margin: 0px;
  }
}

/* line 19, ../sass/style.scss */
.verticalCarousel {
}

/* line 24, ../sass/style.scss */
.verticalCarouselHeader {
  height: 30px;
}
/* line 27, ../sass/style.scss */
.verticalCarouselHeader:after {
  content: "";
  display: block;
  clear: both;
}
/* line 32, ../sass/style.scss */
.verticalCarouselHeader h3 {
  float: left;
  margin: 0px;
}
/* line 36, ../sass/style.scss */
.verticalCarouselHeader .vc_goUp,
.verticalCarouselHeader .vc_goDown {
  float: left;
  display: block;
  width: 50px;
  height: 25px;
  background: #87b39e;
  text-align: center;
  color: #fff;
  margin-left: 40px;
}
/* line 45, ../sass/style.scss */
.verticalCarouselHeader .vc_goUp:active,
.verticalCarouselHeader .vc_goDown:active {
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -webkit-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
}

/* line 52, ../sass/style.scss */
.verticalCarouselGroup.vc_list > li {
  margin: 15px;
  border-width: 0px;
  border-style: solid;
  padding: 15px;
  background-color: #fff;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
}
/* line 57, ../sass/style.scss */
.verticalCarouselGroup.vc_list > li h4 {
  margin: 0px 0px 15px;
}
/* line 60, ../sass/style.scss */
.verticalCarouselGroup.vc_list > li p {
  margin: 0px 0px 0px;
}
.register_thanks_box {
  display: block;
  text-align: center;
  padding: 15px;
}
.thanks_bg.modal-content {
  background: #eef2f2;
}
.register_thanks_box h2 {
  font-size: 34px;
  color: #333;
  padding-bottom: 25px;
}
.register_thanks_box p {
  font-size: 18px;
  color: #333;
}
.close_button {
  display: block;
  text-align: center;
  margin-top: 15px;
}
.close_button button {
  background: #001627;
  padding: 10px 30px;
  color: #fff;
  font-size: 18px;
}
.close_button button:hover {
  color: #fff;
}
.brd-border {
  border-bottom: 1px solid #f1f1f1;
  position: relative;
  top: -15px;
}
.breadcrumb {
  margin-bottom: 0px;
  background: none;
  margin-left: -15px;
}
.breadcrumb li a {
  color: #87b39e;
  font-weight: bold;
}
.has-error .form-control:focus {
  box-shadow: none;
}
.modalInput input[type="number"] {
  height: 45px;
  width: 100%;
  border-radius: 30px;
  border: 1px solid #e0dfdf;
  padding: 0px 15px;
  outline: none;
}
.SiteBtn12 a,
.SiteBtn12 button {
  border: none;
  height: 35px;
  display: inline-block;
  background: #87b39e;
  border-radius: 30px;
  line-height: 37px;
  color: #fff;
  text-align: center;
  padding: 0px 13px;
  text-transform: uppercase;
  font-size: 11px;
  outline: none;
}
.SiteBtn12 a:hover,
.SiteBtn12 button:hover {
  background: #91c3ab;
}
#bs-example-navbar-collapse-1 .dropdown-menu {
  padding: 0px;
  top: 0;
  left: 100%;
  border-radius: 0 !important;
  border: 1px solid #ccc !important;
}
#bs-example-navbar-collapse-1 .dropdown-menu:empty {
  display: none !important;
}
#bs-example-navbar-collapse-1 .dropdown-menu li {
  display: block;
}
#bs-example-navbar-collapse-1 .dropdown-submenu {
  position: relative;
}
#bs-example-navbar-collapse-1 .dropdown-submenu:nth-child(odd) {
  background: #f7f7f7;
}
#bs-example-navbar-collapse-1 .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 10px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
  display: none !important;
}
#bs-example-navbar-collapse-1 .dropdown-submenu:hover > .dropdown-menu {
  display: block !important;
}
#bs-example-navbar-collapse-1 .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
#bs-example-navbar-collapse-1 .dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 18px;
  margin-right: -10px;
}
#bs-example-navbar-collapse-1 .dropdown-submenu:hover > a:after {
  border-left-color: #ccc;
}
#bs-example-navbar-collapse-1 .dropdown-submenu.pull-left {
  float: none;
}
#bs-example-navbar-collapse-1 .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
#productmsg {
  color: red;
  font-size: 12px;
  font-weight: normal;
}
#bs-example-navbar-collapse-1 .dropdown a:hover ul {
  display: none !important;
}
#bs-example-navbar-collapse-1 .dropdown:hover > .multi-level {
  display: block;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: transparent;
  color: #232f3e;
}
.InputBorder .fs-label {
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 0px;
  border-radius: 0px;
}
.InputBorder .fs-wrap {
  width: 100%;
  line-height: 2;
  outline: none;
}
.InputBorder .fs-label-wrap .fs-label {
  border: none;
  border-bottom: 1px solid #ccc;
}
.InputBorder .fs-dropdown {
  width: 100%;
}
.dropdown-menu {
  padding: 0;
  width: 100%;
}
.dropdown-menu > li:last-child > a {
  border-bottom: none;
}
.radio.checkbox {
  padding-bottom: 8px;
}
.TableGryInner {
  font-family: "Open Sans";
}
.OdCheckOut .SiteBtn a {
  width: 75%;
}
.disabled {
  pointer-events: none;
  opacity: 0.7;
}
.myaccount_box {
  float: left;
  position: relative;
  margin: 0px 10px 0px 10px;
}
.myaccount_box button {
  width: auto;
  height: 39px;
  text-align: center;
  border-radius: 4px;
  border: none;
  background: #e1e1e1;
  font-size: 12px;
  color: #232f3e;
  padding: 0px 10px;
  font-family: "Open Sans";
}
.myaccount_box a {
  width: auto;
  height: 39px;
  text-align: center;
  border-radius: 4px;
  border: none;
  background: #e1e1e1;
  font-size: 12px;
  color: #232f3e;
  padding: 10px;
  font-family: "OpenSans-Bold";
  float: left;
}
.myaccount_box a:nth-child(2) {
  margin-left: 10px;
}
.myaccount_box .dropdown-menu li {
  float: none;
  display: block;
}
.myaccount_box .dropdown-menu li a {
  float: none;
}

.pallet_box {
  float: left;
}
.pallet_box a {
  display: block;
  height: 39px;
  line-height: 39px;
  padding: 0px 20px 0 10px;
  border-radius: 4px;
  background: #e1e1e1;
  font-size: 16px;
}
.pallet_box a:after,
.pallet_box a:before {
  display: table;
  clear: both;
  content: "";
}
.pallet_box a .pallet_icon {
  float: left;
  width: 22px;
}
#headerPallet {
  float: none;
  padding-left: 0px;
  position: relative;
}
#headerPallet:after,
,
#headerPallet:before {
  display: table;
  clear: both;
}

.item_cart {
  float: left;
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background: #87b39e;
  padding: 5px;
  right: -47px;
  top: -4px;
}
.item_cart .pro_count {
  position: absolute;
  right: -16px;
  top: -8px;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  padding: 0;
  line-height: 25px;
  background: red;
  text-align: center;
}
.cart_price {
  float: left;
  font-size: 22px;
  font-family: "OpenSans-Bold";
  color: #232f3e;
}
.cart_price sup {
  font-size: 14px;
}
.cart_price sup.dolor {
  left: 2px;
}
.cart_price sup.point {
  right: 2px;
}

.myaccount_box .dropdown-menu {
  right: auto;
  left: 0;
  background: #ffffff;
  border: none;
  padding: 0px 10px;
  top: 38px;
}
.myaccount_box .dropdown-menu > li > a {
  text-align: left !important;
  color: #333333;
  padding: 0px;
  font-size: 13px;
  text-transform: none;
  background: transparent;
}
.myaccount_box .dropdown-menu > li > a:hover {
  color: #87b39e;
}
.myaccount_box.open .dropdown-toggle i {
  transform: rotate(180deg);
}
.navbar .navbar-header {
  float: left;
  width: 19%;
  text-align: right;
  padding-right: 10px;
}
.top_header {
  display: block;
  text-align: center;
  position: relative;
}
.top_header:after,
.top_header:before {
  display: table;
  clear: both;
  content: "";
}
.top_header_inner {
  display: block;
  padding-left: 26.4%;
}
.top_header_inner .bs-example-navbar-collapse-1 {
  float: left;
}
.top_header #bs-example-navbar-collapse-1 {
  float: left;
}
.number_email {
  float: right;
  padding-left: 0px;
}
.number_email p {
  margin-bottom: 0px;
  font-family: "OpenSans-Bold";
  background: url(../images/white_support.png) no-repeat;
  background-size: 12px 12px;
  padding-left: 20px;
  background-position: left center;
  color: #87b39e;
  font-size: 12px;
  padding-top: 2px;
}
.number_email p a {
  color: #87b39e;
}
.bottom_header {
  display: block;
}
.bottom_header:after,
.bottom_header:before {
  display: table;
  clear: both;
  content: "";
}
.old_image {
  float: left;
  padding-right: 12px;
  width: 4%;
}
.OdCheckOut .freeShip {
  width: 100%;
  text-align: center;
}
.BlueBox .OdSubTtl .ClearBoth h4 strong {
  font-size: 15px;
}
.RecentView article figure {
  position: relative;
  height: 220px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}
.RecentView article figure img {
  object-fit: contain;
  object-position: center;
  width: 85%;
  padding: 10px;
  height: 100%;
  margin: 0px auto;
  display: block;
}
.RecentView article figure .ProductsHover {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: rgba(0, 21, 42, 0.6);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -moz-transform: translateY(100%);
}
.RecentView article figure .ProductsHover article {
  width: 100%;
  display: block;
  padding: 0px 30px;
}
.RecentView article figure .ProductsHover a {
  border-radius: 30px;
  height: 30px;
  background: #87b39e;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  margin: 10px auto;
  padding: 0px 25px;
  color: #333;
  font-family: "DIN-Bold";
  display: block;
  float: none;
}
.RecentView article figure .ProductsHover a:hover {
  background: #fff;
  color: #000;
}
.RecentView article figure:hover .ProductsHover {
  transform: translateY(0%);
  -ms-transform: translateY(0%);
  -moz-transform: translateY(0%);
}
.RecentView article figcaption h3 a {
  text-align: center;
  display: block;
  font-size: 14px;
  color: #76a990;
  font-family: Open Sans;
  margin-bottom: 5px;
  margin-top: 5px;
}
.fsel .fs-wrap {
  display: inline-block;
  cursor: pointer;
  line-height: 1;
  width: 100%;
}
.fsel .fs-dropdown {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-top: 5px;
  position: absolute;
  text-align: left;
  width: 100%;
  z-index: 1000;
}
.fsel .fs-label-wrap .fs-label {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #ccc;
  overflow: hidden;
  padding: 8px 22px 6px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #555;
  cursor: pointer;
  min-height: 18px;
  height: 42px;
  font-family: "Open Sans";
  line-height: normal;
  box-shadow: none;
  border: 1px solid #f0eded;
  border-radius: 3px;
}
.getFreeShipping {
  cursor: pointer;
}
.clubcoNews {
  cursor: pointer;
}
.sampleOrder {
  cursor: pointer;
}
.banner_box li {
  display: block;
  height: 526px;
  overflow: hidden;
  border: solid 1px #e1e1e1;
}
.banner_box li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.FooterMenu .container .row {
  display: flex;
  flex-flow: row wrap;
}
#SideNavBtn {
  position: absolute;
  right: 0;
  color: #000;
  display: none;
}
#SideNavBtn .fa-times,
#SideNavBtn.active .fa-bars {
  display: none;
}
#SideNavBtn.active .fa-times {
  display: block;
}
.ListingHeader .ListingPageTit h2 a {
  position: absolute;
  top: 0;
  right: 0;
  color: #232f3e;
  display: none;
}
.ListingHeader .ListingPageTit h2 a i {
  margin-left: 5px;
}
.ListingPageTit {
  display: block;
  width: 100%;
  float: none;
}
.closeTab {
  text-align: right;
  display: none;
}
.closeTab a {
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  display: inline-block;
  background: #4e9b76;
  color: #fff;
}
.FootMenus li p {
  margin-bottom: 0px;
}
.email_template_bg {
  font-family: "DIN";
}
.email_template_bg p {
  margin: 0px;
}
.drop_button {
  position: absolute;
  right: 0;
  top: auto;
  bottom: 0;
  width: 40px;
  height: 40px;
  z-index: 99;
}
.drop_button:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 17px;
  border-top: solid 8px #cccccc;
  border-left: solid 6px transparent;
  border-right: solid 6px transparent;
}
.dropdown.mobile_dropdown {
  display: none;
}
.ProDropDown .dropdown.mobile_dropdown .categories_drop_box {
  height: 0 !important;
  display: none !important;
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
.ProDropDown .dropdown.mobile_dropdown.open .categories_drop_box {
  display: block !important;
  height: auto !important;
  opacity: 1 !important;
}
body
  .warper
  .ProDropDown
  .dropdown.mobile_dropdown.open
  #bs-example-navbar-collapse-1
  .dropdown-submenu.open
  > .dropdown-menu {
  display: block !important;
}
.drop_button {
  display: none;
}
#invoice_div h4 {
  font-size: 16px;
}
#invoice_method.AccountBodyPart h4 {
  font-size: 16px;
}
.ckDiv img {
  display: flex;
  margin: auto !important;
  text-align: center !important;
}
.margbot0 ul li {
  margin-bottom: 0px !important;
  margin-left: 20px;
}
.orderClass .fs-wrap {
  width: 100%;
  line-height: 2;
  outline: none;
}
.orderClass .fs-dropdown {
  width: 95%;
}
.orderasample .fs-wrap {
  width: 100%;
  line-height: 2;
}
.orderasample .fs-dropdown {
  width: 95%;
}
.proName .fs-wrap {
  width: 100%;
  line-height: 2;
}
.proName .fs-dropdown {
  width: 95%;
}
/*#myList li{ display:none;}*/
.xyz {
  color: #a8e0c5;
}
.hideCard {
  display: none;
}
.selectCard {
  cursor: pointer;
}
.col-md-12.selectCard article:hover {
  background: #87b39e;
  color: #ffffff;
}
#supplier_form .mr-bottom-20 label {
  width: 30%;
  float: left;
  margin-top: 25px;
}
#supplier_form .mr-bottom-20 .form-control {
  width: 68%;
  float: left;
  margin-left: 2%;
  margin-top: 10px;
}
#supplier_form .mr-bottom-20 select.form-control {
  width: 67%;
  float: left;
  margin-left: 1%;
}
.manufact {
  display: none;
}
.contact-info-section .col-sm-12 .supplier-form {
  margin: 0 auto;
  width: 70%;
}
.forgotEmail {
  font-size: 16px;
  width: 50%;
  text-align: center;
  margin: 0px auto;
}