/*
Theme Name: Streak - Responsive WordPress Magazine / Portfolio Theme
Theme URI: http://themeforest.net/user/ZERGE/portfolio
Author: ZERGE
Author URI: http://themeforest.net/user/ZERGE
Description: Streak - Responsive WordPress Magazine / Portfolio Theme
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: dark, light, three-columns, four-columns, left-sidebar, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, post-formats, microformats, theme-options, threaded-comments, translation-ready
Text Domain: color-theme-framework
*/



  
/*
*	-------------------------------------------------------------------------------------------------------
*	For HTML5 blocks
*	-------------------------------------------------------------------------------------------------------
*/
header, footer, aside, nav, article, section { display: block; }  

/*
*	-------------------------------------------------------------------------------------------------------
*	Delete link outline and set selection for Firefox
*	-------------------------------------------------------------------------------------------------------
*/

a { outline: none !important }
::selection , ::-moz-selection { background-color: #333 !important; color: #FFF !important; }

/*
*	-------------------------------------------------------------------------------------------------------
*	Reset margins and list position for UL, OL
*	-------------------------------------------------------------------------------------------------------
*/

ul, ol { list-style-position:inside; margin: 0; list-style-type: circle }

/*
*	=======================================================================================================
*	General Styles For Body
*	=======================================================================================================
*/
body, .body-class {
	color: #23292e;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
 	font-size: 13px;
 	line-height: 19px;
}

.main-content { 
	padding: 30px 30px 30px 30px; 
	background: #fff;
	border: 1px solid #CCC;
 }


/*
*	=======================================================================================================
*	Custom Background for Pages and Posts
*	=======================================================================================================
*/
#bg-stretch { position: fixed;top: 0;left: 0; height:inherit; width:inherit; max-width:inherit; min-width: 100%;min-height: 100%;z-index: -1;}
.bg-width { width: 100%; }
.bg-height { height: 100%; }

/*
*	=======================================================================================================
*	General Styles For Header
*	=======================================================================================================
*/
#preloader-block {
	background-color: #23292E;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left:0;
	z-index: 9999;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
       -o-border-radius: 10px;     
       -khtml-border-radius: 10px;            
          border-radius: 10px;
}
#preloader-block img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -16px;
	margin-top: -16px;
}

#header {
	background-color: #23292e;
}

.top-menu-block {
	background: #1a1e22;
	padding-top: 10px;
	background: url(img/dotted-line.png) left bottom repeat-x;
}


.info-top-text {
	font-family: 'Dosis', sans-serif, Arial, Helvetica; 
	color: #CCC; 
	font-weight: bold; 
	font-size:11px; 
	text-transform: uppercase
}
.info-top-text > p {
	letter-spacing: 0.1em;
	margin-bottom: 0;
	text-transform: uppercase;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4)	
}

#top-block-bg  { 
	display: block; 
	background: url(img/dotted-line.png) left bottom repeat-x;
	margin-bottom: 40px;
	padding-top: 15px;
	padding-bottom: 1px;
	z-index: 400;
	width: 100%
}
#mainmenu-block-bg {
	z-index: 200;
	width: 100%;
}

#logo { margin: 40px 0; }
#logo h1, #logo h1 a { 
	margin-bottom:0; 
	text-transform: uppercase; 	
	font-family: 'Dosis', sans-serif, Arial, Helvetica;
	font-size: 40px;
	line-height: 42px;
	text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);  
}
#logo h1 a { color:#FFF;  }
.logo-slogan { display: block; color: #CCC; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4) }

.no-min-height { min-height: 0 !important }

.banner { margin: 25px 0 40px; float: right; vertical-align:middle; }
.banner img { width: 100% }


/*
*	=======================================================================================================
*	Headers
*	=======================================================================================================
*/

h1,h2,h3,h4,h5,h6 { 
	color: #FFF;
	margin-top: 0;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Dosis', sans-serif, Arial, Helvetica;
}

h1 { font-size: 56px; line-height: 64px; margin-bottom: 0; color: #fcce08 }
h1.colored { color: #fcce08 }



h2 { font-size: 42px; line-height: 50px }

h3 { font-size:34px; line-height: 38px; margin-bottom: 15px }
h4 { font-size:24px; line-height: 32px }
h5 { font-size:20px; line-height: 26px }
h6 { font-size:14px; line-height: 22px }

.welcome > p {
	font-size: 23px;
	font-family: 'Dosis', sans-serif, Arial, Helvetica;
	font-weight: bold;
	line-height: 30px;
	color: #eee;
	margin-top: 15px	
}

.colored-title {
	color: #98ab41
}


/* 
   ---------------------------------------------------------------------------------------------------------
							Typography
   ---------------------------------------------------------------------------------------------------------		
*/
a, a:link, a:visited {
			text-decoration: none;
			color:#fcce08;
			border: none;
			-webkit-transition: color 0.2s linear;
			-moz-transition: color 0.2s linear;
			-o-transition: color 0.2s linear;
			-transition: color 0.2s linear;		
			}
			
a:hover {
	color: #FFF;
	border: none;
}


a img, a img:hover, .zoom a, img a, img {
			line-height:0;
			border: none !important;
			-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			-transition: all 0.2s linear;		
}

p {
	margin: 0 0 15px 0;
}

.italic { font-style:italic; }
.bold { font-weight: bold; }

code, pre {
	color:#888;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
	margin-bottom: 15px;	
	white-space: pre-wrap;
	word-break:break-all;
}

.highlight { 
	padding: 0; 
	color:#edeae2; 
	background-color: #2a2a2a; 
}
.highlight.pink 	{ background:#bd1e7b; }
.highlight.green 	{ background:#668508; }
.highlight.red 		{ background:#ef2d2d; }
.highlight.orange 	{ background:#ff6600; }
.highlight.blue 	{ background:#308aef; }
.highlight.yellow 	{ background:#cb7a0b; }
.highlight.custom 	{ background:#921529; }

span.dropcap  {
	font-size:40px; 
	margin-right:6px; 
	text-transform: uppercase; 
	float: left; 
	line-height: 1; 
	font-weight:bold;
}

span.dropcap.pink   { color:#bd1e7b; }
span.dropcap.green   { color:#668508; } 
span.dropcap.red    { color:#ef2d2d; } 
span.dropcap.orange { color:#ff6600; } 
span.dropcap.blue   { color:#308aef; } 
span.dropcap.yellow { color:#cb7a0b; }
span.dropcap.custom { color:#921529; }


/* align paragraphs */
p.text-left { text-align: left }
p.text-right { text-align: right }
p.text-center { text-align: center }
p.text-justify { text-align: justify }

ul.list {
	margin-bottom: 15px
}
ul.list.underline li {
	background: url(img/dotted-line-black.png) left bottom repeat-x;
	padding: 5px 0
}


ul.unordered { list-style: none;           }	
ul.ordered 	 { list-style: inside decimal; }	
ul.square 	 { list-style: inside square;  }	
ul.circle 	 { list-style: inside circle;  }
ul.bullets	 { list-style: inside disc }

h1.title-error {
	text-align: center;
	margin-bottom: 45px;
	font-size: 40px;
	padding: 10px 0 0;
	text-shadow: 0 2px 0 #aaa
}

blockquote p {
	font-size: 14px;
}
blockquote {
	margin-bottom: 0
}

/*
*	=======================================================================================================
*	Infinity Scroll
*	=======================================================================================================
*/

#infscr-loading {
	position: absolute;
	left: 40.5%;
	bottom: 100px;
	display: block;
	text-align: center;
}

#infscr-loading > img {
	padding: 10px;
	margin-bottom: 5px;
	background: #111;
/*	opacity: .9
*/	
}
#infscr-loading > div {
	padding: 5px 10px;
	background: #111;
	color: #FFF
}



/*
*	=======================================================================================================
*	Blog Posts
*	=======================================================================================================
*/

.entry-single-content a, .entry-single-content a:link, .entry-single-content a:visited {
	color: #171B1E !important;
	border-bottom: 1px solid rgba(23,27,30,.5);
}
a.accordion-toggle {
	border: none !important
}
.entry-single-content a:hover {
	border: none
}
#blog-entry {
	margin-bottom: 40px
}
.post-block {
	background: #FFF;
	width: 277px; /* 4 columns */
/*width: 370px; for 3 columns */
/*width: 219px;  for 5 columns */
	margin-right:15px;
	margin-bottom: 15px;
	padding: 0px;
	float: left;
	position: relative;
	display: block;
	padding-bottom: 30px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3)
}
.post-block a {
	border: none !important
}
.centered {
    margin: 0 auto;
}
.post-block > .media-thumb 	   { position: relative; display: block; line-height: 0  }
.post-block > .media-thumb img { display: block }

.post-block .permalink-corner {
	background: #089dfc url(img/permalink-transparent.png) right bottom no-repeat;
	width: 21px;
	height: 21px;
	position: absolute;
	right:0;
	bottom: 0
}
.post-block .permalink-corner a {
	display: block;
	height: 100%;
	width: 100%

}
.entry-date {
	padding-right: 25px;
	color: #AAA;
	font-style: italic;
	font-size: 11px;
	margin-bottom: -20px;
	text-align: right
}

.entry-views {
	color:#AAA; 
	font-style:italic; 
	font-size:11px; 
	padding-left:25px
}
.post-block > .media-thumb > iframe {
	width: 100%
}
.post-block > .media-thumb > .mask {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fcce08;
	width: 100%;
	height: 100%;
	opacity: 0;
	display: inline-block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);	

			-webkit-transition: opacity 0.3s linear;
			-moz-transition: opacity 0.3s linear;
			-o-transition: opacity 0.3s linear;
			-transition: opacity 0.3s linear;		
}
.zoom, .play {
    background: url(img/zoom.png) center center no-repeat;
    display: inline-block;
    height: 43px;
    left: 50%;
    margin-left: -21.5px;
    margin-top: -21.5px;
    position: absolute;
    right: 0;
    top: 20px;
    width: 43px;
    z-index: 10;	
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);	

			-webkit-transition: all .3s linear;
			-moz-transition: all .3s linear;
			-o-transition: all .3s linear;
			-transition: all .3s linear;	
    
}
.play {
	background: url(img/play.png) center center no-repeat;
}
.zoom a, .play a {
	display: block;
	height: 100%;
	width: 100%
}
.post-block > .media-thumb:hover > .zoom, .post-block > .media-thumb:hover > .play {
	top: 50%;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);	
	cursor: pointer
	
}
.post-block > .media-thumb:hover > .mask {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);	
	
}
.post-block > .entry-header {
	background: url(img/dotted-line-black.png) left bottom repeat-x,url(img/dotted-line-black.png) left top repeat-x ;
	background-color: #fcce08;
	text-align: center;
	padding: 15px;
	margin-bottom: 25px;
}
.post-block > .entry-header h2 { font-size: 18px; line-height: 24px; margin: 0; color: #282826}
.post-block > .entry-header h2 a { color: #282826 }

.post-block.quote-post {
	border: inset 1px dotted #444;
	background: #1a1e22;
	padding-top: 45px;
}


.entry-header .aside-header {
	background-color: #999
}
.entry-content > blockquote {
	border-left: none;
	padding: 10px 0 0;
	
}
.entry-content > blockquote > p, .entry-content > blockquote > a {
	font-family: 'Dosis', sans-serif, Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
}
.entry-content > blockquote > a {
	font-style: normal;
	font-weight: bold;
	font-family: 'Dosis', sans-serif, Arial, Helvetica;
	margin-bottom: 15px;
	font-size: 12px;
	display: block;
}

 .post-block.quote-post > .entry-content {
    color: #FFFFFF;
    font-family: 'Dosis', sans-serif, Arial, Helvetica;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;	
}
.entry-category {
	display: block;
	text-align: center;
	margin-bottom: 20px;
	padding: 0 5px;
}

.category-item {
	text-align: center;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 25px;
	text-transform: uppercase;
	font-weight: bold;
	color: #838383;
	font-style: italic;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;	 

}

.category-item a { color: #838383 !important; } 
.category-item a:hover { color: #23292E !important; } 
.entry-content {
	display: block;
	padding: 0 15px;
	text-align: center;
	color: #23292e;
	font-size: 13px;
}
.entry-header {
	position: relative
}

.aside-title {
	padding: 5px;
	background-color: #fcce08;
	color: #333;
	display: block;
	margin-bottom: 15px;
	font-weight: bold
}

.status-title {
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 15px;
	font-family: 'Dosis', sans-serif, Arial, Helvetica;
}


.readmore-btn {
  display: inline-block;
  padding: 9px 10px 8px;
  margin: 15px 0;
  float: right;
  font-size: 13px;
  line-height: 20px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #23292e;
  border: none !important;

    -webkit-transition: background-color 0.2s linear;
     -moz-transition: background-color 0.2s linear;
       -o-transition: background-color 0.2s linear;
          transition: background-color 0.2s linear;

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
       -o-border-radius: 4px;     
          border-radius: 4px;
}

.readmore-btn:hover {
	background-color: #fcce08;
	color: #23292e;
	border: none !important	
}
.readmore-btn:hover a {
		color: #23292e;
		border: none !important	
}



/*
*	=======================================================================================================
*	Post Format icons
*	=======================================================================================================
*/
.post-standard,
.post-audio,
.post-gallery,
.post-video,
.post-link,
.post-aside,
.post-image,
.post-quote,
.post-status,
.post-chat {
	background: url(img/format-icons.png) 0 0 no-repeat;
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	right: 10px;
	top: 7px
}

.post-standard { background-position: -80px 0 }
.post-audio { background-position: -240px 0 }
.post-gallery { background-position: -120px 0 }
.post-video { background-position: -40px 0 }
.post-link { background-position: -280px 0 }
.post-aside { background-position: -200px 0 }
.post-image { background-position: -160px 0 }
.post-quote { background-position: 0 0 }
.post-status { background-position: -360px 0 }
.post-chat { background-position: -320px 0 }

.post-quote {
	background: url(img/quotes.png) 0 0 no-repeat;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	margin-top: 5px;


}


/*
*	=======================================================================================================
*	Single Post
*	=======================================================================================================
*/

.main-single-content, .main-content {
	padding: 20px;
	background: #fff;
	color: #171b1e;
	margin-bottom: 60px;
	border: 1px solid #e7e7e7;
	position: relative;
	display: block	
}
.main-single-content.blog-type {
	margin-bottom: 20px;
}
.main-single-content blockquote, .main-content blockquote {
	margin-bottom: 15px
}
.main-single-content.blog-type  > p {
	margin-bottom: 0
}
.main-single-content h2, .main-single-content h3, .main-single-content h4, .main-single-content h5, .main-single-content h6 {
	color: #171b1e;
}

.main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
	color: #171b1e;
}

.single-media-thumb {
	margin-bottom: 15px
}
.form-allowed-tags {
	display: none
}

.widget .zilla-social a {border: none !important }
.widget a img, #footer a img {
	border: none !important;
    opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);	

			-webkit-transition: opacity 0.3s linear;
			-moz-transition: opacity 0.3s linear;
			-o-transition: opacity 0.3s linear;
			-transition: opacity 0.3s linear;		
    
}

.widget a img:hover, #footer a img:hover { 
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);	
     
}
.widget {
	padding: 30px;
	background-color: #FFF;
	margin-bottom: 40px;
	color: #23292e;

	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3)
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3)	
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3)
		-o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3)	
}

		
.widget a:hover, .single-meta li a:hover, #respond a:hover {
	border-bottom: 1px solid #fcce08;
}

.widget-header {
	position: relative;
	text-align: center;
	padding: 15px;
	margin-bottom: 25px;
	margin: -30px -30px 0px -30px
}
.widget-header h3 { font-size: 18px; line-height: 24px; margin: 0; }
.widget-header h3 a, .widget-header h3.entry-title-widget { color: #fff }

h3.entry-title-widget {
    background: none repeat scroll 0 0 #fcce08;
    box-shadow: 1px 1px 1px rgba(0,0,0,	.2);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);    
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    -o-box-shadow: 1px 1px 1px rgba(0,0,0,.2);    
        
    color: #23292e !important;
    font-size: 13px;
    left: 15px;
    padding: 3px 10px;
    position: absolute;
    top: -15px;
    letter-spacing: 0.05em;

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
       -o-border-radius: 4px;     
          border-radius: 4px;
    
}
h1.page-title { font-size: 60px; }
h1.single-post-title, h1.single-post-title a { color: #FFF; line-height: 50px; margin-bottom: 15px; font-size: 42px; display: inline-block}

h2.single-post-title a, h2.single-post-title { color: #fff; margin-bottom: 5px; display: inline-block  }
h2.single-post-title:hover a { color: #fcce08 }


textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {
	background-color: #f7f8f9;
	border: 1px solid #fff
}
.single-page-title-block > p {
	font-family: 'Dosis', sans-serif, Arial, Helvetica;
	font-size: 23px;
	line-height: 30px;
	color: #EEE;
	font-weight: bold
}
ul.single-meta { height: 20px }
ul.single-meta, ul.single-meta li { list-style-type: none;  }
ul.single-meta li {
	float: left;
	margin: 0 15px 5px 0; 
    display: inline-block;
    padding: 5px 10px;
  	font-size: 12px;
  	line-height: 20px;
  	color: #eaeaea;
  	font-weight: bold;
  	text-align: center;
  	vertical-align: middle;
  	cursor: pointer;
  	background-color: #23292e;
  	border: none;

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
       -o-border-radius: 4px;     
          border-radius: 4px;
	
}

ul.single-meta li.breadcrumb-li {
	padding: 10px;
}
.nav-next, .nav-previous {
	  display: inline-block;
  padding: 6px 10px 5px;
  margin-bottom: 0;
  font-size: 13px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #23292e;
  border: none !important;
    -webkit-transition: background-color 0.2s linear;
     -moz-transition: background-color 0.2s linear;
       -o-transition: background-color 0.2s linear;
          transition: background-color 0.2s linear;

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
       -o-border-radius: 4px;     
          border-radius: 4px;
}

.nav-next:hover, .nav-previous:hover {
	background-color: #fcce08;
	color: #23292e	
}
.nav-next:hover a, .nav-previous:hover a {
		color: #23292e;
		border: none !important	
}
.nav-next   { float: right }
.nav-single { margin-bottom: 40px; }
.nav-single h4 {
	border-top: 5px solid #EBECED;
		font-size: 18px;
		line-height: 20px;
		padding: 10px 0
}



/*
*	=======================================================================================================
*	Clear Floats
*	=======================================================================================================
*/

.clear { clear: both; }

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}


/*
	* =====================================================================================
	* Widget Title Block
	* =====================================================================================	
*/

.title-block { width: 100%; position:relative; margin-bottom:15px; }
.pages-title h1 { margin-bottom:0; font-size: 24px; }
.pages-title p { margin-bottom:0; }



/*
*	=======================================================================================================
*	Super-Fish
*	=======================================================================================================
*/

.sf-menu.add-nav {
	float: right;
	margin-bottom: 0;
	margin-top: 5px;
}

.add-nav li:first-child a {
	padding-left: 0
}
.sf-menu.add-nav li a {
	padding: 0 10px;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	border:none;
	border-right: 1px dotted #CCC;
	line-height: 11px;
	color: #CCC !important;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4)	
}

.sf-menu.add-nav li { margin-right: 0 }
.sf-menu.add-nav li:hover a {
	color: #FFF !important;
	cursor: pointer
}
.sf-menu.add-nav ul.sub-menu li a{
	border-right: none !important
}
.sf-menu.add-nav ul.sub-menu li a{
	border-bottom: 1px solid #2b3339 !important
}

.sf-menu.add-nav ul.sub-menu li a { color: #aaa }
.sf-menu.add-nav ul.sub-menu li:hover a { color: #FFF !important }

.sf-menu li:last-child {
	margin-right: 0
}
.top-menu .add-nav li::after { content: "\0020 \002F"; color:#b8b8b8; }
.sf-menu.add-nav li:last-child::after { content: none; }

.sf-menu.add-nav li .sub-menu li a:hover {
	border-top: none !important	
}
.sf-menu.add-nav li .sub-menu li {
	width: 200px
}

.sf-menu li ul li a {
    border: none !important
    
}
li.current_page_item a, .current-menu-ancestor > a {
	border-top: 1px solid #f0f0f0 !important;
	border-bottom: 1px solid #f0f0f0 !important;	
}

.add-nav li.current_page_item a, .add-nav .current-menu-ancestor > a {
    border-top: none !important;
    border-bottom: none !important;  
    color: #FFF !important  
}

/*.navigation select  {
	display: none;
	width: 100%;
	padding: 5px 0;
	margin: 30px 0;
	border: 1px solid #E3E4E4;
	text-transform:uppercase;
	font: 10px/16px Arial, Helvetica, sans-serif;
	color: #999;

}
.navigation { padding:0;} */


.navigation select {
	display: none;
	background:url('img/icons/menu-icon.png') right top no-repeat #2A3137;
	width: 100%;
	margin: 30px 0;
	border: 1px solid #E3E4E4;
	text-transform:uppercase;
	font: 14px/16px Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #E2E2E2;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	height: 35px;
}
.navigation { padding:0;}

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
	line-height: 1.0;
	cursor: pointer
}
.sf-menu ul {
	position: absolute;
	top: -999em;
}

.sf-menu ul li ul li:first-child {
	border-top: none;
}	

.sf-menu li:hover {
	visibility:	inherit; 
	
}

.sf-menu > li {
	float: left;
	position: relative;
}


.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;	
	
}
.sf-menu li {
	margin-right: 15px
}
.sf-menu li .sub-menu li {
	margin-right: 0 !important;
}
.sf-menu li .sub-menu li:first-child {
	border-top: 1px dotted #999 !important
}
.sf-menu li .sub-menu li a:hover {
	border-bottom: 1px solid #23292e;
	border-top: 1px solid #23292e	
}
.sf-menu a {
	display: block;
	position: relative;
	border-top: 1px solid #23292e;
	border-bottom: 1px solid #23292e;	
			-webkit-transition: all .2s linear;
			-moz-transition: all .2s linear;
			-o-transition: all .2s linear;
			-transition: all .2s linear;		
}

.sf-menu li ul.sub-menu { top:62px !important }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 5px;
	top: 43px; 
	z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 10em; 
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; 
	top: 0;
}

.sf-menu {
	float: left;
	margin-bottom: 30px
}
.sf-menu a {
	text-decoration:none;
	font-size: 16px;
	font-weight:bold;
	padding: 5px 10px;
	font-family: 'Dosis', sans-serif, Arial, Helvetica;
	text-transform: uppercase;
	color: #FFF !important
}

.sf-menu a, .sf-menu a:visited  { 
	color: #F0F0F0;
	
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .active a{
	outline: 0;
	color:#FFF;
}

.sf-menu a.sf-with-ul {
	min-width: 1px; 
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: -12px;
	width: 11px;
	height: 11px;
	text-indent: -999em;
	overflow: hidden;
	
}
a > .sf-sub-indicator {  
	bottom: 1px;
}

ul.sub-menu, ul.sub-menu ul.sub-menu { z-index: 300 }
ul.sub-menu ul.sub-menu { margin-left: 101px }

.sf-menu ul .sf-sub-indicator {top: 25px; right: 10px; }

.add-nav ul, .add-nav ul li ul { background: #2c343a !important;  }

.add-nav ul.sub-menu {
	top: 10px !important;
	left: -6px !important;
}

.add-nav li ul.sub-menu { top:24px !important }

.add-nav ul.sub-menu li ul.sub-menu {
	margin-left: 207px;
	margin-top: -10px;
}

.add-nav li ul.sub-menu li a {
	line-height: 18px;   
    font-size:  10px;
}
.add-nav ul.sub-menu li a {
	font-size: 11px;
	text-transform: capitalize;
	padding: 10px 10px;
}
.add-nav ul li {
	border: none !important;
	padding: 0;
	
}

/* for third menu level */
.sf-menu.add-nav ul.sub-menu li ul.sub-menu li a { color: #AAA !important }
.sf-menu.add-nav ul.sub-menu li ul.sub-menu li a:hover { color: #FFF !important }
.sf-menu.add-nav > li > ul, .sf-menu.add-nav ul li ul { background-color: #333 }
.sf-menu.add-nav ul > li:hover { background:#20262a; }
.sf-menu.add-nav ul li { border-bottom: 1px solid #20262a !important  }

.sf-menu > li > ul, .sf-menu ul li ul { 
	background: #FFF; 
	opacity: .95;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter:alpha(opacity=95);
	 
}
.sf-menu ul li { width: 230px; position:relative;  background: url(img/dotted-line-black.png) left bottom repeat-x; }
.sf-menu li li a { padding:10px 10px; font-size:13px; text-transform: uppercase; letter-spacing: 1px; color: #333 !important; }
.sf-menu ul > li:hover { background-color:#f1f2f3; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: -1px;top: 59px}

.sf-menu li ul.sub-menu li:hover {
	border: none
}


/*
*	=======================================================================================================
*	404
*	=======================================================================================================
*/
.error-block {
	border-radius: 4px;
	border: none;
}

.error-block a { color: #23292E !important }
.error-block a:hover { border-bottom: 1px solid #23292E !important }

.divider-dotted-black {
	  background: url("img/dotted-line-black.png") repeat-x scroll left center transparent;
    display: block;
    height: 1px;
    padding: 40px 0 20px;
    width: 100%;
}


/*
*	=======================================================================================================
*	Archives
*	=======================================================================================================
*/

.from-archives a { color: #23292E !important }
.from-archives a:hover { border-bottom: 1px solid #23292E !important }

/*
*	=======================================================================================================
*	Sitemap
*	=======================================================================================================
*/

.entry-sitemap a { color: #23292E !important }
.entry-sitemap a:hover { border-bottom: 1px solid #23292E !important }

ul.posts-name, ul.category-name { list-style-type: none }
/* ul.posts-name li, ul.category-name li { margin-bottom: 30px; }*/
ul.posts-name li ul li, ul.category-name li ul li { margin-bottom: 0 }
/*
*	=======================================================================================================
*	Portfolio Sidebar
*	=======================================================================================================
*/

#sidebar-search {
	display: block;
	height: 60px;
	border-bottom: 2px solid #FFF;
	margin-bottom: 63px;
}
.no-information {
	text-align: left;
	display: block;
	font-weight: bold;
}
li.li-no-information { 
  list-style-type:  none !important;
  background: none !important;
  padding: 0 !important 
}
#s {
	background-color: #23292e;
	background: #23292e url(img/search-icon.png) 20px center no-repeat;
	border: 1px solid #2d353b;
	font-size: 12px;
	line-height: 30px;
	padding: 5px 20px 5px 50px;
	height: 30px;
	width: 81%;
	color: #666;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

#portfolio-sidebar {
	background-color: #FFF;	
	position: relative;
	color: #23292e;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 80px;
	padding-bottom: 40px;
	min-height: 200px;
}
#portfolio-sidebar > h3 {
	color: #23292e;
	font-size: 20px;	
	line-height: 24px;
	padding-bottom: 15px;
	border-bottom: 1px solid #DDD;
	margin-bottom: 15px;
}
#portfolio-sidebar .portfolio-date {
	background: url(img/portfolio-date.png) left top no-repeat;
	width: 90px;
	height: 100px;
	display: block;
	text-align: center;
	font-family: 'Dosis', sans-serif, Arial, Helvetica;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	padding-top: 15px;
	text-transform: uppercase;
	position: absolute;
	top: -15px;
	left:0;
}
#portfolio-sidebar .panel-navigation {
	height: 40px;
	width: 100%;
	display: block;
	border-bottom: 5px solid #23292e;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #fcce08
}

ul#portfolio-custom-fields, ul#portfolio-custom-fields li { list-style-type: none; list-style-type:circle }
ul#portfolio-custom-fields li {
	padding: 10px 0;
	background: url(img/divider-portfolio.png) left bottom repeat-x;
}

.date-year {
    font-family: 'Dosis', sans-serif, Arial, Helvetica;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    padding-left: 100px;}

ul#portfolio-custom-fields li.tags {
	background-color: #23292E;
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    color: #EAEAEA;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 15px 5px 0;
    padding: 5px 8px;
    margin-top: 20px;
    text-align: center;
    vertical-align: middle;
}

.breadcrumb {
	background-color: #23292e;
	margin: 0;
	padding: 0;
	font-weight: bold
}
.breadcrumb > p {
	margin-bottom: 0;
}
.breadcrumb:hover {
	cursor: default
}
.icon-home {
	margin-top: -1px !important
}

.block-arrow {
	float: right;
	width: 75px;
	padding-top: 9px;
	position: relative;
	margin-right: 10px
}
.portfolio-nav-next, .portfolio-nav-prev {
	background: url(img/portfolio-nav.png) 0 0 no-repeat;
	display: block;
	width: 22px;
	height: 22px;

			-webkit-transition: background 0.2s linear;
			-moz-transition: background 0.2s linear;
			-o-transition: backgrounde 0.2s linear;
			-transition: background 0.2s linear;		
}
.portfolio-nav-prev {
	float: left
}
.next-right {
	float: right;
	margin-right: 10px;
}
.prev-left {
	float: right;
	margin-right: 10px
}
.portfolio-nav-next { background-position: -22px 0px }
.portfolio-nav-next:hover { background-position: -22px -22px }
.portfolio-nav-prev { background-position: 0 0 }
.portfolio-nav-prev:hover { background-position: 0 -22px }

.cat-posts {
	padding-left: 100px; 
	position:absolute; 
	display: block; 
	font-weight: bold; 
	font-family: 'Dosis', sans-serif, Arial, Helvetica; 
	color: #444;
	line-height: 40px;
	text-transform: uppercase
}

/*
*	=======================================================================================================
*	Wordpress Core
*	=======================================================================================================
*/

.gallery-caption { }
.bypostauthor 	 { }
.sticky 		 { }
.wp-caption		 { }
.wp-caption-text { } 
strong, b {
	font-weight: bold;
 	margin-bottom: 15px;
}
em {
   font-style: italic;
}

.blockright {
	float: right;
	text-align: right;
}

.blockleft {
	float: left;
	text-align: left
}

.alignnone {
    margin: 5px 15px 15px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 15px 15px;
}

.alignleft {
    float:left;
    margin: 5px 15px 15px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.divider-1px {
	height: 1px;
	background-color: #ebebeb;
	margin: 10px 0;
	width: 100%;
}
.divider-1px-black {
	height: 1px;
	background: url("img/dotted-line-black.png") left bottom repeat-x;
	margin: 30px 0;
	width: 100%;
}


a img.alignright {
    float:right;
    margin: 5px 0 15px 15px;
}

a img.alignnone {
    margin: 5px 15px 15px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 15px 15px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}


.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}


/*
*	=======================================================================================================
*	Wordpress Core
*	=======================================================================================================
*/

.btn-large [class^="icon-"], .btn-large [class*=" icon-"] {
	margin-top: 0
}
/* paddings */
.padding-20 { padding:20px; }


/* top margins */
.margin-5t  { margin-top: 5px; }
.margin-8t  { margin-top: 8px; }
.margin-10t { margin-top: 10px; }
.margin-15t { margin-top: 15px; }
.margin-20t { margin-top: 20px; }
.margin-25t { margin-top: 25px; }
.margin-30t { margin-top: 30px; }
.margin-35t { margin-top: 35px; }
.margin-40t { margin-top: 40px; }
.margin-45t { margin-top: 45px; }
.margin-50t { margin-top: 50px; }
.margin-55t { margin-top: 55px; }
.margin-60t { margin-top: 60px; }

/* bottom margins */
.margin-5b  { margin-bottom: 5px; }
.margin-8b  { margin-bottom: 8px; }
.margin-10b { margin-bottom: 10px; }
.margin-15b { margin-bottom: 15px; }
.margin-20b { margin-bottom: 20px; }
.margin-25b { margin-bottom: 25px; }
.margin-30b { margin-bottom: 30px; }
.margin-35b { margin-bottom: 35px; }
.margin-40b { margin-bottom: 40px; }
.margin-45b { margin-bottom: 45px; }
.margin-50b { margin-bottom: 50px; }
.margin-55b { margin-bottom: 55px; }
.margin-60b { margin-bottom: 60px; }

.no-margin-b { margin-bottom: 0; }
.no-margin-t { margin-top: 0; }


.span12.min-height-span { min-height:5px; }

.divider {
	background: #f0f0f0;
	width: 50px;
	height: 2px;
	margin: 40px 0;
/*	background: url(img/ps-divider.png) left top repeat-x;*/
	
}

blockquote {
	border-left: 2px dotted #23292e;
	font-style: italic;
}

/* 
=======================================================================================================================
	*
	*	Flex Slider
	*
=======================================================================================================================	
*/


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 


/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; padding:0;margin-right: 30px;} /* Hide the slides before the JS is loaded. Avoids image jumping */
#entry-post .flexslider .slides > li, #entry-blog .flexslider .slides > li {border-top:0;}
.widget-slider .slides > li { border-top:0; }
.widget-carousel .slides > li {margin-right: 5px;}
.flex-main.flexslider .slides > li {margin-right: 0px;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.widget-slider .title-mask {  position:relative;}
.title-mask .entry-title , .title-mask > p  { 
	color:#FFF !important; 
	position:absolute; left:0; bottom:-53px; margin-bottom:0px; padding:15px 20px 20px 20px;
	right:0;
	opacity: .8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
	font-family: 'Oswald', sans-serif, Helvetica;   	
	display: inline-block;
	font-size: 22px;
	text-transform: uppercase;
	background: #111;
	font-weight:normal;
	text-align: center;

	-webkit-transition: all 1s ease; 
	-moz-transition: all 1s ease; 
	-o-transition: all 1s ease; 	
	transition: all 1s ease;	
}
.title-mask .entry-title a {
	margin-bottom: 15px !important;
	color: #FFF 
} 

.title-mask .entry-title > p {
	margin-bottom: 0
}

.title-mask:hover .entry-title{
	bottom: 0
}
.entry-title > p {
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top: 20px;
	text-transform: capitalize;
	display: inline-block
}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; position: relative;  zoom: 1; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.widget-slider { margin:0;}
.widget-carousel { margin: 5px 0 15px; }

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -15px 0 0; display: block; background: url('img/icons/bg_direction_nav.png') no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: -30px 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {	opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); right: 0px; }
.flexslider:hover .flex-prev {	opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); left: 0px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {	
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}
.flex-direction-nav .flex-disabled {opacity: 0!important; filter:alpha(opacity=0); cursor: default;}
.flexslider:hover .flex-next.flex-disabled {opacity: 0.8; right: 0px;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);}
.flex-control-thumbs .flex-active {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); right: 0;}
}


/*
-------------------------------------------------------------------------------------------------
	Shortcode Tabs
-------------------------------------------------------------------------------------------------	
*/

.section { background: #2a2a2a; }



ul.tabs {
	height: 28px;
	line-height: 25px;
	list-style: none;
	background: #454545;
}

.widget .tabs li, .tabs li {
	float: left;
	display: inline;
	margin: 0 1px -1px 0;
	cursor: pointer;
	padding: 0 7px 2px;
	border: none;
	background: #393939;
	position: relative;
	color:#888;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 26px;	

			-webkit-transition: all .2s linear;
			-moz-transition: all .2s linear;
			-o-transition: all .2s linear;
			-transition: all .2s linear;		
}

ul.tabs {
	border: none
}
ul.tabs li, ul.tabs li:hover { background: #393939; border: none }
ul.tabs li {
	padding-left: 7px;
}
.tabs li:hover,
.vertical .tabs li:hover {
	padding: 0 7px 2px;
	background: #921529 !important;
	color: #edeae2;
	border: none;

}
.tabs li.current {
	background: #921529;
	color: #edeae2;
	padding: 0 7px 2px;
	border: none
}

iframe { border: none !important; width: 100%; }



.single-media-blocks .single-media-thumb.video-post-widget iframe {
	display:block; 
}

.video-post-widget {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	overflow: hidden;
	z-index:10;
	margin-bottom: 15px;
}
.video-post-widget iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




.next-arrow i { margin-right:0; margin-left:4px;}
.blog-navigation { text-align:center; }
 
[class^="ct-icon-"], [class*=" ct-icon-"] {
display: inline-block;
width: 14px;
height: 14px;
line-height: 14px;
vertical-align: text-top;
background-image: url('img/glyphicons-ct.png');
background-position: 0 0;
background-repeat: no-repeat;
}

.ct-icon-link { background-position: 0 0; }

.single-box-entry { background-color: #23292e; border-radius: 4px; padding: 15px; }
.single-post-navigation {
	padding: 5px 0;
}

.single-post-meta { list-style:none; font-size:11px; margin-left: 0; margin-bottom:0; }
.single-post-meta li { padding:0; margin-bottom:15px; }
.single-post-meta li:last-child { margin-bottom:0; }
.single-post-meta .label { margin-right:5px; }
.thumb-meta { border-bottom: 1px solid #E7E7E7; margin-bottom:15px;}
h1.single-title { font-size: 18px; }
h2.single-title { font-size: 18px; }
.single-title-meta { font-size:11px; }
.related-posts-single { list-style:none; margin-bottom:0; margin-left: 0; margin-right:  -10px; }
.related-posts-single li a img { width:70px; height: 70px; border-radius: 4px }
.related-posts-single li { float:left; padding:0; margin-right: 10px; margin-bottom: 10px; }
.related-posts-single li a {
	display: block
}
.related-posts-single a:hover {border-bottom: 0 !important;}

/* COMMENTS*/
.comments-block {
	background-color: #23292E;
	color: #fff;
	padding: 20px;
	margin-bottom: 40px;
	border-radius: 4px;
}
.comments-block h4 {
	color: #fff
}

#respond { margin-bottom: 10px; }
#respond label { 
	color:#555; 
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
       -o-border-radius: 4px;     
          border-radius: 4px;
	
	display: inline-block;
	padding: 2px 7px;
	background-color: #23292E;
	color: #eaeaea;
		
}
.comment-form-comment label {
	display: none !important
}
.comment-notes {
	color: #FFF;
}
#respond textarea { width: 98.3%; }
#respond [type=text], #respond [type=email] { width:155px; display:block;}
#respond form { margin-bottom:0; }
#respond i { margin-right:0; }
#respond .btn { float:right; }

#respond .form-submit { margin-bottom:0; float:right;}
#reply-title, .comments-count-title { 
	font-size: 18px; 
	line-height: 20px; 
	border-bottom: 2px solid #EBECED; 
	border-top: 2px solid #EBECED; 
	padding-bottom: 10px; 
	padding-top:10px;
}

.margin-comments { list-style:none; margin:0; margin-bottom:40px;}
.margin-comments .comment { margin-bottom:15px; }

#respond::before, #respond::after {
display: table;
line-height: 0;
content: "";
clear: both;
}
.depth-1 #respond { margin-top:40px;}

.first-comment { padding-top: 15px; border-bottom: 1px solid #E7E7E7; }
ul.children { padding-bottom: 0; margin-bottom: 0; padding-left: 75px; background: url(img/comment-list.png) left top no-repeat }
ul.children li p { padding-right: 10px; }

ul.children ul.children {
	margin-top: 15px
}
#respond input[type=submit] {
  display: inline-block;
  padding: 9px 14px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 20px;
  color: #23292e;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #FCCE08;
  border: none !important;
    -webkit-transition: background-color 0.2s linear;
     -moz-transition: background-color 0.2s linear;
       -o-transition: background-color 0.2s linear;
          transition: background-color 0.2s linear;

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
       -o-border-radius: 4px;     
          border-radius: 4px;
}	

#respond input[type="submit"]:hover,
#respond input[type="submit"]:active,
 {
  color: #fff;
  background-color: #1A1E22;

}

#respond input[type=submit]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #1A1E22;
}

#respond input[type=submit]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.no-bottom-mp {
	padding-bottom:0 !important; 
	margin-bottom: 0 !important
}
a.comment-reply-link {
	padding: 7px 8px 6px 8px;
	text-transform: uppercase;
	font-size: 10px;
	background-color: #fcce08;
	color: #656565 !important;
	font-weight: bold;
	border: none !important;
    -webkit-transition: background-color 0.2s linear;
     -moz-transition: background-color 0.2s linear;
       -o-transition: background-color 0.2s linear;
          transition: background-color 0.2s linear;

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
       -o-border-radius: 4px;     
          border-radius: 4px;
}
a.comment-reply-link:hover {
	color: #656565;
	background-color: #FFF
}
[id^="comment-"], [id*=" comment-"] 
{
	border: 1px solid #252b30;
	border-radius: 15px 0 0 0;
	   -moz-border-radius: 15px 0 0 0;	
	       -webkit-border-radius: 15px 0 0 0;	
	           -khtml-border-radius: 15px 0 0 0;	
	               -o-border-radius: 15px 0 0 0;	
	padding:15px;
    background: #2a3137;
	position:relative;
}

.depth-1 > [id^="comment-"], .depth-1 > [id*=" comment-"] {
	padding-bottom: 25px;
}

#comments .avatar { 
	float: left;
	padding: 2px;
	background: #f1f2f3;
	width: auto; 
	display: block; 
	border-radius: 4px;	
	   -moz-border-radius: 4px;		
	       -webkit-border-radius: 4px;		
                -khtml-webkit-border-radius: 4px;
	               -o-border-radius: 4px;		
}

.replay-buttton { 
	position:absolute; 
	right: 20px; 
	top: 20px; 

}
.logged-in-as, #cancel-comment-reply-link { font-size:11px; }
.logged-in-as { color: #FFF  }
.form-allowed-tags code { margin-top:5px; }
.comment-form-comment label { font-size:12px; font-weight:normal; display:none;}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	float:left;
}

.comment-form-author,
.comment-form-email {
	margin-right:10px;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
	display:inline-block;
	font-weight:bold;
	font-size:12px;
}

#disqus_thread {
	border-top: 2px solid #DDD;
	padding-top: 15px;
}
#disqus_thread h4, #global-nav h4 { font-size: 18px;  }

.comment-date-link { font-size: 11px; color:#A8A8A8; display:block; text-transform: uppercase; padding-left: 15px }
.comment-author-link { font-weight:bold; display:inline-block; margin-right:10px; float:left; padding-left: 15px  }
.first-comment p { margin-top:15px; margin-bottom: 0; color: #FFF }
.first-comment p img { width:auto; }


.page-desc {
	color: #888; 
	text-transform: uppercase; 
	margin-bottom: 15px;
}


.box-title {
	background: #f7f8f9; 
	padding: 30px;
	padding-bottom: 15px;
	margin-top: -30px;
	margin-left: -30px;
	margin-right: -30px;
	border-bottom: 4px solid #eee;
	text-shadow: 0px 2px 0px #ddd;
	margin-bottom: 30px;
}
.box-title > h1 {
	font-size: 30px;
	line-height: 35px;
}
#searchsubmit {
    margin-top: -10px;
    padding: 3px 5px;	
}





/* 
   ------------------------------------------------------
   Recent Posts and Popular Posts Widgets
   ------------------------------------------------------
*/

ul.recent-post-widget, ul.recent-post-widget li, ul.popular-post-widget, ul.popular-post-widget li { list-style-type: none; }

ul.recent-post-widget li .entry-info-post, ul.popular-post-widget li .entry-info-post {margin-left: 80px}
ul.recent-post-widget li .entry-info-post.no-margin, ul.popular-post-widget li .entry-info-post.no-margin { margin-left: 0 !important}

ul.recent-post-widget li, ul.popular-post-widget li { background: url(img/dotted-line-black.png) left bottom repeat-x; padding:  15px 0;}
.widget-thumb { float:left; position: relative; display: block; width: 70px; height: 70px; }
.widget-thumb a { display:block; border: none !important }
.widget-thumb img { 
    width: 70px; 
    float: left; 
    border: none !important;
    margin-right: 10px; 
    border-radius: 4px;
        -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
                -o-border-radius: 4px; 
}
.comments-in-widget a { 
        font-size: 11px;
}

ul.recent-post-widget li .post-title a, ul.popular-post-widget li .post-title a {font-weight: bold; }




/* 
   ------------------------------------------------------
   Instagram Widget
   ------------------------------------------------------
*/
[class^="ct-instagram-"] {
	margin-right: -10px
}
[class^="ct-instagram-"] li { list-style-type: none;float: left; margin-top:10px; margin-right: 10px; display: block }
[class^="ct-instagram-"] { list-style-type: none;  }
[class^="ct-instagram-"] li img { width: 70px; height: 70px; border-radius: 4px; }
[class^="ct-instagram-"] li a { border: none !important }

/* 
   ---------------------------------------------------------------------------------------------------------
   Footer
   ---------------------------------------------------------------------------------------------------------		
*/
#footer {
	padding: 40px 0 20px;
	background: #23292E url(img/dotted-line.png) left top repeat-x;
	color: #999;
}

/*#footer p { margin-bottom: 0px }*/

ul.footer-menu { list-style-type: /*disc*/ none; float: right }
ul.footer-menu li {
	float: left;
	font-size: 11px;
	line-height: 11px;
	padding-left: 10px;
	text-align: center;
	padding-right: 10px;
	border-right: 1px dotted #CCC;
}
.title-divider {
	width: 20px;
	height: 1px;
	background-color: #555c61;
	display: inline-block;
	margin-bottom: 10px;
}
#footer .recent-post-widget img:hover, #footer .popular-post-widget img:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);

}

#footer a {	font-weight: normal; color: #CCC; 	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4); padding: 5px 0   }
#footer .tweet_text {
	color: #aaa;
	display: block;
}
#footer a:hover {
	color: #FFF;
}

.divider-footer {
	background: url(img/dotted-line.png) left center repeat-x;
	height: 1px;
	width: 100%;
	display: block;
	padding: 40px 0 20px
}

.widget-footer h3 {
	font-size: 14px;
	margin-bottom: 10px
}
#footer ul#cbox {
 	margin-top: 0 
}
#footer ul#cbox li a img {
	width: 70px;
	height: 70px;
	padding: 0;
	background: none;
} 

#footer ul.tweet_list img {
	max-width: 32px;
	max-height: 32px;
}
#footer ul.tweet_list Li {
	padding: 5px 0
}
#footer a.tweet_avatar {
	width: 32px;
	height: 32px
}


#footer .widget .tagcloud a[class|=tag-link], #footer #entry-post a[rel=tag], #footer .tagcloud a[class|=tag-link] {
	border-color: #353535;
			-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			-transition: all 0.2s linear;

}


#footer #search-block input[type=text] { border-color: #353535 }
#footer #search-block input[type=text]:focus, #footer #search-block input[type=text]:active {
	background-color: #444
}

#footer table#wp-calendar td {
	background-color: #444;
	border-color: #353535;
	color: #999
}

#footer table#wp-calendar td#prev a, #footer table#wp-calendar td#next a {
	color: #FFF
}

#footer table#wp-calendar td#prev:hover, 
#footer table#wp-calendar td#next:hover,
#footer table#wp-calendar td:hover {
	background-color: #353535; 
}

#footer .cat-item {
	padding: 0
}
/*
	Copyrights
*/
.site-info {
	font-size: 11px;
}

/*
	---------------------------------------------------------------------------------------------------------
	WordPress Calendar Widget
	---------------------------------------------------------------------------------------------------------		
*/

table#wp-calendar caption { color:#999; font-size:12px; }
table#wp-calendar th { padding:8px; color:#AAA; }
table#wp-calendar td { padding:10px; color:#555; background-color:#f7f8f9; border:1px solid #ccc; text-align:center; }
table#wp-calendar td:hover { background-color:#fff; color:#555; cursor:pointer; }
table#wp-calendar td:hover a { cursor:pointer;  }
table#wp-calendar a {
	text-decoration: none;
	font-weight: bold;
}

table#wp-calendar a:hover {
	text-decoration: none
}

table#wp-calendar td#today,table#wp-calendar td#today a { color:#fff;  }
table#wp-calendar td#prev a, table#wp-calendar td#next a {
	 color: #333;
}

table#wp-calendar td#today {
	background-color: #529ebf;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
table#wp-calendar td#prev a:hover, table#wp-calendar td#next a:hover{ }
table#wp-calendar td#prev:hover, table#wp-calendar td#next:hover, table#wp-calendar td:hover{ background-color:#f7f8f9; }

.widget iframe { width:100%; }

#user_login, #user_pass {height:  40px;}

#search-block input[type=text] { margin:0;}
#search-block { display: block; }
#search-block input[type=text] { height:38px; webkit-box-shadow: none; color:#A8A8A8;
-moz-box-shadow: none;
box-shadow: none;
border:none;border: 1px solid #DDD; padding:0 0 0 35px; background: transparent url(img/glyphicons-ct.png) 10px -14px no-repeat;
}

		::-webkit-input-placeholder	{ color:#A8A8A8; }
		input:-moz-placeholder { color:#A8A8A8; }
		
		input:-ms-placeholder { color:#A8A8A8; }
		::-ms-input-placeholder	{ color:#A8A8A8; }
		:-ms-input-placeholder	{ color:#A8A8A8; }

/* Search Form */
#search-block #searchform {

}
#search-block #searchform div {
	margin: 0;
}
#search-block #s {
	width: 77%;
	padding-right:15px;
}
#search-block #s:focus {
	background-color: #F7F8F9;

}
#search-block #searchsubmit, #search-block label {
	display: none;
}

#searchform label { display:none; }

#wide-sidebar #search-block #s {
	width:84%;
}


/*
	---------------------------------------------------------------------------------------------------------
	Blog Pagination
	---------------------------------------------------------------------------------------------------------		
*/

.pages_pagination {
	display: block; margin-bottom: 40px;text-align: center
}
.pagination {
	clear:both;
	position:relative;
	margin: 0;
	font-size:11px;
	line-height:13px;
	display: inline-block

}
 
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 0 5px 0 0;
	padding:9px 12px 8px 12px;
	text-decoration:none;
	width:auto;
	font-weight: bold;
	color:#fff;
	background: #23292E;
	border-radius: 4px;
	margin-bottom: -4px;
}
 
.pagination a:hover{
	color:#23292E;
	background: #FCCE08;
}
 
.pagination .current{
	padding: 9px 12px 8px 12px;
	background: #FCCE08;
	color:#23292E;
}

.demo-class { color: #ccc }
.demo-class strong { color: #fff }


.single-post-navigation.margin-bottom {
	margin-bottom: 30px;
}

.top-img {
	background: url(img/to-top.png) center center no-repeat;
	margin-right: 30px;
	margin-bottom: 10px;
	height: 40px;
	width: 40px;
}
.next-arrow, .prev-arrow {
	display: block;
}

.arrow-prev-ico, .arrow-next-ico {
		background: url(img/arrows.png) left top no-repeat;
		background-position: 0 0;
		width: 20px;
		height: 20px;
		display: block;
		float: left;
		margin-right: 5px
}

.arrow-next-ico {
	float: right;
	background-position: -20px 0;
	margin-left: 5px;
	margin-right: 0
}
.prev-arrow a, .next-arrow a { color: #999 }
.prev-arrow a:hover, .next-arrow a:hover { color: #333 }


/*
	---------------------------------------------------------------------------------------------------------
	Flickr Widget
	---------------------------------------------------------------------------------------------------------		
*/


ul#cbox { list-style-type: none; margin:0 -10px 0 0; }
ul#cbox li { 
	list-style-type: none; 
	float: left; 
	display: block; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	border: none;
	padding:0;
}

ul#cbox li a img { 
	display: block;
	width: 70px;
	height: 70px;
    border-radius: 4px;
        -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
                -khtml-border-radius: 4px;
                    -o-border-radius: 4px;
 			-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			-transition: all 0.2s linear;		
 }



/*
	---------------------------------------------------------------------------------------------------------
	Twitter Widget
	---------------------------------------------------------------------------------------------------------		
*/



.tweet_list { list-style: none;	overflow-y: hidden; margin:0; }
.tweet_list .awesome,
.tweet_list .epic { text-transform: uppercase; }
.tweet_list li { 
	overflow-y: auto; 
	overflow-x: hidden; 
	display: block; 
	padding: 15px 0px;
	background: url(img/dotted-line-black.png) left bottom repeat-x;
}

#footer .tweet_list li { background: none; }

.tweet_text a { font-size:12px; }
.tweet_text a:hover { color: #444 }
.tweet_list .tweet_even { }
.tweet_list .tweet_odd {  }
.tweet_list .tweet_avatar {  float: left; }
.tweet_list .tweet_avatar img { vertical-align: middle;	}
.tweet_list .tweet_time a { font-size:11px; font-style: normal;  }
a.tweet_avatar {
	display: block;
	width: 30px;
	height: 30px;
}
.tweet_list li span.tweet_time { display:block; }
.tweet_list .tweet_first {  }
a.tweet_avatar { margin-right: 10px; }
.widget .tweet { color: #444; font-size:12px; }

/*
	---------------------------------------------------------------------------------------------------------
	Video Widget
	---------------------------------------------------------------------------------------------------------		
*/

.video-frame iframe {
	width: 100% !important;
	line-height: 0;
	display: block
}



/*
	---------------------------------------------------------------------------------------------------------
	Bootstrap Override
	---------------------------------------------------------------------------------------------------------		
*/


.btn { font-size: 12px; }
.btn-primary a, .btn-info a, .btn-success a, .btn-warning a, .btn-danger a, .btn-inverse a, .btn-primary:hover a, .btn-info:hover a, .btn-success:hover a, .btn-warning:hover a, .btn-danger:hover a, .btn-inverse:hover a {
color: white;
}

select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {
font-size: 12px;}
.icon-gray { background-image: url('img/glyphicons-halflings-gray.png'); }
[class^="icon-"], [class*=" icon-"] {
margin-top:0;
margin-bottom: 1px;
}
.comments-title h4 { font-weight:normal; }
.widget-title h2 { font-size:20px; text-transform:uppercase; color:#b2b2b2; line-height:20px; font-weight:normal;}

#contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email], #contacts-form input[type=url] {
	height:auto;
}

#contacts-form i { margin-right: 0px; }
#contacts-form .input-prepend { margin-bottom: 15px; }
#contacts-form form { margin-bottom:0;}
#contacts-form .btn { float:right; font-weight:bold; }
#contacts-form textarea { margin-bottom:15px; }

/* addthis service */
.addthis_button_facebook_like {height: 22px; margin-bottom: 0;}
.addthis_button_tweet { height:22px; }

.textwidget .accordion { margin-bottom:0; }

.accordion-heading .accordion-toggle { font-weight: bold; color: #333 }
.accordion-heading .accordion-toggle:hover {
	color: #999
}


.twitter-tweet-rendered { width:100% !important;}
.twt-border {
	width: 100%!important;
	max-width: 100%!important;
	min-width: 100%!important;
}
.tab-pane ul.tags  {
	list-style-position: inside;
	margin: 0 0 15px 15px
}
p > a.btn {
	color: #333 
}
.tab-pane ul.tags li a, ul.nav-list li a, ul.nav-tabs li a {
	color: #333
}
.category-ads ins { float:right; }
.depth-2 {margin-top:15px} 
ul.children { list-style: none;}

/* google prettify */
.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #D14; }
.kwd, .prettyprint .tag { color: #1e347b; }
.typ, .atn, .dec, .var { color: teal; }
.pln { color: #48484c; }

.prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
.prettyprint.linenums {
  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
     -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}


/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 33px; /* IE indents via margin-left */
}
ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 20px;
  text-shadow: 0 1px 0 #fff;
}

.google_maps_block { display: block;  margin-bottom: 30px;}
.google_maps_block iframe{ width: 100% }

.contact-textarea {
	height: 165px
}
/* 
=======================================================================================================================
	*
	*	Responsive Styles
	*
=======================================================================================================================	
*/
@media (max-width: 767px) { 
		#menu { display: none; }	
		.navigation select { display: block; }	
		.banner { margin-right: 20px }
		.top-menu-block,#top-block-bg, #bottom-block-bg { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px }
		#logo { margin-left: 20px; }
		#footer { margin-left: -20px; 	margin-right: -20px; padding-left: 20px; padding-right: 20px }
		#header {
			margin-left: -20px;
			margin-right: -20px;
			padding-left: 20px;
			padding-right: 20px;
		}
		.post-block.five_columns,
		.post-block.four_columns,
		.post-block.three_columns { width: 347px !important; }
}

@media (max-width: 600px) { 
}


@media  (max-width: 480px) { 
		.navigation select { display: block; }
		#menu, .banner, .single-post-sidebar, .top-menu { display:none; }
		#logo { margin-bottom: 0 }
		.menu-footer-menu-container { float: left; margin-top: 30px; }
		ul#cbox { margin-bottom: 10px; }
		.sf-menu.add-nav { float: none; }
		.post-block.five_columns,
		.post-block.four_columns,
		.post-block.three_columns,
		.post-block.two_columns_sidebar,
		.post-block.two_columns_sidebar { width: 205px !important; }

		#sidebar-search input[type="text"] { width: 84%; }
		#respond [type="text"], #respond [type="email"] { width: 185px; display: block; }	
}

@media (max-width: 320px) { 
		#logo { margin-bottom: 0 }		
		.post-block.five_columns,
		.post-block.four_columns,
		.post-block.three_columns,
		.post-block.two_columns_sidebar,
		.post-block.two_columns_sidebar { width: 280px !important; }

		#sidebar-search input[type="text"] { width: 74%; }
		.comment-author-link, .comment-date-link { padding-left: 10px; }
		.replay-buttton { bottom: 5px; top: inherit; right: 0px;}
		#respond textarea { width: 96.5%; }
		.cat-posts { font-size: 10px; }
		.top-menu-block .span6:last-child { display: none; }
}

@media (max-width: 240px) { 
		#logo { margin-bottom: 0 }		

}


@media (max-width: 220px) { 
		#logo { margin-bottom: 0 }

}

@media (max-width: 176px) { 
		#logo { margin-bottom: 0 }		
}



@media (min-width: 768px) and (max-width: 979px) {
	#menu { display: none; }	
	.navigation select { display: block; }
	.navigation { padding:0; }
		.post-block.five_columns,
		.post-block.four_columns,
		.post-block.three_columns { width: 347px !important; }

		.post-block.two_columns_sidebar,
		.post-block.two_columns_sidebar { width: 223px !important; }

	#sidebar-search input[type="text"] { width: 69%; }	
	#respond [type="text"], #respond [type="email"] { width: 200px; display: block; }
	.cat-posts { display: none; }
}

/* Portrait tablet to landscape and desktop*/
@media (min-width: 980px) and (max-width: 1024px) { 
		.post-block.five_columns,
		.post-block.four_columns,
		.post-block.three_columns { width: 298px !important; }

		.post-block.two_columns_sidebar,
		.post-block.two_columns_sidebar { width: 295px !important; }

		#sidebar-search input[type="text"] { width: 76%; }
		.cat-posts { font-size: 12px; }
}
/*@media (min-width: 980px) and (max-width: 1200px) {
	.navigation { }
}*/
	
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#author-description { margin-bottom: 60px; }
#author-avatar img { float: left; padding-right:10px}