:root {
  --my-dark-1: #272121;
  --my-dark-2: #363333;
  --my-light-1: #cab6b6;
  --my-light-2: #847676;
  --my-orange-1: #ea9215;
  --my-orange-2: #da6627;
  --my-gold-1: #a87419;
}
/* 
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/IRANSansWeb/IRANSansWeb.eot);
  src: url(../fonts/IRANSansWeb/IRANSansWeb.eot?#iefix) format("embedded-opentype"), url(../fonts/IRANSansWeb/IRANSansWeb.woff2) format("woff2"), url(../fonts/IRANSansWeb/IRANSansWeb.woff) format("woff"), url(../fonts/IRANSansWeb/IRANSansWeb.ttf) format("truetype");
} */

@font-face {
  font-family: 'iran_yekan';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/iran_yekan/iranyekanwebregular.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'iran_yekan';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/iran_yekan/iranyekanwebbold.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{
  background-color: #fcfcfc;
  color: #1b1b1b;
  font-family: 'iran_yekan', Tahoma, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.container-2 {max-width: 1680px !important;}

/* .container-fluid,
.row {
    margin: 0;
    padding: 0;
} */

@media (min-width: 1200px) {
  .container {
    max-width: 1280px;
  }
}

.ratio-slide {
  /** 1280 : 467 **/
  /* 1280 : 467 ===> calc(467 / 1280 * 100%)*/
  --bs-aspect-ratio: 36.484375%;
}

.ratio-slide-2 {
  /* 1272 : 473 ===> calc(473 / 1272 * 100%)*/
  --bs-aspect-ratio: 37.18553459119497%;
}

.ratio-sidebar-banners {
  /* 600 : 600 ===> calc(219 / 600 * 100%)*/
  --bs-aspect-ratio: 36%;
}

.ratio-portrait {
  --bs-aspect-ratio: 133.2%;
  max-width: 250px;
  max-height: 333px;

}


.full-height {
  height: 100vh;
}
.flex-center {
  align-items: center;
  display: flex;
  justify-content: center;
}
.position-ref {
  position: relative;
}

.font_en{ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;}

a {
  text-decoration: none;
  /* -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s; */
  color: #505050;
}
a:hover{color: #84acab;}

a.link_1{color: #FFFFFF;}
a.link_1:hover{color: #cab6b6;}

a.link_2{color: #111111;}
a.link_2:hover{color: #b09874;}

a.link_3{color: #847676;}
a.link_3:hover{color: #FFFFFF;}

a.link_4{color: #7e7e7e; font-size: .9em;}
a.link_4:hover{color: #fb3544;}

a.link_5{color: #555; background: #e9ecef; border-radius: 5px; padding: 0 8px;}
/* a.link_5:hover{color: #505050;} */
.my_active{color: #fff !important; background-color: #006eff !important;}

.my_fs_20{font-size: 20px;}
.my_fs_15{font-size: 15px;}
.my_fs_14{font-size: 14px;}
.my_fs_13{font-size: 13px;}
.my_fs_12{font-size: 12px;}

.fs-7 {
  font-size: 0.8rem !important;
}
.text-inherit{color: inherit;}

.text-dark-1{color: #272121;}
.text-dark-2{color: #363333;}
.text-light-1{color: #cab6b6;}
.text-light-2{color: #847676;}
.text-orange-1{color: #ff9500;}
.text-orange-2{color: #df560d;}
.text-green-1{color: #3c686f;}
.text-green-2{color: #1d323d;}

.text_mint_1{color: #bae1d8;}
.text_mint_2{color: #84acab;}
.text_mint_3{color: #bbe1d8;}
.text_mint_4{color: #649a99;}
.text_pink_1{color: #ffe1e1;}
.text_pink_2{color: #fff3ed;}
.text_pink_3{color: #b09874;}
.text_brown_1{color: #f2eee4;}
.text_brown_2{color: #e4d6ca;}
.text_brown_3{color: #eee9e7;}
.text_orange_1{color: #f8ad65;}
.text_orange_2{color: #ee8e31;}
.text_dark_blue_1{color: #333366;}

.bg_mint_1{background-color: #bae1d8;}
.bg_mint_2{background-color: #84acab;}
.bg_mint_3{background-color: #bbe1d8;}
.bg_mint_4{background-color: #649a99;}
.bg_pink_1{background-color: #ffe1e1;}
.bg_pink_2{background-color: #fff3ed;}
.bg_pink_3{background-color: #b09874;}
.bg_brown_1{background-color: #f2eee4;}
.bg_brown_2{background-color: #e4d6ca;}
.bg_brown_3{background-color: #eee9e7;}
.bg_orange_1{background-color: #f8ad65;}
.bg_orange_2{background-color: #ee8e31;}
.bg_dark_blue_1{background-color: #333366;}

.bg-dark-2{background-color: #2b2b2b;}
.bg-dark-3{background-color: #333333;}
.bg-dark-4{background-color: #393939;}
.bg-dark-5{background-color: #404040;}
.bg-dark-6{background-color: #707070;}
.bg-dark-7{background-color: #c5c5c5;}

.bg-light-1{background-color: #e7e7e7;}
.bg-light-2{background-color: #f7f8f8;}
/* .bg-dark-1{background-color: #272121;}
.bg-dark-2{background-color: #363333;}
.bg-dark-3{background-color:rgb(66, 62, 62)}
.bg-light-1{background-color: #cab6b6;}
.bg-light-2{background-color: #847676;} */
.bg-orange-1{background-color: #ea9215;}
.bg-orange-2{background-color: #da6627;}
.bg-gold-1{background-color: #a87419;}
.bg-gold-2{background-color: #daa520;}

.bg-blue-1{background-color: #179cde;}
.bg-green-1{background-color: #00c298;}

.bg-green-2{background-color: #cff4ec;}
.bg-green-4{background-color: #3c686f;}
.bg-green-3{background-color: #e1f6cd;}
.bg-brown-1{background-color: #f2f2f0;}

.bg-gradient-red{background:linear-gradient(to right, #ED6663, #ee807f, #ED6663); }
.bg-gradient-blue{background:linear-gradient(to right, #4E89AE, #6c9ebd, #4E89AE); }
.bg-gradient-1{
  background: #B24592;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #F15F79, #B24592);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #F15F79, #B24592); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-2{
  background: #757F9A;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #959daa, #757F9A);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #959daa, #757F9A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-3{
  background: #F7CE68;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #F7CE68, #FBAB7E);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #F7CE68, #FBAB7E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-4{
  background: #ffa800;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #f05053, #ffa800);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #f05053, #ffa800); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-5{
  /* background-image: linear-gradient( to top, transparent 30%, #ec1fcab7 100%); */
  /* background-image: linear-gradient( 64.5deg,  rgba(245,116,185,1) 14.7%, rgba(89,97,223,1) 88.7% ); */
  background-image: linear-gradient(to top, transparent 30%, #ff084615 100%);
}
.sidebar-nav {
  width: 250px;
  top: 0px;
}
.sidebar-link {
  display: flex;
  align-items: center;
}
.sidebar-link .right-icon {
  display: inline-flex;
  transition: transform .5s ease-in-out
}
.sidebar-link[aria-expanded="true"] .right-icon {
  transform: rotate(180deg);
}
nav{z-index: 6; position: relative;}
/* .navbar{z-index: 6;} */

.navbar-toggler{
  width: 33px !important;
  height: 33px !important;
  background-image: url('../img/icon/menu_2.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.navbar-toggler:focus {
  outline: none !important;
  box-shadow: none;
}

.offcanvas {
  transition: transform .5s ease-in-out;
  /* z-index: 7; */
  z-index: 1022;
}

.backdrop {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  /* z-index: 6; */
  z-index: 1021;
  display: none;

  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.backdrop_2 {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  display: none;

  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.backdrop_3 {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  /* z-index: 6; */
  z-index: 1021;
  display: none;

  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.tooltip{font-family: 'iran_yekan'; font-size: 12px; opacity: 0.8 !important;}

.nav-link{
  text-align: right;
  color: #555 !important;
  border: 0px;
  background-color: transparent;
  font-weight: 400;
  font-size: 14px;
  margin: 4px 0px 4px 0px;
}
.nav-link:hover{color: #333 !important; background-color: #d8d8d8;}
.nav-link:focus{outline:0;}
li .active{ color: #222 !important; background-color: #e6e6e6;}

.my_collapse{margin-top: -4px;}

.min_height_260{min-height: 260px;}

.object-fit-cover{object-fit: cover;}
.img_max_w_100{max-width: 100px;}
.img_max_w_150{max-width: 150px;}
.img_max_w_200{max-width: 200px;}

.min_w_400{min-width: 200px;}

.product_img{max-width:100% !important; height:auto !important;}
.post_img, .post_img_2{max-width:150px !important; height:auto !important;}
.post_img_3{max-width:400px !important; height:auto !important;}

/* form control */
.my_textbox_1{
  background-color: #f5f5f5;
  color: #505050;
  border: none;
  border-radius: 8px;
}

.my_textbox_1:focus{
  color: #505050;
  background-color: #f5f5f5;
  outline: none;
  border: none;
}

.my_textbox_2{
  background-color: #f5f5f5;
  color: #505050;
  border: none;
  border-radius: 0 50rem 50rem 0;
}

.my_textbox_2:focus{
  color: #505050;
  background-color: #f5f5f5;
  outline: none;
  border: none;
  box-shadow: none;
}

/* input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #505050;
  -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset;
  transition: background-color 5000s ease-in-out 0s;

} */
/* *************** */

.logo_1{
  max-width: 250px;
  height: auto;
}
.logo_2{
  max-width: 90px !important;
  height: auto;
}
.logo_3{
  max-width: 40px !important;
  height: auto;
}
.logo_header{ width: auto; height: 34px;}
.logo_header_2{ min-width: 100px; margin: 0.5rem 0.5rem 0 0 ;}
.logo_header_3{ min-width: 25px; margin: 0.3rem 0.9rem 0 0 ;}
.icon_header{ width: 28px; height: 28px;}
.icon_header_2{ width: 20px; height: 20px; opacity: 0.6;}
.icon_header_3{ width: 30px; height: 30px;}
.icon_header_4{ opacity: 0.7;}

.dynamic_align_1{ text-align: right; }
.dynamic_align_2{ text-align: center; }
.dynamic_item_1{ text-align: right; }

.btn_no_focus:focus {outline: none !important; box-shadow: none;}

.btn_1{
  background-color: #FFFFFF;
  color: #0030b9;
  text-align: center;
  vertical-align: middle;
}
.btn_1:hover{ background-color: rgba(255, 255, 255, .8);}

.btn_2:hover{ opacity: 0.8;}
.btn_2:focus{ opacity: 0.6;}
.btn_no_outline:focus{box-shadow: none;}

.btn_3{
    background-color: #ffdb0e;
    color: #0030b9;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.btn_3:hover{ background-color: #0066ff; color: #FFFFFF;}

.btn_4{ background-color: #f5f5f5; box-shadow: none !important;  border-radius:  50rem 0 0 50rem;}

.btn_reserve:hover{background-color: rgba(138, 122, 122, 0.5); box-shadow: 0px 0px 10px #333;}
.btn_reserve_sub{background-color: #FFFFFF;   -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.btn_reserve:hover .btn_reserve_sub{background-color: #ffc107;}
.btn_reserve:focus{box-shadow: none;}

a.tag_1{
  display: inline-block;
  /* border: 1px solid #F15F79; */
  padding: 0.15em 0.8em 0.1em 0.8em;
  margin: 0 0 0.5em 0.3em;
  border-radius: 0.4em;
  text-align: center;
  color: #000000;
  background-color: #ffbe0c;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
}
a.tag_1:hover{
  background-color: #ff790c;
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.border-gray { border-color: #eee !important; }
.border-gray-2 { border-color: #f5f5f5 !important; }

.cursor_none{cursor:default;}
.cursor_pointer{cursor:pointer;}

.hover_opacity{
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}

.hover_opacity:hover{opacity: 0.6;}

.hover_bg_light:hover{background-color: #eee !important;}
.hover_bg_light_2:hover{background-color: #ccc !important;}

.rounded_my{border-radius: 1rem;}
.rounded_my_top{border-radius: 1rem 1rem 0 0 ;}
.rounded_my_bottom{border-radius: 0 0 1rem 1rem;}
.rounded-4 {
  border-radius: 0.6rem !important;
}


/**** strat menu ****/
/* ul, li {
  list-style: none;
  } */
  
  .my_menu {
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0;
  }
  
  .menu-level-1 {
      position: relative;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin: 0;
      padding: 0;
  }
  
  .menu-level-3 {
      display: flex;
      position: absolute;
      /* top: 100%; */
      right: 0;
      min-width: 70%;
      max-width: 75%;
      height: auto;
      list-style: none;
      margin: 0;
      padding: 0;
      background-color: #fff;
      /* box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); */
      box-shadow: 0 0.29rem 0.25rem rgba(0, 0, 0, 0.1);
      visibility: hidden;
      border-radius: 0 0 1rem 1rem;
      z-index: 6;

      /* -webkit-transition: -webkit-transform 0.1s ease-out;
      transition: -webkit-transform 0.1s ease-out;
      -o-transition: transform 0.1s ease-out;
      transition: transform 0.1s ease-out;
      transition: transform 0.1s ease-out, -webkit-transform 0.3s ease-out;       */
  }
  
  .menu-list-2:hover .menu-level-3 {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
  }
  
  .menu-list-3 {
      width: 25%;
      margin-top: 15px;
      padding: 1em 0;
  }
  
  .menu-level-last {
      padding: 0;
      display: flex;
      flex-direction: column;
      list-style: none;
      margin: .4em 0;
  }
  
  
  .list-item-other {
      position: relative;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: auto;
      padding: 3px 0;
      margin: 0 10px;
      /*transition: all .3s linear;*/
      color: #1b1b1b;
  }

  .list-item-other:hover{color: #fb3544;}
  
  .list-item {
      position: relative;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: auto;
      padding: 3px 0; 
      /*transition: all .3s linear;*/
  }
  
  .menu-list-2 > .list-item > img.active {
      transform: rotate(45deg);
  }
  
  .menu-list-2 > .list-item {
      border-bottom: 2px solid transparent;
  }

  .menu-list-2:hover > #product_menu .list-item {
      color: #fb3544;
      border-bottom: 2px solid #fb3544;
  }
/***** end menu ****/


.dropdown-menu {
  position: absolute;
  z-index: 5;
  display: none;
  min-width: 12rem;
  padding: 1rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: right;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  /* border-radius: 0.25rem; */
  /* box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.075) !important; */
  box-shadow: 0 0.29rem 0.25rem rgba(0, 0, 0, 0.1);
  border-radius: 0 0 1rem 1rem;
}
.dropdown-menu-2 {
  border-radius: 1rem;
}
.dropdown-item:focus{background-color: #e2e2e2}

.dropdown-item.active, .dropdown-item:active {
  color: #212529 !important;
  background-color: #f5f5f5;
}

/* .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 50px;
} */

/* .my_hover_1:hover img{
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
} */
/* .my_hover_1:hover{background: rgb(248, 249, 250) !important; padding: 6px 0; border-radius: 0.3rem;}
.my_hover_1:focus{background: rgb(248, 249, 250) !important; padding: 6px 0; border-radius: 0.3rem;} */


 /* Shine */
.my_hover_1 figure {
	position: relative;
  overflow: hidden;
}
.my_hover_1 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.my_hover_1:hover {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1) !important;
}

.my_hover_1:hover  h3{
  color: #649a99 !important;
}

.my_hover_1:hover figure::before {
	-webkit-animation: shine 1s;
	animation: shine 1s;
}
.my_hover_1 img{
  -webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
}

.my_hover_1:hover img {
  transform: scale(1.1);
}

.glass{
  background: #FFFFFF;
  background-color: rgba(255, 255, 255, .5);
  border-radius: 1rem;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  /*-moz-backdrop-filter: blur(20px);*/
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}
.glass:hover{
  background-color: rgba(255, 255, 255, .7);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.my_text_shadow{text-shadow: 1px 1px #FFFFFF;}

.text-justify{text-align: justify;}
.text-black{color: #000000;}

.w_h_30{ width: 30px; height: 30px;}
.w_h_28{ width: 28px; height: 28px;}
.w_h_26{ width: 26px; height: 26px;}
.w_h_24{ width: 24px; height: 24px;}
.w_h_20{ width: 20px; height: 20px;}
.h_280{height: 280px}

.text-shadow-1{text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); }
.text-shadow-2{text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }

.my-shadow-1 {box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.3) !important;}
.my-shadow-2 {box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.3) !important;}
.my-shadow-3 {box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.075) !important;}

.shadow_hover:hover{
  box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.2) !important;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
}

.zoom_hover:hover img{
  transform: scale(1.1);
  transition: transform .2s; 
}
.zoom_hover:hover .p_link{color: #000 !important;}

.p_link{
  color: #666;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
}
.shadow_hover:hover .p_link{color: #000 !important;}


.fit_cover{object-fit: cover;}

.carousel-control-prev-icon{
  /* background-image: url('/assets/img/icon/arrow_right.svg') */
  width: 25px;
}
.carousel-control-next-icon{
 /* background-image: url('/assets/img/icon/arrow_left.svg') */
  width: 25px;
}

.carousel-indicators [data-bs-target] {
  width: 10px;
  height: 2px;
  background-color: #ffffff;
  transition: opacity 0.6s ease;
}

.carousel-indicators .active {
  opacity: 1;
}

.owl-prev,
.owl-next {
  position: absolute;
  top: 44%;
  transform: translateY(-44%);
}

.owl-prev {
  left: -1.83rem;
}

.owl-next {
  right: -1.83rem;
}

.page-link {
  position: relative;
  display: block;
  color: #505050;
  text-decoration: none;
  background-color: #f8f9fa;
  border: 0 ;
  margin: 0;
  padding: 5px 10px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-link:hover {
  z-index: 2;
  color: #fff;
  background-color: #666;
}
.page-link:focus {
  z-index: 3;
  color: #FFFFFF;
  background-color: #999;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #0d6efd;
}
.page-item.disabled .page-link {
  color: #b9bdc2;
  pointer-events: none;
  background-color: #f7f8f8;
}

#page_content img{
  max-width: 100% !important;
  height: auto !important;
}

#product_desc table{
  border-color: #ebebeb !important;
  width: 100%;
  vertical-align: middle;
  font-size: 13px;
}
#product_desc table th, td {padding: 7px;}
#product_desc tr:nth-child(even) {background-color: rgba(243, 243, 243, 0.25);}
#product_desc table tr:hover {background-color: #eee;}

/*******custom-radios*********/

.custom-radios div {
  display: inline-block;
}
.custom-radios input[type=radio] {
  display: none;
}
.custom-radios input[type=radio] + label {
  color: #333;
  font-size: 14px;
}
.custom-radios input[type=radio] + label span {
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 4px solid #FFFFFF;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 30px;
}
.custom-radios input[type=radio] + label span img {
  opacity: 0;
  transition: all 0.3s ease;
}
.custom-radios input[type=radio]:checked + label span img {
  opacity: 1;
}
.custom-radios input[type=radio]:checked + label span{
  border: 4px solid #dc3545;
}
.custom-radios input[type=radio]:disabled + label span{
  opacity: 0.3;
}

.drop-shadow{ filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.7)); }

.drop-shadow-white{ filter: drop-shadow(0 0 1px rgba(255, 255, 255)); }

/**.modal-backdrop {background-color: rgb(0, 47, 255);}**/

/** input counter **/
.minus, .plus{
  width: 30px;
  height: 34px;
  font-size: 20px;
  background:#f2f2f2;
  border: 1px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;

}
.number input{
  height:34px;
  width: 154px;
  border:1px solid #ddd;
  border-radius:4px;
  display: inline-block;
  vertical-align: middle;
}
.number input:focus{outline: none;}

.fullscreenDiv {
  width: 100%;
  height: auto;
  bottom: 0px;
  top: 0px;
  left: 0;
  z-index: 1100;
  /* position: absolute; */
}
.center {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -115px;
  margin-left: -125px;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 14px;
  border-radius: 1rem;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0s ease;
}

.accordion-button:not(.collapsed) {
  color: #0d6efd;
  box-shadow: none;
  background-color: #eee !important;
  border-radius: 1rem 1rem 0 0;
}

article.content img {max-width: 100% !important;  border-radius: 0.6rem !important;}
article.content h2 {font-size: 1.4em; font-weight: 700;}
article.content h3 {font-size: 1.3em; font-weight: 700;}
article.content h4 {font-size: 1.2em; font-weight: 700;}


.scale-in-center {
	-webkit-animation: scale-in-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/******/

@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes flash {
  0% { opacity: .6; }
  80%, 100% { opacity: 1; }
 }
 @keyframes flash {
  0% { opacity: .6; }
  80%, 100% { opacity: 1; }
 }

 @-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/******/

@media (max-width: 575.98px) { 
  .post_img{max-width:100% !important; height:auto !important;}
  .post_img_2{max-width:100px !important; height: 100px !important;}
  
}

@media (max-width: 768px) {
  .dynamic_align_1{ text-align: center; }
  .dynamic_align_2{ text-align: right; }
  .dynamic_item_1{ text-align: center; }
  .post_img_3{max-width: 576px !important; width:100% !important; height:auto !important;}
}