/*------------------------------------*
   Fonts
*------------------------------------*/

@font-face {
	font-family: 'w3fum-font';
	src: url("../fonts/w3fum-font.eot");
	src: url("../fonts/w3fum-font.eot?#iefix") format("embedded-opentype"), url("../fonts/w3fum-font.woff") format("woff"), url("../fonts/w3fum-font.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
  }
  @font-face {
	font-family: 'w3fum-font';
	src: url("../fonts/w3fum-font.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
  }
  
  
  [class^="fumicon-"], [class*=" fumicon-"] {
  
	  font-family: 'w3fum-font' !important;
	  speak: none;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;
  
	  /* Better Font Rendering =========== */
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
  }
  @font-face {
	  font-family: 'social-icons';
	  src:  url('../fonts/social-icons/social-icons.eot?ycpc1u');
	  src:  url('../fonts/social-icons/social-icons.eot?ycpc1u#iefix') format('embedded-opentype'),
	  url('../fonts/social-icons/social-icons.ttf?ycpc1u') format('truetype'),
	  url('../fonts/social-icons/social-icons.woff?ycpc1u') format('woff'),
	  url('../fonts/social-icons/social-icons.svg?ycpc1u#social-icons') format('svg');
	  font-weight: normal;
	  font-style: normal;
  }
  
  



/******************************** khajenejad Toggle Menu (Hamburgure Menu)*******************************/
.toggle-menu{
	display:block;
	float: right;
	width:25px;
	height: 25px;	
	background-size: 25px 25px;
	/*-webkit-mask-image: url('../icons/hamburgure.svg');*/
	background-image: url( '../images/hamburgure.svg' );
}


.toggle-menu:hover{
	cursor:pointer;	
}


.toggled-right-panel{
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	width: 0px;
	height:100vh;
	background-color: #fff;/*rgba(250,116,79,0.9);*/
	position: fixed;
	z-index:9999999;
	overflow: hidden;
	transition: 0.5s cubic-bezier(0, 1, 0.5, 1);	
	color:#777 !important;
	top:0px;
    overflow: scroll;
}

.toggled-right-panel a{
	color:#fff !important;
}


.toggled-right-panel a::after{
	color:#fff !important;
}

.right-panel-top{
	height:76px;
}


.right-panel-middle-b{
	/*padding: 20px 10px;*/
	flex-grow:1;
}

.right-panel-middle-a{
	padding: 20px 0px;
}

/*
.right-panel-middle-b li{
	font-size:1rem;
	line-height: 2rem;	
}
*/
.right-panel-middle-b li span::after { 
	border-color: transparent #fff transparent transparent !important;
	color: #fff !important;
}


.right-panel-bottom{
	padding : 20px;
}

#right-panel-bottom i:hover{
	color:#ccc !important;	
	font-weight: bold !important;
}

.toggled-right-panel-show{
	width: 300px;
	transition: 0.5s ease-in;
}


#overlay{
	background-color: rgba(0, 0, 0, 0.63);
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100vw;
    z-index: 99999;
    display: none;
}

.dark{
    background : #000 !important;
    opacity    : 0.9;
    filter     : alpha(opacity=60);	
}



/******************Social-icons******************************/
[class^="social-icon-"], [class*=" social-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'social-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.social-icon-instagram:before {
    content: "\e905";
}
.social-icon-telegram:before {
    content: "\e904";
}
.social-icon-aparat:before {
    content: "\e901";
}
.social-icon-tamasha:before {
    content: "\e902";
}
.social-icon-eitaa:before {
    content: "\e903";
}
.social-icon-soroush:before {
    content: "\e900";
}
.social-icons {
    margin:30px auto 20px;
    text-align: center;
    color:rgba(255,255,255,0.5);
    direction: ltr;
}
.social-icons span {
    font-size:30px;
}
.social-icons a {
    color:rgba(255,255,255,0.5);
    width: 25px;
    display: inline-block;
    margin: 0 5px;
}

.social-icons a:last-child imga {
    margin-left: 0;
}

.fix-social-icons {
    position: fixed;
    top: 50%;
    left:0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.fix-social-icons a {
    display: block;
    text-align: center;
    padding: 10px;
    transition: all 0.3s ease;
    color: white;
    font-size: 26px;
    width: 45px;
}
.fix-social-icons a:hover {
    background-color: #000;
}
.fix-social-icons .telegram {
    background: #139BD0;
    color: white;
}
.fix-social-icons .instagram {
    background: #EE5162;
    color: white;
}

.fix-social-icons .eitaa {
    background: #EF7C00;
    color: white;
}

.fix-social-icons .tamasha {
    background: #EA1B1F;
    color: white;
}


.fix-social-icons .soroush {
    background: #248BAA;
    color: white;
}

.fix-social-icons .aparat {
    background: #EB195B;
    color: white;
}


.icon-search::before{
	font-size:1.2rem;

}


input