/* استایل جدول با کلاس برای فروشگاه بوش */
.bosch-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    table-layout: fixed;
}

/* استایل سرستون‌ها */
.bosch-table th {
    background-color: #000000; /* مشکی بوش */
    color: #ffffff;
    font-weight: bold;
    padding: 12px 8px;
    text-align: center;
    font-size: 16px;
    border-bottom: 2px solid #d00f2d; /* قرمز بوش */
    white-space: normal;
    word-wrap: break-word;
    overflow: visible;
    line-height: 1.4;
}

/* استایل ردیف‌ها */
.bosch-table td {
    padding: 10px 8px;
    text-align: center;
    font-size: 14px;
    color: #333333;
    border-bottom: 1px solid #e0e0e0;
    white-space: normal;
    word-wrap: break-word;
    overflow: visible;
    line-height: 1.4;
}

/* رنگ پس‌زمینه ردیف‌های زوج */
.bosch-table tr:nth-child(even) {
    background-color: #f5f5f5;
}

/* افکت هاور روی ردیف‌ها */
.bosch-table tr:hover {
    background-color: #e8e8e8;
    transition: background-color 0.3s ease;
}

/* استایل کپشن */
.bosch-table caption {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    padding: 10px;
    background-color: #f0f0f0;
    border-radius: 8px 8px 0 0;
}

/* استایل برای موبایل */
@media screen and (max-width: 768px) {
    .bosch-table {
        font-size: 12px;
    }

    .bosch-table th, .bosch-table td {
        padding: 8px 4px;
        font-size: 12px;
    }

    .bosch-table th {
        font-size: 13px;
    }

    .bosch-table caption {
        font-size: 16px;
    }
}

/* استایل برای موبایل‌های کوچک */
@media screen and (max-width: 480px) {
    .bosch-table th, .bosch-table td {
        padding: 6px 3px;
        font-size: 10px;
    }

    .bosch-table caption {
        font-size: 14px;
    }
}
  #myCarousel, .carousel-inner, .item, .item img {
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
.carousel-indicators {
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
}

.carousel-indicators li {
  width: 14px;
  height: 14px;
  margin: 0 6px;
  border-radius: 50%;
  background-color: #333; /* رنگ تیره و مشخص */
  border: 2px solid #000;
  opacity: 0.8;
  transition: all 0.3s ease;
}

.carousel-indicators li.active {
  background-color: #ff0000; /* قرمز جیغ برای فعال */
  border-color: #ff0000;
  transform: scale(1.4);
  opacity: 1;
}  
.jadval5-wrapper {
  width: 100%;
  overflow-x: auto;
  direction: rtl;
  margin-bottom: 1rem;
  -webkit-overflow-scrolling: touch;
}

.jadval5 {
  width: 100%;
  border-collapse: collapse;
  text-align: right;
  font-size: 14px;
  direction: rtl;
  table-layout: auto;
}

.jadval5 th, .jadval5 td {
  padding: 8px 12px;
  border: 1px solid #ddd;
  white-space: normal;
  word-break: break-word;
}
.jadval5 th, .jadval5 td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: center;
  }
.jadval5 thead {
  background-color: #f0f0f0;
}

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

.jadval5 tbody tr:hover {
  background-color: #e6f7ff;
}

.button-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.tag-button {
  padding: 6px 12px;
  font-size: 14px;
  color: #333;
  background-color: #f5faff; 
  border: 1px solid #d0e6f7;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.tag-button:hover {
  background-color: #e0f2ff; 
  border-color: #a4d4f2;
  color: #000;
}
        .bosch-dishwasher-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    text-align: right;
}

.bosch-dishwasher-table th, .bosch-dishwasher-table td {
    padding: 10px;
    border: 1px solid #ddd;
}

.bosch-dishwasher-table th {
    background-color: #f2f2f2;
    font-weight: bold;
}

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

.bosch-dishwasher-table tr:hover {
    background-color: #eaeaea;
}

/* تنظیم متن‌ها به سمت راست */
.bosch-dishwasher-table th, .bosch-dishwasher-table td {
    text-align: right;
}

        
        .bosch-table {
            width: 100%;
            margin: 30px auto;
            border-collapse: collapse;
            background: #ffffff;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
            overflow: hidden;
        }
        .bosch-table th, .bosch-table td {
            padding: 12px;
            border: 1px solid #ddd;
            text-align: center;
        }
        .bosch-table th {
            background: #007BFF;
            color: white;
            font-size: 18px;
        }
        .bosch-table tr:nth-child(even) {
            background: #f2f2f2;
        }
        .bosch-table tr:hover {
            background: #d1ecf1;
            transition: 0.3s;
        }

#myVideo {
            border-radius: 10px;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
        }
.bfilm{
	display:inline-block;width:60%;
}
         
        .styled-button {
  padding: 10px 20px; /* فاصله داخلی */
  font-size: 16px; /* اندازه متن */
  font-weight: bold; /* ضخامت متن */
  color: white; /* رنگ متن */
  background-color: #007bff; /* رنگ پس‌زمینه اصلی */
  border: none; /* حذف حاشیه */
  border-radius: 25px; /* گوشه‌های گرد */
  cursor: pointer; /* نمایش نشانگر دست هنگام هاور */
  transition: all 0.3s ease; /* جلوه تغییرات نرم */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* سایه سبک */
}

/* تغییر استایل هنگام هاور */
.styled-button:hover {
  background-color: #0056b3; /* رنگ پس‌زمینه تیره‌تر */
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); /* سایه عمیق‌تر */
}

/* تغییر استایل هنگام کلیک */
.styled-button:active {
  background-color: #003f7f; /* رنگ پس‌زمینه حتی تیره‌تر */
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); /* کاهش سایه */
  transform: scale(0.98); /* افکت کلیک (اندکی کوچک‌تر شدن) */
}
.styled-input {
  width: 100%; /* عرض کامل */
  padding: 10px 15px; /* فاصله داخلی */
  font-size: 16px; /* اندازه متن */
  border: 1px solid #ccc; /* رنگ کادر */
  border-radius: 25px; /* گوشه‌های گرد */
  outline: none; /* حذف کادر آبی مرورگر */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* سایه سبک */
  transition: all 0.3s ease; /* جلوه نرم هنگام تغییرات */
}

/* تغییر استایل هنگام فوکوس */
.styled-input:focus {
  border-color: #007bff; /* تغییر رنگ کادر */
  box-shadow: 0 4px 8px rgba(0, 123, 255, 0.4); /* سایه قوی‌تر */
}

/* تغییر رنگ متن placeholder */
.styled-input::placeholder {
  color: #888; /* رنگ placeholder */
  font-style: italic; /* سبک متن */
}

/* تغییر رنگ placeholder هنگام فوکوس */
.styled-input:focus::placeholder {
  color: #bbb; /* رنگ روشن‌تر */
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* تیره کردن صفحه */
  display: none; /* ابتدا مخفی است */
  z-index: 999; /* بالاتر از محتوای صفحه */
}
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 30px; /* فضای داخلی */
  border-radius: 8px; /* گوشه‌های گرد */
  width: 300px; /* عرض ثابت */
  text-align: center; /* متن وسط‌چین */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); /* سایه */
  display: none; /* ابتدا مخفی */
  z-index: 1000; /* ترتیب نمایش */
  overflow-y: auto; /* فقط اسکرول عمودی در صورت نیاز */
  max-height: 90vh; /* ارتفاع حداکثری 90 درصد صفحه */
  box-sizing: border-box; /* شامل شدن پدینگ و بوردر در محاسبه ارتفاع */
}

.close-btn {
  position: absolute;
  top: 10px; /* فاصله کمتر از بالای پنجره */
  right: 10px; /* فاصله کمتر از سمت راست پنجره */
  font-size: 18px; /* اندازه کوچکتر برای هماهنگی بهتر */
  cursor: pointer;
  color: #ff4d4d; /* رنگ دکمه */
  background-color: transparent;
  border: none;
  z-index: 1010; /* قرار دادن دکمه در بالاترین لایه */
}

.close-btn:hover {
  color: darkred; /* رنگ دکمه هنگام hover */
}

@keyframes colorChange {
  0% {
    filter: grayscale(100%); /* سیاه و سفید */
  }
  50% {
    filter: grayscale(0%); /* رنگی */
  }
  100% {
    filter: grayscale(100%); /* سیاه و سفید */
  }
}

/* اعمال انیمیشن به تصویر */
#colorImage {
  animation: colorChange 2s infinite; /* 2 ثانیه طول می‌کشد و بی‌پایان تکرار می‌شود */
}
.question-box {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #007bff;
  color: white;
  padding: 15px 25px;
  border-radius: 8px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  display: none;  /* ابتدا باکس پنهان است */
  flex-direction: column;
  align-items: center;
  z-index: 9999;
  width: 220px;  /* اندازه مناسب */
  font-size: 14px;
}

.question-box p {
  font-size: 14px;
  text-align: center;
  margin-bottom: 15px; /* فاصله بیشتر بین متن و آیکون‌ها */
  line-height: 1.4;
}

.icons {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 12px;  /* فاصله بیشتر بین دکمه‌ها */
}

.icon-btn {
  background-color: #ffffff;
  color: #007bff;
  padding: 8px 15px;
  border-radius: 5px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 12px;
}

.icon-btn i {
  font-size: 16px;
}

.icon-btn:hover {
  background-color: #0056b3;
  color: white;
}

/* دکمه بستن */
.close-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 18px;
  cursor: pointer;
  color: white;
  background-color: #ff4d4d;
  border-radius: 50%;  /* دایره‌ای */
  padding: 10px;  /* اندازه مناسب */
  width: 30px;  /* عرض ثابت */
  height: 30px;  /* ارتفاع ثابت */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.close-btn:hover {
  background-color: darkred;
}





.contact-buttons {
  display: flex;
  justify-content: flex-start;  /* چینش از سمت راست */
  gap: 9px; /* فاصله بین دکمه‌ها */
}

.contact-btn {
  background-color: #007bff; /* رنگ آبی دکمه */
  color: white;
  padding: 8px 15px;
  text-decoration: none; /* حذف خط زیر لینک */
  border-radius: 5px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background-color 0.3s, opacity 0.3s;
}

.contact-btn:hover {
  background-color: #0056b3; /* رنگ تیره‌تر آبی هنگام هاور */
}

.contact-btn:hover i, 
.contact-btn:hover span {
  opacity: 0;  /* محو شدن آیکون و متن هنگام هاور */
}

.contact-btn i {
  font-size: 18px;
  transition: opacity 0.3s;  /* افکت محو شدن آیکون */
}


a {
  color: #3333FF;
  text-decoration: none;
}

a:hover {
  color: #0056b3;
  text-decoration: underline; 
}
.toolbar {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #f0f0f0; /* رنگ پس‌زمینه روشن */
            display: flex;
            justify-content: space-around;
            align-items: center;
            padding: 4px 0; /* ارتفاع باکس کوتاه‌تر */
            border-top: 3px solid #ccc; /* حاشیه طوسی برای تم فلت و برجسته بودن از بالا */
            box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1); /* سایه برجسته برای نوار ابزار */
            z-index: 1000;
        }

        .toolbar a {
            color: #333; /* رنگ متن طوسی تیره */
            font-size: 28px; /* اندازه آیکون کمی بزرگتر */
            text-decoration: none;
            padding: 4px; /* فاصله داخلی دکمه‌ها */
            border-radius: 10%; /* دایره‌ای شدن دکمه‌ها */
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .toolbar a:hover {
            transform: scale(1.1); 
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); 
        }

        @media (min-width: 768px) {
            .toolbar {
                display: none;
            }
        }        
        
        
        .icon-blink {
            font-size: 50px;
            color: #333;
            animation: blink 1s infinite;
        }

        @keyframes blink {
            0% {
                opacity: 0.2;
                transform: scale(1);
            }
            50% {
                opacity: 1;
                transform: scale(1.1);
            }
            100% {
                opacity: 0.2;
                transform: scale(1);
            }
        }
        
        
                .soft-textbox {
            border: none;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
            padding: 10px;
            font-size: 16px;
            outline: none; 
            background-color: #fff;
            transition: box-shadow 0.3s ease; 
        }

        .soft-textbox:focus {
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
        }
        
        
.buy-button {
            display: flex;
            align-items: center;
            justify-content: right;
            background-color: #CC0066; 
            color: #fff;
            padding: 4px 8px;
            border-radius: 30px; 
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
            border: none;
            cursor: pointer;
            font-size: 16px;
            transition: all 0.3s ease;
            text-decoration: none;
            font-family:font1;
            padding-right:12px;
        }

        .buy-button:hover {
            background-color: #993333;
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); 
            color:white;
        }

        .buy-button i {
            margin-left: 8px;
            font-size: 20px;
            transition: transform 0.3s ease; 
        }

        .buy-button:hover i {
            transform: scale(1.2); 
        }
.mob1{
	display:none;
	position: sticky;
  top: 0; 
  z-index: 1000;
  background-color: white; 
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

}
.image1 {
    display: block;
    filter: grayscale(100%); /* سیاه و سفید */
    transition: filter 0.5s ease; /* انیمیشن تغییر رنگ */
}

.image1:hover {
    filter: grayscale(0%); /* رنگی */
}

 .button {
    backface-visibility: hidden;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background: #505050;
  border-radius: 500px;
  border: 0px solid #444;
  border-width: 0px 0px 0px 0px;
  padding: 10px 15px 10px 38px;
    color: #000;
  font-size: 13px;
  font-style: normal
  }
  .button:hover{
	background-color:#7D7D7D;
}
  .button > div {
    color: #999;
  font-size: 10px;
  font-family:font1;
  font-weight: initial;
  font-style: normal;
  text-align: center;
  margin: 0px 0px 0px 0px
  }
  .button > i {
    color: #505050;
  font-size: 14px;
  background: #ffffff;
  border-radius: 500px;
  border: 0px solid #2cb531;
  border-width: 0px 0px 0px 0px;
  padding: 8px 8px 8px 8px;
  margin: 6px 6px 6px 6px;
  position: absolute;
  top: 0px;
  left: 0px
  }
  .button > .ld {
    font-size: initial
  }

.bx-prev, .bx-next {
    position: absolute;
    top: 50%;
    color: white;                   /* رنگ آیکون‌ها */
    font-size: 24px;                 /* اندازه آیکون‌ها */
    padding: 10px;                  /* حاشیه برای دکمه‌ها */
    cursor: pointer;                /* نشان‌دهنده این که دکمه کلیک‌پذیر است */
    z-index: 999;                   /* اولویت نمایش */
}

.bx-prev i, .bx-next i {
    font-size: 24px;               /* اندازه آیکون‌ها */
}

.bx-prev {
    left: 10px;
}

.bx-next {
    right: 10px;
}




.bx-prev1, .bx-next1 {
    position: absolute;
    top: 50%;
    color: white;                   /* رنگ آیکون‌ها */
    font-size: 24px;                 /* اندازه آیکون‌ها */
    padding: 10px;                  /* حاشیه برای دکمه‌ها */
    cursor: pointer;                /* نشان‌دهنده این که دکمه کلیک‌پذیر است */
    z-index: 999;                   /* اولویت نمایش */
}

.bx-prev1 i, .bx-next1 i {
    font-size: 24px;               /* اندازه آیکون‌ها */
}

.bx-prev1 {
    left: 10px;
}

.bx-next1 {
    right: 10px;
}
2
.bx-prev2, .bx-next {
    position: absolute;
    top: 50%;
    color: black;                   /* رنگ آیکون‌ها */
    font-size: 24px;                 /* اندازه آیکون‌ها */
    padding: 10px;                  /* حاشیه برای دکمه‌ها */
    cursor: pointer;                /* نشان‌دهنده این که دکمه کلیک‌پذیر است */
    z-index: 999;                   /* اولویت نمایش */
}

.bx-prev2 i, .bx-next2 i {
    font-size: 24px;               /* اندازه آیکون‌ها */
}

.bx-prev2 {
    left: 10px;
}

.bx-next2 {
    right: 10px;
}


.image-container {
  position: relative; /* برای قرار دادن افکت نور به صورت لایه‌ای */
  display: inline-block;
  overflow: hidden; /* جلوگیری از خروج افکت نور از مرز تصویر */
  border-radius: 10px; /* گوشه‌های گرد */
  box-shadow: 5px 5px 2px 0px rgba(0, 0, 0, 0.75); /* سایه دور عکس */
}

.image-container img {
  width: 100%; /* عرض کامل عکس */
  display: block; /* جلوگیری از فاصله اضافی در اطراف عکس */
  border-radius: 10px; /* گوشه‌های گرد برای عکس */
}

.image-container::after {
  content: ''; /* خط نورانی */
  position: absolute;
  top: 0;
  left: -100%; /* شروع حرکت از بیرون عکس */
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  ); /* گرادیان برای ایجاد نور */
  transform: skewX(-20deg); /* خط مورب */
  animation: lightSweep 3s linear infinite; /* انیمیشن حرکت */
}

@keyframes lightSweep {
  0% {
    left: -100%; 
  }
  100% {
    left: 100%; 
  }
}
#logo{
	float:right;padding-top:3px;padding-bottom:3px;position: relative;
  display: inline-block;
  overflow: hidden; 
}

 .logos {
            border: 0;
            height: auto;
            animation: colorShift 3s infinite alternate;
            display: block;
        }

        @keyframes colorShift {
            0% {
                filter: grayscale(100%); /* سیاه و سفید */
            }
            50% {
                filter: grayscale(0%) hue-rotate(180deg); /* رنگی */
            }
            100% {
                filter: grayscale(100%); /* سیاه و سفید */
            }
        }

.multi{
	position:fixed;left:0px;top:85%;color:white;padding:5px;font-size:14px;z-index:9999;border-radius: 0px 10px 10px 0px;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;background:blue;
}
.item {
  background-color: lightblue;
  margin-bottom: 15px; /* فاصله بین آیتم‌ها در یک ستون */
  padding: 20px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  
  
  }
  
.glass {
  background: linear-gradient(
    rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 0.5),
    rgba(200, 200, 200, 0.3)
  ); /* گرادیان از سفید به طوسی روشن و شفافیت کمتر */
  backdrop-filter: blur(10px); /* افکت بلور روی پس‌زمینه */
  -webkit-backdrop-filter: blur(10px); /* برای مرورگرهای WebKit */
  border: 0 solid rgba(255, 255, 255, 0.5); /* حذف کامل بردر */
  border-left: 1px solid rgba(255, 255, 255, 0.5); /* بردر سمت چپ */
  border-right: 1px solid rgba(255, 255, 255, 0.5); /* بردر سمت راست */
  border-bottom: 1px solid rgba(255, 255, 255, 0.5); /* بردر پایین */
  border-radius: 10px; /* گوشه‌های گرد */
  padding: 20px; /* فاصله داخلی */
  color: #333; /* متن تیره برای خوانایی */
  font-size: 16px; /* اندازه فونت */
}
img.double-border {

	border: 5px solid #ddd;

	padding: 5px; /*Inner border size*/

	background: #fff; /*Inner border color*/

}

.frame-block {

	position: relative;

	display: block;

	height:335px;

	width: 575px;

}

.frame-block span {

	background: url(frame.png) no-repeat center top;

	height:335px;

	width: 575px;

	display: block;

	position: absolute;

}
#ax69{
	width:65%;
            border-radius: 15px;
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease; 
            object-fit: cover;
            display: block; 
            margin: 20px auto;
            margin-top:30px;margin-bottom:30px;
	}
	#ax69:hover{
	box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3); 
            transform: translateY(-5px) scale(1.05); 
}



#ax77{
	width:65%;
            border-radius: 15px;
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease; 
            object-fit: cover;
            display: block; 
            margin: 20px auto;
            margin-top:30px;margin-bottom:30px;
	}
	#ax77:hover{
	box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3); 
            transform: translateY(-5px) scale(1.05); 
}
.bg901{
	background-color: #FFFFFF;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23efefef'/%3E%3Cstop offset='1' stop-color='%23efefef' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e2e5ed'/%3E%3Cstop offset='1' stop-color='%23e2e5ed' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23d2d5db'/%3E%3Cstop offset='1' stop-color='%23d2d5db' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23FFFFFF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23DEDEDE'/%3E%3Cstop offset='1' stop-color='%23DEDEDE' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23C5CBDA'/%3E%3Cstop offset='1' stop-color='%23C5CBDA' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}
#gk1{
	float:right;width:49%;
}
#gk2{
	float:left;width:49%;
}
#sl1{
	float:right;width:66.5%;border:1px silver solid;
}
#sl2{
	float:left;width:32.5%;
}
#ne1{
	float:right;width:24%;border:1px silver solid;background:white;border-radius: 4% 4% 4% 4%;
-moz-border-radius: 4% 4% 4% 4%;
-webkit-border-radius: 4% 4% 4% 4%;

}
#ne2{
	float:right;width:24%;margin-right:1.3%;border:1px silver solid;background:white;border-radius: 4% 4% 4% 4%;
-moz-border-radius: 4% 4% 4% 4%;
-webkit-border-radius: 4% 4% 4% 4%;

}
#ne3{
	float:right;width:24%;margin-right:1.3%;border:1px silver solid;background:white;border-radius: 4% 4% 4% 4%;
-moz-border-radius: 4% 4% 4% 4%;
-webkit-border-radius: 4% 4% 4% 4%;

}
#ne4{
	float:left;width:24%;border:1px silver solid;background:white;border-radius: 4% 4% 4% 4%;
-moz-border-radius: 4% 4% 4% 4%;
-webkit-border-radius: 4% 4% 4% 4%;

}

.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}

@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.pc{
	display:block;
}
#tel{
	float:left;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#tel9{
	float:left;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;margin-left:13px;
}


#menu11{
	display:none;
}
#tell22{
	position:fixed;right:0px;bottom:10px;z-index:1;display:none;-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}


#tell{
	position:fixed;left:0px;bottom:10px;z-index:1;display:none;-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
#g1{
	width:100%;margin-bottom:6px;
	background-color: rgba(255, 255, 255, 0.8); 
            border-radius: 15px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 
            margin: 20px auto;
            padding:6px;
            text-align: right;
            font-size: 16px;
            color: #333;
            font-family:font31;
            backdrop-filter: blur(10px); 
            -webkit-backdrop-filter: blur(10px); 
	
	}
	#g1:hover{
	 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); 
            transform: translateY(-5px) scale(1.03);
}
#g2{
	width:100%;margin-bottom:6px;
	background-color: rgba(255, 255, 255, 0.8); 
            border-radius: 15px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 
            margin: 20px auto;
            padding:6px;
            
                        font-family:font31;

            text-align: right;
            font-size: 16px;
            color: #333;
            backdrop-filter: blur(10px); 
            -webkit-backdrop-filter: blur(10px); 
}
	#g2:hover{
	 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); 
            transform: translateY(-5px) scale(1.03);
}

.mob{
	display:none;
}
#re1{
	float:left;width:78%;
}
#re2{
	float:right;width:20%;
}
#grr1{
	width:49%;float:right;margin-bottom:2%;
}
#grr2{
	width:49%;float:left;margin-bottom:2%;
}


.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.blink-1{-webkit-animation:blink-1 4s infinite both;animation:blink-1 4s infinite both}
@-webkit-keyframes blink-1{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes blink-1{0%,50%,100%{opacity:1}25%,75%{opacity:0}}

@font-face {
    font-family: 'weblogmayekan';
	src: url('/fonts/IRANYekanX-Light.woff') format('woff'),   
	url('/fonts/IRANYekanX-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
      font-display: swap;

}



@font-face {
	font-family: font3;
	font-style: normal;
	font-weight: 800;
	src: url('/fonts/IRANYekanX-ExtraBold.woff') format('woff'),   
	url('/fonts/IRANYekanX-ExtraBold.woff2') format('woff2');	
	  font-display: swap;

}
@font-face {
	font-family: font31;
	font-style: normal;
	font-weight: 800;
	src: url('/fonts/IRANYekanX-Medium.woff') format('woff'),   
	url('/fonts/IRANYekanX-Medium.woff2') format('woff2');	
	  font-display: swap;

}



@font-face {
	font-family: font1;
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/IRANYekanX-DemiBold.woff') format('woff'),   
	url('/fonts/IRANYekanX-DemiBold.woff2') format('woff2');	 
	  font-display: swap;

}
@font-face {
	font-family: font2;
	font-style: normal;
	font-weight: 1000;
	src: url('/fonts/IRANYekanX-Heavy.woff') format('woff'),   
	url('/fonts/IRANYekanX-Heavy.woff2') format('woff2');
	  font-display: swap;

}

@font-face {
	font-family: "primary-font";
	font-style: normal;
	font-weight: 300;
	src: url('/fonts/IRANYekanX-Light.woff') format('woff'),   
	url('/fonts/IRANYekanX-Light.woff2') format('woff2');	
	  font-display: swap;

}
@font-face {
	font-family: "dana";
	font-style: normal;
	font-weight: 300;
	src: url('/fonts/Dana-Bold.woff') format('woff'),   
	url('/fonts/Dana-Bold.woff2') format('woff2');	
	  font-display: swap;

}

@font-face {
	font-family: "peyda1";
	font-style: normal;
	font-weight: 300;
	src: url('/fonts/PeydaWeb-Black.woff') format('woff'),   
	url('/fonts/PeydaWeb-Black.woff2') format('woff2');	
	  font-display: swap;

}
@font-face {
	font-family: "dana1";
	font-style: normal;
	font-weight: 300;
	src: url('/fonts/Dana-Black.woff') format('woff'),   
	url('/fonts/Dana-Black.woff2') format('woff2');	
	  font-display: swap;

}
@font-face {
	font-family: "dana2";
	font-style: normal;
	font-weight: 300;
	src: url('/fonts/Dana-Medium.woff') format('woff'),   
	url('/fonts/Dana-Medium.woff2') format('woff2');
	  font-display: swap;

}






*{
	 text-decoration: none;

}
.tx{
	width:70%;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.scroll {
 
   overflow: auto;
}



#ppro1{
	width:33%;background:white;border:1px silver solid;float:right;
}

#ppro2{
	width:33%;background:white;border:1px silver solid;margin-right:1.5%;float:right;;
}

#ppro3{
	width:33%;background:white;border:1px silver solid;;float:left;;
}


.scroll::-webkit-scrollbar {
    width: 12px;
}

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2); 
}


#Repeatt{
	display:none;
}

ul{
direction: rtl;
}

ul li{
text-align: right;
}

#bas{
	float:left;margin-top:20px;
}
#logi{
	float:left;margin-left:22px;border:1px silver solid;;padding:5px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;margin-top:10px;}
#f1{
	width:27%;float:right;
}
#f2{
	width:20%;float:right;
}


#f3{
	width:20%;float:right;margin-right:5%;
}

#f4{
	width:17%;float:right;margin-right:5%;
}

#f5{
	width:19%;float:left;
}

#r3{
	float:right;color:white;
}
#l3{
	float:left;color:white;
}
#gr1{
	float:right;width:24%;margin-bottom:2%;border:1px silver solid;-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;}
#gr2{
	float:right;width:24%;margin-right:1.3%;margin-bottom:2%;border:1px silver solid;-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
#gr3{
	float:right;width:24%;margin-right:1.3%;margin-bottom:2%;border:1px silver solid;-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
#gr4{
	float:left;width:24%;margin-bottom:2%;border:1px silver solid;-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}


#prod1{
	width:24%;float:right; ma           border-radius: 15px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);margin: 5px auto;padding: 5px;display: flex;align-items: center;}

#prod2{
	width:24%;float:right;border-radius: 15px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);margin: 5px auto;padding: 5px;display: flex;align-items: center; ;margin-right:1.3%;}

#prod3{
	width:24%;float:right;border-radius: 15px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);margin: 5px auto;padding: 5px;display: flex;align-items: center;margin-right:1.3%;}

#prod4{
	width:24%;float:left;border-radius: 15px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);margin: 5px auto;padding: 5px;display: flex;align-items: center;}





#prodd1{
	width:32%;float:right;  margin-bottom:2%;  border-radius: 15px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);margin: 5px auto;padding: 5px;display: flex;align-items: center;}

#prodd2{
	width:32%;float:right;  margin-bottom:2%;    border-radius: 15px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);margin: 5px auto;padding: 5px;display: flex;align-items: center;margin-right:2%;}

#prodd3{
	width:32%;float:left;   margin-bottom:2%;   border-radius: 15px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);margin: 5px auto;padding: 5px;display: flex;align-items: center;}






.tb{
	float:right;line-height:70px;padding-left:20px;padding-right:20px;-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;background-color:#efefef;margin-left:20px;cursor:pointer;
}

#kk{
	width:24%;height:auto;display:inline-block;margin:0.3%;border:1px silver solid;--webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;margin-bottom:15px;}


#w1{
	float:right;width:24%;background:white;
}
#w2{
	float:right;width:24%;margin-right:1.3%;background:white;
}
#w3{
	float:right;width:24%;margin-right:1.3%;background:white;
}
#w4{
	float:left;width:24%;margin-right:1.3%;background:white;
}


#qw1{
	float:right;width:40%;
}

#qw2{
	float:left;width:58%;
}
.hh{
	float:right;width:30%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);padding-right:10px;font-size:14px;;
}

.hh2{
	float:left;width:69.99%;background:white;padding-right:10px;font-size:14px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

#kh1{
	float:right;width:48%;
}

#kh2{
	float:left;width:48%;
}


#naz1{
	float:right;width:32%;
}
#naz2{
	float:right;width:32%;margin-right:2%;
}

#naz3{
	float:left;width:32%;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C0C0C0;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #C0C0C0;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #C0C0C0;
}
#container { direction: rtl; width: 100%; margin: 0 auto;}

a:hover {
    text-decoration:none;
    }
#content1{
	height:auto;margin-bottom:0px;
}#ccontent1{
	width:98%; margin: 0 auto;display:table ;height:auto;
}
.bass{
	width:24px;text-align:center;height:24px;position:absolute;top:-5px;left:-4px;padding:3px;background:#01bad8;color:white;font-weight:bold;font-size:17px;-webkit-border-radius:50%;
							-moz-border-radius: 50%;
							border-radius: 50%;
}
#title{
	float:right;margin-right:0px;margin-top:31px;text-align:right;line-height:32px;
}
#menu{float:right;margin-right:0px;
}
#logo2{
	position:absolute;left:0px;top:16px;
}

#naz1{
	float:right;width:32%;
}
#naz2{
	float:right;width:32%;margin-right:2%;
}

#naz3{
	float:left;width:32%;
}


#e1{
	float:right;width:32%;padding:5px;color:white;background-color:#6d1fed;-webkit-border-radius: 5px;margin-bottom:2%;
-moz-border-radius: 5px;
border-radius: 5px;
}
#e2{
	float:right;width:32%;padding:5px;color:white;background-color:#6d1fed;-webkit-border-radius: 5px;margin-bottom:2%;
-moz-border-radius: 5px;
border-radius: 5px;margin-right:2%;
}
#e3{
	float:left;width:32%;padding:5px;color:white;background-color:#6d1fed;-webkit-border-radius: 5px;margin-bottom:2%;
-moz-border-radius: 5px;
border-radius: 5px;
}



#mob{
	display:none;
}
#box2{
	width:240px;height:200px;display:inline-block;margin:15px;
}
#menu2{
	display:none;float:left;
}
#nnews1{
	float:right;width:20%;height:100px;
}
#nnews2{
height:120px;overflow:hidden;width:78%;float:left;
}
#ninews{
height:100px;width:150px;
}
.rotate{
transition: 1s ease;
}

.rotate:hover{
-webkit-transform: rotateZ(-10deg);
-ms-transform: rotateZ(-10deg);
transform: rotateZ(-10deg);
transition: 1s ease;
}
h1{
	font-size:22px;padding:0px;margin:0px;font-family:font3;line-height:32px;
}
h2{
	font-size:20px;padding:0px;margin:0px;font-weight:normal;line-height:32px;
}
h3{
	font-size:18px;padding:0px;margin:0px;line-height:32px;
}
#box11{width:19%;height:90px;margin-left:0.5%;float:right;;margin-bottom:25px;background:white;border:1px silver solid; box-shadow: 0 8px 6px -6px black;
}
#z2{
	display:inline-block;width:32.5%;height:230px;margin:0.2%;border:1px silver solid;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#pr1{
	width:40%;float:right;text-align:center;border:1px silver solid;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;padding-top:12px;padding-bottom:12px;
}
#pr2{
	width:55%;float:left;line-height:32px;
}

#r1{
	float:right;padding-top:4px;
}
#l1{
	float:left;
}

#search{
	float:right;width:25%;margin-right:5%;margin-top:0px;
}
#search1{
	float:left;width:12%;height:40px;background-color:red;
}
#search2{
	float:left;width:88%;height:40px;background-color:blue;
}
#bass{
	float:left;;margin-top:23px;position:relative;
}
#log{
	float:left;margin-left:24px;padding-left:24px;border-left:1px #999999 solid;text-align:center;margin-top:13px;color:white;
}


#ser1{
	float:right;width:32%;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;border:2px #2d527b solid;background:white;
}
#ser2{
	float:right;width:32%;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;border:2px #2d527b solid;margin-right:2%;background:white;
}
#ser3{
	float:left;width:32%;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;border:2px #2d527b solid;background:white;
}



#r2{
	width:49%;float:right;height:200px;border:1px silver solid;background:white;padding:10px;padding-top:20px;
}
#l2{
	width:49%;float:left;height:200px;border:1px silver solid;background:white;padding:10px;padding-top:20px;
}
.btb{
	font-size:14px;padding:4px;padding-right:12px;padding-left:12px;background-color:#666699;color:white;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;;
}
.btb:hover{
	background-color:#FF0066;
}
.pro{
-webkit-transition: border-color 1s ease;
         -moz-transition: border-color 1s ease;
           -o-transition: border-color 1s ease;
          -ms-transition: border-color 1s ease;
              transition: border-color 1s ease;    
}
.pro:hover{
    border:2px red solid;
    }

#pro1{
	width:19%;height:290px;background:white;;float:right;margin-bottom:1.3%;
}

#pro2{
	width:19%;height:290px;background:white;margin-right:1.3%;float:right;margin-bottom:1.3%;
}

#pro3{
	width:19%;height:290px;background:white;margin-right:1.3%;float:right;margin-bottom:1.3%;
}
#pro4{
	width:19%;height:290px;background:white;margin-right:1.3%;float:right;margin-bottom:1.3%;
}

#pro5{
	width:19%;height:290px;background:white;float:left;margin-bottom:1.3%;
}






#ppro1{
	width:33%;background:white;border:1px silver solid;float:right;
}

#ppro2{
	width:33%;background:white;border:1px silver solid;margin-right:1.5%;float:right;;
}

#ppro3{
	width:33%;background:white;border:1px silver solid;;float:left;;
}



.countdown {
  text-align: center;font-size:12px;
}
.countdown .timeel {
  padding: 2px;font-size:12px;
  margin: 0;
  color: white;
}
.countdown span[class*="timeRef"] {
}

#nw1{
	width:32%;float:right;
}
#nw2{
	width:32%;float:right;margin-right:2%;
}
#nw3{
	width:32%;float:left;
}

#con1{
	float:right;width:40%;
}
#con2{
	float:left;width:57%;
}
#short{
	float:right;width:24%;padding-bottom:7px;
}

#faq1{
	float:right;width:25%;
}
#faq2{
	float:right;width:32%;margin-right:1%;
}
#faq3{
	float:left;width:32%;padding:10px;background-color:#fff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


.bt87 {
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	background-color:#768d87;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	padding:11px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
.bt87:hover {
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	background-color:#6c7c7c;
}
.bt87:active {
	position:relative;
	top:1px;
}

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


#nnews1{
	float:right;width:150px;height:100px;
}
#nnews2{
height:100px;overflow:hidden;width:870px;float:left;
}
#ninews{
height:100px;width:150px;
}

#mob{
	display:block;
}

#menu2{
	display:block;
}
#menu11{
	display:block;
}

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





}




@media only screen and (max-width: 900px) {
.pc{
	display:none;
}
.mob{
	display:block;
}
.rotate{
transition: 1s ease;
}

.rotate:hover{
-webkit-transform: rotateZ(-0deg);
-ms-transform: rotateZ(-0deg);
transform: rotateZ(-0deg);
transition: 1s ease;
}

#nnews1{
	float:right;width:100%;height:200px;text-align:right;
}
#nnews2{
height:100px;overflow:hidden;width:100%;float:left;
}
#ninews{
height:200px;width:300px;
}
#news1{
	width:100%;margin:0px;margin-bottom:10px;
}
#q1{
	width:100%;margin:0px;margin-bottom:20px;height:300px;
}
#pro{
	height:250px;
}


#f1{
	width:100%;padding-bottom:12px;
}

#f2{
	width:100%;margin:0px;border-top:2px silver solid;border-bottom:2px silver solid;padding-top:12px;padding-bottom:12px;
}

#f3{
	width:100%;margin:0px;border-bottom:2px silver solid;padding-top:0px;padding-top:12px;padding-bottom:12px;
}
#f4{
	width:100%;margin:0px;border-bottom:2px silver solid;padding-top:0px;padding-top:12px;padding-bottom:12px;
}
#f5{
	width:100%;margin:0px;padding-top:0px;padding-top:12px;padding-bottom:12px;
}

#box11{width:49%;height:90px;margin:0.5%;float:none;display:inline-block;;margin-bottom:10px;background:white;border:1px silver solid; box-shadow: 0 8px 6px -6px black;
}

#pr1{
	width:100%;margin-bottom:10px;
}
#pr2{
width:100%;
}
img{
	max-width:100%;
}
#pc{
	display:none;
}
#pc2{
	display:none;
}
img{
	max-width:100%;
}
#date{
	text-align:center;width:100%;padding:0px;margin:0px;

}
#logo{
	width:100%;text-align:center;padding-bottom:12px;
}
#logi{
	float:right;
}
#box1{
	width:100%;margin:0px;margin-bottom:15px;
}
#news{
	width:100%;margin:0px;margin-bottom:15px;
}
#z2{
	width:100%;margin:0px;margin-bottom:10px;
}
img{
	max-width:100%;
}
#title{
	margin-right:0px;margin-top:10px;width:100%;text-align:center;
}


#logo2{
	display:none;
}
#onvan{
width:100%;text-align:center;padding-top:15px;padding-bottom:15px;margin:0px;font-size:20px;font-weight:bold;
}
.lo{
	text-align:center;
}
#search{
	width:100%;margin:0px;padding:0px;
}
#log{
	width:49%;float:right;text-align:center;margin:0px;margin-top:12px;
}
#bass{
	width:49%;float:left;text-align:center;margin:0px;margin-top:12px;
}
.bass{
	width:24px;text-align:center;height:24px;position:absolute;top:-5px;left:40%;padding:3px;background:#01bad8;color:white;font-weight:bold;font-size:17px;-webkit-border-radius:50%;
							-moz-border-radius: 50%;
							border-radius: 50%;
}
#ser1{
	width:100%;margin:0px;margin-bottom:2%;
}
#ser2{
	width:100%;margin:0px;margin-bottom:2%;
}
#ser3{
	width:100%;margin:0px;margin-bottom:2%;
}
#r2{
	width:100%;margin:0px;margin-bottom:2%;height:auto;
}
#l2{
	width:100%;margin:0px;margin-bottom:2%;height:auto;
}
#pro1{
	width:49%;margin:0px;margin-bottom:2%;float:right;height:auto;padding-bottom:15px;
}
#pro2{
	width:49%;margin:0px;margin-bottom:2%;float:left;height:auto;padding-bottom:15px;
}
#pro3{
	width:49%;margin:0px;margin-bottom:2%;float:right;height:auto;padding-bottom:15px;
}
#pro4{
	width:49%;margin:0px;margin-bottom:2%;float:left;height:auto;padding-bottom:15px;
}
#pro5{
	display:none;
}
#nw1{
	width:100%;margin:0px;margin-bottom:2%;padding-right:20px;padding-left:20px;
}
#nw2{
	width:100%;margin:0px;margin-bottom:2%;;padding-right:20px;padding-left:20px;


}
#nw3{
	width:100%;margin:0px;margin-bottom:2%;;padding-right:20px;padding-left:20px;


}
#con1{
	width:100%;margin-bottom:2%;
}
#con2{
	width:100%;margin-bottom:2%;
}
#short{
	width:49%;
}
#e1{
width:100%;margin:0px;margin-bottom:2%;
}
#e2{
width:100%;margin:0px;margin-bottom:2%;
}
#e3{
width:100%;margin:0px;margin-bottom:2%;
}
#faq1{
	width:100%;margin:0px;margin-bottom:2%;
}
#faq3{
	width:100%;margin:0px;margin-bottom:2%;
}
#faq2{
	width:100%;margin:0px;margin-bottom:2%;
}

#naz1{
	width:100%;margin:0px;margin-bottom:5px;
}
#naz2{
	width:100%;margin:0px;margin-bottom:5px;
}
#naz3{
	width:100%;margin:0px;margin-bottom:5px;
}
.hh{
	float:right;width:100%;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);padding-right:10px;font-size:14px;;
}
.hh2{
	float:left;width:100%;background:white;padding-right:10px;font-size:14px;
}
.pro:hover{
    border:0px red solid;
    }
#w1{
	width:100%;
}
#w2{
	width:100%;
}
#w3{
	width:100%;
}
#w4{
	width:100%;
}
#prod1{
	float:right;margin:0px;margin-bottom:2%;width:49%;
}
#prod2{
	float:left;margin:0px;margin-bottom:2%;width:49%;
}


#prod3{
	float:right;margin:0px;margin-bottom:2%;width:49%;
}
#prod4{
	float:left;margin:0px;margin-bottom:2%;width:49%;
}
#Repeatt{
	display:block;
}
.tb{
	display:none;
}
#gr1{
	width:100%;margin:0px;margin-bottom:2%;
}
#gr2{
	width:100%;margin:0px;margin-bottom:2%;
}
#gr3{
	width:100%;margin:0px;margin-bottom:2%;
}
#gr4{
	width:100%;margin:0px;margin-bottom:2%;
}
#gr5{
	width:100%;margin:0px;margin-bottom:2%;
}
#r3{
	display:table;width:100%;text-align:center;
}
#l3{
	display:table;width:100%;text-align:center;padding-top:8px;
}
.tx{
	width:100%;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#prodd1{
	width:100%;margin:0px;margin-bottom:1%;
}
#prodd2{
	width:100%;margin:0px;margin-bottom:1%;
}
#prodd3{
	width:100%;margin:0px;margin-bottom:1%;
}
#re1{
	width:100%;
}
#re2{
	width:100%;margin-bottom:10px;display:none;
}
#g1{
	width:49%;margin-bottom:6px;float:right;
}
#g2{
	width:49%;margin-bottom:6px;float:left;
}
#tel{
	display:none;
}
#tel9{
	display:none;
}


#tell{
	position:fixed;left:0px;bottom:10px;z-index:1;display:block;padding-top:6px;padding-bottom:6px;
}

#tell22{
	z-index:1;display:block;
}
#ne1{
	float:right;width:49%;margin:0px;margin-bottom:2%;
}
#ne2{
	float:left;width:49%;margin:0px;margin-bottom:2%;
}
#ne3{
	float:right;width:49%;margin:0px;margin-bottom:2%;
}
#ne4{
	float:left;width:49%;margin:0px;margin-bottom:2%;
}
.mob1{
	display:block;
}
#ccontent1{
	width:94%; margin: 0 auto;display:table ;height:auto;
}
.bfilm{
	display:inline-block;width:90%;
}
   
}