/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.top-bar
{
	width:100%;
	height:46px;
	background-color:#eeeeee;
	z-index:8001;
	position:relative;
	-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
}
.top-bar > div
{
	width:1280px;
	height:46px;
	line-height:46px;
	margin:0px auto;
	font-family:IranSansFa;
	font-size:13px;
	color:#000000;
	position:relative;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.top-bar-menu
{
	position:absolute;
	right:0px;
}
.top-bar-menu a
{
	margin-left:10px;
	color:#000000;
	text-decoration:none;
}
.top-bar-menu a:last-child
{
    margin-left:0px;
}
.top-bar-menu a:hover
{
	color:#262626;
}
.top-bar-menu i
{
    position:relative;
    top:1px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.top-bar-date
{
	position:absolute;
	left:0px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.member-menu
{
	display:block;
}
.member-menu-responsive
{
	display:none;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.header
{
    padding:10px 0px;
    text-align:center;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.header > a > img
{
    width:72px;
    height:auto;
    border:0px;
    outline:0px;
}
.header > h1
{
    margin:0px;
    padding:0px;
    font-family:IranSans;
    font-weight:normal;
	font-size:18px;
	color:#000000;
}
.header > h1 > a
{
    color:#000000;
    text-decoration:none;
}
.header > h1 > a:hover
{
    color:#262626;
}
.header > h2
{
    margin:0px;
    padding:0px;
    font-family:IranSans;
    font-weight:normal;
	font-size:14px;
	color:#000000;
}
.header > h2 > a
{
    color:#000000;
    text-decoration:none;
}
.header > h2 > a:hover
{
    color:#262626;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.title-bar
{
	width:1280px;
	height:46px;
	line-height:46px;
	margin:10px auto;
	background-color:#000000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.title-bar h2
{
	margin:0px;
	padding:0px;
	font-family:IranSans;
	font-weight:normal;
	font-size:18px;
	color:#ffffff;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}
.title-bar h3
{
	margin:0px;
	padding:0px;
	font-family:IranSans;
	font-weight:normal;
	font-size:18px;
	color:#ffffff;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}
.title-bar-inside
{
	width:100% !important;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main
{
	width:1280px;
	min-height:350px;
	margin:10px auto;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.footer
{
    width:100%;
    padding:25px 0px;
    background-color:#eeeeee;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.social-networks-bar
{
    width:280px;
    margin:20px auto;
    text-align:center;
}
.social-networks-bar > a
{
    margin:0px 5px;
	color:#000000;
    display:inline-block;
}
.social-networks-bar > a > i
{
    font-size:28px;
    -webkit-transition:transform 0.5s ease;
	-moz-transition:transform 0.5s ease;
	-o-transition:transform 0.5s ease;
	transition:transform 0.5s ease;
}
.social-networks-bar > a > i:hover
{
    transform:scale(1.1);
}
.social-networks-bar .fa-sitemap
{
    font-size:24px;
    color:#262626;
}
.social-networks-bar .fa-phone-rotary
{
    color:#6438b1;
}
.social-networks-bar .fa-facebook
{
    color:#1877f2;
}
.social-networks-bar .fa-instagram
{
    color:transparent;
    background:-webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip:text;
    background-clip:text;
}
.social-networks-bar .fa-whatsapp
{
    color:#25d366;
}
.social-networks-bar .fa-telegram
{
    color:#30a5d7;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.copyright-bar
{
    width:100%;
    height:46px;
    line-height:46px;
    background-color:#262626;
}
.copyright-bar > div
{
    width:1280px;
    margin:0px auto;
}
.copyright-bar > div > div
{
    width:50%;
    font-family:IranSansFa;
    font-size:12px;
    color:#ffffff;
    float:right;
}
.copyright-bar > div > div:first-child
{
    text-align:right;
}
.copyright-bar > div > div:last-child
{
    text-align:left;
}
.copyright-bar > div > div > a
{
    color:#ffffff;
    text-decoration:none;
}
.copyright-bar > div > div > a:hover
{
    color:#cdcdcd;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.slider
{
    width:100%;
    height:auto;
}
.slider > a > img
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    -webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.banners
{
    width:100%;
    height:auto;
}
.banners > a > img
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.banners > h3
{
    width:100%;
    height:36px;
    line-height:36px;
    margin:0px;
    padding:0px;
    font-family:IranSans;
    font-weight:normal;
    font-size:13px;
    color:#000000;
    text-align:center;
}
.banners > h3 > a
{
    color:#000000;
    text-decoration:none;
}
.banners > h3 > a:hover
{
    color:#262626;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:1340px)
{
	.top-bar > div
	{
		width:95%;
	}
	.main
	{
		width:95%;
	}
	.title-bar
	{
		width:95%;
	}
	.copyright-bar > div
	{
	    width:95%;
	}
}
@media only screen and (max-width:768px)
{
	.member-menu
	{
		display:none;
	}
	.member-menu-responsive
	{
		display:block;
	}
	
	
	.copyright-bar
    {
        height:auto;
        line-height:32px;
    }
    .copyright-bar > div > div
    {
        width:100%;
        font-size:10px;
        float:none;
    }
    .copyright-bar > div > div:first-child
    {
        text-align:center;
    }
    .copyright-bar > div > div:last-child
    {
        text-align:center;
    }
}
@media only screen and (max-width:320px)
{
    .top-bar-date span:first-child
    {
        display:none;
    }
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */