/* Theme Name: Klassio

 * Description: Responsive Business Portfolio Theme

 * Author URI: Klassio

 * Only At: ThemeForest.net

 */



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

   Table of Contents

-----------------------------------------------------

:: Shared Styles

:: Header

:: Portfolio Page

:: Blog Page

:: Footer



::Mobile Specific Styles

*/



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

   Shared Styles

----------------------------------------- *



/* Entry Details

   ================================================== */

   

   

   *, *:before, *:after {

  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;

 }

 

 

  

h1,h2,h3,h4,h5,h6{ 

	color:#a75125;

	font-family:Arial, Helvetica, sans-serif;

	letter-spacing:0;

	font-weight:normal;

}

  



p{ 

	color:#242424; 

	font-family:Arial, Helvetica, sans-serifl; 

	line-height:19px; 

	margin-bottom:10px;

	font-size:14px;

}



a, a:visited { color: #5f8ab6; text-decoration: none;  }

a:hover { color:#37B6CE; }

a:focus { color: #5f8ab6; outline: none; }

	 

body{

	font-family:Arial, Helvetica, sans-serif;

	background:#fff;

	/*color: #EDEAE7;*/

}



h1{ font-size:24px; margin:5px 0;}



h2{ font-size:22px;}



h3{ font-size:20px;}

h4{ font-size:18px;}

h5{ font-size:16px;}

h6{ font-size:14px; text-transform:inherit;}



.container {

	width:100%;

	margin:auto;



}



.container-inner{

}



.entry-detail {

	

	padding:12px;

	

}

.entry-detail a {

	

}

.entry-detail h5 {

	margin-bottom:5px;

}

.entry-detail p {

	line-height:1.40;

}

.fist-list li{
    line-height:1;
}
.logo-part-1{
    margin:0px;
}
/*-----------------------------------------------------------------------------------*

/* = Sidebar

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



.sidebar-box {

	margin-bottom:18px;

}

header .sidebar-box{
margin-top:7px !important;
margin-bottom:0px !important;

}


.responsiveMenuSelect{
 margin-bottom:0px;   
}

.sidebar-box ul {

	list-style: none;

	list-style-position: inside;

	margin: 0px;

}

.sidebar-box li{

	font-weight:700;

	margin-bottom:10px;	

}



/*	Tag Clouds

	================================================== */

	

.tagcloud {

	margin-bottom:0px;

	padding:15px;

}

.tagcloud a {

	padding: 2px 6px 2px; 

	font-weight: bold; 





	position: relative;

	 

	background:#e5eef4; 

	-moz-border-radius: 2px; 

	-webkit-border-radius: 2px; 

	border-radius: 2px;

	line-height:22px;

	color:#3a4753 !important;

}

.tagcloud.white a {

	background-color:#E9E9E9;

	color:#333 !important;

	font-size:11px;

}





/* Header Base

   ================================================== */



.row{

	max-width:960px;

}



header {

	width:100%;

	margin:0 auto;

}



.header-inner{

	width:100%;

	margin:auto;

	background:#653016 url(../images/back.png);
	background-size: cover;

}





header .row {

	z-index:2;

	display:block;



}



header .columns{

	padding-bottom:0;

}



.logo-search{



}



#header-details{

	float:left;

}



/* Logo

   ================================================== */



#logo {

	padding: 0px;

	

}



#logo h1 {

	padding:0px;

	margin:0;

	font-size:22px;

	font-family:arial;

	text-transform:lowercase;

	font-weight:normal;

	color:#fff;

	line-height:22px;

}



#logo img{

	width:100%;

	max-width:200px;

	padding:20px 0px 15px;

}



#site-description{

	font-size:12px;

	color:#fff;

	font-family:Arial, Helvetica, sans-serif;

	margin-bottom:0;

}



.side-bar{

	background:#fff;

	padding-top:20px;
    
    margin-top:15px;

	border:1px solid #000;

}



.main-part{



	padding:15px;

}





/* Social Networks

   ================================================== */



ul#social-networks {

	

	position:relative;

	float:right;

	margin:0px;

	padding:0px 5px;

}

ul#social-networks li {	

	margin:0;

	float:left;

	padding: 0px 5px 0px 0px;

}



ul#social-networks li a {

	display:block;

	text-indent:-9999px;

	width:27px;
	height:35px;

	

}



ul#social-networks li a.rss {background:url("../images/social/RSS.png") center center no-repeat;}

ul#social-networks li a.facebook {background:url("../images/social/facbook.png") center center no-repeat;}

ul#social-networks li a.twitter {background:url("../images/social/twiter.png") center center no-repeat;}

ul#social-networks li a.flickr {background:url("../images/social/flickr.png") center center no-repeat;}

ul#social-networks li a.tumblr {background:url("../images/social/tumblr.png") center center no-repeat;}

ul#social-networks li a.vimeo {background:url("../images/social/vimeo.png") center center no-repeat;}

ul#social-networks li a.dribble {background:url("../images/social/dribble.png") center center no-repeat;}

ul#social-networks li a.digg {background:url("../images/social/digg.png") center center no-repeat;}

ul#social-networks li a.delicious {background:url("../images/social/delicious.png") center center no-repeat;}

ul#social-networks li a.linkedin {background:url("../images/social/in.png") center center no-repeat;}

ul#social-networks li a.myspace {background:url("../images/social/myspace.png") center center no-repeat;}

ul#social-networks li a.stumbleupon {background:url("../images/social/stumbleupon.png") center center no-repeat;}

ul#social-networks li a.technorati {background:url("../images/social/technorati.png") center center no-repeat;}

ul#social-networks li a.forrst {background:url("../images/social/forrst.png") center center no-repeat;}

ul#social-networks li a.lastfm {background:url("../images/social/lastfm.png") center center no-repeat;}



/* Phone

   ================================================== */



#phone {

	float: left;

	font-size:13px;

	color:#ccc;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-style: italic;

	margin-top: 40px;

}



#search {

  position: relative;

  width: 100%;

  padding: 10px 30px 10px 10px;

  outline: none;

  border: 1px solid #ddd;

  color: #666;

  margin: 0;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  font-size: 11px;

  background: rgba(255, 255, 255, 0.8)

}



.search-box {

  float: right;

  margin-top: 30px;

}



.row{min-width:0px;}



/* Superfish Navigation

   ================================================== */



.sf-menu ul {

	position:		absolute;

	top:			-999em;

}

.sf-menu ul li {

	width:			100%;

	

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:			left;

	position:		relative;

}

.sf-menu a {

	display:		block;

	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0;

	width:180px;

	top:			42px; /* match top ul list item height */

	z-index:999;

	background:#322c2c;

}

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 {

	top:			-2px;

}

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 {

	top:			0px;

}



.nav-outer{

	max-width:960px;

	display: block;

	margin: auto;

		

	margin-bottom:10px;

}



nav {	

	max-width:960px;

	margin:auto;

	background:#f9eb93;

}



nav ul{

	float:left;

}



.blog-name a:link, .blog-name a:visited {

	color:#fff;

	text-decoration: none !important;

}



.blog-name a:hover{

	border-bottom:none;

}







.primary-nav li {

	margin:0;
	border-right:1px solid #999;
	margin:8px 0px;

	/*margin-left:2px;*/

	

		

}



.primary-nav li a {

	margin: 0px;

	display:block;

	padding:8px 10px 5px;

	font-size:14px;

	text-decoration:none;

	color:#653016;

	line-height:14px;


}




.primary-nav li:last-child a{

	border-right:none;

}



.primary-nav li a:hover, .primary-nav li.sfHover a, .primary-nav li.current-menu-item a {



	/*background:#ededed url(../images/menu-hover.jpg) repeat-x;*/

	

}



.primary-nav li:last-child{

	border-right:none;

}


.primary-nav li:first-child{

	border-left:none;
	text-indent:-9999px;

}
.primary-nav li:first-child a{

	border-left:none;
	background: url(../images/home.png) no-repeat 10px 0px;
	padding: 7px 0px;

	

}

.primary-nav li:first-child a:hover{ background:#e0d585 url(../images/home.png) no-repeat 10px 0px;}



.primary-nav .sub-menu li a:hover, {

	color:#FFF;

	

}



.primary-nav .sub-menu li a{

	color: #aaaaaa;

}



/* First Level Navigation */

.primary-nav li ul{

	padding:5px 0;

}



.primary-nav li ul li {



	

}



.primary-nav li ul li a {

	margin:0;

	font-size:14px;

	padding-left:18px;

	line-height:30px;

	

}



.primary-nav li ul li a:hover {

	color:#ccc;

}



.primary-nav li ul li:last-child a {border-bottom:none !important;}



.primary-nav li ul li ul {

	z-index:215;

}



nav .mobile-nav, nav #mobile-nav-button{

	display:none;

}





/*---footer navigation---*/

footer .primary-nav li:first-child a{

	padding-left:0;

}



footer .primary-nav li a{

	padding:0 10px;

	color:#111b24;

	font-weight:bold;

}



footer .primary-nav li a:hover, footer .primary-nav li.sfHover a, footer .primary-nav li.current-menu-item a {

	background:none;

	color:#111b24;

	

}



footer nav{

	margin-top:10px;

}











.heading-slider, .heading-image{

	display:none;

}



/* Post Style

   ================================================== */



h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {

border-bottom: none;



}



a:hover, .entry a:hover{color:#336666}



a:visited,  {color:#B1A598;}

   



.entry {

	margin-bottom:10px;	

	

}



.entry:last-child{

	margin-bottom:0;

}



.entry .meta {

}

.entry .meta a {

	color:#444;

}

.entry .meta a:hover {

	border-bottom:1px solid #ccc;

}

.entry .entry-header {

	margin-bottom:30px;

}



.blog-title{

	margin-top:10px;

}



.blog-title h2{

	margin-bottom:0px;

	font-size:24px;

}



.blog-title h2 a{

	color:#5f8ab6;

}



.blog-title h2 a:hover{

	color:#37B6CE;

}



.blog-post img{

	opacity:1.0 !important;

}



.blog-title .dark{color: #2d2c2a;}



.blog-title time {	

	font-size: 10px;

	line-height: 11px;

	display: block;	

	color:#b1a598;

	padding-bottom:15px;

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif;

}



.blog-title>p {

	overflow: hidden;

	margin-bottom: 27px;

}



.blog-title p span.comment {

	float: right;

}



.blog-button {}



.post-content{margin-top:20px;}



.blog-page{}



.blog-img img{

	margin-right:20px;

	

	box-shadow: 0 2px 8px #adadad;

	border-radius:2px;

	margin-top:15px;

	margin-bottom:15px;

	

}



.blog-button{

	margin-top:10px;

	margin-bottom:0;

}



.blog-button a{

	color: #b1a598;

	

	font-size: 11px;

	font-weight: bold;

	font-family: arial;

	text-transform: lowercase;

}



/* Comments

   ================================================== */



ul#comments {

}

ul#comments .comment-data {

	margin-bottom:5px;	

}



ul#comments ul.children {

	margin-left:18.4%;

}



.sidebar-box a{

	color:#5f8ab6;

}



.sidebar-box a:hover {

	color: #37B6CE;

}

.side-bar ul li a{

	color:#994923 !important;

}

.side-bar ul li a:hover{

	color:#E07A49 !important;

}





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

   Footer

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



footer {

	

	font-size:13px;

	color:#fff;

	padding:0;

	background:#242424 url(../images/back.jpg);

	border-top:5px solid #f5f5f5 ;



}



footer .finner{

	padding:20px;

	max-width:960px;

	margin:auto;

	

}



footer .columns{

	padding-bottom:0;

}



.fright{

	text-align:right;

}



footer p{

	font-size:12px;

	color:#999;

	margin-bottom:0;

	text-align: center;
	
	background:url(../images/line50.png) no-repeat center 0px;

	padding-top: 14px;

}



footer h4{



	font-weight:normal;

	font-size:16px;

	color:#f8f8f8;

	margin-bottom:5px;

}



footer ul li{

	margin-bottom:0;

	padding:1px 0;

}



footer ul{

	margin-bottom:0;

}



footer ul li a{

	color:#7a7a7a;

	font-size:12px;

}



footer ul li a:hover{

	color:#e0e0e0;

}







footer .title{

	background:#eee;

	color:#000;

}



footer .title span{

	background:#f6f4f6;

	border-color:#ccc !important;	

}



/* Footer Copyright

   ================================================== */



footer .copyright {

	

	margin-bottom:0px;

	font-size:11px;	

}



footer .footer-second{

	border-top:1px solid #56504e;

	padding-top: 20px;

}



form.nice div.form-field input, form.nice input.input-text, form.nice textarea {

	background:#ebebeb;

	padding:2px;

	border-radius:0;

	margin-bottom:5px;

}



form.nice textarea {



}



form.nice .button{

	padding:6px 8px;

	font-family:Arial, Helvetica, sans-serif;

}





#content-wrapper{

	padding:0;

	min-height:399px;

	background:url(../images/back6.png) no-repeat center -250px;

	

}



.sidebar-box h4{

	font-size: 15px;

	margin-bottom:10px;

}

.side-bar h4{

	font-size: 15px;

	margin-bottom:10px;
	
	color: #fff;
	
	text-transform:uppercase;


}



.sidebar-box ul,

.sidebar-box .textwidget{

	

	color:#444444;

	font-family:Arial, Helvetica, sans-serif;

}



.sidebar-box ul{

	list-style:disc;

	list-style-position:inside;

}

.side-bar ul{

	list-style:disc;

	list-style-position:inside;
	color:#994923;

}



.sidebar-box .textwidget{

	line-height:19px;

	font-size:12px;

}



.sidebar-box ul li{

	margin-bottom:0;
    margin-left:10px;

}



.sidebar-box ul li a{

	font-size: 12px;

	font-weight: normal;

	font-family: arial;

}



.sidebar-box ul li:last-child{

	border-bottom:none;

}



.nice{

	margin-top:15px;

}



.alert-box.success{

	background-color:.alert-box.success;

}



.alert-box a.close{

	color:#fff;

	opacity:0.8;

}



.hbutton a{

	display:inline-block;

	padding:10px;

	font-size:13px;

	background:#bfbfbf url(../images/hbg.png) repeat-x;

	border-radius:4px;

}



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

	Mobile Style

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



@media only screen and (max-width: 1000px) and (min-width: 768px){

	.row{ width:95%;}

}



@media only screen and (max-width: 1040px) {



}
@media screen and (max-width:967px){
.primary-nav li a{padding: 8px 9px 5px;}


}
@media screen and (max-width:975px){
.primary-nav li a { padding: 8px 10px 5px;}
}

@media screen and (max-width:767px){
.header-inner{ background: #653016url(../images/back.png); background-size: cover;}

}



@media only screen and (max-width: 767px) and (min-width: 229px){

	.row{ width:95%;} .top-right{margin-top:0px !important;} form{ margin:0 0 0 !important;} .top-right #searchform{ float:none !important; text-align:center;} .sidebar-box .textwidget{ text-align:center !important;} ul#social-networks{ text-align: center; float:none;} ul#social-networks li{ display: inline-block; float:none;} .sidebar-box{ margin-bottom:0px;} .side-bar .sidebar-box{ margin-bottom:18px !important;} #logo{ text-align:center;}
}



@media only screen and (max-width: 459px) and (min-width: 229px){

	
}

}



@media only screen and (max-width: 319px){
.bottom-img{
display:none;
}



}





.header-upper{

background:#f9eb93;

padding: 0px;

}



.top-right #searchform{

float:right;

}



.top-right{

margin-top:35px;

}

.btn{

background: url(../images/search.png) no-repeat 5px 4px;

padding: 5px 14px;

background-color: #351200;

border-right: 1px solid #351200;

border-bottom: 1px solid #351200;

border-top: 2px solid #351200;

border-left: 2px solid #351200;

}



#s{

padding: 5px;

margin-right: -4px;

background:#fed1ba;

border-right: 1px solid #e7ad92;

border-bottom: 1px solid #e7ad92;

border-top: 2px solid #000;

border-left: 2px solid #000;



}



footer ul{

list-style:none;

text-align:center;}



footer ul li{

display:inline-block;

margin-right:15px;

}



footer ul li a{

color:#999 !important;

}

.header-txt{
color:#000 !important;
font-size:13px;
}

.part-one{
border:1px solid #000;
margin:15px 0px 0px;
padding:20px 10px;
text-align:center;

}


.headline{
text-align:center;
background:url(../images/back2.png) no-repeat 0px 0px;
color:#75482e;
}

.read-button{
background:#f9eb93;
padding: 10px 20px;
margin-left:14px;
color:#6a3217 !important;
}


.read-button:hover{
background:#6a3217;
color:#f9eb93!important;

}

.read-button-2{
background:#6a3217;
padding: 10px 20px;
margin-left:13px;
color:#f9eb93!important;
}

.read-button-2:hover{
background:#f9eb93;
color:#6a3217 !important;
}