@font-face {
    font-family: "Yekan";
    src: url( "fonts/W_YEKAN_0.TTF" );
    src: local( "?" ), url( "fonts/W_YEKAN_0.TTF" )format( "truetype" );
}
*{
font-family:Yekan !important;
font-size:16px;
}

/* =========================================================
Common styles
============================================================ */
@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebasneue.eot');
    src: url('fonts/bebasneue.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue.woff') format('woff'),
         url('fonts/bebasneue.ttf') format('truetype'),
         url('fonts/bebasneue.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family:"Patua One";
	src:url("fonts/PatuaOne-Regular.eot?") format("eot"),
	url("fonts/PatuaOne-Regular.woff") format("woff"),
	url("fonts/PatuaOne-Regular.ttf") format("truetype"),
	url("fonts/PatuaOne-Regular.svg#PatuaOne-Regular") format("svg");
	font-weight:normal;
	font-style:normal;
}

body {
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	background-color:#fff;
	direction:rtl;
}
pre, code {
    font-family: 'DejaVu Sans Mono',Menlo,Consolas,monospace;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-right-colors: none;
    -moz-border-left-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}
ol {
    list-style: decimal inside none;
}
.entry-box ol li{
	list-style:decimal inside;
	margin-bottom:10px;
}
ul {
    list-style: disc inside none;
}
.entry-box ul li{
	list-style:circle inside;
	margin-bottom:10px;
}
/*------responsive image----------------*/
.responsive-img{
	max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
.scale-hover {
	transition: all 0.2s ease-in 0.2s; 
}    
.scale-hover:hover {
 	transform: scale(1.5);
 	transform-origin: center center 0;
    transition: all 6s ease-in 0s;
 	transition: all 6s ease-out 0s; 
}
/* =========================================================
Elements
============================================================ */
/*-- button ------------------------------------------------*/

#comments-form #submit-comment:hover {
    background: none repeat scroll 0 0 #FF4545;
    color: #FFFFFF;
    text-decoration: none;
}
.big-button {
	display:inline-block;
	background: none repeat scroll 0 0 #333333;
    border: medium none;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position:relative;
	z-index:0;
    color: #FFFFFF;
    cursor: pointer;
	padding:12px 22px;
	 font-family: "bebas_neueregular";
    font-size: 20px;
	 text-align: center;
    text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	
}
.medium-button {
	display:inline-block;
	background: none repeat scroll 0 0 #333333;
    border: medium none;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position:relative;
	z-index:0;
    color: #FFFFFF;
    cursor: pointer;
	padding:10px 20px;
	 font-family: "bebas_neueregular";
    font-size: 18px;
	 text-align: center;
    text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}
 
.button {
	display:inline-block;
	background: none repeat scroll 0 0 #333333;
    border: medium none;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position:relative;
	z-index:0;
    color: #FFFFFF;
    cursor: pointer;
	padding:5px 15px;
	 font-family: "bebas_neueregular";
    font-size: 16px;
	 text-align: center;
    text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}
.button:hover, .medium-button:hover, .big-button:hover{
	background:#ff4545;
	color:#fff;
	text-decoration:none;
}

.kp-dropcap {
    display: inline-block;
    float: right;
    font-family:"Patua One";
    font-size: 40px;
    height: 36px;
    line-height: 36px;
    margin: 0 8px 0 0;
    text-align: center;
    width: 22px;
}

.kp-dropcap.dark {
    background: none repeat scroll 0 0 #333;
    color: #FFFFFF;
	height:42px;
	line-height:42px;
	width:36px;
}
/*-- list ------------------------------------------------*/
blockquote {
    line-height: 20px;
	background:url("images/icons/blockquote-icon.png") no-repeat scroll 10px 10px #F6F6F6;
	padding:20px 20px 20px 50px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin-bottom:20px;
}
/* =========================================================
Heading
============================================================ */
h1 {
    color: #222;
    font: 400 28px/27px 'Patua One',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
}
h2 {
    color: #222;
    font: 400 24px/25px 'Patua One',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
}
h3 {
    color: #222;
    font: 400 20px/22px 'Patua One',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
}
h4 {
    color: #222;
    font: 400 16px/20px 'Patua One',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
	
}
h5 {
    color: #222;
    font: 400 15px/20px 'Patua One',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
	
}
h6 {
    color: #222;
    font: 400 14px/20px 'Patua One',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
	
}
p { 
	margin-bottom:10px;
	line-height:18px;
}
/* =========================================================
Clear Floated Elements
============================================================ */
.right{ 
	float:right;
}
.left{
	float:left;
}
.clear {  
	clear: both;  
	display: block;  
	overflow: hidden;  
	visibility: hidden;  
	width: 0;  height: 0;
}
.clearfix:before,.clearfix:after{
  content: '.';  
  display: block;  
  overflow: hidden;  
  visibility: hidden;  
  font-size: 0;  
  line-height: 0;  
  width: 0;  
  height: 0;
 }
.clearfix:after{  
	clear: both;
}
.clearfix{  
	zoom: 1;
}
.hover-effect{
	cursor:pointer;
	z-index:100;
}
.link-icon{
	background:url("images/icons/link-icon.png") no-repeat scroll center center #000;
	display:block;
	
}
/* =========================================================
	Columns
============================================================ */
.pattern{
	/*background:url("images/background/white-dot.png") repeat scroll 0 0 transparent;*/
}
.main-body{
	padding:10px;
	background:url("images/background/main-body.png") repeat scroll 0 0 transparent;
	width:1074px;
	margin:-52px auto 0px;
	position:relative;
	z-index:1;
	border:solid 1px #888;
}
.wrapper {
	width:1074px;
	margin:0 auto;
}
.primary {
	float:right;
	width:494px;
	margin:20px;
}
.secondary {
	float:left;
	width:520px;
	margin-left:20px;
}
.sidebar {
	float:right;
	width:250px;
}
.last {
	margin-left:0 !important;
}


#sidebar-a{
	margin-left:20px;
}
.main-body .wrapper{
	background:#FFFFFF;
	border:1px solid #EEEEEE;
}
.right-col {
	float:right;
	width:764px;
	margin:0px 20px 20px 20px;
}
.sidebar .sticky-wrapper,
.sidebar .sticky-wrapper .sticky{
	width:250px;
}
.primary .sticky-wrapper,
.primary .sticky-wrapper .sticky{
	width:494px;
}
/* =========================================================
	Header
============================================================ */
#header {
	background-color:#000;
	position:relative;
	z-index:100;
}
/*-- Top menu ------------------------------------------------*/
#top-nav {
	float:right;
	border-left:1px solid #262626;
}
#top-nav > ul > li {
    float: right;
    position: relative;
}
#top-nav > ul > li > a{
	border-right:1px solid #262626;
	color:#fff;
    font-size:16px;
    padding:15px 20px;
	display:block;
	text-transform:uppercase;
	font-family: 'bebas_neueregular',Arial,sans-serif;
}
#top-nav > ul > li.current-menu-item > a{
	color:#000;
	background:#FFFFFF;
	border-right:1px solid #fff;
}
#top-nav > ul > li.current-menu-item + li > a{
	border-right:1px solid #262626;
}
#top-nav > ul > li:hover > a{
	color:#63afdc;
	background:#FFFFFF;
	text-decoration:none;
	border-right:1px solid #fff;
}
#top-nav > ul > li:hover + li > a{
	border-right:1px solid #fff;
}
#top-nav > ul > li.has-child:hover > a{
	color:#fff;
	background:#262626;
	text-decoration:none;
	border-right:1px solid #262626;
}
#top-nav > ul > li.has-child:hover + li > a{
	border-right:1px solid #262626;
}
/*** Dropdown Top Menu ***/
#top-nav ul li ul {
   background:#fff;
	background:#262626;
    position:absolute;
    right:0;
    top:51px;
    z-index:502;
	display:none;
}
#top-nav ul li ul li {
    border-bottom:1px solid #333;
    width:200px;
    padding-right:20px;
    position:relative;
}
#top-nav ul li ul li a{
    display:block;
    width:100%;
    padding:10px 0;
	font-size:15px;
	color:#fff;
	text-transform:uppercase;
	font-family: 'bebas_neueregular',Arial,sans-serif;
}
#top-nav ul li ul li:last-child{
    border-bottom:none;
}
#top-nav ul li ul li:hover{
	background:#333;
}
#top-nav ul li ul li:hover > a{
	text-decoration:none;
}
#top-nav ul li ul li ul {
    position:absolute;
    top:0;
    right:220px;
    display:none;
	 border-right:1px solid #333;
}
/*** Responsive Top Menu ***/
#responsive-menu {
	display:none;
	padding:5px 10px;
	margin:5px 0;
	background-color:#222;
	width:80%;
	border:1px solid #333;
	color:#fff;
}

/*===============Branding=============================*/
.branding{
	background:#fff;
	padding:30px 0px 68px;
	position:relative;
}
#logo-image{
	float:left;
	display:block;
}
#top-banner{
	float:right;
	display:block;
}
.separator{
	height:10px;
	width:100%;
	background:#63afdc;
}
.search{
	position:absolute;
	top:-42px;
	left:20px;
	z-index:100;
}
.search-icon {
    background: url("images/icons/search-button.png") no-repeat scroll center center #000;
    display: block;
    float: left;
    height: 30px;
    position: relative;
    text-indent: -9999px;
    width: 30px;
    z-index: 101;
	border-right:10px solid #000;
	border-left:10px solid #000;
	outline:none;
}
.search-icon:hover{
	background-color:#63afdc;
}
.close-icon{
	background-image: url("images/icons/close-icon.png") !important;
	border-right:10px solid #000 !important;
	border-left:10px solid #000 !important;
}
.search-box {    
	background: none repeat scroll 0 0 #000;
    display: none;
    height: 75px;
    position: absolute;
    left: 0px;
    top: 30px;
    width: 312px;
    z-index: 100;
}
.search-form {
	position:relative;   
}
.search-form .search-text {	
    background-color: #8A7C7C;
    border: 1px solid #7A7676;
    color: #FFFFFF;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 20px 2px 0 20px;
    padding: 6px 10px;
    width: 180px;
}
.search-form .search-text:focus{
	outline:0;
	border:1px solid #fff!important
}
.search-form .search-submit {
    background: none repeat scroll 0 0 #63afdc;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 34px;
    line-height: 34;
    margin-top: 20px;
    padding: 4px 8px 10px;
    vertical-align: middle;
	 -webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}
.search-form .search-submit:hover {
	background-color:#555;
	
}
/* =========================================================
	Main Content
============================================================ */
/*===============Tabs=======================================*/
.list-container{
	background-color:#63afdc;
	padding:10px;
	margin-top:20px;
}
.list-container ul li{
	list-style:none;
	display: inline;
	margin-left:10px;
}
.list-container ul li a{
	font-family:'bebas_neueregular',Arial,sans-serif;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
}
.list-container ul li a{
	padding:2px 5px;
}
.list-container ul li:hover a{
	background-color:#2d2d2d;
	text-decoration:none;
	color:#fff;
}
.list-container ul li.active a{
	background-color:#2d2d2d;
	color:#fff;
}
.tab-container{
	width:494px;
}
.primary .tab-content ul li {
	margin-top:20px;
	border-bottom:1px dotted #ddd;
	padding-bottom:20px;
}
.primary .tab-content ul li:last-child{
	border-bottom:none;
	padding-bottom:0px;
}
.primary .entry-item .video-thumb,
.primary .entry-item .article-thumb{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	position:relative;
	background:url("templates/<?=$ghaleb ?>/images/background/tag-pattern.png") repeat scroll 0 0 transparent;
	padding:4px;
}
.entry-meta{
	font-size:11px;
}
.meta-data{
	font-weight:bold;
	font-size:11px;
}
.meta-data:hover{
    color:#63afdc;
}
.entry-item .entry-title {
	margin-bottom:5px;
}
.entry-item .entry-title a{
	font-family:"Patua One";
	color:#222;
	font-size:18px;
}
.entry-item .entry-title a:hover,
.sidebar .entry-box .entry-content .entry-title a:hover,
.sidebar .widget-title a:hover,
.list-carousel ul li article .entry-content .entry-title a:hover{
	color:#63afdc;
	text-decoration:none;
}
.primary .entry-item  .play-icon{
	position:absolute;
	right:0;
	top:0;
	background:url(images/icons/play.png) no-repeat center center;
	width:100%;
	height:100%;
	display:block;
}
.primary .entry-item  .black-overlay{
	width:212px;
	height:100%;
	background:#000;	
	opacity:0.3;
	filter: alpha(opacity = 30);
	cursor:pointer;
	display:block;
	margin:4px;
}
.load-more{
	display:block;
	font-family:"bebas_neueregular";
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position:relative;
	z-index:0;
	background:#333;
	width:130px;
	height:33px;
	line-height:33px;
	text-align:center;
	margin-top:20px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}
.load-more:hover{
	color:#fff;
	text-decoration:none;
	background:#63afdc;
}
.divider{
	border-top:1px dotted #ddd;
	width:100%;
	height:1px;
	margin-top:20px;
}
.more-link{
	font-size:11px;
	color:#222;
	font-weight:bold;
}
.more-link:hover{
    color:#63afdc;
}

/* =========================================================
	Top Sidebar
============================================================ */
#top-sidebar{
	margin-top:20px;
}
.feature-widget {
	position:relative;	
	margin-bottom:10px;
}
.feature-widget .feature-title {
    border-bottom: 5px solid #63afdc;
    color: #000000;
    font-family: 'bebas_neueregular',Arial,sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
/*-- carouFredSel --*/
.list-carousel.responsive {
	width:auto;
	margin:0 -10px;
}
.list-carousel ul {
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
	height:100%;
}
.feature-widget .list-carousel ul li {
    display: block;
    float: right;
    padding: 0;
    width: 160px;
	height:100%;
	margin:0 10px;
}
.feature-widget .list-carousel .feature-nav {
	width:140px;
	height:15px;
	position:absolute;
	top:0px;
	left:0px;
}
.feature-widget .list-carousel .next,
.feature-widget .list-carousel .prev {
    background-image:url(images/slider/carousel-nav.png);
	background-repeat: no-repeat;
    height: 15px;
    position: absolute;
    top: 5px;
	color:#333;
}
.feature-widget .list-carousel .feature-nav a {
	text-decoration:none;
	outline:none;
}
.feature-widget .list-carousel .next {
    background-position: -161px 4px;
    left: 0px;
	padding-left:15px;
}
.feature-widget .list-carousel .next:hover{
	 background-position: -161px -47px;
	 color:#ff4545;
}
.feature-widget .list-carousel .prev {    
	background-position: 0 3px;
    border-left: 1px solid #333333;
    padding-right: 15px;
    padding-left: 10px;
    left: 50px;
}
.feature-widget .list-carousel .prev:hover{
	background-position: 0 -48px;
	color:#ff4545;
}
.feature-item .video-thumb,
.feature-item .article-thumb{
	position:relative;
	background:url("images/background/tag-pattern.png") repeat scroll 0 0 transparent;
	padding:4px;
}
.list-carousel ul.feature-news li article img {
	width:100%;
	height:auto;
	display:block;
}
.feature-item  .play-icon{
	position:absolute;
	right:0;
	top:0;
	background:url(images/icons/play.png) no-repeat center center;
	width:100%;
	height:100%;
	display:block;
}
.feature-item  .black-overlay{
	width:95%;
	height:95.0920245399%;
	background:#000;	
	opacity:0.3;
	filter: alpha(opacity = 30);
	cursor:pointer;
	display:block;
	margin:4px;
}
.feature-widget .list-carousel ul li article .entry-content {
	margin-top:5px;
}
.feature-widget .list-carousel ul li article .entry-content .entry-title{
	font-family:"Patua One";
	font-size:14px;
	line-height:18px;
	color:#222;
}
.feature-widget .list-carousel ul li article .entry-content .entry-title a{
	color:#222;
}
/* =========================================================
	Sidebar 
============================================================ */
.sidebar .widget-title {
    color: #000000;
    font-family: 'bebas_neueregular',Arial,sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 5px 10px 0 0;
    text-transform: uppercase;
    border-top: 5px solid #63afdc;
}
.sidebar .widget-title a{
	color:#000;
}
.sidebar .entry-box .entry-content{
	margin-top:5px;
}
.sidebar .entry-box .entry-content p{
	margin-bottom:-10px;
}
.sidebar .entry-box .entry-content .entry-title a{
	font-family:"Patua One";
	color:#222;
	font-size:16px;
}
#widget-list-a > li,
#widget-list-b > li{
	margin-bottom:20px;
	list-style:none;
}
#widget-list-a > li:last-child,
#widget-list-b > li:last-child{
	margin-bottom:0px;
}
.gallery{
	margin-bottom:-2px;
}
.gallery li{
	list-style:none;
	margin-top:0;
	margin-left:2px;
	margin-bottom: 2px !important;
	margin-right:0px;
	float:right;
	position:relative;
	list-style:none !important;
	max-width:124px;
	max-height:124px;
}
.sidebar .gallery li .gallery-img{
	overflow:hidden;
	width:100%;
	height:100%;
	display:block;
}

.sidebar .video-thumb,
.sidebar .entry-box .article-thumb{
	position:relative;
	background:url("templates/<?=$ghaleb ?>/images/background/tag-pattern.png") repeat scroll 0 0 transparent;
	padding:4px;
	display:block;
}
.sidebar .entry-box   .play-icon{
	position:absolute;
	right:0;
	top:0;
	background:url(templates/<?=$ghaleb ?>/images/icons/play.png) no-repeat center center;
	width:100%;
	height:100%;
	display:block;
}
.sidebar .entry-box   .black-overlay{
	width:242px;
	height:100%;
	background:#000;	
	opacity:0.3;
	filter: alpha(opacity = 30);
	cursor:pointer;
	display:block;
	margin:4px;
}
.spacer{
	width:250px;
	height:1px;
	text-indent:-9999px;
}
/* =========================================================
	Footer
============================================================ */
#footer{
	position:relative;
	margin-top:-52px;
	z-index:0;
	
}
.footer-top{
	background: #FFFFFF;
    padding-bottom: 50px;
    padding-top: 82px;
}
.footer-top .logo-image{
	float:right;
	display:block;
}
/*========================================================================================
Footer aside
===========================================================================================*/
.footer-top #sidebar-1{
	width:386px;
}
.footer-top #sidebar-2{
	width:368px;
}
.footer-top #sidebar-3{
	width:280px;
}
.footer-aside{
	margin-left:20px;
	float:left;
}
.footer-aside .widget-title{
	color: #000;
    font-family:'bebas_neueregular', Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	margin-bottom:15px;
}
.social-links li {
	float:right;
	list-style:none;
	margin-left:2px;
	position:relative;
	display:block;
	height:56px;
	width:56px;
	cursor:pointer;
}

.social-links li a{
	display:none;	
	z-index:0;
	height:56px;
	width:56px;
	position:absolute;
	right:0;
	top:0;
	text-indent:-9999px;
}
.social-links li img{
	position:absolute;
	right:0;
	top:0;
	z-index:1;	
}
.facebook-icon a{
	background:url(templates/<?=$ghaleb ?>/images/icons/facebook-hover.png) no-repeat;
	
}
.twitter-icon a{
	background:url(templates/<?=$ghaleb ?>/images/icons/twitter-hover.png) no-repeat;
}
.rss-icon a{
	background:url(templates/<?=$ghaleb ?>/images/icons/rss-hover.png) no-repeat;
}
.google-icon a{
	background:url(templates/<?=$ghaleb ?>/images/icons/google-hover.png) no-repeat;
}
.footer-top .news-letter .email{
	width:197px;
	height:46px;
	line-height:46px;
	background:#b8b8b8;
	border:none;
	color:#fff;
	padding:0 15px;
	float:right;
	margin-left:2px;
}
.footer-top .news-letter .email:focus{
	outline:0;
	border:1px solid #ff4545 !important;
	height:44px;
	width:198px;
}
.footer-top .news-letter .submit{
	width:48px;
	height:46px;
	background: url(images/icons/news-letter.png) no-repeat center center #b8b8b8;
	border:none;
	text-indent:-99999px;
	line-height:0;
	cursor:pointer;
	float:left;
	font-size:0;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}
.footer-top .news-letter .submit:hover{
	background-color:#ff4545;
}
.footer-aside .footer-logo{
	display:block;
	margin-top:26px;
}
.footer-bottom{
	background:#090909;
	padding:20px 0 10px;
}
#copylefts{
	float:right;
	color:#fff;
}
#bottom-menu{
	float:left;
	color:#fff;
}
#bottom-menu ul li{
	display:inline;
	margin-right:30px;	
}
#bottom-menu ul li a{	
	color:#fff;
}
/*
Back to top button 
*/

#scroll-to-top{
	width: 52px;
	height: 52px;
	display: block;
	position: fixed;
	bottom: 118px;
	left:0;
	margin-left:50px;
	background:url("images/icons/up-arrow.png") no-repeat scroll center center #63afdc;
	text-indent:-99999px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}
#scroll-to-top:hover{
	background-color:#222;
}
/*========================================================================================
NewsPage
=========================================================================================*/
.breadcrumb{
	background:url("images/background/bottom-pattern.png") repeat-x scroll right bottom transparent;
	padding-bottom:15px;
	width:100%;
	margin:20px 0px 0 0px;
	
}
.breadcrumb a, .breadcrumb span{
	color:#222;
	font-family:"Patua One";
	font-size:14px;
}
.breadcrumb a:hover{
	color:#ff4545;
}
.right-col ul li:last-child{
	border-bottom:none;
	padding-bottom:0px;
}
.right-col .entry-item .video-thumb,
.right-col .entry-item .article-thumb{
	float:right;
	margin-left:20px;
	position:relative;
	background:url("images/background/tag-pattern.png") repeat scroll 0 0 transparent;
	padding:4px;
}
.right-col ul.article-list li {
	margin-top:20px;
	border-bottom:1px dotted #ddd;
	padding-bottom:20px;
	list-style:none;
	margin-bottom:0;
}

.right-col .entry-item .video-thumb,
.right-col .entry-item .article-thumb{
	float:right;
	margin-left:20px;
	position:relative;
	background:url("images/background/tag-pattern.png") repeat scroll 0 0 transparent;
	padding:4px;
}
.right-col .entry-item  .play-icon{
	position:absolute;
	right:0;
	top:0;
	background:url(images/icons/play.png) no-repeat center center;
	width:100%;
	height:100%;
	display:block;
}
.right-col .entry-item  .black-overlay{
	width:242px;
	height:160px;
	background:#000;	
	opacity:0.3;
	filter: alpha(opacity = 30);
	cursor:pointer;
	display:block;
	margin:4px;
}
#sub-page .sidebar{
	margin-top:20px;
}
.sidebar ul li{
	list-style:circle inside none;
	margin-bottom:10px;	
}
/*------------------ Tag ---------------------*/
.tag{
	margin-bottom:-10px;
}
.tag a {
	display:inline-block;
	background:url(images/background/tag-pattern.png) repeat 0 0;
	padding:5px 11px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	margin:0 7px 10px 0;
}
/* =========================================================
	Single Page
============================================================ */
.right-col .entry-box{
	margin-top:20px;
}
.entry-box .entry-title {
	margin-bottom:5px;
}
.entry-box iframe {
	margin:20px 0;
}
.about-author {
	padding-top:20px;
	margin-top:20px;
	background:url(images/background/bottom-pattern.png) repeat-x 0 0;
}
.about-author img {
	float:right;
	margin-left:20px;
}
.about-author h5, #comments h5 {
	 color: #222;
    font-family: 'Patua One',cursive;
	font-size:22px;
	font-weight:normal;
	margin-bottom:15px;
}
.about-author .author-name {
	display:block;
	margin-bottom:5px;
	font-family: 'Patua One',cursive;
	font-size:15px;
	font-weight:normal;
	 color: #222;
}
.about-author .entry-content a {
	display:block;
	margin-bottom:5px;
}
/*------------------ Comments List ---------------------*/
#comments {
	padding-top:20px;
	margin-top:20px;
	background:url(images/background/bottom-pattern.png) repeat-x 0 0;
}
.comments-list {
	margin-top:0;
}
.comments-list li{
	margin-bottom:0;
	list-style:none;
}
.comments-list .comment {
	padding-top:20px;
	border-top:1px dotted #eee;
	margin-bottom:15px;
}
.comment-wrap img {
	float:right;
	margin-left:15px;
	background:url("images/background/tag-pattern.png") repeat scroll 0 0 transparent;
	padding:4px;
}
.comment-wrap .comment-body {
	margin-right:83px;
}
.comment-wrap .comment-body .comment-meta .author {
	display:block;
	 color: #222;
    font-family: 'Patua One',cursive;
	font-size:15px;
	font-weight:normal;
	margin-bottom:8px;
}
.comment-wrap .comment-body .comment-meta .date {
	display:block;
	font-size:11px;
	font-weight:bold;
	margin-bottom:8px;
}
.comment-wrap .comment-body .comment-reply-link, .comment-wrap .comment-body .comment-edit-link {
	font-weight:bold;
	font-size:11px;
	display:inline-block;
}
.comment-wrap .comment-body .comment-reply-link:hover, .comment-wrap .comment-body .comment-edit-link:hover {
	text-decoration:underline;
}
.comment-wrap .comment-body .comment-reply-link {
	margin-left:20px;
}
.comments-list .comment .children {
	margin-top:20px;
	margin-right:83px;
}
.comments-list .comment .children li {
	border-top:1px dotted #eee;
	padding-top:20px;
	margin-bottom:0;
	list-style:none;
}
.comment-pagination {
    float: left;
    margin-top: 15px;
}
.comment-pagination a, .comment-pagination span {
    color: #222;
    font-family: 'Patua One',cursive;
	font-size:18px;
	font-weight:normal;
    padding-right: 20px;
}
.comment-pagination a:hover, .comment-pagination span:hover {
    text-decoration: underline;
}
.comment-pagination .current {
    color: #ff4545;
}
/*------------------ Comment Form ---------------------*/
#respond {
   background:url("images/background/bottom-pattern.png") repeat-x scroll 0 0 transparent;
    margin-top: 20px;
    padding-top: 20px;
	margin-bottom:-20px;
}
#comments-form .comment-right {
	width: 244px;
	 float: right;
    margin-top: 5px;
	margin-left:20px;	
}
 #comments-form .comment-left {
    float: right;
    margin-top: 5px;
	width:500px;
}
#comments-form p.input-block, #comments-form p.subject-block {
    margin-bottom: 5px;
    position: relative;
   
}
#comment-name, #comment-email, #comment-url, #comment-subject, #comment-phone {
    border: 1px solid #eee;
    height: 29px;
	line-height:29px;
    margin-left: 15px;
    margin-top: 5px;
    padding: 0 10px;
	width: 224px;
}
#comments-form p.textarea-block {
    position: relative;
	width:500px;
}
#comment-message {
    border: 1px solid #eee;
    height: 127px;
    margin-top: 5px;
    padding: 10px;
	width:480px;
}
#comment-message:focus,
#comment-name:focus, 
#comment-email:focus, 
#comment-url:focus, 
#comment-subject:focus{
	outline:0;
	border:1px solid #FC624E!important
}
#comments-form .comment-button {
	margin-bottom:0px;
}
#comments-form #submit-comment{
	display:block;
	font-family:"bebas_neueregular";
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position:relative;
	z-index:0;
	background:#333;
	width:90px;
	height:33px;
	line-height:33px;
	text-align:center;
	margin-top:10px;
	border:none;
	cursor:pointer;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}
#comments-form #submit-comment:hover{
	color:#fff;
	text-decoration:none;
	background:#ff4545;
}

#comments-form label.error {
    color: #ff4545;
    position: absolute;
    left: 15px;
    top: 0;
}
#comments-form p.textarea-block label.error {
    left: 0;
}
#response {
	margin-bottom: 20px;
	text-align: center;
	font-size:18px;
}
#response .success {
	color: #ff4545;
	margin-top:20px;
	display:inline-block;
}
#response .failure {
	color: #ff4545;
	margin-top:20px;
	display:inline-block;
}

/*==================================================================================
Related Article
====================================================================================*/
.b-carousel-wrapper{
	width:100%;
}
#related-article .feature-widget{
	margin-bottom:-10px;
}
#related-article .feature-widget .feature-title {
    background: url("images/background/bottom-pattern.png") repeat-x scroll right top transparent;
   text-transform:none;
    margin-top: 20px;
    padding-top: 15px;
	margin-bottom: 20px;
    padding-bottom: 0px;
	    color: #222222;
    font-family: 'Patua One',cursive;
    font-size: 22px;
    font-weight: normal;
}
#related-article .feature-widget .list-carousel .feature-nav {
	width:140px;
	height:15px;
	position:absolute;
	top:15px;
	left:0px;
}
#related-article .feature-widget .list-carousel ul li {
    display: block;
    float: right;
    padding: 0;
    width: 176px;
	margin:0 10px;
	border-bottom:none;
}


#related-article .feature-item  .play-icon{
	position:absolute;
	right:0;
	top:0;
	background:url(images/icons/play.png) no-repeat center center;
	height:100%;
	display:block;
}
#related-article .feature-item  .black-overlay{
	width:95.4545454545%;
	height:95.5307262570%;
	background:#000;	
	opacity:0.3;
	filter: alpha(opacity = 30);
	cursor:pointer;
	display:block;
	margin:4px;
}
/*=====================================================================================
Elements Page
=======================================================================================*/
.element-title{
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	margin-bottom:20px;
}
/* =========================================================
	404 Page
============================================================ */
.error-404 {
    margin:0 20px 20px;
}
.error-404 .right-404-col {
    float: right;
    margin-left: 8%;
    width: 30%;
	margin-bottom:100px;
	margin-top:100px;
}
.error-404 .right-404-col p {
	color:#222;
	font-family: 'Patua One',cursive;
	font-weight:normal;
    font-size: 120px;
    line-height: 100px;
    text-align: left;
}
.error-404 .left-404-col {
    float: right;
    width: 62%;
	margin-bottom:100px;
	margin-top:100px;
}
.error-404 .left-404-col h1 {
    font-size: 30px;
    margin-bottom: 20px;
	color:#222;
	font-family: 'Patua One',cursive;
	font-weight:normal;
}
.unorder-list li{
	list-style:circle inside;
	margin-bottom:10px;
}