@font-face{font-family:"Byekan";src:url('fonts/Byekan.eot');src:url('fonts/Byekan.eot@#iefix') format('embedded-opentype'),url('fonts/Byekan.woff') format('woff'),url('fonts/Byekan.ttf') format('truetype');font-weight:normal;font-style:normal;}@font-face{font-family:"BBCNassim";src:url('fonts/BBCNassim.eot');src:url('fonts/BBCNassim.eot@#iefix') format('embedded-opentype'),url('fonts/BBCNassim.ttf') format('truetype');font-weight:normal;font-style:normal;}body{direction:rtl;font-family:"Byekan","Raleway",helvetica,arial,sans-serif;}#navigation ul li a:after,#ticker h4,.main-container blockquote,.main-container .welcome-message,.logo-navigation span .main-container ul.post-metadatas li,figure.effect-sadie p,.custom-section-text p,.comment-author,.contact-box p{font-family:"Byekan","Droid serif",serif;font-weight:400;}#with-breaker span{font-family:"BBCNassim";font-weight:400;}#navigation ul li a,#navigation ul.sub-menu li a,#top-navigation ul.sub-menu li a,#header #navigation-mobile li a,#ticker-text ul li,.main-container h1,.main-container h2,.main-container h3,.main-container h4,.main-container thead th,.main-container .btn,.nav-tabs>li>a,#portfolio-container figure figcaption,#contact-form label,#comment-form label,.widget h4,.widget a.btn.btn-default,#copyright{text-transform:uppercase;}.main-container h1,.main-container h2,.main-container h3,.main-container h4{letter-spacing:-1px;}#ticker-text ul li{letter-spacing:-4px;}.main-container .btn,figure.effect-sadie h4,.main-container a.blog-post-title h2,#blog-container .blog-post-title h2,.widget h4,#top-navigation ul.sub-menu li,#navigation ul li a,#navigation ul.sub-menu li a,#top-navigation ul.sub-menu li a{letter-spacing:1px;}.main-container .welcome-message{font-weight:100;}figure.effect-sadie h4,.main-container a.blog-post-title h2,#blog-container .blog-post-title h2,.widget h4{font-weight:300;}.main-container .btn,#logo-navigation span,#navigation ul.sub-menu li a{font-weight:400;}.main-container .dropcap{font-weight:900;}.comment-list li:before,#ticker-text ul li,.main-container h1,.main-container h2,.main-container h3,.main-container h4,#navigation ul li a{font-weight:300;}a#logo-navigation{top:-10px;height:25px;min-width:50px;background-size:50px;}#navigation.navigation-fixed a#logo-navigation{background-image:url("../images/logo-fixed-menu.png");background-size:150px;}#loader #loading-logo{background-image:url("../images/logo-fixed-menu.png");background-size:450px;width:450px;height:105px;}#shade{z-index:2;width:100%;height:100%;position:relative;left:0;top:0;background-image:url("../images/tile.png");background-repeat:repeat;background-size:100%;opacity:0.80;}
}
#shade3{
	position:absolute;
	background:url(images/tile.png) repeat;
	width:100%;
	height:99%;
	opacity:0.80;
}
#shade2{
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,.2) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,.2) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,.2) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,.2) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,.2) 0%, rgba(255,255,255,0) 100%);
}
/*FOOTER PATERN*/
#footer{
	background-image: url("../images/footer.png");
	background-repeat: repeat;
	background-size: 300px 300px;
} 
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    #footer{
		background-image: url("../images/footer_402X.png");
		background-size: 300px 300px;
	}
}
/*BOXED PATERN*/
body.boxed{
	background-image: url("../images/boxed.png");
	background-repeat: repeat;
	background-size: 798px 798px;
} 
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    body.boxed{
		background-image: url("../images/boxed_402X.png");
		background-size: 798px 798px;
	}
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* COLORS 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*MAIN TEXT COLOR*/
body, .main-container a.blog-post-title, #blog-container .blog-post-title a, #navigation.navigation-fixed ul li a,
.main-container .welcome-message span, .main-container h4.faq-link a, .main-container ul.social-list li:hover a,
.nav-tabs>li>a:hover, .skill:hover p, #partners-slider a{
	color: #444;
}
::-moz-selection{
	background: #444;
}
::selection{
	background: #444;
}
.main-container code, .main-container pre, .main-container .btn,#navigation ul.sub-menu li a:hover,
#top-navigation ul.sub-menu li a:hover{
	background: #444;
}
/*SECOND COLOR*/
.main-container a.blog-post-title:hover, .main-container .blog-grid ul.post-metadatas,
.single-post ul.post-metadatas, .comment-author, .comment-list .children li:before,
#blog-container .blog-post-title a:hover, #blog-container .blog-button .btn.btn-default,
#blog-container ul.post-metadatas, #navigation.navigation-fixed ul.sub-menu li a,
#navigation.navigation-fixed ul li.current-menu-item a,#navigation.navigation-fixed ul li a:hover,
.with-breaker span, .main-container a, .main-container blockquote, .main-container blockquote:before,
.main-container .icon, .main-container .welcome-message, .main-container h4.faq-link.faq-active a,
.skill:hover h4, .skill p{
	color: #B4B4B4;
	
}
.widget a.btn.btn-default:hover{
	color: #B4B4B4 !important;
}
#footer
.skill:hover h4, .skill p{
	color: #26ECEC;
}
#blog-container .blog-button .btn.btn-default, .widget a.btn.btn-default{
	border-color: #B4B4B4;
}
#blog-container .blog-button a.btn.btn-default:hover{
	background: #B4B4B4;
}
/*CUSTOM CONTAINER BACKGROUND (Affiliate box in the demo)*/
.custom-section-container{
	background: #d05c3d;
}
.main-container .custom-section-buttons a.btn:hover{
	color: #d05c3d;
}
/*OTHERS*/
#navigation ul.sub-menu li, #top-navigation ul.sub-menu li, #navigation ul.sub-menu li:hover, 
#top-navigation ul.sub-menu li:hover{
	border-bottom-color: #424242;
}
.main-container hr, .main-container hr.align-left,.main-container h4.faq-link{
	border-color: #E7E7E7;
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{
	border-bottom-color: #E7E7E7; 
}
.nav-tabs>li.active>a:after,.nav-tabs>li.active>a:hover:after,.nav-tabs>li.active>a:focus:after{
	border-color: transparent transparent #e7e7e7 transparent;
}
#navigation ul.sub-menu li a,#top-navigation ul.sub-menu li a,
#header a#close-navigation-mobile,#header #navigation-mobile li a,
#ticker h4, .with-breaker:after, .main-container pre, .main-container .btn, #footer a{
	color: #E7E7E7;
}
#navigation-mobile, #navigation ul.sub-menu li a,#top-navigation ul.sub-menu li a{
	background-color: #313131;
}
