* 
	{
    box-sizing: border-box;
	}	
html,body
	{
	direction:rtl;
	text-align:right;
	font: normal 16px/20px arial;
 
	color:#06c;
	background: #fff9f4;
	margin:0;
	padding:0;
	}
a
	{
    transition: 0.3s;	
	color:#990073;
	text-decoration:none;
	}
a:hover
	{
	color:#c09;
	}	
a img
	{
	border:0 none;
	}
h1,h2,h3,h4,h5,h6,p,ul,li,hr
	{
	padding:0;
	margin:0;
	}
hr.homepage-line
	{
	clear:both;	
	margin:25px 0;
	}
h1,h2,h3
	{
	color:#008fb3;
	}
.full-row
	{
	margin:0 auto;
	padding:0;	
	display:block;
	width:100%;
	}
.row
	{
	margin:0 auto;
	padding:0;	
	display:block;
	width:100%;
	/*max-width:1360px;*/
	}
[class*="col-"] 
	{
    float: none;
    padding: 15px;
	}	
.row:after 
	{
    content: "";
    clear: both;
    display: block;
	}	
.full-height
	{
	min-height: 100%;
	overflow:hidden;	
 
	}
.center	
	{
	display:table;
	margin:10px auto;
	float:none;
	} 
.text-center
    {
    text-align:center;
    margin:0 auto;
    display:block;    
    }	
.ltr
	{
	text-align:left;
	direction:ltr;		
	}
.rtl
	{
	text-align:right;
	direction:rtl;		
	}
.img-responsive 
	{
    width: 100%;
    height: auto;
	display:block;
	}
.bg-responsive
	{
	background-size: contain;
	background-repeat:no-repeat;
	}
.pull-right, .pull-left
	{
	float:none;
	overflow: hidden;
	display:inline-block;
	}
.pull-right.inline
	{
	float:right;
	overflow: hidden;
	display:block;
	}	
.pull-left.inline
	{
	float:left;
	overflow: hidden;
	display:block;
	}		
.special-bg:before 
	{
    content: "";
    background: url(../img/pattern.png);
    position: absolute;
    opacity: 0.1;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	}	
.separate
	{
	display:inline-block;
	padding:0 15px;
	margin:0;
	}
.buget
	{
    display: inline-block;
    padding: 2px 10px 0;
    border-radius: 15px;
    margin: 0 5px;
	font-weight:bold
	}
.hide	
	{
	display:none ;
	}
.show
	{
	display:block;
	}
.mobile-hide
    {
    display:none !important;
    }
.show-inline
	{
	display:inline-block;
	}	
/*-------------------------*/
/* For desktop
/*-------------------------*/
@media only screen and (max-width: 1200px) {
    #right-side-menubar {    width: 251px !important;}
}

@media only screen and (min-width: 820px) 
	{
	.pull-right
		{
		float:right;
		}
	.pull-left
		{
		float:left;
		}
	.mobile-hide
        {
        display:inline-block !important;
        }
	[class*="col-"] 
		{
		float: right;
		padding: 15px;
		}
	  .col-1
		{
		width: 8.33%;
		}
 
	.col-3 
		{
		width: 25%;
		}
	.col-4 
		{
		width: 33.33%;
		}
	.col-5 
		{
		width: 41.66%;
		}
 
	.col-7 
		{
		width: 58.33%;
		}
	.col-8 
		{
		width: 66.66%;
		}
	.col-9 
		{
		width: 75%;
		}
	.col-10 
		{
		width: 77.33%;
		}
	.col-11 
		{
		width: 91.66%;
		}
	.col-12 
		{
		width: 100%;
		}	

	}