html {
  scroll-behavior: smooth;
  font-size:0.9rem;
}

body {
  font-family:Vazir !important;
}

:root {
  --first:#17a2b8;
  --middle: #28a745;
  --last:#6c757d;
    
}


.bootdflt{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

.pointer{
    cursor:pointer;
}

.border {
    border-width: 20px;
    border-color: #000000;
    /*height: 500px;*/
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}





.hover:hover {
    cursor: pointer;
    /*box-shadow: 0 0 6px rgba(35, 173, 278, 1);*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    
}
.hovershadow, .hovershadow2{
    transition:box-shadow ease 300ms ;
}

.hovershadow:hover {
    
  
   /*box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.2), -20px -20px 20px 0 rgba(0, 0, 0, 0.19) !important;*/
   box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2), 0px 0px 20px 0 rgba(0, 0, 0, 0.19) !important;
   transition: box-shadow ease 200ms;
   /*width:102%; height:102%;
    transition:width 10s ease-in,height 10s ease-in;*/
}

.hovershadow2:hover {
    
  transition: box-shadow ease 200ms;
   /*box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.2), -20px -20px 20px 0 rgba(0, 0, 0, 0.19) !important;*/
   box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2), 0px 0px 10px 5px rgba(0, 0, 0, 0.19) !important;
    /*box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.2), 0px 0px 0px 5px rgba(0, 0, 0, 0.19) !important;*/
   /*width:102%; height:102%;
    transition:width 10s ease-in,height 10s ease-in;*/
}

.hovershadowsc{
    transition:all ease 300ms ;
}

.hovershadowsc:hover {
    
    transition: all ease 200ms;
    transform: scale(1.09) ;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2), 0px 0px 10px 5px rgba(0, 0, 0, 0.19) !important;
   
}


.hovertext:hover {
     
    /*box-shadow: 0 0 0 2px #17a2b8;*/
  color:#17a2b8 !important;
  

 
}

.hovermenu:hover {
     transition: text-shadow ease 50ms;
    /*box-shadow: 0 0 0 2px #17a2b8;*/
 text-shadow:0px 0px 8px grey;
  /*text-shadow: 2px 2px 5px red;*/

 
}

.hovermenu {
     transition: text-shadow ease 250ms;
    /*box-shadow: 0 0 0 2px #17a2b8;*/
 text-shadow:0px 0px 0px #f8f9fa;
  /*text-shadow: 2px 2px 5px red;*/

 
}

.cathover:hover {
    transition:background-color ease-out 200ms;
   
    /*box-shadow: 0 0 0 2px #17a2b8;*/
 background-color:#495057 !important;
 color:#ffffff !important;
  /*text-shadow: 2px 2px 5px red;*/

 
}

.cathover {
    transition:background-color ease 400ms;
    /*box-shadow: 0 0 0 2px #17a2b8;*/
 
 
  /*text-shadow: 2px 2px 5px red;*/

 
}


.cathover2:hover {
    transition:background-color ease-out 200ms;
   
    /*box-shadow: 0 0 0 2px #17a2b8;*/
  background-color: #f8f9fa !important;
 color:#495057 !important;
  /*text-shadow: 2px 2px 5px red;*/

 
}

.cathover2 {
    transition:background-color ease 400ms;
    /*box-shadow: 0 0 0 2px #17a2b8;*/
 
 
  /*text-shadow: 2px 2px 5px red;*/

 
}

.elementhover:hover {
    transition:background-color ease-out 200ms;
   
    /*box-shadow: 0 0 0 2px #17a2b8;*/
 background-color:#0d6efd !important;
 color:#ffffff !important;
  /*text-shadow: 2px 2px 5px red;*/

 
}

.elementhover {
    transition:background-color ease 400ms;
    /*box-shadow: 0 0 0 2px #17a2b8;*/
 
 
  /*text-shadow: 2px 2px 5px red;*/

 
}

.signout:hover {
   
    /*box-shadow: 0 0 0 2px #17a2b8;*/

 /*color:#dc3545 !important*/
 color:#ff0000 !important

  /*text-shadow: 2px 2px 5px red;*/

 
}

.cart:hover {
   
    /*box-shadow: 0 0 0 2px #17a2b8;*/

 /*color:#dc3545 !important*/
 color:#00ff00 !important

  /*text-shadow: 2px 2px 5px red;*/

 
}

.hoverwhite:hover {
   
 color:#ffffff !important;
  /*text-shadow: 2px 2px 5px red;*/

 
}

.mygrad{
    
background-image: linear-gradient(to left,#aaffa7, #27ffff );
}

.mygrad2{
    background-image: linear-gradient(to left,#67b3ff, #0bffff );
}

@keyframes fade {
    from {
        display: none;
    }

    to {
        display: block;
    }
}


.focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
 
.blur{
    box-shadow: none;
     transition: box-shadow ease 200ms;
}


/*@font-face {
    font-family:LBYekan;
    src:url('../icon/B Yekan.TTF')  format('truetype');

}*/



/*@font-face {
    font-family: 'irnsns';
    src: url('../icon/AIranianSans.ttf') format('truetype');
}*/


@font-face {
    font-family: 'Vazir';
    font-style: normal;
	font-weight: normal;
    src: url('../icon/Vazir-Regular-FD.ttf') format('truetype');
}

@font-face {
    font-family: 'Vazir 500';
    font-style: normal;
	font-weight: 500;
    src: url('../icon/Vazir-Medium-FD.ttf') format('truetype');
}

@font-face {
    font-family: 'Vazir bold';
    font-style: normal;
	font-weight: bold;
    src: url('../icon/Vazir-Bold-FD.ttf') format('truetype');
}

@font-face {
    font-family: 'Vazir UI';
    src: url('../icon/Vazir-Regular-FD-UI.ttf') format('truetype');
}

@font-face {
    font-family: 'IRANSansWeb';
    src: url('../icon/IRANSansWeb.ttf') format('truetype');
}

@font-face {
    font-family: 'Sans2';
    src: url('../icon/Sans a4fran3.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	src: url('eot/iranyekanwebbold(fanum).eot');
	src: url('eot/iranyekanwebbold(fanum).eot?#iefix') format('embedded-opentype'),  /*IE6-8*/ 
	url('woff2/iranyekanwebbold(fanum).woff2') format('woff2'),  /*FF39+,Chrome36+, Opera24+*/
	url('woff/iranyekanwebbold(fanum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('ttf/iranyekanwebbold(fanum).ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('eot/iranyekanweblight(fanum).eot');
	src: url('eot/iranyekanweblight(fanum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */
	url('woff2/iranyekanweblight(fanum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
	url('woff/iranyekanweblight(fanum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('ttf/iranyekanweblight(fanum).ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('eot/iranyekanwebregular(fanum).eot');
	src: url('eot/iranyekanwebregular(fanum).eot?#iefix') format('embedded-opentype'),  /*IE6-8*/ 
	url('woff2/iranyekanwebregular(fanum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
	url('woff/iranyekanwebregular(fanum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('ttf/iranyekanwebregular(fanum).ttf') format('truetype');
}


.textshadow {
   text-shadow: 2px 2px 10px gray;
   /*text-shadow: 0px 4px 10px gray;*/
    
}

.catshadow {
   text-shadow: 2px 2px 0px gray;
   /*text-shadow: 0px 4px 10px gray;*/
    
}


.absolutecenter {
   /*position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;*/
    position: absolute;
    /*top: 50%;*/  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, -50%); /* This is a shorthand of
                                         translateX(-50%) and translateY(-50%) */
    
}

.grid tr:nth-child(2n+1) td , .grid tr:nth-child(2n+1) th{ 
    background-color:#b8c4c8;
   
}


 /* Hide scrollbar for Chrome, Safari and Opera */
.scroll-hide::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
} 

.ptitle{
    position:relative;
    height:74.4px !important;
    overflow:hidden !important;
}

/*.ptitle div{
   position:absolute;
   bottom:0;
   width:95%;
   height:6px;
   background-color:white;
}*/

.ptitle::after{
  content:"";
   position:absolute;
   bottom:0;
   right:0;
   width:100%;
   height:10px;
   background-color:white;
}


.ptitle2{
    position:relative;
    height:64.8px !important;
    overflow:hidden !important;
}

/*.ptitle div{
   position:absolute;
   bottom:0;
   width:95%;
   height:6px;
   background-color:white;
}*/

.ptitle2::after{
  content:"";
   position:absolute;
   bottom:0;
   right:0;
   width:100%;
   height:10px;
   background-color:white;
}
 
.ptitle-light{
    position:relative;
    height:74.4px !important;
    overflow:hidden !important;
}

/*.ptitle div{
   position:absolute;
   bottom:0;
   width:95%;
   height:6px;
   background-color:white;
}*/

.ptitle-light::after{
  content:"";
   position:absolute;
   bottom:0;
   right:0;
   width:100%;
   height:10px;
   background-color:#f8f9fa;
}

.pmodel {
    height: 27.2px !important;
}
.pmodel2{
     height: 35.2px !important;
}

.bglogo{
    position:relative;
    z-index:1;
}

.bgspecial{
    /*background-color:#e93850 !important;*/
    background-color: #ea4259 !important;
}
.borderspecial{
    border-color:#ea4259  !important;
}

.bgarrow{
     background-color:#f8f9fa29 !important;
}

.bglogo::after {    
      content: "";
      background-image: url('/icon/logo.svg');
      background-size: contain;
      background-position:center;
      background-repeat:no-repeat;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.08;
      z-index:-1;


}

.sc
{    transition: all .12s ease-in-out;
}

.sc:hover
{
    
    transform: scale(1.06) ;
  
}

.wsup{
   transition: width .3s ease-in-out;
     width:60px; height:60px;
    /*padding-right:10px;*/
    /*box-shadow: 0 0 0 .2rem gray !important;*/
}

.wsup:hover {
    width:170px;
    transition: all .3s ease-in-out;
  
     /*padding-right:0px;*/
    /*box-shadow: 0 0 0 .2rem #80808033  !important;*/
    box-shadow: none  !important;
   
    /*transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
}
 
.wsup div {
   /*display:none !important;*/
        margin-right:9px;
        display:inline ;
        transition: all 0.05s ease-in-out;
  
}

.wsup:hover div {
     margin-right:0px;
     display:inline;
    
      transition: all 0.5s ease-in-out;
   
}

.wsup:hover svg {
     transform:rotate(360deg);
    
      transition: all 0.5s ;
   
}
.wsup svg{
  margin-right:10px;
    transform:rotate(-360deg);
    transition: all 0.5s ;
}

.wsup:hover svg{
  margin-right:0px;
    
}


.hm div
{
    
   overflow:hidden;
   display:block;
   max-height:0;
   visibility:hidden;
   transition:max-height ease 400ms,visibility linear 300ms  ;
   
    
  
   
}


.hm:hover div
{
  
  visibility:visible;
   max-height:600px;
   transition:all ease 1100ms;
  
   
}

.mytoggler{
    width:23.5px; height:0.13rem ; margin:6.0px 3.0px ;border-radius:999px; background-color:#8270b5;
}

.navbar-toggler.collapsed div{
   opacity:1;
     transform:rotate(0);
    transition: all 0.5s ;
}
.navbar-toggler :nth-child(1){
    
    transform:translateY(8px) rotate(45deg) ;
    
    transition: all 0.5s ;
}
.navbar-toggler :nth-child(3){
     transform:translateY(-8px) rotate(-45deg);
   
      transition: all 0.5s ;
}
.navbar-toggler :nth-child(2){
    
    opacity:0;
    transition: all 0.5s ;
}
.mydropdown-md
{
    position:static;
    display:none;
    width:auto;

}



@media only screen and (min-width: 768px) {
  .mydropdown-md
{
    position:absolute;
    display:none;
    width:50rem;
}


}

.grayscale img{
    filter: grayscale(100%);
    opacity:50%;
}

.grayscale:hover img{
    filter: grayscale(0%);
     opacity:100%;
}


.allcathover:hover {

    /*box-shadow: 0 0 0 2px #17a2b8;*/
 background-color:#e6e6e6 !important;
 
  /*text-shadow: 2px 2px 5px red;*/

}

.notched {
	clip-path: polygon(5% 0%, 100% 0%,100% 100%, 5% 100%, 0% 50%);
}

/*.ptitle+div h5{
    position:absolute !important;
}*/

/*.pmodel2 h5{
    position:absolute !important;

}*/

.ptitle+div  {
    position:absolute !important;
}
/*.pmodel2 {
    position:absolute !important;

}*/
.transition {
     transition: all 0.20s ;
}


.mdl::after {
	content: " ";
	position: absolute;
	background-color: inherit;
	height: 50px;
	width: 100vw;
	top: -50px;
	left: 0;
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.mdl::before {
	content: " ";
	position: absolute;
	background-color: #17a2b8;
	height: 50px;
	width: 100vw;
	top: -50px;
	left: -1px;
	
}

.expnd::before {
	content: " ";
	position: absolute;
	background-color: #17a2b8;
	height: 130%;
	width: 100%;
	top: 0px;
	left: 0px;
	
}