@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/iransans/IRANSansWeb(FaNum).woff2"); }
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/iransans/IRANSansWeb(FaNum)_Bold.woff2"); }
a, p, h1, h2, h3, h4, h5, h6, li, button, input, div {
  direction: rtl;
  font-family: IRANSans; }

.myloader {
  background: rgba(255, 255, 255, 0.85);
  z-index: 55555;
  position: absolute;
  height: 1000px;
  width: 100%; }

.loader {
  position: relative;
  top: 30%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background-color: #03a9f4;
  border-radius: 50%;
  margin: auto; }
  .loader:after {
    content: '';
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    border: 0px solid white;
    transform: translate(-50%, -50%);
    animation: loading 1000ms ease-out forwards infinite; }

@keyframes loading {
  0% {
    border: 0px solid white; }
  20% {
    border: 8px solid white;
    width: 0%;
    height: 0%; }
  100% {
    border: 8px solid white;
    width: 100%;
    height: 100%; } }
.clearboth {
  clear: both; }

.myflot-right {
  float: right; }

.mypadding {
  padding: 0 13px; }

.myrow {
  padding: 0 3px; }

.scroll::-webkit-scrollbar {
  background: #fff;
  width: 5px; }

.scroll::-webkit-scrollbar-thumb {
  background: #ccc; }

.offer {
  position: absolute;
  top: 0px;
  font-size: 15px;
  color: #fff;
  background: #fd6162;
  width: 50px;
  min-height: 50px;
  text-align: center;
  vertical-align: bottom;
  z-index: 5;
  right: 30px;
  padding-top: 16px;
  line-height: 1.1; }

.offer::after {
  content: " ";
  position: absolute;
  top: 50px;
  right: 0px;
  z-index: -1;
  border-right: solid 25px transparent;
  border-left: solid 25px transparent;
  border-top: solid 17px #fd6162; }

.offer.small {
  position: absolute;
  top: 0px;
  font-size: 8px;
  color: #fff;
  background: #fd6162;
  width: 33px;
  min-height: 33px;
  text-align: center;
  vertical-align: bottom;
  z-index: 5;
  right: 30px;
  padding-top: 5px;
  line-height: 1.1; }

.offer.small span:first-child {
  font-size: 14px; }

.offer.small::after {
  content: " ";
  position: absolute;
  top: 33px;
  right: 0px;
  z-index: -1;
  border-right: solid 16.5px transparent;
  border-left: solid 16.5px transparent;
  border-top: solid 10px #fd6162; }

.special {
  position: absolute;
  top: 0px;
  font-size: 15px;
  color: #fff;
  background: #7ad3d3;
  width: 50px;
  min-height: 50px;
  text-align: center;
  vertical-align: bottom;
  z-index: 5;
  right: 30px;
  padding-top: 16px;
  line-height: 1.1; }

.special::after {
  content: " ";
  position: absolute;
  top: 50px;
  right: 0px;
  z-index: -1;
  border-right: solid 25px transparent;
  border-left: solid 25px transparent;
  border-top: solid 17px #7ad3d3; }

.special.small {
  position: absolute;
  top: 0px;
  font-size: 6px;
  color: #fff;
  background: #7ad3d3;
  width: 33px;
  min-height: 33px;
  text-align: center;
  vertical-align: bottom;
  z-index: 5;
  right: 30px;
  padding-top: 10px;
  line-height: 1.1; }

.special.small::after {
  content: " ";
  position: absolute;
  top: 33px;
  right: 0px;
  z-index: -1;
  border-right: solid 16.5px transparent;
  border-left: solid 16.5px transparent;
  border-top: solid 10px #7ad3d3; }

.new {
  background-image: url(../img/new.png);
  background-repeat: no-repeat;
  position: absolute;
  margin-top: 5px;
  right: 20px;
  width: 79px;
  height: 83px; }

a:hover {
  text-decoration: none; }

a {
  cursor: pointer; }

.mytitle.blue-color {
  background-color: #ecebe9 !important; }

.mytitle {
  height: 50px;
  background-color: #e6daca;
  margin: 20px 0;
  margin-bottom: 40px; }
  .mytitle .desktop {
    float: right;
    position: absolute;
    z-index: 5; }
    .mytitle .desktop img {
      width: 70px;
      height: 70px;
      margin-top: 15px;
      margin-right: 20px;
      border-radius: 50%;
      background-color: #fff; }
  .mytitle .title-link {
    color: #b5a38d;
    float: left;
    margin-top: 12px;
    margin-left: 20px;
    transition: all .2s; }
  .mytitle .title-link:hover {
    color: #685d50;
    transition: all .2s; }

header .logo {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background-color: #fff; }

.site-maps {
  margin: 0 0 10px 0; }
  .site-maps .item-site-maps {
    display: inline;
    margin: 0 2px;
    color: #7a7977;
    font-size: 12px; }
    .site-maps .item-site-maps i {
      color: #605e5b; }

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 22px; }

.switch input {
  display: none; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #3fb8af; }

input:focus + .slider {
  box-shadow: 0 0 1px #3fb8af; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.switch-box {
  display: inline; }

.text-switch {
  position: absolute;
  margin-right: 5px; }

.mybtn-toolbar {
  margin-right: 50px;
  display: inline; }
  .mybtn-toolbar .page-number {
    color: #a7a6a4;
    display: inline;
    margin: 0 10px; }
    .mybtn-toolbar .page-number i {
      color: #a7a6a4; }
  .mybtn-toolbar .active {
    background-color: #ecebe9;
    border-radius: 50%;
    padding: 0px 9px 0 5px; }

body {
  background: #fff !important; }

header .dropdown-menu > li > a {
  padding-top: 5px;
  padding-bottom: 5px; }
header .top-header {
  direction: ltr;
  background-color: #7fcbc8;
  color: #fff;
  height: 70px;
  padding: 20px 0px; }
  header .top-header .logo img {
    width: 90%; }
  header .top-header .user-box {
    float: left; }
    header .top-header .user-box .btn-login {
      background-color: #fff;
      color: #7fcbc8;
      margin-top: -7px;
      border-radius: 10px;
      padding: 7px; }
      header .top-header .user-box .btn-login a {
        color: #7fcbc8;
        cursor: pointer; }
      header .top-header .user-box .btn-login a:hover {
        text-decoration: none;
        color: #5aa29f; }
    header .top-header .user-box .btn-login:hover {
      outline: 0px;
      color: #5aa29f; }
    header .top-header .user-box .btn-login:focus {
      outline: 0px; }
  header .top-header .user-wrapper {
    direction: rtl;
    float: left; }
    header .top-header .user-wrapper ul {
      margin-left: 30px;
      margin-top: 5px; }
    header .top-header .user-wrapper li {
      display: inline;
      margin-left: 20px; }
      header .top-header .user-wrapper li span {
        margin: 0 3px; }
    header .top-header .user-wrapper li:hover {
      color: #e6daca; }
    header .top-header .user-wrapper .cart i {
      margin: -10px 10px 0 0;
      font-size: 25px;
      color: #fff; }
    header .top-header .user-wrapper .free-cart::after {
      content: " ";
      background-image: url(../img/icon/freetest.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 21.5px;
      height: 24px;
      position: absolute;
      margin: -8px 10px 0 0px; }
  header .top-header .search {
    float: right;
    background-color: #fff;
    color: #7fcbc8;
    direction: rtl;
    padding: 5px  20px  5px 10px;
    border-radius: 10px;
    width: 100%;
    max-width: 385px; }
    header .top-header .search i {
      float: left;
      margin-top: 2px; }
    header .top-header .search input {
      border: 0px;
      width: 90%; }
    header .top-header .search input:focus {
      border: 0;
      outline: 0; }
  header .top-header .logo {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -44px;
    margin-top: -12px;
    z-index: 5; }
header nav {
  background: #fff !important; }
  header nav .search {
    float: right;
    background-color: #fff;
    color: #7fcbc8;
    direction: rtl;
    padding: 5px  20px  5px 10px;
    border-radius: 10px;
    width: 100%;
    max-width: 385px; }
    header nav .search i {
      float: left;
      margin-top: 2px; }
    header nav .search input {
      border: 0px;
      width: 90%; }
    header nav .search input:focus {
      border: 0;
      outline: 0; }
  header nav .navbar {
    min-height: 60px; }
  header nav .navbar-right li {
    font-size: 16px; }
  header nav a {
    color: #b5a38d !important;
    padding: 20px 20px; }
  header nav a:hover {
    font-weight: bold; }
  header nav a:focus {
    font-weight: bold; }
header .navbar-collapse {
  padding-right: 0px;
  padding-left: 0px; }
header ul.nav.navbar-nav.navbar-right {
  float: left !important; }

@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out; }

  .row-offcanvas-right {
    right: 0; }

  .row-offcanvas-left {
    left: 0; }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%;
    /* 6 columns */ }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%;
    /* 6 columns */ }

  .row-offcanvas-right.active {
    right: 50%;
    /* 6 columns */ }

  .row-offcanvas-left.active {
    left: 50%;
    /* 6 columns */ }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%;
    /* 6 columns */ } }
.myclose {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  display: none;
  z-index: 999;
  transition: all .2s;
  margin-top: 116.4px; }

.mycloseheard {
  display: none;
  position: absolute;
  height: 150px;
  width: 100%;
  z-index: 50; }

.sidenav {
  display: inline; }
  .sidenav ul li {
    display: inline !important; }

@media screen and (max-width: 767px) {
  .mybody {
    overflow: hidden;
    z-index: 998;
    transition: all .2s; }

  nav {
    margin: 0; }

  .sidenav {
    overflow: scroll;
    height: 80vh;
    width: 0;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    margin-top: 50px;
    padding: 0; }
    .sidenav .navbar-right ul {
      display: block;
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-radius: 0px; }
      .sidenav .navbar-right ul li a {
        line-height: 20px; }
      .sidenav .navbar-right ul li a:hover {
        background: transparent;
        font-weight: bold; }
      .sidenav .navbar-right ul li a:focus {
        background: transparent;
        font-weight: bold; }

  .menu-icon {
    float: left !important;
    margin: -5px 0 0 0 !important; }

  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px; } }
.myslideshow {
  padding: 0 13px; }
  .myslideshow .carousel-indicators {
    margin-right: -23%; }
  .myslideshow .resane {
    width: 100%;
    color: #7fcbc8;
    border-radius: 0px;
    margin-bottom: 3px; }
  .myslideshow .videos {
    text-align: center; }
    .myslideshow .videos .video {
      padding: 3px 0;
      height: 147.5px;
      text-align: center;
      padding-left: 5px;
      padding-right: 5px;
      float: right;
      display: block; }
      @media screen and (max-width: 991px) {
        .myslideshow .videos .video {
          max-width: 290px !important;
          float: none;
          display: inline-block;
          margin: 0 auto; } }
    .myslideshow .videos .video::before {
      content: " ";
      width: 70px;
      height: 70px;
      background-color: #fff;
      position: absolute;
      left: 50%;
      margin-left: -35px;
      margin-top: 30px;
      border-radius: 50%;
      border: 8px solid rgba(0, 0, 0, 0.9); }
    .myslideshow .videos .video::after {
      content: " ";
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 0 10px 17px;
      border-color: transparent transparent transparent #000000;
      left: 50%;
      margin-top: -86px;
      margin-left: -6px; }
    .myslideshow .videos .video img {
      width: 100%;
      height: 100%; }
    .myslideshow .videos .video span {
      margin-top: -22px;
      position: absolute;
      color: #fff;
      padding: 2px 10px;
      background-color: rgba(255, 255, 255, 0.2);
      font-size: 9px; }
    .myslideshow .videos .video-time {
      float: right;
      right: 30px; }
    .myslideshow .videos .video-title {
      float: left;
      left: 30px; }

.owl-carousel .owl-wrapper-outer {
  direction: ltr; }

#owl-demo .item {
  background: #42bdc2;
  padding: 30px 0px;
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center; }

.new-product {
  box-shadow: 0px 1px 2px #a1a1a1;
  padding-bottom: 20px; }
  .new-product .slide-product-img {
    margin-top: 30px;
    width: 180px;
    height: 180px;
    overflow: hidden;
    margin: auto;
    transition: all 1s;
    transition-timing-function: linear; }
    .new-product .slide-product-img img {
      z-index: -1;
      transition: all .12s;
      width: 160px;
      margin: 10px auto; }
    .new-product .slide-product-img img:hover {
      margin: 0px auto;
      width: 180px;
      transition: all .2s;
      transition-timing-function: linear; }
  .new-product a h4:hover {
    color: #000;
    font-weight: bold; }
  .new-product .off-price {
    color: #f63d3d;
    font-size: 13px;
    height: 20px;
    text-decoration: line-through; }
  .new-product .price {
    color: #7fcbc8; }
  .new-product .price:hover {
    color: #5aa29f; }
  .new-product .volume {
    float: left;
    padding: 0 10px; }
  .new-product i.fa-user {
    padding: 0 20px; }
  .new-product .owl-nav .owl-next {
    position: absolute;
    left: 0;
    top: 32%;
    font-size: 32px;
    color: #f8f8f8;
    padding: 2px; }
  .new-product .owl-nav .owl-prev {
    position: absolute;
    right: 0px;
    top: 32%;
    font-size: 32px;
    color: #f8f8f8;
    padding: 2px;
    transition: all .2s; }
  .new-product .item
  * {
    text-align: center; }

.new-product:hover .owl-prev {
  color: rgba(200, 170, 125, 0.3);
  transition: all .2s; }

.new-product:hover .owl-next {
  color: rgba(200, 170, 125, 0.3);
  transition: all .2s; }

.owl-next:hover {
  color: rgba(200, 170, 125, 0.5) !important; }

.owl-prev:hover {
  color: rgba(200, 170, 125, 0.5) !important; }

.wrap {
  display: inline-block; }

a {
  text-decoration: none;
  color: #1a1a1a; }

h1 {
  margin-bottom: 60px;
  text-align: center;
  font: 300 2.25em "Lato";
  text-transform: uppercase; }

h1 strong {
  font-weight: 400;
  color: #ea4c4c; }

h2 {
  margin-bottom: 80px;
  text-align: center;
  font: 300 0.7em "Lato";
  text-transform: uppercase; }

h2 strong {
  font-weight: 400; }

.countdown {
  width: 100%;
  margin: 0 auto; }

.countdown .bloc-time {
  float: left;
  text-align: center; }

.countdown .bloc-time:last-child {
  margin-right: 0; }

.countdown .count-title {
  display: block;
  margin-bottom: 15px;
  font: normal 0.94em "Lato";
  color: #1a1a1a;
  text-transform: uppercase; }

.countdown .figure {
  position: relative;
  float: left;
  height: 47.5px;
  width: 35px;
  margin-right: 2px;
  background-color: #252525;
  border-radius: 8px;
  -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); }

.countdown .figure:last-child {
  margin-right: 0; }

.countdown .figure > span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  font: normal 2.5em/50px "Lato";
  font-weight: 700;
  color: #fff; }

.countdown .figure .top:after,
.countdown .figure .bottom-back:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.countdown .figure .top {
  z-index: 3;
  background-color: #3e3e3e;
  transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-transform: perspective(200px);
  -ms-transform: perspective(200px);
  -webkit-transform: perspective(200px);
  transform: perspective(200px); }

.countdown .figure .bottom {
  z-index: 1; }

.countdown .figure .bottom:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: rgba(0, 0, 0, 0.02); }

.countdown .figure .bottom-back {
  z-index: 2;
  top: 0;
  height: 50%;
  overflow: hidden;
  background-color: #3e3e3e;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px; }

.countdown .figure .bottom-back span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto; }

.countdown .figure .top,
.countdown .figure .top-back {
  height: 50%;
  overflow: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.countdown .figure .top-back {
  z-index: 4;
  bottom: 0;
  background-color: #252525;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -moz-transform: perspective(200px) rotateX(180deg);
  -ms-transform: perspective(200px) rotateX(180deg);
  -webkit-transform: perspective(200px) rotateX(180deg);
  transform: perspective(200px) rotateX(180deg);
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px; }

.countdown .figure .top-back span {
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  margin: auto; }

.colon {
  font-size: 45px;
  line-height: 1;
  margin: 0 2px; }

.timerbox {
  box-shadow: 0px 1px 1px #a1a1a1;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 20px; }
  .timerbox .title {
    color: #e01916;
    font-weight: bold;
    text-align: center; }
  .timerbox .price-timers {
    display: inline-block;
    margin: 0px 0;
    background-color: #e01916;
    border-radius: 10px 0 0 10px;
    width: 100%;
    max-width: 300px; }
    .timerbox .price-timers .price-timer-one {
      float: right;
      padding: 2px 40px 2px 20px;
      border: 2px solid #e01916;
      border-right: transparent;
      background-color: #fff;
      border-radius: 10px 0 0 10px;
      margin: 0;
      font-weight: bold;
      color: #6c6b6b; }
    .timerbox .price-timers .price-timer-two {
      font-weight: bold;
      padding: 2px 20px 2px 40px;
      float: left;
      padding-right: 0px;
      background-color: #e01916;
      border: 2px solid #e01916;
      border-radius: 10px 0 0 10px;
      color: #fff;
      margin: 0; }
      .timerbox .price-timers .price-timer-two span {
        font-size: 13px;
        vertical-align: middle; }
  .timerbox h5 {
    text-align: center;
    font-weight: bolder; }
  .timerbox .offtimers {
    display: inline-block; }
  .timerbox .product-one {
    padding: 12px 0;
    background-color: #f7f5f3;
    margin-top: 15px;
    color: #969594;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    transition: all .2s; }
  .timerbox .product-one:hover {
    background-color: #e6daca;
    color: #000;
    font-weight: bold;
    transition: all .2s; }
  .timerbox .product-two {
    padding: 12px 0;
    background-color: #e9e8e8;
    color: #6c6b6b;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto; }
  .timerbox .product-two:hover {
    background-color: #e6daca;
    color: #000;
    font-weight: bold;
    transition: all .2s; }
  .timerbox .product-three {
    padding: 12px 0;
    background-color: #dedede;
    color: #000;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto; }
  .timerbox .product-three:hover {
    background-color: #e6daca;
    color: #000;
    font-weight: bold;
    transition: all .2s; }
  .timerbox .triangle {
    width: 100%;
    max-width: 360px;
    max-height: 20px;
    border-style: solid;
    border-width: 20px 180px 0px 180px;
    border-color: #dedede transparent transparent transparent;
    margin-left: auto;
    margin-right: auto; }
  .timerbox .product-last:hover .triangle {
    border-color: #e6daca transparent transparent transparent;
    transition: all .2s; }
  .timerbox .product-last:hover .product-three {
    background-color: #e6daca;
    color: #000;
    font-weight: bold;
    transition: all .2s; }
  .timerbox .volume {
    position: absolute;
    right: 40px;
    margin-top: -40px; }

.servic-box {
  box-shadow: 0px 1px 1px #a1a1a1; }
  .servic-box .row {
    margin: 0px; }
  .servic-box .mytitle {
    margin-top: 0px; }
  .servic-box .servic {
    margin-top: 20px;
    width: 33.3333333%;
    float: right; }
    .servic-box .servic span {
      display: block;
      font-size: 12px;
      text-align: center; }
      .servic-box .servic span a:hover {
        font-weight: bold; }
      .servic-box .servic span img {
        margin: 20px auto 50px auto;
        display: block;
        background-color: #ecebe9;
        border-radius: 50%;
        transition: all .3s; }
      .servic-box .servic span img:hover {
        -ms-transform: rotate(7deg);
        /* IE 9 */
        -webkit-transform: rotate(7deg);
        /* Chrome, Safari, Opera */
        transform: rotate(360deg);
        transition: all .3s;
        background-color: #e6daca;
        box-shadow: 0px 0px 2px #a1a1a1; }

.mycomment {
  box-shadow: 0px 1px 1px #a1a1a1; }
  .mycomment .scrol-coment {
    height: 660px;
    overflow-y: scroll; }
    .mycomment .scrol-coment .mytitle {
      margin-bottom: 60px;
      position: relative; }
  .mycomment .scrol-coment .comm {
    padding-right: 40px; }
    .mycomment .scrol-coment .comm .name {
      background-color: #fff;
      padding-right: 70px;
      font-size: 12px;
      color: #ad9b84; }
    .mycomment .scrol-coment .comm .date {
      float: left;
      margin-top: -14px;
      padding-left: 70px;
      font-size: 10px; }
    .mycomment .scrol-coment .comm .comment {
      background-color: #7ad3d3;
      margin: 7px 3px 30px 15px;
      min-height: 53px;
      border-radius: 40px 50px 5px 40px; }
      .mycomment .scrol-coment .comm .comment .indent {
        text-indent: 5px; }
      .mycomment .scrol-coment .comm .comment .replay {
        border-bottom: 1px solid #fff;
        padding: 0 10px; }
        .mycomment .scrol-coment .comm .comment .replay .replay-profile {
          width: 45px;
          height: 45px;
          float: left;
          margin-top: 5px;
          border: 4px solid #7ad3d3;
          border-radius: 50%; }
      .mycomment .scrol-coment .comm .comment p {
        padding: 0 10px;
        text-align: justify;
        color: #fff;
        font-size: 12px;
        line-height: 2; }
      .mycomment .scrol-coment .comm .comment .indent::first-line {
        line-height: 3.5; }
      .mycomment .scrol-coment .comm .comment .profile img {
        margin-top: -30px;
        margin-right: -40px;
        float: right;
        border-top: 10px solid #fff;
        border-right: 10px solid #fff;
        border-left: 10px solid #fff;
        border-bottom: 10px solid #fff;
        border-radius: 50% 50%  50% 50%; }
  .mycomment .scrol-coment::-webkit-scrollbar {
    width: 5px; }
  .mycomment .scrol-coment::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2); }

.myarticle {
  padding-right: 0;
  padding-left: 0;
  box-shadow: 0px 1px 1px #a1a1a1;
  margin-top: 5px; }
  .myarticle .mytitle {
    margin-top: 0px; }
  .myarticle .scrollbar {
    padding: 0 0 10px 0;
    direction: rtl; }
    .myarticle .scrollbar .scroll {
      overflow-y: scroll;
      height: 508px; }
  .myarticle .scroll::-webkit-scrollbar {
    background: #fff;
    width: 5px; }
  .myarticle .scroll::-webkit-scrollbar-thumb {
    background: #ccc; }
  .myarticle .last-article .article-img {
    float: right;
    margin: 0 5px 5px 5px; }
  .myarticle .last-article h5 {
    font-weight: bold;
    vertical-align: middle;
    padding-left: 20px;
    margin-top: 20px;
    line-height: 2; }
  .myarticle .last-article p {
    font-size: 11px;
    clear: both;
    padding: 0 80px 0 20px; }
  .myarticle .last-article .date {
    font-size: 10px;
    text-align: left;
    margin-left: 40px; }
  .myarticle .last-article .line {
    display: block; }
  .myarticle .Read-more {
    text-align: left;
    color: #7fcbc8;
    font-size: 12px;
    margin: 0 15px; }

.newproduct {
  padding-left: 0; }
  .newproduct .newproducts img {
    margin-top: 5px;
    width: 100%;
    max-width: 359;
    height: 350;
    margin-bottom: 20px; }

.from {
  background-color: #ecebe9;
  margin: 20px 0; }
  .from .cellone {
    padding: 0px; }
    .from .cellone .body-article {
      border-radius: 0 10px 10px 0; }
  .from .celltwo {
    padding: 0px; }
    .from .celltwo .body-article {
      border-radius: 0px; }
  .from .cellthree {
    padding: 0px; }
    .from .cellthree .body-article {
      border-radius: 10px 0 0 10px; }
  .from .logo img {
    position: absolute;
    right: 20px;
    width: 60px;
    height: 60px;
    margin-top: 10px; }
  .from .title {
    text-align: center;
    padding: 30px 0;
    color: #b4a590;
    font-weight: bold; }
  .from .body-article {
    background-color: #fff;
    min-height: 200px;
    margin-bottom: 20px;
    border-radius: 20px;
    padding: 10px; }
    .from .body-article .bgcomment {
      background-color: #fafafa;
      padding: 10px;
      border-radius: 20px;
      height: 180px; }
    .from .body-article .all-comment {
      height: 160px;
      overflow-y: scroll;
      direction: ltr; }
      .from .body-article .all-comment .comment div {
        border-bottom: 1px solid #fafafa;
        padding: 5px; }
      .from .body-article .all-comment .comment p {
        font-size: 10px;
        padding: 5px;
        color: #d8d1c9; }
      .from .body-article .all-comment .comment img {
        padding: 5px 20px 0 20px; }
      .from .body-article .all-comment .comment span.name {
        float: left;
        margin-top: 10px;
        font-size: 10px;
        color: #d2c6bd; }
    .from .body-article .all-comment::-webkit-scrollbar {
      width: 5px;
      right: -10px; }
    .from .body-article .all-comment::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2); }
    .from .body-article .from-img {
      text-align: center; }
      .from .body-article .from-img h5 {
        color: #a28e7b; }

.clearfix {
  padding-top: 20px; }

.clearfix-link {
  color: #777676;
  position: absolute;
  margin-right: -128px;
  bottom: 35px; }
  .clearfix-link h3 {
    width: 134px;
    font-size: 18px;
    float: right;
    text-align: center;
    font-weight: bold;
    margin: 0; }

.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
  clip: rect(auto, auto, auto, auto); }

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #ff7900;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: right;
  margin: 0 0.1em 0.1em 0;
  background-color: #cccccc; }

.c100 *,
.c100 *:before,
.c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.c100.center {
  float: none;
  margin: 0 auto; }

.c100.big {
  font-size: 240px; }

.c100.small {
  font-size: 80px; }

.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #cccccc;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #f5f5f5;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in; }

.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em); }

.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg); }

.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg); }

.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg); }

.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg); }

.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg); }

.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg); }

.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg); }

.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg); }

.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg); }

.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg); }

.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg); }

.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg); }

.c100.p13 .bar {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg); }

.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg); }

.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg); }

.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg); }

.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg); }

.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg); }

.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg); }

.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg); }

.c100.p21 .bar {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg); }

.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg); }

.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg); }

.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg); }

.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.c100.p26 .bar {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg); }

.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg); }

.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg); }

.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg); }

.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg); }

.c100.p31 .bar {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg); }

.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg); }

.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg); }

.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg); }

.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg); }

.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg); }

.c100.p37 .bar {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg); }

.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg); }

.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg); }

.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg); }

.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg); }

.c100.p42 .bar {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg); }

.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg); }

.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg); }

.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg); }

.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg); }

.c100.p47 .bar {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg); }

.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg); }

.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg); }

.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg); }

.c100.p52 .bar {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg); }

.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg); }

.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg); }

.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg); }

.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg); }

.c100.p57 .bar {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg); }

.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg); }

.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg); }

.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg); }

.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg); }

.c100.p62 .bar {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg); }

.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg); }

.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg); }

.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg); }

.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg); }

.c100.p67 .bar {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg); }

.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg); }

.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg); }

.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg); }

.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg); }

.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg); }

.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg); }

.c100.p74 .bar {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg); }

.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg); }

.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg); }

.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg); }

.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg); }

.c100.p79 .bar {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg); }

.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg); }

.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg); }

.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg); }

.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg); }

.c100.p84 .bar {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg); }

.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg); }

.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg); }

.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg); }

.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg); }

.c100.p89 .bar {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg); }

.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg); }

.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg); }

.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg); }

.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg); }

.c100.p94 .bar {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg); }

.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg); }

.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg); }

.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg); }

.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg); }

.c100.p99 .bar {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg); }

.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg); }

.c100:hover {
  cursor: default; }

.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb; }

.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em; }

.c100.dark {
  background-color: #777777; }

.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important; }

.c100.dark > span {
  color: #777777; }

.c100.dark:after {
  background-color: #666666; }

.c100.dark:hover > span {
  color: #c6ff00; }

.c100.green .bar,
.c100.green .fill {
  border-color: #4db53c !important; }

.c100.green:hover > span {
  color: #4db53c; }

.c100.green.dark .bar,
.c100.green.dark .fill {
  border-color: #5fd400 !important; }

.c100.green.dark:hover > span {
  color: #5fd400; }

.c100.orange .bar,
.c100.orange .fill {
  border-color: #dd9d22 !important; }

.c100.orange:hover > span {
  color: #dd9d22; }

.c100.orange.dark .bar,
.c100.orange.dark .fill {
  border-color: #e08833 !important; }

.c100.orange.dark:hover > span {
  color: #e08833; }

footer {
  background-color: #868686;
  color: #fdfcfb;
  border-top: 16px solid #7fcbc8;
  border-bottom: 16px solid #ede9e4;
  padding: 15px 0;
  font-size: 12px; }
  footer h5 {
    margin-bottom: 35px; }
  footer ul {
    list-style: none;
    padding: 0; }
  footer li {
    color: #ddd;
    margin: 5px 0; }
  footer li:hover {
    color: #fff; }
  footer li a {
    color: #ddd; }
  footer span a {
    color: #ddd; }
  footer li a:hover {
    color: #fff; }
  footer .footertop {
    margin-bottom: 50px; }
    footer .footertop .service {
      text-align: right; }
      footer .footertop .service h5 {
        box-shadow: none !important; }
      footer .footertop .service .dropdown-menu {
        float: right;
        position: relative;
        background-color: transparent;
        border: 0px;
        box-shadow: none; }
        footer .footertop .service .dropdown-menu li a {
          color: #ddd;
          padding: 0;
          font-size: 12px;
          text-align: right; }
        footer .footertop .service .dropdown-menu li a:hover {
          background: transparent;
          color: #fff; }
    footer .footertop .about {
      min-height: 180px; }
      footer .footertop .about i {
        position: absolute;
        right: 120px; }
    footer .footertop .follow {
      text-align: center; }
      footer .footertop .follow li {
        display: inline;
        margin: 0 4px; }
    footer .footertop .eee .logo {
      margin-top: 40px;
      text-align: center; }
  footer .line {
    border-bottom: 1px solid #ddd;
    width: 100%;
    margin: 10px 0px; }
  footer .footerdown {
    padding: 0 20px 150px 20px; }
    footer .footerdown .address {
      display: inline; }
    footer .footerdown .quicklink {
      text-align: left;
      float: left; }
      footer .footerdown .quicklink li {
        display: inline;
        margin-right: 30px; }
    footer .footerdown .copyright .pe {
      font-size: 10px;
      display: inline; }
    footer .footerdown .copyright .en {
      float: left; }
      footer .footerdown .copyright .en li {
        display: inline;
        margin-right: 10px; }

@media screen and (min-width: 768px) {
  .service .dropdown-menu {
    display: block; } }
@media screen and (max-width: 1200px) {
  .myarticle .scrollbar .scroll {
    height: 396px; }

  .mycomment .scrol-coment {
    height: 540px; }

  .slideshows {
    margin-top: 40px; }

  .timerbox .triangle {
    border-width: 20px 147px 0px 147px; }

  .from {
    background: transparent; }
    .from .title {
      background: #ecebe9; } }
@media screen and (max-width: 991px) {
  .myarticle .scrollbar .scroll {
    height: 485px; }

  .timerbox .product {
    max-width: 100%; }
  .timerbox .triangle {
    border-width: 20px 350px 0px 350px;
    max-width: 100%; }

  .from .cellone .body-article {
    padding: 0 150px; }

  .myslideshow .video {
    padding: 5px 20px; }

  header .logo {
    width: 80px;
    height: 80px; }
  header nav a {
    font-size: 12px; }
  header .top-header {
    padding: 20px;
    height: 76px; }
    header .top-header .search {
      width: 30%; }
    header .top-header .user-wrapper .cart i {
      margin: -30px 25px 0 0; }
    header .top-header .user-wrapper ul {
      margin-top: -8px; }
      header .top-header .user-wrapper ul .free-cart {
        margin: 0; }
      header .top-header .user-wrapper ul li {
        display: block;
        margin: 0 0 15px 0; } }
@media screen and (max-width: 767px) {
  .timerbox .triangle {
    border-width: 20px 48vw 0px 47vw;
    max-width: 100%; }

  .from .cellone .body-article {
    padding: 0; }

  header .top-header {
    background-color: #fff;
    color: #7fcbc8;
    padding-left: 0px;
    padding-right: 0px;
    height: 65px;
    padding-top: 5px; }
    header .top-header .logo {
      background: transparent;
      max-width: 110px;
      max-height: 110px; }
      header .top-header .logo img {
        width: 100%; }
    header .top-header .user-box {
      margin: 0px;
      margin-top: 25px;
      float: right;
      font-size: 12px; }
      header .top-header .user-box .btn-login {
        padding: 0; }
        header .top-header .user-box .btn-login i {
          font-size: 26px;
          color: #fff;
          background-color: #7fcbc8;
          padding: 3px 5.2px;
          border-radius: 50%;
          vertical-align: middle; }
    header .top-header .user-wrapper {
      margin: 0;
      padding: 0;
      margin-top: 25px; }
      header .top-header .user-wrapper ul {
        margin: 0;
        padding: 0; }
        header .top-header .user-wrapper ul li.cart {
          margin: 0;
          padding: 0; }
          header .top-header .user-wrapper ul li.cart i {
            margin: 0;
            padding: 0;
            margin-top: -30px;
            color: #7fcbc8 !important;
            font-size: 36px; }
        header .top-header .user-wrapper ul .free-cart {
          margin: 0;
          margin-top: -30px;
          margin-right: -60px;
          padding: 0; }
        header .top-header .user-wrapper ul .free-cart::after {
          background-image: url(../img/icon/atr.png) !important;
          background-size: cover;
          width: 30px;
          height: 34px;
          margin: 0;
          padding: 0;
          margin-top: -4px; }
  header nav {
    background-color: #7fcbc8 !important; }
    header nav .search {
      max-width: 78vw;
      margin: 8px 5px 0 0; }
  header .navbar-collapse {
    position: absolute;
    z-index: 555;
    width: 200px;
    left: 14px;
    background: #fff;
    padding: 0 10px; }

  .navbar-collapse {
    padding: 0 !important; }

  .navbar-nav {
    margin: 0px; }
    .navbar-nav > li > a {
      border-top: solid 1px #7fcbc8; }

  header .nav.navbar-nav.navbar-right {
    float: right !important;
    width: 100%;
    padding: 0px;
    margin: 0px; }
    header .nav.navbar-nav.navbar-right ul {
      margin: 0;
      background-color: #7fcbc8; }
    header .nav.navbar-nav.navbar-right li {
      margin-right: 0; }
    header .nav.navbar-nav.navbar-right .dropdown-menu a {
      padding: 10px;
      color: #fff !important; }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff; }

  footer {
    background-color: #7fcbc8;
    border: 0; }
    footer h5 {
      margin: 10px; }
    footer li {
      color: #fff; }
      footer li a {
        color: #fff; }
    footer .footertop {
      text-align: center;
      margin-bottom: 0px; }
      footer .footertop .servicemobile {
        text-align: center;
        margin-bottom: 10px; }
        footer .footertop .servicemobile h5 {
          border-bottom: 1px solid #fff;
          border-top: 1px solid #fff;
          padding: 10px; }
      footer .footertop .about {
        min-height: 0; }
        footer .footertop .about i {
          position: relative;
          right: 0; }
      footer .footertop .eee .logo {
        margin-top: 0px; }
        footer .footertop .eee .logo img {
          max-height: 100px; }
    footer .service {
      width: 100%; }
      footer .service h5 {
        box-shadow: none !important;
        text-align: center; }
      footer .service .dropdown-menu {
        float: none !important;
        border-bottom: 1px solid #fff !important; }
        footer .service .dropdown-menu li a {
          text-align: center !important; }
    footer .about {
      min-height: 180px; }
      footer .about i {
        position: absolute;
        right: 120px; }
    footer .footerdown {
      padding-bottom: 40px;
      text-align: center; }
      footer .footerdown .address {
        padding: 10px 0;
        border-bottom: 1px solid #fff;
        display: block; }
      footer .footerdown .quicklink {
        border-bottom: 1px solid #fff;
        padding: 10px 0;
        margin: 0;
        text-align: center;
        float: none; }
      footer .footerdown .copyright .pe {
        float: none;
        display: block;
        padding: 10px 0; }
      footer .footerdown .copyright .en {
        float: none;
        display: block;
        padding: 10px 0; }

  .myslideshow .carousel-indicators {
    margin: 0px;
    padding: 0;
    right: 0;
    left: 0;
    width: 100%;
    bottom: .1vh; } }
@media screen and (max-width: 431px) {
  .clearfix .c100 {
    float: none;
    margin: auto; }
  .clearfix .clearfix-link {
    color: #777676;
    position: static; }
    .clearfix .clearfix-link h3 {
      margin: 0 auto;
      float: none; }

  .footerdown {
    padding-bottom: 0px !important; }

  header .top-header {
    padding: 0px;
    height: 50px; }
    header .top-header .logo {
      background: transparent;
      max-width: 80px;
      max-height: 80px;
      margin-top: 0px; }
      header .top-header .logo img {
        width: 100%; }
    header .top-header .user-box {
      margin: 0px;
      margin-top: 25px;
      float: right;
      font-size: 10px; }
      header .top-header .user-box .btn-login {
        padding: 0; }
        header .top-header .user-box .btn-login i {
          font-size: 22px;
          color: #fff;
          background-color: #7fcbc8;
          padding: 3px 5.2px;
          border-radius: 50%;
          vertical-align: middle; }
    header .top-header .user-wrapper {
      margin: 0;
      padding: 0;
      margin-top: 25px; }
      header .top-header .user-wrapper ul {
        margin: 0;
        padding: 0; }
        header .top-header .user-wrapper ul li.cart {
          margin: 0;
          padding: 0; }
          header .top-header .user-wrapper ul li.cart i {
            margin: 0;
            padding: 0;
            margin-top: -30px;
            color: #7fcbc8 !important;
            font-size: 26px; }
        header .top-header .user-wrapper ul .free-cart {
          margin: 0;
          margin-top: -20px;
          margin-right: -40px;
          padding: 0; }
        header .top-header .user-wrapper ul .free-cart::after {
          background-image: url(../img/icon/atr.png) !important;
          background-size: cover;
          width: 20px;
          height: 22px;
          margin: 0;
          padding: 0;
          margin-top: -4px; }

  .myclose {
    margin-top: 101px; }

  .navbar-toggle {
    margin-left: 10px; } }
.modal-smsingin .singin-right {
  padding: 0 40px; }
.modal-smsingin .singin-left .singinlinks {
  padding-right: 40px;
  margin-top: 80px; }
  .modal-smsingin .singin-left .singinlinks a {
    display: block;
    font-size: 12px;
    margin: 20px 0;
    color: #b5a38d; }
.modal-smsingin .singin-left .singin-left-footer {
  margin-top: 150px;
  text-align: center; }
  .modal-smsingin .singin-left .singin-left-footer h6 {
    color: #b5a38d;
    display: inline;
    font-size: 11px; }
  .modal-smsingin .singin-left .singin-left-footer button {
    font-size: 11px;
    background-color: #bdeeec;
    color: #51a8a5; }
.modal-smsingin .line-login {
  position: absolute; }

.modal.fade button:focus {
  outline: 0; }
.modal.fade a:hover {
  font-weight: bold; }
.modal.fade a:focus {
  font-weight: bold; }
.modal.fade .modal-header {
  background-color: #ecebe9;
  margin-bottom: 20px; }
  .modal.fade .modal-header .modal-title {
    text-align: center; }
    .modal.fade .modal-header .modal-title img {
      width: 80px;
      height: 80px;
      background-color: #fff;
      margin-bottom: -60px;
      border-radius: 50%; }
.modal.fade h5 {
  color: #b5a38d;
  margin-top: 20px;
  text-align: center; }
.modal.fade .forget {
  font-size: 9px;
  margin-right: 20px;
  color: #b5a38d; }
.modal.fade .submit {
  margin: 0 auto;
  text-align: center;
  margin-top: 30px; }
  .modal.fade .submit .mybtn {
    background-color: #7fcbc8;
    margin: 0 auto;
    padding: 4px 20px;
    color: #fff; }
.modal.fade .modal-footer {
  text-align: center;
  margin-top: 50px;
  border: 0; }
  .modal.fade .modal-footer h6 {
    color: #b5a38d;
    display: inline; }
  .modal.fade .modal-footer button {
    font-size: 12px;
    background: #bdeeec;
    color: #51a8a5; }
.modal.fade .checkbox {
  color: #b5a38d; }

.error {
  height: 40px;
  width: 250px;
  background-color: rgba(255, 0, 0, 0.68);
  padding: 12px 15px;
  margin: 7px 10px;
  font-size: 11px;
  display: none;
  color: #fff; }

.error:before {
  left: 80%;
  position: absolute;
  margin-top: -36px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: rgba(255, 0, 0, 0.68);
  border-width: 12px; }

@media screen and (max-width: 400px) {
  .error {
    width: 200px;
    width: 60vw; }

  .error:before {
    left: 70%; } }
.form-group i {
  position: absolute;
  left: 25px;
  margin-top: -30px;
  display: none; }
.form-group .validatenotok {
  color: #fff;
  background-color: #f47777;
  padding: 2px 4px;
  border-radius: 100%;
  font-size: 20px !important; }
.form-group .validateok {
  color: #8adf7b;
  font-size: 28px !important; }

.brand-list {
  background: #eeeff1 url(../img/product-pattern.png); }
  .brand-list .mybtn {
    background-color: #7fcbc8;
    width: 100%;
    color: #fff; }
  .brand-list .ray {
    text-align: center; }
  .brand-list .mybtnsmall {
    background-color: #7fcbc8;
    width: 75%;
    color: #fff;
    margin: 10px auto; }
  .brand-list .products-container {
    margin-top: 15px;
    background: #fff;
    margin-bottom: 1rem;
    padding-bottom: 0.8rem; }
    .brand-list .products-container .about-brand {
      padding: 0 0 5px;
      border: 1px dotted  #c6c6c6; }
      .brand-list .products-container .about-brand .scroll {
        overflow-y: scroll;
        height: 350px;
        width: 100%;
        padding: 30px;
        transition: all 1s; }
        .brand-list .products-container .about-brand .scroll img {
          margin-top: 20px;
          width: 100%;
          max-width: 250px; }
      @media screen and (min-width: 769px) {
        .brand-list .products-container .about-brand .scroll {
          height: 350px !important;
          transition: all 1s; } }
      @media screen and (max-width: 767px) {
        .brand-list .products-container .about-brand .scroll {
          height: 0px;
          transition: all 1s;
          padding: 0px; }
        .brand-list .products-container .about-brand p {
          text-align: justify; }
        .brand-list .products-container .about-brand img {
          margin-top: 20px;
          width: 100%;
          max-width: 250px; } }
      .brand-list .products-container .about-brand .scroll::-webkit-scrollbar {
        background: #fff;
        width: 5px; }
      .brand-list .products-container .about-brand .scroll::-webkit-scrollbar-thumb {
        background: #ccc; }
    .brand-list .products-container .mytitle {
      margin-top: 0px;
      background-color: #ecebe9;
      text-align: center;
      padding-top: 15px; }
      .brand-list .products-container .mytitle .desktop {
        right: 0px;
        margin-top: -15px; }
      .brand-list .products-container .mytitle .title-link {
        float: none; }
    .brand-list .products-container .filter-top {
      padding: 0 40px 0px 20px;
      margin-bottom: 10px; }
      @media screen and (max-width: 1199px) {
        .brand-list .products-container .filter-top {
          padding-right: 28px;
          padding-left: 28px;
          text-align: center; } }
      @media screen and (max-width: 991px) {
        .brand-list .products-container .filter-top {
          padding-right: 5px;
          padding-left: 5px; } }
      .brand-list .products-container .filter-top .item-filter.view {
        border: none;
        float: left; }
        .brand-list .products-container .filter-top .item-filter.view i {
          font-size: 26px;
          vertical-align: middle;
          margin: 0 5px; }
        @media screen and (max-width: 1199px) {
          .brand-list .products-container .filter-top .item-filter.view {
            float: none;
            text-align: center;
            display: inline-block;
            margin: 0 auto;
            width: 100%;
            margin-top: 5px;
            margin-bottom: 5px;
            padding: 5px 0px 5px 10px;
            border: 1px solid #ecebe9; } }
      .brand-list .products-container .filter-top .item-filter {
        display: inline;
        margin: 0 2px 10px 2px;
        border: 1px solid #ecebe9;
        padding: 0 5px;
        color: #b5a38d; }
        @media screen and (max-width: 991px) {
          .brand-list .products-container .filter-top .item-filter {
            display: block;
            text-align: center; } }
        .brand-list .products-container .filter-top .item-filter button {
          background-color: transparent;
          border: 0;
          outline: none;
          width: 100%; }
        .brand-list .products-container .filter-top .item-filter label {
          font-weight: normal;
          margin: -8px 10px; }
  .brand-list .sidebar {
    transition: height 1s;
    height: 50px;
    overflow-y: hidden; }
    @media screen and (min-width: 769px) {
      .brand-list .sidebar {
        height: auto !important;
        overflow-y: auto !important; } }
    @media screen and (max-width: 767px) {
      .brand-list .sidebar {
        height: 0px;
        overflow-y: hidden; } }
    .brand-list .sidebar .main-filters {
      padding-top: 10px; }
      .brand-list .sidebar .main-filters .filter-box {
        border: 1px solid #ecebe9;
        padding: 0 0.8rem;
        color: #7fcbc8;
        margin-bottom: 1rem; }
    .brand-list .sidebar .name {
      background: #e82a70;
      color: #fff;
      height: 30px;
      padding: 8px;
      margin-bottom: 0px;
      background-position: center top; }
    .brand-list .sidebar .filter .title {
      margin-top: 1.5rem;
      color: #7fcbc8;
      font-weight: bold; }
    .brand-list .sidebar .filter .body ul {
      padding-right: 0.5rem; }
      .brand-list .sidebar .filter .body ul li {
        list-style: none; }
        .brand-list .sidebar .filter .body ul li .checkbox-wrapper {
          cursor: pointer;
          white-space: nowrap; }
          .brand-list .sidebar .filter .body ul li .checkbox-wrapper a {
            cursor: pointer; }
            .brand-list .sidebar .filter .body ul li .checkbox-wrapper a input {
              /* Double-sized Checkboxes */
              -ms-transform: scale(1.2);
              /* IE */
              -moz-transform: scale(1.2);
              /* FF */
              -webkit-transform: scale(1.2);
              /* Safari and Chrome */
              -o-transform: scale(1.2);
              /* Opera */
              padding: 10px; }
            .brand-list .sidebar .filter .body ul li .checkbox-wrapper a input[type="checkbox"]:focus {
              outline: 0; }
          .brand-list .sidebar .filter .body ul li .checkbox-wrapper label {
            cursor: pointer; }
  .brand-list .items {
    padding: 1rem 0.8rem 1rem 0; }
    .brand-list .items .item-conteiner {
      padding: 0.3rem; }
      .brand-list .items .item-conteiner .item {
        margin: 0 25px 10px 25px;
        border: 1px solid #dfdfdf;
        text-align: center; }
        @media screen and (max-width: 991px) {
          .brand-list .items .item-conteiner .item {
            margin-right: 0;
            margin-left: 0px;
            padding-left: 5px;
            padding-right: 5px; } }
        .brand-list .items .item-conteiner .item .item-img-container {
          width: 100%;
          max-height: 200px;
          text-align: center;
          margin-bottom: 1rem; }
          .brand-list .items .item-conteiner .item .item-img-container .item-img {
            width: 100%;
            height: 100%;
            max-width: 200px;
            max-height: 200px; }
        .brand-list .items .item-conteiner .item .title {
          margin-top: 0.8rem;
          color: #848481; }
          .brand-list .items .item-conteiner .item .title span {
            color: #b9b9b7;
            font-size: 12px; }
        .brand-list .items .item-conteiner .item .colors {
          width: 100%;
          text-align: center;
          padding: 0px;
          margin-bottom: 0.3rem; }
          .brand-list .items .item-conteiner .item .colors .color {
            display: inline-block;
            width: 15px;
            height: 15px; }
        .brand-list .items .item-conteiner .item .volu {
          height: 20px; }
          .brand-list .items .item-conteiner .item .volu .volume {
            float: left;
            padding: 0 10px; }
          .brand-list .items .item-conteiner .item .volu i.fa-user {
            padding: 0 20px;
            float: right; }
        .brand-list .items .item-conteiner .item .price .now {
          margin-bottom: 0px;
          color: #7fcbc8; }
        .brand-list .items .item-conteiner .item .price .before {
          text-decoration: line-through;
          color: #f63d3d;
          font-size: 13px;
          text-decoration: line-through; }
  .brand-list .item .buttons {
    display: none;
    width: 30px;
    text-align: right;
    position: absolute;
    z-index: 1000; }
    .brand-list .item .buttons ul {
      margin: 0px;
      padding: 0px; }
      .brand-list .item .buttons ul .icon {
        font-size: 18px;
        background: #555;
        color: #f3f4f6;
        width: 30px;
        height: 30px;
        padding: 7px;
        margin-bottom: 2px;
        cursor: pointer; }
      .brand-list .item .buttons ul .icon:hover {
        background: #e82a70;
        color: #f3f4f6; }
  .brand-list .item:hover .buttons {
    display: block; }
  .brand-list .buttons ul li {
    -webkit-animation: scaleUp 350ms ease-in-out both;
    animation: scaleUp 350ms ease-in-out both; }
@-webkit-keyframes scaleUp {
  0% {
    -webkit-transform: translateX(0) scale(0); }
  100% {
    -webkit-transform: translateX(0) scale(1); } }
@keyframes scaleUp {
  0% {
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0); }
  100% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1); } }
  .brand-list ul:first-child li:first-child {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms; }
  .brand-list ul:first-child li:nth-child(2) {
    -webkit-animation-delay: 180ms;
    animation-delay: 180ms; }
  .brand-list ul:first-child li:nth-child(3) {
    -webkit-animation-delay: 270ms;
    animation-delay: 270ms; }
  .brand-list ul:first-child li:nth-child(4) {
    -webkit-animation-delay: 360ms;
    animation-delay: 360ms; }
  .brand-list .noUi-rtl div {
    direction: ltr; }
  .brand-list .pricerange {
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px; }
    .brand-list .pricerange .price {
      margin-top: 30px; }
      .brand-list .pricerange .price .highprice {
        float: left; }
  .brand-list .list-view .price {
    margin-top: 40px; }
  .brand-list .list-view .volu i {
    float: right; }
  .brand-list .list-view .volu .volume {
    float: left; }
  .brand-list .list-view * {
    padding-right: 0px;
    padding-left: 0px; }
  .brand-list .list-view .about-products {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px dotted #c6c6c6;
    padding: 15px; }
  .brand-list .list-view .image-product img {
    width: 100%;
    max-width: 200px; }
  .brand-list .list-view h5 {
    font-weight: bold; }
  .brand-list .list-view .dis-product .text {
    margin-top: 15px;
    margin-bottom: 15px; }
    .brand-list .list-view .dis-product .text h5 {
      margin: 0px; }
  .brand-list .list-view .title {
    line-height: 1; }
    .brand-list .list-view .title span {
      color: #b5a38d;
      margin-bottom: 20px;
      margin-top: 10px; }
  @media screen and (max-width: 769px) {
    .brand-list .list-view h5.title span {
      text-align: center; } }

.resane .mytitle {
  background-color: #ecebe9; }
  .resane .mytitle .desktop {
    position: relative; }
    .resane .mytitle .desktop img {
      margin-top: -25px;
      margin-right: 50px;
      border-radius: 0px;
      background-color: transparent; }
  .resane .mytitle .title-link {
    float: right;
    margin-right: 15px; }
.resane .film {
  text-align: center;
  margin-bottom: 20px; }
  .resane .film .video {
    margin: 0; }
    .resane .film .video span {
      display: block;
      text-align: right; }
      @media screen and (max-width: 991px) {
        .resane .film .video span {
          text-align: center; } }

.khadamat {
  margin: 20px 0px; }
  .khadamat .blue-line {
    position: absolute;
    height: 20px;
    width: 100%;
    background-color: #e1fcfc;
    z-index: -555;
    left: 0;
    margin-top: 57px; }
    @media screen and (max-width: 767px) {
      .khadamat .blue-line {
        display: none; } }
  .khadamat .box-fl {
    text-align: center;
    border-radius: 50%; }
    .khadamat .box-fl h6 {
      color: #ad9b84; }
    .khadamat .box-fl img {
      margin: 40px 30px;
      -webkit-filter: invert(1%);
      /* Safari 6.0 - 9.0 */
      filter: invert(1%);
      transition: all .5s; }
    .khadamat .box-fl img:hover {
      -webkit-filter: invert(100%);
      /* Safari 6.0 - 9.0 */
      filter: invert(100%);
      transition: all .5s; }
  .khadamat .box-fl::before {
    background-image: url(../img/fl.png);
    background-size: cover;
    width: 133px;
    height: 133px;
    content: " ";
    position: absolute;
    z-index: -5;
    transition: all 5s;
    border: solid 8px #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 10px #000; }
  .khadamat .box-fl:hover::before {
    transform: rotate(3600deg);
    transition: all 10s; }

.product-page .desright {
  padding: 0 0 0 5px; }
.product-page .description {
  padding: 0px;
  border-right: 1px dotted #c7c7c7;
  border-left: 1px dotted #c7c7c7;
  border-bottom: 1px dotted #c7c7c7; }
  .product-page .description div {
    padding: 0px; }
  .product-page .description .title {
    background-color: #f5f4f4;
    padding: 1px 20px; }
    .product-page .description .title h6 {
      color: #b5a38d;
      font-weight: bold; }
  .product-page .description .scroll {
    padding: 20px 15px;
    height: 350px;
    overflow-y: scroll; }
    .product-page .description .scroll p {
      text-align: justify;
      margin-bottom: 15px; }
    .product-page .description .scroll ul {
      list-style: none;
      padding: 0px; }
.product-page .desleft {
  padding: 0 5px 0 0; }
.product-page .fake {
  padding: 0px;
  border-right: 1px dotted #c7c7c7;
  border-left: 1px dotted #c7c7c7;
  border-bottom: 1px dotted #c7c7c7; }
  .product-page .fake div {
    padding: 0px; }
  .product-page .fake .title {
    background-color: #f5f4f4;
    padding: 1px 20px; }
    .product-page .fake .title h5 {
      color: #b5a38d;
      font-weight: bold; }
  .product-page .fake .mytables {
    padding: 35px;
    color: #b5a38d; }
    .product-page .fake .mytables .colorrow1 {
      background-color: #e7e5e5; }
    .product-page .fake .mytables .colorrow2 {
      background-color: #f5f4f4; }
    .product-page .fake .mytables th {
      border-left: solid 5px #fff; }
.product-page .new-product {
  border-right: 1px dotted #c7c7c7;
  border-left: 1px dotted #c7c7c7;
  border-bottom: 1px dotted #c7c7c7;
  margin: 0 15px;
  margin-top: 20px;
  box-shadow: none; }
  .product-page .new-product .mytitle.blue-color {
    margin-top: 0px; }
.product-page li.icon {
  height: 60px;
  width: 60px;
  padding: 0px !important; }
  .product-page li.icon img {
    width: 100%; }
.product-page .comments {
  margin: 20px 0 0px 0; }
  .product-page .comments div {
    padding-left: 0px;
    padding-right: 0px; }
  .product-page .comments .title {
    background-color: #f5f3f4;
    padding: 0px 15px; }
    .product-page .comments .title .color-blue {
      color: #7ad3d1; }
    .product-page .comments .title h5 {
      display: inline-block;
      margin-right: 20px;
      color: #b5a38d; }
  .product-page .comments .body-coment {
    border: 1px dotted #c7c7c7;
    margin-bottom: 10px;
    padding: 0 15px; }
    .product-page .comments .body-coment .text {
      margin: 15px 0; }
    .product-page .comments .body-coment .pic {
      text-align: center;
      margin-top: 20px; }
      .product-page .comments .body-coment .pic img {
        width: 100%;
        max-width: 100px;
        border-radius: 100%;
        border: 5px solid #7fcbc8; }
    .product-page .comments .body-coment h4 {
      color: #b5a38d; }
    .product-page .comments .body-coment h6 {
      color: #b5a38d; }
  .product-page .comments .body-coment.frst {
    border-top: 0px; }
  .product-page .comments .body-coment.replay .text .text {
    margin: 30px 0; }
  .product-page .comments .sendcomment {
    border-left: 1px dotted #c7c7c7;
    border-right: 1px dotted #c7c7c7;
    border-bottom: 1px dotted #c7c7c7; }
    .product-page .comments .sendcomment .profile-row {
      background-color: #7fcbc8; }
      .product-page .comments .sendcomment .profile-row .picprofile {
        display: inline; }
        .product-page .comments .sendcomment .profile-row .picprofile img {
          border-radius: 100%;
          border: 5px solid #fff;
          margin: 10px; }
      .product-page .comments .sendcomment .profile-row span {
        border-radius: 10px;
        background-color: #fff;
        padding-right: 20px;
        padding-left: 20px; }
    .product-page .comments .sendcomment .text-box .text {
      margin-top: -70px;
      background-color: #fff;
      border: 1px solid #6fc0c1;
      direction: ltr;
      margin-bottom: 15px;
      min-height: 215px; }
      .product-page .comments .sendcomment .text-box .text h6 {
        color: #b5a38d;
        border-bottom: 1px solid #f0f0f0;
        padding: 5px 0;
        margin-right: 15px;
        margin-left: 15px; }
      .product-page .comments .sendcomment .text-box .text textarea {
        margin: 0px;
        width: 100%;
        border: none;
        min-height: 169px;
        padding: 15px;
        text-align: justify;
        direction: rtl;
        max-width: 100%;
        margin-bottom: -7px; }
      .product-page .comments .sendcomment .text-box .text textarea:focus {
        outline: 0px;
        border: 0px; }
    .product-page .comments .sendcomment .text-box button {
      width: auto;
      float: left;
      margin-bottom: 20px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 4px;
      padding-bottom: 4px;
      border-radius: 8px; }
    .product-page .comments .sendcomment .login {
      margin-top: -42px;
      background-color: #f1f3f2;
      float: right;
      margin-right: 15px;
      margin-left: 15px;
      padding: 2px 8px;
      border-radius: 10px; }
      .product-page .comments .sendcomment .login a {
        color: #7fcbc8; }
.product-page .mybtn-toolbar {
  margin: 20px 0; }
  .product-page .mybtn-toolbar .active {
    padding: 0px 9px 0 5px; }

div.stars {
  width: 150px;
  display: inline-block; }

input.star {
  display: none; }

label.star {
  float: right;
  padding: 4px;
  font-size: 22px;
  color: #444;
  transition: all .2s; }

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s; }

input.star-5:checked ~ label.star:before {
  color: #FE7;
  text-shadow: 0 0 20px #952; }

input.star-1:checked ~ label.star:before {
  color: #F62; }

label.star:hover {
  transform: rotate(-15deg) scale(1.3); }

label.star:before {
  content: '\f006';
  font-family: FontAwesome; }

.text-product .product-code {
  font-size: 10px;
  color: #7fcbc8; }
.text-product .dis {
  border: 1px dotted #c7c7c7;
  padding-left: 15px;
  padding-right: 15px; }
  .text-product .dis h6 {
    font-weight: bold; }
    .text-product .dis h6 span {
      font-weight: normal; }
.text-product .dis2 {
  border-right: 1px dotted #c7c7c7;
  border-left: 1px dotted #c7c7c7;
  padding-top: 10px;
  padding-bottom: 10px; }
  .text-product .dis2 span {
    color: #988267; }
  .text-product .dis2 div {
    text-align: center; }
  .text-product .dis2 .off-price {
    color: #f63d3d;
    font-size: 13px;
    height: 20px;
    text-decoration: line-through; }
  .text-product .dis2 .price {
    color: #7fcbc8; }
  .text-product .dis2 .price:hover {
    color: #5aa29f; }
.text-product .dis3 {
  padding-left: 0;
  padding-right: 0px;
  padding-top: 15px;
  text-align: center; }
  .text-product .dis3 .circles-volume {
    margin: 0 auto;
    text-align: center;
    padding: 0 40px; }
    .text-product .dis3 .circles-volume .circle-volume {
      width: 80px;
      height: 80px;
      border: 5px solid #1cbbb4;
      border-radius: 50%;
      padding: 15px 0;
      margin: 5px;
      font-size: 14px; }
  .text-product .dis3 .circle-volume.yellow {
    border: 5px solid #fcd616; }
.text-product button {
  display: block;
  text-align: center;
  margin: 8px auto;
  width: 90%;
  background-color: #39b54a;
  border-radius: 15px; }
.text-product button.yellow {
  background-color: #fcd616; }

.mytable {
  color: #fff;
  margin-top: 20px; }
  .mytable * {
    padding-left: 0px;
    padding-right: 0px; }
  .mytable .htable {
    background-color: #bbb7b7;
    height: 30px;
    margin-bottom: 15px;
    padding: 5px 0; }
  .mytable .btable .rtable {
    height: 50px;
    background-color: #f9f9f9;
    margin: 7px 0; }
    .mytable .btable .rtable .buttontable {
      background-color: #bbb7b7;
      height: 50px;
      padding: 15px 0; }
    .mytable .btable .rtable .buttontable:after {
      width: 0;
      height: 0;
      border: 0 solid transparent;
      border-top-width: 25px;
      border-bottom-width: 25px;
      border-right: 20px solid #bbb7b7;
      content: " ";
      position: absolute;
      left: -20px;
      top: 0px; }
    .mytable .btable .rtable .namerow {
      padding: 15px;
      color: #000; }
    .mytable .btable .rtable .disrow {
      color: #000; }
      .mytable .btable .rtable .disrow img {
        margin: 0 15px; }
        @media screen and (max-width: 991px) {
          .mytable .btable .rtable .disrow img {
            margin: 0 2px; } }
  @media screen and (max-width: 767px) {
    .mytable .htable {
      height: 90px; }
    .mytable .btable {
      clear: both; }
      .mytable .btable .rtable {
        clear: both; }
        .mytable .btable .rtable .buttontable {
          clear: both;
          padding-left: 15px;
          padding-right: 15px; }
        .mytable .btable .rtable .buttontable:after {
          content: "";
          display: none; }
        .mytable .btable .rtable .namerow {
          clear: both;
          padding-left: 15px;
          padding-right: 15px; }
        .mytable .btable .rtable .disrow {
          clear: both;
          padding-left: 15px;
          padding-right: 15px; } }

.voteinproduct {
  margin: 0px;
  margin-top: 15px;
  border-right: 1px dotted #c7c7c7;
  border-left: 1px dotted #c7c7c7;
  border-bottom: 1px dotted #c7c7c7; }
  .voteinproduct .title {
    font-weight: bold;
    background-color: #f5f4f4;
    padding: 7px 15px;
    color: #b5a38d; }

.about-products .image-product {
  font-family: IRANSans;
  text-align: center; }
  .about-products .image-product img {
    margin: auto; }
  .about-products .image-product .brand-logo {
    max-width: 100px;
    margin: 0 auto; }
    .about-products .image-product .brand-logo img {
      width: 100%;
      z-index: 5555; }
    .about-products .image-product .brand-logo .line-left {
      width: 30%;
      margin-top: -50px;
      height: 2px;
      position: absolute;
      left: 30px;
      background: -moz-linear-gradient(left, rgba(249, 249, 249, 0) 0%, #acacac 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(249, 249, 249, 0) 0%, #acacac 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(249, 249, 249, 0) 0%, #acacac 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9f9f9', endColorstr='#acacac',GradientType=1 );
      /* IE6-9 */ }
    .about-products .image-product .brand-logo .line-right {
      width: 30%;
      margin-top: -50px;
      height: 2px;
      position: absolute;
      right: 30px;
      background: -moz-linear-gradient(left, #acacac 0%, rgba(249, 249, 249, 0) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #acacac 0%, rgba(249, 249, 249, 0) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #acacac 0%, rgba(249, 249, 249, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acacac', endColorstr='#00f9f9f9',GradientType=1 );
      /* IE6-9 */ }
  .about-products .image-product h1 {
    font-family: IRANSans;
    color: #7f5e35;
    font-weight: bold;
    line-height: 1; }
    .about-products .image-product h1 span {
      font-size: 18px; }
  .about-products .image-product .buttons.hidden-md-down {
    position: absolute;
    bottom: 0px; }
    .about-products .image-product .buttons.hidden-md-down li {
      display: block;
      margin: 5px;
      padding: 10px;
      font-size: 32px;
      background-color: #eee;
      transition: .2s; }
  .about-products .image-product .left-side {
    text-align: left;
    position: absolute;
    left: 0;
    bottom: 0; }
    .about-products .image-product .left-side > i {
      display: block;
      margin: 10px 0;
      font-size: 20px;
      color: #bcb2b2; }
    .about-products .image-product .left-side .raite .volu {
      float: right;
      margin-right: -50px;
      margin-top: 10px;
      color: #7fcbc8; }
.about-products :hover .buttons.hidden-md-down li {
  color: #7fcbc8;
  transition: .2s; }

.products-container #aboutproducts {
  display: none; }

@media screen and (max-width: 767px) {
  .about-products .image-product .buttons.hidden-md-down {
    display: none; }
  .about-products .image-product .left-side {
    margin: 5px 0;
    position: static;
    text-align: center; }
    .about-products .image-product .left-side i {
      display: inline; } }
.myCanvass {
  height: 200px;
  width: 400px;
  margin: 40px auto; }
  .myCanvass div {
    margin-top: -50px;
    margin-right: 170px;
    position: absolute; }
  .myCanvass .btn {
    background-color: #91d8f7;
    border-radius: 10px;
    color: #fff; }

.vote ul {
  list-style: none; }
  .vote ul li {
    margin: 0;
    padding: 15px 0;
    clear: both; }
.vote .question {
  color: #b5a38d;
  float: right;
  margin-top: 10px;
  margin-left: 10px;
  width: 175px;
  text-align: center; }
.vote .voteline {
  width: 50px;
  float: right;
  margin-top: 15px;
  margin-left: 10px;
  height: 10px; }
  .vote .voteline span {
    height: 10px;
    float: right;
    width: 0px; }
  .vote .voteline #por1 {
    background-color: #1b5d7c; }
  .vote .voteline #por2 {
    background-color: #0f7fad; }
  .vote .voteline #por3 {
    background-color: #0098da; }
  .vote .voteline #por4 {
    background-color: #5cc6d0; }
  .vote .voteline #por5 {
    background-color: #91d8f7; }
.vote .number {
  float: right;
  margin-top: 10px;
  margin-left: 10px;
  width: 40px; }
.vote .valuestar1 form {
  background-color: #1b5d7c; }
.vote .valuestar2 form {
  background-color: #0f7fad; }
.vote .valuestar3 form {
  background-color: #0098da; }
.vote .valuestar4 form {
  background-color: #5cc6d0; }
.vote .valuestar5 form {
  background-color: #91d8f7; }
.vote .valuestar form {
  position: relative;
  width: 145px;
  height: 38px;
  float: right;
  border-radius: 10px;
  margin-bottom: 5px; }
.vote .valuestar label.star {
  padding-bottom: 0px;
  color: #fff; }
.vote .valuestar label.star-1 {
  border-radius: 10px; }
.vote .valuestar label.star-5 {
  border-radius: 0 10px 10px 0; }

@media screen and (max-width: 420px) {
  .myCanvass {
    display: none; } }
.wizard {
  margin: 20px auto;
  background: #fff; }

.wizard .nav-tabs {
  position: relative;
  margin: 40px auto;
  margin-bottom: 0;
  border-bottom-color: #e0e0e0; }

.wizard > div.wizard-inner {
  position: relative; }

.connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1; }

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  border: 0;
  border-bottom-color: transparent; }

span.round-tab {
  width: 233px;
  height: 60px;
  line-height: 65px;
  display: inline-block;
  border-radius: 5px;
  background: #f9f9f9;
  z-index: 2;
  position: absolute;
  right: 0;
  text-align: center;
  font-size: 16px; }
  @media (max-width: 1199px) {
    span.round-tab {
      width: 192px; } }
  @media (max-width: 991px) {
    span.round-tab {
      width: 150px; } }
  @media (max-width: 767px) {
    span.round-tab {
      width: 100%; } }

.wizard li i.fa {
  position: absolute;
  font-size: 110px;
  color: #fff;
  z-index: 50;
  left: -36px; }

.wizard li.active span.round-tab {
  background: #e7e7e7; }

.wizard li.active span.round-tab i {
  color: #b5a38d; }

span.round-tab:hover {
  color: #333; }

.wizard .nav-tabs > li {
  width: 20%; }

.wizard li:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 0;
  margin: 0 auto;
  bottom: 0px;
  border: 5px solid transparent;
  border-bottom-color: #b5a38d;
  transition: 0.1s ease-in-out; }

.wizard li.active:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 1;
  margin: 0 auto;
  bottom: 0px;
  border: 10px solid transparent;
  border-bottom-color: #b5a38d; }

.wizard .nav-tabs > li a {
  width: 233px;
  height: 60px;
  margin: 20px auto;
  border-radius: 100%;
  padding: 0; }

.wizard .nav-tabs > li a:hover {
  background: transparent; }

.wizard .tab-pane {
  position: relative; }

.wizard h3 {
  margin-top: 0; }

@media (max-width: 767px) {
  li.disabled {
    display: none; }

  .wizard .nav-tabs > li {
    width: 100%; }

  .wizard li i.fa {
    display: none; }

  .connecting-line {
    display: none; }

  .wizard li.active:after {
    left: 50%;
    margin-left: -5px; } }
@media (max-width: 585px) {
  .wizard {
    width: 90%;
    height: auto !important; } }
.mynext li {
  margin-top: 70px; }

.cart-page .step1 .table .column {
  min-height: 195px;
  float: right;
  border: 1px solid #e4e6f0; }
  .cart-page .step1 .table .column .title {
    text-align: center;
    padding: 10px 0;
    background-color: #f4f5f9;
    height: 40px;
    border-bottom: 1px solid #e4e6f0; }
.cart-page .step1 .table .pic {
  width: 13%; }
  .cart-page .step1 .table .pic .image img {
    width: 100%;
    max-width: 200px; }
.cart-page .step1 .table .product-Specifications {
  width: 40%; }
  .cart-page .step1 .table .product-Specifications .box {
    padding: 20px;
    color: #4d4d4d; }
.cart-page .step1 .table .unit-price {
  width: 15%; }
  .cart-page .step1 .table .unit-price .box {
    text-align: center;
    padding: 50px 0; }
    .cart-page .step1 .table .unit-price .box .off-price {
      color: #f63d3d;
      font-size: 13px;
      height: 20px;
      text-decoration: line-through; }
    .cart-page .step1 .table .unit-price .box .price {
      color: #7fcbc8; }
    .cart-page .step1 .table .unit-price .box .price:hover {
      color: #5aa29f; }
.cart-page .step1 .table .number {
  width: 10%; }
  .cart-page .step1 .table .number .box {
    padding: 35px 0;
    text-align: center;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */ }
    .cart-page .step1 .table .number .box .number {
      margin: 2px auto;
      font-size: 18px;
      border: 1px solid #e4e6f0;
      padding: 6px 34px 1px 34px;
      cursor: none; }
    .cart-page .step1 .table .number .box i {
      font-size: 40px;
      color: #4bb5c2;
      cursor: pointer; }
.cart-page .step1 .table .total {
  width: 12%; }
  .cart-page .step1 .table .total .box {
    text-align: center;
    padding: 60px 0; }
    .cart-page .step1 .table .total .box .off-price {
      color: #f63d3d;
      font-size: 13px;
      height: 20px;
      text-decoration: line-through; }
    .cart-page .step1 .table .total .box .price {
      color: #7fcbc8; }
    .cart-page .step1 .table .total .box .price:hover {
      color: #5aa29f; }
.cart-page .step1 .table .remove {
  width: 10%; }
  .cart-page .step1 .table .remove .box {
    text-align: center;
    padding: 50px 0; }
    .cart-page .step1 .table .remove .box i {
      font-size: 35px; }
.cart-page .step1 .factor {
  text-align: center; }
  .cart-page .step1 .factor .total {
    width: 10%;
    float: left;
    background-color: #f4f5f9; }
    .cart-page .step1 .factor .total .number {
      border: 1px solid #e4e6f0;
      height: 40px;
      color: #88cfd5;
      padding: 10px 0; }
    .cart-page .step1 .factor .total .bon {
      height: 40px;
      border: 1px solid #e4e6f0;
      color: #f65f60;
      padding: 10px 0; }
    .cart-page .step1 .factor .total .total-number {
      height: 50px;
      border: 1px solid #e4e6f0;
      background-color: #fff;
      font-weight: bold;
      padding: 15px 0;
      font-size: 16px; }
  .cart-page .step1 .factor .text-total {
    float: left;
    width: 30%;
    background-color: #f4f5f9; }
    .cart-page .step1 .factor .text-total .number {
      padding: 10px 0;
      border: 1px solid #e4e6f0;
      height: 40px;
      color: #88cfd5; }
    .cart-page .step1 .factor .text-total .bon {
      height: 40px;
      padding: 10px 0;
      border: 1px solid #e4e6f0;
      color: #f65f60; }
    .cart-page .step1 .factor .text-total .total-number {
      height: 50px;
      border: 1px solid #e4e6f0;
      font-weight: bold;
      font-size: 16px;
      padding: 15px 0; }
  .cart-page .step1 .factor .offerbon {
    float: right;
    text-align: right;
    padding-right: 30px; }
    .cart-page .step1 .factor .offerbon .form-group {
      float: right; }
      .cart-page .step1 .factor .offerbon .form-group input {
        border-radius: 0;
        width: 300px; }
    .cart-page .step1 .factor .offerbon button {
      display: inline;
      border-radius: 0; }
.cart-page .step2 .name {
  width: 30%;
  height: 120px;
  border: 1px solid #e4e6f0;
  float: right;
  padding: 50px  10px; }
.cart-page .step2 .address {
  width: 40%;
  height: 120px;
  border-right: 0px solid #e4e6f0;
  border-left: 0px solid #e4e6f0;
  border-top: 1px solid #e4e6f0;
  border-bottom: 1px solid #e4e6f0;
  float: right;
  padding: 20px 10px; }
.cart-page .step2 .phone {
  text-align: center;
  width: 30%;
  height: 120px;
  border: 1px solid #e4e6f0;
  float: right; }
  .cart-page .step2 .phone .mobile {
    padding: 20px 10px;
    height: 60px;
    border-bottom: 1px solid #e4e6f0; }
  .cart-page .step2 .phone .sabet {
    padding: 20px 10px; }
.cart-page .step2 .pardakht {
  clear: both; }
  .cart-page .step2 .pardakht .tetle {
    padding-top: 40px;
    clear: both; }
  .cart-page .step2 .pardakht .bank {
    padding: 10px;
    margin: 15px 0px;
    border-right: 1px solid #e4e6f0;
    border-left: 1px solid #e4e6f0;
    border-top: 1px solid #e4e6f0;
    border-bottom: 1px solid #e4e6f0; }
    .cart-page .step2 .pardakht .bank h4 {
      font-size: 16px; }
    .cart-page .step2 .pardakht .bank ul li {
      padding: 10px 40px; }
      .cart-page .step2 .pardakht .bank ul li label {
        font-size: 12px;
        font-weight: normal;
        color: #008272; }
.cart-page .step3 {
  padding: 80px 40px; }
  .cart-page .step3 label {
    font-weight: normal;
    font-size: 12px;
    padding: 0px  20px;
    vertical-align: middle;
    color: #008272; }
.cart-page .step4 textarea {
  max-width: 100%;
  width: 100%;
  border-radius: 5px 5px 5px; }
.cart-page .step4 .left-raght {
  text-align: center; }
  .cart-page .step4 .left-raght img {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #dedede; }
.cart-page .complete .table .column {
  min-height: 195px;
  float: right;
  border: solid 1px #e4e6f0; }
  .cart-page .complete .table .column .title {
    text-align: center;
    padding: 10px 0;
    background-color: #f4f5f9;
    height: 40px;
    border-bottom: 1px solid #e4e6f0; }
.cart-page .complete .table .pic {
  width: 13%; }
  .cart-page .complete .table .pic .image img {
    width: 100%;
    max-width: 200px; }
.cart-page .complete .table .product-Specifications {
  width: 44%; }
  .cart-page .complete .table .product-Specifications .box {
    padding: 20px;
    color: #4d4d4d; }
.cart-page .complete .table .unit-price {
  width: 17%; }
  .cart-page .complete .table .unit-price .box {
    text-align: center;
    padding: 60px 0; }
    .cart-page .complete .table .unit-price .box .off-price {
      color: #f63d3d;
      font-size: 13px;
      height: 20px;
      text-decoration: line-through; }
    .cart-page .complete .table .unit-price .box .price {
      color: #7fcbc8; }
    .cart-page .complete .table .unit-price .box .price:hover {
      color: #5aa29f; }
.cart-page .complete .table .number {
  width: 12%; }
  .cart-page .complete .table .number .box {
    padding: 50px 0;
    text-align: center;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */ }
    .cart-page .complete .table .number .box .number {
      margin: 2px auto;
      font-size: 18px;
      padding: 6px 34px 1px 34px;
      cursor: none; }
    .cart-page .complete .table .number .box i {
      font-size: 40px;
      color: #4bb5c2;
      cursor: pointer; }
.cart-page .complete .table .total {
  width: 14%; }
  .cart-page .complete .table .total .box {
    text-align: center;
    padding: 60px 0; }
    .cart-page .complete .table .total .box .off-price {
      color: #f63d3d;
      font-size: 13px;
      height: 20px;
      text-decoration: line-through; }
    .cart-page .complete .table .total .box .price {
      color: #7fcbc8; }
    .cart-page .complete .table .total .box .price:hover {
      color: #5aa29f; }
.cart-page .complete .factor {
  text-align: center;
  clear: both;
  direction: ltr; }
  .cart-page .complete .factor .total {
    width: 10%;
    display: inline-block;
    margin-right: -4px;
    background-color: #f4f5f9; }
    .cart-page .complete .factor .total .number {
      border: 1px solid #e4e6f0;
      height: 40px;
      color: #88cfd5;
      padding: 10px 0; }
    .cart-page .complete .factor .total .bon {
      height: 40px;
      border: 1px solid #e4e6f0;
      color: #f65f60;
      padding: 10px 0; }
    .cart-page .complete .factor .total .total-number {
      height: 50px;
      border: 1px solid #e4e6f0;
      background-color: #fff;
      font-weight: bold;
      padding: 15px 0;
      font-size: 16px; }
  .cart-page .complete .factor .text-total {
    display: inline-block;
    width: 30%;
    background-color: #f4f5f9; }
    .cart-page .complete .factor .text-total .number {
      padding: 10px 0;
      border: 1px solid #e4e6f0;
      height: 40px;
      color: #88cfd5; }
    .cart-page .complete .factor .text-total .bon {
      height: 40px;
      padding: 10px 0;
      border: 1px solid #e4e6f0;
      color: #f65f60; }
    .cart-page .complete .factor .text-total .total-number {
      height: 50px;
      border: 1px solid #e4e6f0;
      font-weight: bold;
      font-size: 16px;
      padding: 15px 0; }
  .cart-page .complete .factor .mybtn {
    max-width: 467px;
    display: block;
    margin: auto;
    margin-top: 10px; }
.cart-page .complete .gifpic {
  height: 55px; }
  .cart-page .complete .gifpic span {
    background-image: url(../img/gif.png);
    height: 82px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    margin-top: 15px; }
@media (max-width: 1199px) {
  .cart-page .step1 .factor .total .total-number {
    padding: 2px 0; }
  .cart-page .complete .factor .total {
    width: 18%; } }
@media (max-width: 767px) {
  .cart-page .column {
    width: 100% !important;
    text-align: center; }
  .cart-page section {
    padding-left: 15px;
    padding-right: 15px; }
  .cart-page .factor .total,
  .cart-page .factor .text-total {
    width: 50% !important; }
  .cart-page .step1 .factor .offerbon {
    float: none;
    text-align: center;
    padding-right: 0;
    clear: both;
    padding-top: 10px; }
  .cart-page .step1 .factor .offerbon {
    width: 100%; }
    .cart-page .step1 .factor .offerbon .form-group {
      width: 100%; }
      .cart-page .step1 .factor .offerbon .form-group .input-group {
        width: 100%; }
      .cart-page .step1 .factor .offerbon .form-group input {
        width: 100%; }
  .cart-page .step2 .address {
    border: solid 1px #e4e6f0; }
  .cart-page .step3 .skin-section li {
    text-align: center; }
    .cart-page .step3 .skin-section li label {
      margin-top: 20px; }
  .cart-page .left-raght li:first-child {
    margin-left: 25px; }
  .cart-page .left-raght li:nth-child(2) {
    margin-right: 25px; } }
@media (max-width: 585px) {
  .cart-page section {
    padding-left: 0;
    padding-right: 0; }
  .cart-page .left-raght img {
    width: 100%;
    margin: 10px 0; } }
@media (max-width: 358px) {
  .cart-page .left-raght li:first-child {
    margin-left: 0px; }
  .cart-page .left-raght li:nth-child(2) {
    margin-right: 0px; } }

.btn-blue {
  border-radius: 15px;
  background-color: #7fcbc8;
  padding: 2px 10px;
  margin: 10px 5px;
  color: #fff; }

.btn-red {
  border-radius: 15px;
  background-color: #f63d3d;
  padding: 2px 10px;
  margin: 10px 5px;
  color: #fff; }

.btn-gray {
  border-radius: 10px;
  margin: 10px 5px;
  color: #666;
  background-color: #f0f1f2; }

/*# sourceMappingURL=main.css.map */