@font-face {
  font-family: 'Samim';
  src: url('../fonts/Samim.ttf') format('truetype');
}
@font-face {
  font-family: 'Vazir';
  src: url('../fonts/Vazir.ttf') format('truetype');
}
@font-face {
  font-family: 'Vazir_digit';
  src: url('../fonts/Vazir-persian-digits.ttf') format('truetype');
}
:root{
  --sormeL:#324b67;
  --sorme: #26394f;
  --sormeD:#192534;
  /*--sormeL:#455a64;
  --sorme: #37474f;
  --sormeD:#263238;*/
  --sormeG:linear-gradient(var(--sormeL),var(--sorme),var(--sormeD));

  /*--sabzeL:#2fd0c0;
  --sabze: #26a69a;
  --sabzeD:#1c7d73;*/
  --sabzeL:#81c784;
  --sabze: #66bb6a;
  --sabzeD:#4caf50;
  --sabzeG:linear-gradient(var(--sabzeL),var(--sabze),var(--sabzeD));

  --red:#ef5350;
  --green:#26a69a;
  --white:#eee;
  --orange: #FF6F00
}
@keyframes waves{
  0%{box-shadow: 0px 0px 1px 1px rgba(47,208,192,.8);}
  10%{box-shadow: 0px 0px 2px 2px rgba(47,208,192,.7);}
  20%{box-shadow: 0px 0px 3px 3px rgba(47,208,192,.6);}
  30%{box-shadow: 0px 0px 4px 4px rgba(47,208,192,.5);}
  40%{box-shadow: 0px 0px 5px 5px rgba(47,208,192,.4);}
  50%{box-shadow: 0px 0px 4px 6px rgba(47,208,192,.3);}
  60%{box-shadow: 0px 0px 3px 7px rgba(47,208,192,.2);}
  80%{box-shadow: 0px 0px 2px 8px rgba(47,208,192,.1);}
  100%{box-shadow: 0px 0px 1px 10px rgba(47,208,192,.0);}
}
@keyframes bubble{
  0%{transform: scale(1);}
  10%{transform: scale(1.1);}
  20%{transform: scale(1.2);}
  30%{transform: scale(1.3);}
  40%{transform: scale(1.4);}
  50%{transform: scale(1.3);}
  60%{transform: scale(1.2);}
  80%{transform: scale(1.1);}
  100%{transform: scale(1);}
}
@keyframes slide_R{
  0%{transform: translateX(-100px); opacity: .5;}
  100%{transform: translateX(0px); opacity: 1;}
}
@keyframes slide_L{
  0%{transform: translateX(100px); opacity: .5;}
  100%{transform: translateX(0px); opacity: 1;}
}
@keyframes up{
  0%{line-height: 40px;}
  20%{line-height: 35px;}
  40%{line-height: 30px;}
  60%{line-height: 35px;}
  80%{line-height: 40px;}
  100%{line-height: 45px;}
}

*{border: 0; margin: 0; padding: 0; outline: 0;}
*::-moz-selection{background: var(--sabzeL); color: var(--sormeD);} *::selection{background: var(--sabzeL); color: var(--sormeD);}
input{font-family: 'Vazir','Vazir_digit',Arial; outline: 0;} input:focus{outline: 0;}
input::-moz-selection{background: var(--sabzeL);} input::selection{background: var(--sabzeL);}
a{text-decoration: none; color:inherit;}
a:visited{text-decoration: none; color:inherit;}
hr{border-bottom: 1px solid var(--sormeD); margin: auto; margin-bottom: 3px; margin-top: 3px;}
select{
  -webkit-appearance: none; -moz-appearance: none;
  background-image: url("../images/icons/down.png");
  background-size: contain; background-repeat: no-repeat; background-position: left;
  background-clip: padding-box;
}

body{
  font-family: 'Vazir','Vazir_digit',Arial;
  background-image: url("../images/wallpaper.jpg");
  background-repeat: repeat;
  background-color: var(--white);
  padding: 0; margin-left: auto; margin-right: auto;
  max-width: 1920px;
}

*::-webkit-scrollbar{background-color: transparent;}
*::-webkit-scrollbar-track-piece{background-color: var(--white);}
*::-webkit-scrollbar-thumb{background-color: var(--sormeD); border-radius: 15px; border: 3px solid var(--white);}

/*HEADER--------------------------------------------------------------------*/
.header{
  position: relative;
  background-color: var(--sormeL);
  min-width: 500px;
  width: 100%;
  height: 80px;
  line-height: 80px;
  box-shadow: 0px 0px 8px rgba(0,0,0,.4);
  transition: all .3s;
  z-index: 7;
}
.header_logo{
  width: 200px;
  height: 80px;
  float: right;
  /*box-shadow: -3px -2px 5px rgba(0,0,0,.4);*/
}
.header_cart_ico{
  display: inline-block;
  margin-top: 15px;
  margin-left: 15px;
  width: 50px;
  height: 50px;
  background-color: inherit;
  background-image: url("../images/icons/Shopping Cart Loaded.png");
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}
.cart_counter{
  display: inline-block;
  background-color: #425b77;
  padding: 2px;
  min-width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #eee;
  border-radius: 26px;
  box-shadow: 0px 0px 5px rgba(0,0,0,.4);
  text-shadow: 0px 0px 5px rgba(0,0,0,.4);
}
.new_user_btn,.enter_user_btn{
  position: relative; top: -15px;
  display: inline-block;
  color: var(--white); font-size: 15px;
  margin-left: 15px; margin-bottom: 10px;
  padding: 2px; padding-left: 5px; padding-right: 5px;
  height: 30px; line-height: 30px;
  text-align: center;
  background-color: var(--sorme); border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  text-shadow: 0px 0px 5px rgba(0,0,0,.3);
  transition: all .3s;
  cursor: pointer;
}
.new_user_btn span,.enter_user_btn span{color: var(--sabzeL);}
.new_user_btn:hover , .enter_user_btn:hover{
  color: var(--sabze);
  text-shadow: 0px 0px 10px rgba(0,0,0,.5);
}
.welcome_sign{
  display: inline-block;
  color: var(--sabze);
  font-size: 16px;
  font-weight: bold;
  margin-left: 20px;
  height: 30px; line-height: 30px;
  text-shadow: 0px 0px 5px rgba(0,0,0,.3);
}
.black_screen{
  display: none;
  position: fixed; top: 0; left: 0;
  background-color: rgba(0,0,0,.4);
  width: 100%; height: 100%;
  z-index: 9;
}
.signup_form,.login_form,.change_pass_form,.edit_address_form,
.add_address_form,.delete_address_form,.delete_from_cart_form{
  display: none;
  position: fixed; top: 30px;
  background-color: var(--sorme);
  width: 340px; min-height: 300px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.4);
  border-radius: 5px;
  z-index: 10;
}
.close_form{
  position: absolute;
  display: inline-block;
  color: var(--red); font-size: 18px;
  width: 30px; height: 30px;
  background-color: var(--sormeD);
  border-radius: 50%;
  line-height: 28px; text-align: center;
  box-shadow: 0px 0px 5px rgba(0,0,0,.4);
  cursor: pointer;
  margin-left: -15px; margin-top: -10px;
  transition: all .3s;
}
.close_form:hover{
  transform: rotate(270deg);
}
.form_image{
  display: block;
  width: 100px; height: 100px;
  margin: auto; margin-top: 10px;
  border-radius: 50%;
}
.form_title{
  display: block;
  height: 30px; width: 220px; margin: auto; margin-top: 5px;
  text-align: center; line-height: 30px; border-radius: 30px;
  padding: 3px; padding-top: 0px;
  color: var(--sabze); background-color: var(--sormeD);
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  font-size: 18px; font-weight: bold;
  text-shadow: 0px 0px 5px rgba(0,0,0,.4);
}
.form_input{
  font-family: 'Vazir','Vazir_digit',Arial; font-size: 16px;
  display: inline-block;
  width: 200px; height: 30px;
  line-height: 30px;
  background-color: inherit;
  border-bottom: 2px solid var(--sabzeL);
  margin-top: 15px; padding-right: 5px;
  direction: rtl; text-align: right;
  color: var(--white);
  margin-left: 70px;
}
.form_input_icon{
  display: inline-block;
  color: var(--sormeD);
  font-size: 18px;
  float: right;
  margin-top: 20px;
  margin-right: 30px;
  padding: 1px;
  text-shadow: 0px 0px 5px rgba(0,0,0,.4);
  text-align: center; background-color: var(--white);
  border-radius: 50%; width: 24px; height: 24px; line-height: 24px;
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
}
.btn_place{
  width: 100%;
  margin-top: 20px; margin-bottom: 10px;
  text-align: center;
}
.signup_accept_btn,.login_accept_btn,.change_pass_accept_btn,
.edit_profile_accept_btn,.add_address_btn,.add_address_accept_btn,
.edit_address_accept_btn,.delete_address_accept_btn,.delete_product_accept_btn{
  display: inline-block;
  background-color: var(--sormeD);
  color: var(--sabzeL); font-size: 16px;
  border-radius: 5px;
  text-align: center;
  height: 30px; line-height: 30px;
  padding: 5px 10px 5px 10px; margin-bottom: 5px;
  box-shadow: 0px 0px 8px rgba(0,0,0,.4);
  transition: all .3s;
  cursor: pointer;
}
.signup_accept_btn:hover,.login_accept_btn:hover,.change_pass_accept_btn:hover,
.edit_profile_accept_btn:hover,.add_address_btn:hover,.add_address_accept_btn:hover,
.edit_address_accept_btn:hover,.delete_address_accept_btn:hover,.delete_product_accept_btn{
  box-shadow: 0px 3px 10px rgba(0,0,0,.5);
}
.change_form_p{
  display: block;
  color: var(--white);
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
  text-shadow: 0px 0px 5px rgba(0,0,0,.3);
}
.change_form_btn{color: var(--sabze); cursor: pointer;}
.change_form_btn:hover{border-bottom:2px solid var(--sabze);}
.signup_feedback,.login_feedback,.change_pass_feedback,.edit_profile_feedback,.add_address_feedback,.add_address_feedback,.edit_address_feedback{
  display: block;
  text-align: center;
  color: var(--red); font-size: 16px; direction: rtl;
  margin-top: 5px; margin-bottom: 10px; padding: 0px 5px 0px 5px;
  min-height: 30px; line-height: 30px;
  text-shadow: 0px 0px 5px rgba(0,0,0,.4);
}
.header_profile{
  display: inline-block;
  background-image: url('../images/icons/user1.png');
  background-repeat: no-repeat; background-position: center; background-size: cover;
  width: 40px;
  height: 40px;
  margin-left: 15px;
  text-align: center; line-height: 30px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0px 0px 5px rgba(0,0,0,.4);
}
.header_profile_text{
  position: relative;
  width: 60px;
  left: -10px;
  display: inline-block;
  color: #eee;
  margin-top: 32px;
  height: 20px; border-radius: 20px;
  line-height: 20px;
  padding-right: 3px; padding-left: 6px; padding-bottom: 2px;
  font-size: 14px;
  background-color: #425b77;
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
}
.header_profile_text span{color: var(--sabzeL);}
.header_profile_box{
  position: absolute;
  top: 70px;
  left: 80px;
  display: inline-block;
  width: 0px; height: 0px;
  background-color: var(--sormeD);
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 0px 8px rgba(0,0,0,.4);
  transition: all .3s;
}
.header_profile_box_open{
  width: 150px; height: 170px; padding: 5px; z-index: 8;
}
.header_edit_profile_btn,.header_orders_btn,.change_pass_btn,.exit_user_btn{
  width: 100%; height: 30px; line-height: 30px;
  font-size: 15px; color: var(--white);
  text-align: center;
  margin-top: 10px;
  cursor: pointer;
  transition: all .3s;
}
.header_edit_profile_btn:hover,.header_orders_btn:hover,.change_pass_btn:hover{
  color: var(--sabze);
}
.exit_user_btn:hover{
  color: var(--red);
}
.header_edit_profile_btn span,.header_orders_btn span,.change_pass_btn span{color: var(--sabze);}
.header_search{
  display: inline-block;
  max-width: 250px;
  width: 28%;
  margin-top: 25px; margin-right: 20px; margin-bottom: 5px;
  height: 36px; line-height: 36px;
  text-align: center;
  float: right;
}
.header_search_icon{
  display: inline-block;
  position: relative;
  float: left;
  top: -38px; left: -20px;
  background-color: #425b77;
  width: 40px; height: 40px;
  line-height: 40px; border-radius: 50%;
  color: var(--sabzeL);
  cursor: pointer;
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  text-shadow: 0px 0px 5px rgba(0,0,0,.4);
  transition: all .3s;
}
.header_search_icon:hover{
  animation: waves .7s infinite;
}
.header_search_input{
  font-family: 'Vazir','Vazir_digit',Arial;
  background-color: var(--sorme);
  font-size: 16px; color: var(--white);
  width: 100%;
  padding-right: 10px;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0,0,0,.3) , inset 0px 0px 0px rgba(0,0,0,.3);
  height: 36px; line-height: 36px;
  transition: all .3s;
}
.header_search_input:focus{
  box-shadow: 0px 0px 0px rgba(0,0,0,.3) , inset 0px 0px 5px rgba(0,0,0,.3);
}
.top_menu{
  display: inline-block;
  width: 100%; min-width: 500px;
  line-height: 40px;
  background-color: var(--sormeD);
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  transition: all .3s;
}
.top_menu_scroll{position: fixed; top: 0px; z-index: 2;}
.menu_list{
  display: block;
  width: 100%;
  direction: rtl; float: right;
  list-style: none; text-align: center;
  cursor: default;
}
.menu_list li{
  display: inline-block;
  color: var(--white);
  font-size: 16px;
  text-shadow: 0px 0px 5px rgba(0,0,0,.3);
  margin-left: 20px; margin-right: 20px;
  transition: all .3s;
  cursor: pointer;
}
.menu_list li:hover{
  color: var(--sabzeL);
}
.menu_list_btn{
  display: none;
  text-shadow: 0px 0px 5px rgba(0,0,0,.4);
  cursor: pointer;
  direction: rtl; float: right;
  margin-right: 10px;
  font-size: 18px; color: var(--white);
}
.menu_list_btn span{color: var(--sabzeL);}
.fly_up{
  position: fixed; right: 20px; bottom: 30px;
  display: none;
  width: 40px; height: 40px; line-height: 40px;
  text-align: center; border-radius: 50%;
  background-color: var(--sabze);
  box-shadow: 0px 0px 10px rgba(0,0,0,.4);
  text-shadow: 0px 0px 15px rgba(0,0,0,.4);
  color: var(--sorme); font-size: 20px;
  z-index: 2; cursor: pointer;
  transition: transform .3s;
}
.fly_up:hover{transform: scale(1.2); animation: up .7s infinite;}
/*FOOTER-----------------------------------------------------------------------*/
.footer{
  background-color: var(--sormeL);
  margin-bottom: 0px; text-align: right;
  min-width: 500px; width: 100%;
  box-shadow: 0px 0px 8px rgba(0,0,0,.4);
  transition: all .3s;
}
.support_bar{
  margin-top: 60px;
  background-color: var(--sormeD);
  width: 100%; min-width: 500px;
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
}
.support_bar_list{
  width: 100%;
  direction: rtl;
  padding-top: 8px; padding-bottom: 8px;
  text-align: center;
}
.support_bar_list li{
  display: inline-block;
  color: var(--white);
  font-size: 17px;
  margin-right: 15px; margin-left: 15px;
}
.support_bar_list li span{color: var(--sabzeL);}
.support_bar_list li a:hover{color: var(--sabze);}
.social_networks{
  float: left;
  display: inline-block;
  margin-left: 20px; margin-top: 20px;
}
.social_networks span{
  width: 40px; height: 40px;
  line-height: 40px; text-align: center;
  border-radius: 50%; color: #eee; font-size: 20px;
  text-shadow: 0px 0px 5px rgba(0,0,0,.5);
  box-shadow: 0px 0px 5px rgba(0,0,0,.4);
  margin-left: 10px;
  transition: all .3s;
}
.social_networks span:hover{
  box-shadow: 0px 0px 1px 3px rgba(255,255,255,1);
  transform: scale(1.1,1.1);
}
.footer_list{
  display: inline-block;
  margin: 5px; margin-right: 50px;
  direction: rtl;
  text-align: center;
}
.footer_list li{
  font-size: 15px;
  margin-top: 10px;
  color: var(--white); text-shadow: 0px 0px 5px rgba(0,0,0,.3);
  list-style: none;
  transition: all .3s;
}
.footer_list li:hover{color: var(--sabze);}
.copy_right{
  color: var(--sabzeL);
  text-align: center;
  font-size: 12px; direction: rtl;
  padding: 5px; margin-top: 10px;
}
.subscription{
  display: inline-block;
  float: left; margin-top: 100px;
  margin-left: -100px;
}
.subscription input{
  background-color: var(--sormeD); margin: 0;
  height: 35px; border-radius: 5px; border: 0;
  box-shadow: inset 0px 0px 5px rgba(0,0,0,.3);
}
.subscribe{
  display: inline-block; background-color: var(--sabze);
  color: var(--sormeD); cursor: pointer;
  padding: 3px 10px 3px 10px; border-radius: 5px; font-size: 14px; font-weight: bold;
  text-shadow: 0px 0px 5px rgba(0,0,0,.3);
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
  transition: all .3s;
}
.subscribe:hover{box-shadow: 0px 3px 10px rgba(0,0,0,.4);}
/*SLIDE_SHOW-------------------------------------------------------------------*/
.slideshow{
  min-width: 500px; max-width: 1500px;
  width: 90%;
  background-color: inherit;
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
  border-radius: 5px;
  text-align: center;
  margin: auto; margin-top: 30px;
}
.slideshow a{
  width: 100%; height: 100%;
}
.slideshow_img{
  width: 100%; height: 100%;
}
.slidesjs-pagination{
  position: absolute;
  margin-top: -30px; height: 30px; line-height: 30px;
  z-index: 1; border-radius: 0px 0px 5px 5px;
  width: 90%; min-width: 500px; max-width: 1500px;
  background-color: rgba(0,0,0,.5);
}
.slidesjs-pagination li{
  color: var(--white); font-size: 20px;
  margin-left: 10px; margin-right: 10px; height: 30px; line-height: 30px;
  display: inline-block;
  text-shadow: 0px 0px 5px rgba(0,0,0,.4); opacity: .6;
  transition: all .3s;
}
.slidesjs-pagination li:hover{
  color: var(--sormeD); opacity: 1;
}
.slidesjs-pagination li a.active{
  color: var(--sormeL);
}
/*SHOW_BOX---------------------------------------------------------------------*/
.show_box{
  width: 90%; max-width: 1500px; min-width: 500px;
  margin: auto; margin-top: 30px;
  background-color: var(--sormeD);
  direction: rtl;
  text-align: right;
  box-shadow: 0px 5px 15px -2px rgba(0,0,0,.8); border-radius: 5px;
}
.show_box h3{
  display: inline-block;
  color: var(--white); margin-right: 20px;
  font-size: 18px; direction: rtl;
  height: 30px; line-height: 30px;
  padding: 5px;
  font-weight: bold; border-bottom: 2px solid var(--sabzeL);
  text-shadow: 0px 0px 5px rgba(0,0,0,.3);
  box-sizing: 0px 0px 5px rgba(0,0,0,.3);
}
.show_box_container{
  height: 270px;
  overflow: hidden;
}
.show_box_container ul{
  position: relative;
  display: block;
  margin-top: 10px;
}
.show_box_container ul li{
  display: inline-block;
  list-style: none; overflow: hidden;
  float: right; margin-left: 5px; margin-right: 5px;
  width: 250px; height: 250px;
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  border-radius: 3px;
}
.show_box_img_detail{
  display: block;
  position: relative; top: 0;
  width: 250px; height: 250px;
  background-color: rgba(255,255,255,.9);
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
  transition: all .3s;
  direction: rtl;
}
.show_box_container ul li:hover .show_box_img_detail{top: -180px;}
.show_box_img_detail h4{
  display: block;
  font-size: 16px; color: #263238;
  text-align: center;
  margin-top: 5px;
}
.show_box_img_detail div{
  font-size: 16px; color: #263238;
  margin-top: 5px; text-align: center;
}
.show_box_btn{
  position: relative; top: -150px;
  height: 0px; line-height: 46px;
  color: var(--white); font-size: 40px;
  text-shadow: 0px 0px 5px rgba(0,0,0,.6);
}
.show_box_btn span{cursor: pointer; transition: all .3s;}
.show_box_btn span:hover{color: var(--sormeL);}
.show_box_btn_L{float: left; margin-left: 10px;}
.show_box_btn_R{float: right; margin-right: 10px;}
.show_box_rest{
  display: inline-block;
  font-weight: bold; margin-bottom: 10px;
  height: 30px; line-height: 30px; text-align: center;
  background-color: var(--white); color: var(--sormeD);
  border-radius: 3px; padding-left: 5px; padding-right: 5px;
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  cursor: pointer; transition: all .3s;
}
.show_box_rest:hover{
  background-color: var(--sormeL); color: var(--white);
}


/*NEW_PRODUCTS_BOX---------------------------------------------------------------------*/
.new_prdks_box{
  width: 90%; max-width: 1500px; min-width: 500px;
  margin: auto; margin-top: 30px;
  background-color: var(--sormeD);
  direction: rtl;
  text-align: right;
  box-shadow: 0px 5px 15px -2px rgba(0,0,0,.8); border-radius: 5px;
}
.new_prdks_box h3{
  display: inline-block;
  color: var(--white); margin-right: 20px;
  font-size: 18px; direction: rtl;
  height: 30px; line-height: 30px;
  padding: 5px;
  font-weight: bold; border-bottom: 2px solid var(--sabzeL);
  text-shadow: 0px 0px 5px rgba(0,0,0,.3);
  box-sizing: 0px 0px 5px rgba(0,0,0,.3);
}
.new_prdks{
  height: 270px;
  overflow: hidden;
}
.new_prdks ul{
  position: relative;
  display: block;
  margin-top: 10px;
}
.new_prdks ul li{
  display: inline-block;
  list-style: none; overflow: hidden;
  float: right; margin-left: 5px; margin-right: 5px;
  width: 250px; height: 250px;
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  border-radius: 3px;
}
.new_prdks ul li:hover .show_box_img_detail{top: -180px;}
/*INFO_BOX---------------------------------------------------------------------*/
.info_box_L,.info_box_R{
  width: 80%; min-width: 500px; max-width: 1080px;
  height: 400px; margin: auto; margin-top: 110px; margin-bottom: 30px;
  background-color: var(--sormeD);
  border-radius: 5px; padding: 0;
  box-shadow: 0px 5px 15px -2px rgba(0,0,0,.8);
}
.info_box_R{margin-right: 5%;}
.info_box_L{margin-left: 5%;}
.info_box_L > img,.info_box_R > img{
  width: 50%; min-width: 480px; height: 98%;
  border-radius: 5px; margin-top: -50px;
  box-shadow: 0px 0px 10px -2px rgba(0,0,0,.5);
  opacity: 0;
}
.info_box_L > img{float: left; margin-left: 20px;}
.info_box_R > img{float: right; margin-right: 20px;}
.info_box_L > h3,.info_box_R > h3{
  position: absolute;
  width: 30%; max-width: 500px; height: 40px; line-height: 40px;
  background-color: rgba(25,37,52,.6);
  color: var(--white); font-size: 23px;
  padding-right: 30px; padding-left: 30px;
  font-weight: bold; direction: rtl;
  border-bottom: 3px solid var(--sabzeL);
  text-shadow: 0px 0px 5px rgba(0,0,0,.4);
  opacity: 0;
}
.info_box_L > h3{left: 80px; text-align: right;}
.info_box_R > h3{right: 80px; text-align: left;}
.info_box_texts{
  width: 40%; margin-top: 35px;
  display: inline-block;
  float: right; margin-right: 10px;
}
.info_box_texts p{
  direction: rtl; color: var(--white);
  text-align: center;
  font-size: 20px; padding: 10px; padding-bottom: 5px;
  text-shadow: 0px 0px 5px rgba(0,0,0,.4);
  float: right; background-color: var(--sorme);
  margin-right: 12%;
  opacity: 0;
}
.info_box_btn{
  position: absolute; margin-top: 330px;
  display: inline-block;
  padding-left: 10px; padding-right: 10px;
  height: 45px; line-height: 45px; font-size: 18px;
  text-align: center; border-radius: 3px;
  color: var(--white); background-color: var(--sabzeD);
  text-shadow: 0px 0px 5px rgba(0,0,0,.4);
  box-shadow: 0px 0px 10px -2px rgba(0,0,0,.5);
  cursor: pointer; transition: all .3s;
  clip: 10px;
}
.info_box_btn:hover{background: var(--sormeL);}
.info_box_L .info_box_btn{left: 55%;}
.info_box_R .info_box_btn{right: 55%;}
/*EDIT_PROFILE_PANEL-----------------------------------------------------------*/
.panel{
  width: 80%; min-width: 500px; max-width: 1920px;
  background-color: var(--sorme);
  border-radius: 5px; text-align: center;
  box-shadow: 0px 0px 10px -2px rgba(0,0,0,.5);
  padding-top: 10px; padding-bottom: 10px;
  margin: auto; margin-top: 30px; direction: rtl;
}
.panel_title{
  display: inline-block;
  color: var(--sabze); font-size: 20px; font-weight: bold;
  margin: 5px; background-color: var(--sormeD);
  border-radius: 30px; padding: 0px 20px 3px 20px;
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  text-shadow: 0px 0px 5px rgba(0,0,0,.4);
}
.edit_user_ul{
  display: block;
  text-align: center;
  direction: rtl;
  margin: auto;
}
.edit_user_ul li{
  display: inline-block; list-style: none;
  margin-right: 10px; margin-left: 10px; margin-bottom: 10px;
  color: var(--white); direction: rtl;
  text-align: right;
}
/*ADDRESS_TABLE----------------------------------------------------------------*/
.address_table{
  width: 98%; min-width: 480px; max-width: 1920px;
  margin: auto; margin-top: 20px;
  background-color: var(--sormeD); color: var(--white);
  direction: rtl; border: 1px solid var(--sormeL);
  border-spacing: 0; border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.4);
}
.address_table tr td{
  padding: 10px;
  text-align: center; direction: rtl;
  border: 1px solid var(--sormeL); line-height: 30px;
  transition: all .3s;
}
.address_table td:hover{
  background-color: var(--sorme);
}
.address_table tr:first-child td:first-child{
  text-align: right; background-color: var(--sormeL);
  font-size: 20px; font-weight: bold; padding: 5px;
}
.edit_address_btn,.delete_address_btn{
  display: inline-block; border-radius: 50%;
  width: 30px; height: 30px; line-height: 30px;
  cursor: pointer; text-shadow: 0px 0px 5px rgba(0,0,0,.4);
  transition: all .3s; text-align: center;
  margin-bottom: 15px; margin-top: 15px;
}
.edit_address_btn:hover,.delete_address_btn:hover{
  box-shadow: 0px 5px 10px -3px rgba(0,0,0,.5);
}
.edit_address_btn span,.delete_address_btn span{
  display: inline-block;
  font-size: 25px; margin-top: 2px;
}
.empty{
  margin-top: 20px; margin-bottom: 20px;
  color: var(--red); font-size: 18px;
  text-align: center; direction: rtl;
  text-shadow: 0px 0px 10px rgba(0,0,0,.3);
}
.edit_address_form,.add_address_form{ width: 480px; }
.edit_address_form .form_input,.add_address_form .form_input{ width: 320px; }
.delete_address_form{ min-height: 100px; top: 250px;}
/*ORDER_REPORT-----------------------------------------------------------------*/
.order_report_ul{
  display: block;
  width: 100%; min-width: 500px; max-width: 1920px;
  padding: 10px; margin: auto; margin-bottom: 10px;
  direction: rtl; text-align: center;
}
.order_report_ul li{
  display: inline-block;
  color: var(--white);
  text-shadow: 0px 0px 5px rgba(0,0,0,.4);
  margin-left: 20px; margin-right: 20px;
  margin-top: 15px;
}
.order_report_ul li .form_input_icon{
  margin: auto; margin-left: 5px;
}
.order_table{
  color: var(--sabzeL); background-color: var(--sormeD);
  margin: auto; margin-top: 20px; margin-bottom: 10px;
  width: 96%; min-width: 480px; max-width: 1920px;
  direction: rtl; text-align: right;
  border-radius: 5px; border-spacing: 0;
  box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}
.order_table tr:first-child{
  background-color: var(--sormeL);
  font-size: 17px; color: var(--white);
}
.order_table tr td{
  border-top: 1px solid var(--sorme);
  background-color: var(--sromeD);
  padding: 5px 0px 5px 0px;
  direction: rtl; text-align: center;
}
.order_table_details{
  display: none;
  width: 96%; min-width: 460px; max-width: 1920px;
  margin: auto; margin-bottom: 20px;
  color: var(--sabzeL); background-color: var(--sorme);
  text-shadow: 0px 0px 5px rgba(0,0,0,.2);
  direction: rtl; text-align: center;
  border-radius: 3px; border-spacing: 0;
}
.order_table_details tr:first-child{
  background-color: var(--sormeL);
  font-size: 17px; color: var(--white);
}
.order_table_details tr > td{
  border: 1px solid var(--sormeD);
  background-color: var(--sromeD);
  padding: 5px;
  direction: rtl; text-align: center;
}
.order_table_details img{transition: all .3s;}
.order_table_details img:hover{transform: scale(4,4);}
/*ALBUM------------------------------------------------------------------------*/
.album{
  position: relative;
  display: block;
  margin-top: 20px; direction: rtl; text-align: center;
}
.album_image{
  width: 90%; max-height: 400px; margin: auto;
  border-radius: 5px; overflow: hidden;
  background-color: var(--sormeD);
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
  text-align: center; margin-bottom: 10px;
}
.album_image img{
  width: 100%; border-radius: 5px;
}
.album li{
  display: inline-block;
  list-style: none; overflow: hidden;
  margin: 0px 2% 25px 2%;
  width: 250px; height: 250px;
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  border-radius: 3px;
}
.album li:hover .show_box_img_detail{top: -180px;}
.album li img{border-radius: 3px;}
.page_number{
  display: block;
  width: 90%;
  margin: auto; padding: 5px;
  text-align: center; border-radius: 40px;
  background-color: rgba(0,0,0,.1);
}
.page_number_li{
  display: inline-block;
  list-style: none;
  margin-left: 5px; margin-right: 5px;
  width: 35px; height: 35px;
  border-radius: 50%; line-height: 35px;
  background-color: var(--sormeD);
  color: var(--white);
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  cursor: pointer; transition: all .3s;
}
.filter_ul{
  display: block;
  text-align: center;
}
.filter_ul li{
  display: inline-block;
  margin: 5px 0px 5px 0px;
}
.filter_sort,.filter_catagori{
  font-family: 'Vazir','Vazir_digit',Arial;
  font-size: 16px;
  background-color: var(--sormeD);
  color: var(--sabzeL); border-radius: 3px;
  height: 30px; line-height: 30px;
  margin-left: 15px; padding: 2px 5px 2px 5px;
}
/*VIEW_PRODUCT-----------------------------------------------------------------*/
.view_product > .panel_title{
  margin: 20px 50px 0px 20px; font-size: 24px; padding-bottom: 5px;
}
.view_product_menu{
  display: block;
  direction: rtl;
  background-color: var(--sormeD); border-radius: 5px 5px 0 0;
  border-bottom: 2px solid var(--sabze);
}
.view_product_menu li{
  display: inline-block; list-style: none;
  color: var(--white); font-size: 16px;
  height: 30px; line-height: 30px; padding: 5px 25px 5px 25px;
  text-shadow: 0px 0px 5px rgba(0,0,0,.3);
  border-radius: 5px 5px 0 0;
  transition: all .3s;
  text-shadow: 0px 0px 5px rgba(0,0,0,.3);
  cursor: pointer;
}
.view_product_menu li:hover{
  background-color: var(--sorme); color: var(--sabzeL);
}
.view_product_image_box{
  display: inline-block;
  float: right;
  width: 370px; margin: auto; text-align: center;
  margin-right: 30px; margin-top: 20px;
}
.view_product_image,.view_product_imageO{
  position: relative;
  display: inline-block;
  width: 350px; height: 350px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}
.view_product_imageO{margin-left: 5px; margin-right: 5px; cursor: pointer;}
.view_product_detail{
  display: inline-block;
  color: var(--white); font-size: 16px;
  text-align: right; margin: 15px; margin-top: 10px; margin-right: 40px;
  padding: 30px; padding-top: 10px;
  background-color: var(--sormeD); border-radius: 6px;
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
}
.view_product_color,.view_product_modelsize{
  display: inline-block;
  color: var(--white); margin-right: 50px; margin-top: 20px;
  font-size: 18px;
}
.view_product_color_ul{
  display: inline-block;
  background-color: var(--sormeD);
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  padding: 3px; border-radius: 5px;
}
.view_product_color_ul li{
  display: inline-block;
  margin-left: 5px; margin-right: 5px;
  font-size: 22px; text-shadow: 0px 0px 5px rgba(0,0,0,.3);
  cursor: pointer;
  transition: all .3s;
}
.view_product_modelsize select{
  font-family: 'Vazir','Vazir_digit',Arial;
  font-size: 18px;
  background-color: var(--sormeD);
  color: var(--sabzeL); border-radius: 3px;
  height: 35px; line-height: 35px; text-align: center;
  margin-left: 15px; padding: 2px 5px 2px 5px;
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
}
.view_product_price{
  display: inline-block;
  margin-right: 50px; margin-top: 20px;
  font-size: 18px; text-shadow: 0px 0px 5px rgba(0,0,0,.3);
  color: var(--white);
}
.add_to_cart_btn{
  display: inline-block;
  margin-top: 10px; margin-right: 50px; text-align: center;
  border-radius: 5px; height: 40px; line-height: 40px;
  background-color: var(--green); font-weight: bold;
  padding: 3px 10px 3px 10px;
  text-shadow: 0px 0px 10px rgba(0,0,0,.7);
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
  font-size: 18px; color: var(--white);
  cursor: pointer; transition: all .3s;
}
.add_to_cart_btn img{
  display:inline-block; margin-bottom:-11px;
  width:30px; height:30px;
  border-radius:50%; background-color:var(--sormeD);
  padding:3px; box-shadow:0px 0px 5px rgba(0,0,0,.3);
}
.view_product_garanti{
  display: block; text-align: center;
  margin-top: 20px; margin-right: 40px;
  min-height: 50px;
}
.view_product_garanti span{
  display: inline-block;
  height: 40px; line-height: 40px;
  color: var(--white); margin-right: 10px; margin-left: 10px; margin-top: 10px;
  direction: rtl; font-size: 15px; border-right: 3px solid var(--sabzeD); border-radius: 30px;
  text-shadow: 0px 0px 10px rgba(0,0,0,.3);
}
.view_product_garanti span img{
  width: 30px; height: 30px; margin-bottom: -12px;
  background-color: var(--white); border-radius: 50%;
  padding: 3px; line-height: 40px;
  box-shadow: 0px 0px 3px rgba(0,0,0,.3);
}
.add_to_cart_sign{
  display: none;
  position: fixed; top: 100px;
  background-color: var(--sorme);
  padding: 5px;
  width: 340px; min-height: 10px; overflow: hidden;
  box-shadow: 0px 0px 10px rgba(0,0,0,.4);
  border-radius: 5px; color: var(--sabze); font-size: 18px;
  direction: rtl; text-align: center; line-height: 40px;
  z-index: 10;
}
/*CART-------------------------------------------------------------------------*/
.cart_info{
  direction: rtl; background-color: var(--red);
  text-shadow: 0px 0px 5px rgba(0,0,0,.3); box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  color: var(--white); font-size: 14px; border-radius: 5px;
  padding: 3px; width: 80%;
  margin: auto; margin-top: 20px; margin-bottom: 20px;
}
.cart_data{
  width: 90%; min-height: 120px;
  direction: rtl; text-align: right;
  margin: auto; margin-top: 10px;
  background-color: var(--sormeD); border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}
.cart_data img{
  width: 120px; height: 120px; margin-right: 10px;
  border-radius: 5px; float: right;
}
.cart_data_product{
  max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  display: inline-block; background-color: var(--sorme);
  height: 30px; line-height: 30px; border-radius: 30px;
  padding: 0px 15px 2px 15px;
  color: var(--white); font-size: 18px;
  text-shadow: 0px 0px 5px rgba(0,0,0,.3);
  box-shadow: inset 0px 0px 5px rgba(0,0,0,.3);
  margin-right: 10px; margin-top: 10px;
}
.cart_data_modelsize{
  display: inline-block;
  color: var(--sabze); font-size: 16px;
  text-shadow: 0px 0px 5px rgba(0,0,0,.3);
  margin-right: 20px; margin-bottom: 10px;
}
.cart_data_color{
  display: inline-block;
  color: var(--sabze); margin-right: 20px; margin-bottom: 10px;
}
.cart_data_color span{
  display: inline-block;
  width: 25px; height: 25px; margin-bottom: -6px;
  border-radius: 50%; box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}
.cart_data_count{
  display: inline-block;
  background-color: inherit; color: var(--white);
  margin-bottom: 20px;
}
.cart_data_count_add,.cart_data_count_sub{
  display: inline-block;
  width: 25px; height: 25px; text-align: center;
  font-size: 16px;
  border-radius: 50%; line-height: 25px;
  background-color: var(--sabzeL); color: var(--sormeD);
  box-shadow: 0px 0px 10px rgba(0,0,0,.3); margin: 0px 5px 0px 5px;
  cursor: pointer;
}
.cart_data_price{
  display: inline-block;
  color: var(--sabze); font-size: 18px;
  margin-bottom: 20px;
}
.cart_data_remove_btn{
  color: var(--white); background-color: var(--red);
  width: 40px; height: 40px; border-radius: 50%; line-height: 40px;
  font-size: 20px; text-align: center; margin-bottom: 40px; margin-top: -10px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
  text-shadow: 0px 0px 5px rgba(0,0,0,.5);
  cursor: pointer; transition: all .3s;
}
.cart_data_remove_btn:hover{box-shadow: 0px 5px 10px rgba(0,0,0,.4);}
.cart_sum{
  display: inline-block;
  width: 250px; overflow: hidden;
  margin-top: 20px; margin-right: calc(90% - 270px);
  background-color: var(--sormeD); border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
  color: var(--white); font-size: 18px; padding: 10px;
  direction: rtl; text-align: right;
}
.cart_data_accept_btn,.shipping_accept_btn{
  display: inline-block; padding: 4px; padding-right: 10px; border-radius: 5px;
  width: 170px; font-size: 18px; text-align: right;
  background-color: var(--sabze); color: var(--sormeD);
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
  text-shadow: 0px 0px 5px rgba(0,0,0,.5);
  cursor: pointer; transition: all .3s;
  margin-right: calc(90% - 250px); margin-top: 10px; margin-bottom: 10px;
}
.cart_data_accept_btn:hover,.shipping_accept_btn:hover{box-shadow: 0px 5px 10px rgba(0,0,0,.4);}
.cart_empty span{
  color:var(--red); font-size:20px;
  line-height:120px; background-color:var(--sorme);
  box-shadow:inset 0px 0px 10px rgba(0,0,0,.3);
  text-shadow: 0px 0px 5px rgba(0,0,0,.5);
  padding:0px 15px 3px 15px; border-radius:30px;
}
.back_to_shop{
  display: inline-block; direction: rtl;
  width: 170px; padding: 5px 10px 5px 10px;
  background-color: var(--sormeL);
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
  border-radius: 5px; color: var(--white);
  text-shadow: 0px 0px 5px rgba(0,0,0,.4);
  font-size: 15px; float: right; margin-top: 10px;
  margin-left: calc(-200px - 5%); margin-right: 5%;
  cursor: pointer; transition: all .3s;
}
.back_to_shop:hover{box-shadow: 0px 5px 10px rgba(0,0,0,.4);}
/*SHIPPING---------------------------------------------------------------------*/
.address_selector span{
  font-size: 24px;
  text-shadow: 0px 0px 5px rgba(0,0,0,.4);
  cursor: pointer;
  transition: all .4s;
}
.selected_address{animation: bubble .3s;}
.shipping_info{
  width: 70%;
  color: var(--white); margin: 20px auto 0 auto; font-size: 14px;
  background-color: var(--red);
  text-shadow: 0px 0px 5px rgba(0,0,0,.3);
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  padding: 3px; border-radius: 5px; text-align: center;
}
.shipping_table{
  font-size: 18px; color: var(--white); min-width: 480px;
  text-align: right; border-spacing: 0px;
  border: 1px solid var(--sormeL); padding: 0;
}
.shipping_selector span{
  font-size: 24px;
  cursor: pointer;
  transition: all .3s;
}
.selected_shipping{animation: bubble .3s;}
.shipping_table td{
  padding-right: 10px; height: 60px;
  line-height: 60px; border: 1px solid var(--sormeL);
}
.shipping_table td img{
  margin-bottom: -20px;
}
.shipping_table td:first-child{
  padding: 0; text-align: center; width: 60px;
  background-color: var(--sorme);
}
/*CHECKOUT---------------------------------------------------------------------*/
.checkout_sum{
  text-align: center; line-height: 40px;
  margin: 10px 0px 10px 0px;
}
.checkout_accept_btn{
  display: inline-block; margin-bottom: 10px;
  direction: rtl; padding: 3px 10px 3px 10px; border-radius: 5px;
  background-color: var(--sabze); color: var(--sormeD);
  font-weight: bold; font-size: 18px;
  text-shadow: 0px 0px 5px rgba(0,0,0,.3);
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
  cursor: pointer; transition: all .3s;
}
.checkout_accept_btn:hover{box-shadow: 0px 5px 10px rgba(0,0,0,.4);}
.checkout_info{
  width: 70%;
  color: var(--white); margin: 20px auto 0 auto; font-size: 14px;
  background-color: var(--red);
  text-shadow: 0px 0px 5px rgba(0,0,0,.3);
  box-shadow: 0px 0px 5px rgba(0,0,0,.3);
  padding: 3px; border-radius: 5px; text-align: center;
}
/*Media Querys-----------------------------------------------------------------*/
@media only screen and (max-width : 1100px){
  .info_box_texts{
    position: absolute; margin-right: 0px;
    display: block; width: 70%; min-width: 400px; max-width: 1500px;
    background-color: rgba(25,37,52,.8); border-radius: 5px;
    padding: 10px; margin-top: 90px;
  }
  .info_box_texts p{background-color: transparent; margin-right: 0;}
  .info_box_R > .info_box_texts{right: 10%;}
  .info_box_L > .info_box_texts{left: 10%;}
}
@media only screen and (max-width : 850px){
  .cart_data{width: 98%;}
  .cart_data_product{font-size: 16px;}
}
@media only screen and (max-width : 659px){
  .menu_list{display: none;}
  .menu_list li{margin-left: 15px; margin-right: 15px;}
  .menu_list_btn{display: inline-block;}
  .header_search{height: 35px; line-height: 35px; min-width: 200px; margin-top: 5px; float: left; margin-left: 30px;}
  .header_search_input{height: 35px; line-height: 35px; font-size: 16px;}
  .header_search_icon{width: 37px; height: 37px; line-height: 37px; top:-36px;}
  .info_box_L,.info_box_R{margin-left: auto; margin-right: auto;}
  .info_box_L > img{margin-left: 10px}
  .info_box_R > img{margin-right: 10px}
  .info_box_btn{margin-top: 370px;}
  .info_box_L .info_box_btn{left: 35%;}
  .info_box_R .info_box_btn{right: 35%;}
  .album li {width: 200px; height: 200px;}
  .album li .show_box_img_detail{width: 200px; height: 200px;}
  .view_product_color,.view_product_modelsize,.view_product_price,.add_to_cart_btn,{margin-right: 50px;}
  .view_product_detail,.view_product_garanti{margin-right: 10px;}
}
/*Add-On Class----------------------------------------------------------------*/
.slide_R{animation: slide_R .8s ease-out; opacity: 1;}
.slide_L{animation: slide_L .8s ease-out; opacity: 1;}
.page_selected{background-color: var(--sabzeD); color: var(--sormeD);}
.view_product_menu_selected{background-color: var(--sorme); color: var(--sabzeL);}