

@import url(http://fonts.googleapis.com/css?family=PT+Sans);

/* 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

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

   

@import url(http://fonts.googleapis.com/css?family=Kite+One);

@import url(http://fonts.googleapis.com/css?family=Arimo);

   

   

   *, *:before, *:after {

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

 }

 

 

  

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

	color:#231f20;

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

	letter-spacing:0;

	font-weight:normal;

	margin:0 0 10px;

	font-weight:bold;

}



p{ 

	color: #231f20;

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

	line-height:17px; 

	margin-bottom:10px;

	font-size:12px;

}



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

a:hover { color:#231f20; }

a:focus { color: #dc433a; outline: none; }

	 

body{

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

	background:#ffffff;

	color: #231f20;

}



h1{

	font-size: 24px;

	font-weight: bold;

	color: #231f20;

}



h2{ font-size:18px;}



h3{ font-size:16px;}

h4{ font-size:15px;}

h5{

	font-size: 14px;

	font-weight: bold;

	color: #dc433a;

}  



h6{ text-transform:inherit;}





.container {

	width:997px;

	margin:auto;



}



.container-inner{



}



.entry-detail {

	

	padding:12px;

	

}

.entry-detail a {

	

}

.entry-detail h5 {

	margin-bottom:5px;

}

.entry-detail p {

	line-height:1.40;

}



/* Extra Details

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



.extras {

	margin-top:5px;

	font-style:italic;

	font-size:11px;

	color:#999;

	display:block;

}



.extras a {

	color:#555;

}



.extras a:hover {

	text-decoration:underline;

}



/* Slider BG

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

   

.slider-bg {

	padding:9px;

	border:1px solid #ccc;

	background:url(../images/patterns/bg1.png);

	box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);

	box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);

	border-radius:2px;

}



/* Icon Hover

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



.icon-hover {

	position:relative;

	display:block;

	z-index:1;

	height:100%;

	width:100%;

}



.icon-hover .transparency { z-index:1; }



.icon-hover .underlay {

	font-size:13px;

	font-weight:700;

	color:#fff;

	box-shadow:0px 0px 5px rgba(0,0,0,0.1);

	padding:6px 10px;

	background:#000;

	position:absolute;

	display:block;

	top:10px;

	left:10px;

	z-index:-1;

	-khtml-opacity:0.0;

	opacity:0.0;

	filter:alpha(opacity=0);

	-webkit-transition:opacity 200ms ease;

	-moz-transition:opacity 200ms ease;

	-o-transition:opacity 200ms ease;

	-ms-transition:opacity 200ms ease;

	transition:opacity 200ms ease;

}



.icon-hover:hover .underlay {

	opacity:1;

	filter:alpha(opacity=100);

	-moz-opacity:1.0;

}



/* Links List

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



ul.links {

	font-weight:700;

}

ul.links li {

	border-bottom:1px solid #eee !important;

	margin-bottom:10px;

}

ul.links li a {

	line-height:20px;

}

ul.links li a span {

	font-weight:400;

	font-style:italic;

	color:#666;

}







/* Icon Styles

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



#highlight-title{

	font-size:20px;

	font-family: 'PT Sans', sans-serif;

	color:#000;

	line-height: 1.60;

	font-weight:bold;

}



#highlight-icon{

	color: #777;

	margin-right: 5px;

	line-height: 30px;

	font-size: 25px;

	float: left;

}



.button{

	font-family: 'PT Sans', sans-serif;

}



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

/* = Sidebar

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



.sidebar-box {



}



.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;

}



/* Footer Widgets

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









/* Search

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

   

.top-right #searchform{

	float:right;

	margin-bottom:0;

}



.top-right #searchform input[type="text"]{

	padding:2px;

}



.top-right #searchform input[type="submit"]{

	padding:5px 10px 4px;

}



   

#searchbar {

    display: block;

    position: relative;

	width: 100%;

	margin-bottom: 4px;

}

#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;

}

#search:focus { }



/* Seperator

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



.seperator {

	clear:both;

	

	margin:15px 0px 30px !important;

	

	display:block;

	padding:0px;

	border-bottom:1px solid #ccc;

}



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

   Header

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



/* Header Base

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



.row{

	max-width:997px;

}



header {

	width:100%;

	margin:0 auto;

}



.header-inner{

}





header .row {

	z-index:2;

	display:block;



}



header .columns{

	padding-bottom:0;

}



.menu-section{

	width:75.2%;

	float:left;

}



#logo{

	float:right;

	width:24.3%;

}



/* Logo

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



#logo {

}



#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:242px;

}



#site-description{

	font-size:12px;

	color:#fff;

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

	margin-bottom:0;

}



.clear{

	clear:both;

}





/* 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:16px;

	

}



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/facebook.png") center center no-repeat;}

ul#social-networks li a.twitter {background:url("../images/social/twitter.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/linkedin.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;}



.main-part{

	background:#eceded;

	padding:20px 25px 25px;

	width:68.7%;

	float:left;

}



.rsidebar{

	background:#edefee;

	width:31.3%;

	float:right;

	border-left:1px solid #fff;

}



.rsidebar ul, .rsidebar .textwidget, .rsidebar form{

	padding:20px 25px;

}



.rsidebar h4{

	background:#bdbfc0 url(../images/sheading.png) repeat-x;

	color:#dc433a;

	font-weight:bold;

	text-transform:uppercase;

	padding:12px 25px;

	margin-bottom:0;

}



.rsidebar form{

	margin-bottom:0;

}



/* 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 {	

	margin-bottom:10px;

}



nav ul{

	float:right;

	margin-right:5%;

}



.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;

	padding-left:29px;

}



.primary-nav li a {

	margin: 0px;

	display:block;

	padding:9px 10px;

	font-size:12px;

	text-decoration:none;

	color:#231f20;

	line-height:14px;

	font-weight: bold;

	text-transform: uppercase;

	background:#fff url(../images/menu-bg.png) repeat-y;

	min-height:49px;

}



.primary-nav li:before{

	content:'';

	display:block;

	background:url(../images/menu-shape.png) no-repeat;

	position:absolute;

	width:29px;

	height:49px;

	top:0;

	left:0;

}



.primary-nav li p{

	margin-bottom:0;

	font-size:11px;

}



.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, .primary-nav li a:hover p {

	color:#dc433a;

}



.primary-nav li:last-child{

	border-right:none;

}



.primary-nav li:first-child{

	border-left:none;

}







.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;

}





.omenu ul li{

	display:block;

	float:left;

	margin-right:1px;

	margin-bottom:0;

	background:#dc433a url(../images/menu1.png) repeat-x;

	border-radius:4px 4px 0 0;

}



.omenu ul li a{

	background: url(../images/arrow1.png) no-repeat 10px center;

	color: #fff;

	text-transform: uppercase;

	font-size: 12px;

	padding: 9px 12px 6px 30px;

	display: block;

}



.omenu ul li:hover{

	background:#dc433a url(../images/menu2.png) repeat-x;

}



.omenu ul li a:hover{

	background: url(../images/arrow2.png) no-repeat 10px center;

}



.pspacer{

	height:8px;

	width:100%;

	background:#242021;

	border-top:1px solid #fff;

	border-bottom:1px solid #fff;

}



.social{

	margin-top:17px;

}



.social img{

	margin-left:25%;

}



/*---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;

}











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

   Page Heading

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



h1.title, h2.title{

	font-weight:400;

	margin-bottom:20px;

	float:left;

	width:100%;

}



.heading-outer{

	border-bottom:1px solid #fff;

	box-shadow:0 2px 10px #d1d1d1;

	border-radius:4px;

}



.page-heading, .title-design{



}



.title-design{

	margin-top:0 !important;

}



h1.title, .title-design h2{

	font-size:18px;

	line-height:24px;

	margin:0;



}



h2.title{

	font-size:36px;

	line-height:80px !important;

}



#heading-wrapper small{

	line-height:0px;	

}



.heading-slider, .heading-image{

	display:none;

}



#heading-wrapper.heading-slider, #heading-wrapper.heading-slider .hs-container{

	height:400px;

}

#heading-wrapper, .hs-container {

	position:relative;

	top:0px;

	left:0px;

	width:100%;

	margin:0 auto;

	overflow:hidden;

}

#heading-wrapper {

	min-height:100px;

	z-index:0;

	margin-bottom:40px;

	border-bottom:3px solid #444;

	box-shadow:0px 0px 5px rgba(0,0,0,0.4);

	

	max-width:960px;

}



#heading-wrapper.heading-image .hs-content {

	margin-top:94px;

}



#heading-wrapper.heading-image .center h1{

	text-align:center;

}



#heading-wrapper img{

	position:absolute;

	top:0px;

	left:0px;

	width:100%;

	z-index: 101;

	display:none;

	max-width:none !important;

}

.hs-loading {

	background:#eee url("../images/patterns/bg4.png");

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0px;

	left: 0px; 

    z-index: 1000;

	text-align:center;

}

.hs-loading span{

	position:relative;

	top:65%;

    font-size: 20px;

    color: #000;

	text-shadow:0px 0px 5px rgba(0,0,0,0.4);

	font-weight:800;

}

.outerC{

	position:absolute;

	height:100%;

	width:100%;

	overflow:hidden;

	display: table;

}

.middleC{

	display: table-cell;

	vertical-align: middle;

	width: 100%;

}

.hs-content {

	z-index: 300;

	position:relative;

	display:none;

	color:#fff;

}

#heading-wrapper.heading-slider .hs-content {

    text-align:center;	

}

#heading-wrapper .bgc{

	text-shadow: 0 0 14px #000;

	color: #fff;

	padding:20px 15px; 

}



.page-heading .bgc{

	font-size:26px;

}





.lt-ie10 #heading-wrapper .big {

	padding-left:20px;

	padding-right:20px;

	box-shadow:none !important;

}

#heading-wrapper .big{

	

    font-size: 25px;

	line-height:70px;

}

#heading-wrapper .text {

	display: block;

	margin: 25px 0px;

	position:relative;

	font-size:25px;

	line-height:35px;

}

#heading-wrapper a{

    color:#eee;

}

#heading-wrapper a:hover{

	border-bottom:0px;

}

.hs-nav{

	position:absolute;

	bottom:20px;

	z-index:200;

	left:20px;

	width:100%;

}

.hs-nav a {

    width: 30px;

    height: 30px;

	opacity: 0.9;

	filter: alpha(opacity=90);

	background:#fff url(../images/orbit/slider-controls.png) no-repeat;

	box-shadow:0px 0px 5px rgba(0,0,0,0.4);

	float:left;

	padding:0px;

	text-indent:-9999px;

}

.hs-nav a.prev{

	margin-right:3px;

	background-position:bottom;

}

.hs-bullets{

	opacity:0.9;

	filter: alpha(opacity=90);

	z-index:200;

	margin:0px 0px 5px 0px;

	position:absolute;

	bottom:20px;

	left:85px;

}

.hs-bullets a{

	box-shadow:0px 1px 5px rgba(0,0,0,0.3);

	background-color:#fff;

	float: left;

    width: 11px;

    height: 11px;

    overflow: hidden;

    margin-left: 8px;

    position: relative;

    outline: none;

    cursor: pointer;

}

.hs-bullets a.hs-bullets-current{

	background-color:#fff;

    height:15px;

	width:15px;

	right:-2px;

	top:-2px;

	margin-left:4px;

}



/* Slider

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



.for-home .slider-bg {

	margin-top:20px;

}



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

   Blog Page

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



/* 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 h2{

	margin-bottom:10px;

	font-size:20px;

}



.blog-title h2 a{

	color:#454747;

}



.blog-title h2 a:hover{

	color:#282828;

}



.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:5px;}



.blog-page{}



.blog-img img{

	margin-right:20px;

	border:1px solid #c8caca;

	margin-bottom:15px;

	float:left;

	max-width:220px;

	

}



.img-shadow{

	box-shadow: 0 2px 10px #e0e0e0;

	border-radius:2px;

	margin-bottom:10px;

}



.post-right-img{

	float:right;

	margin-left:20px;

}



.blog-button{

	margin-top:10px;

	margin-bottom:0;

}



.blog-button a{

	color: #ef4338 !important;

	font-size: 12px;

	font-weight: bold;

	font-family: arial;

	background: url(../images/read-more.png) no-repeat right;

	padding-right: 12px;

}



/* Comments

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



ul#comments {

}

ul#comments .comment-data {

	margin-bottom:5px;	

}



ul#comments ul.children {

	margin-left:18.4%;

}







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

   Portfolio Page

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



/* Sorting Styles

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



.sort-links {

	float:left;

	padding-bottom:20px;

	margin:0;

	font-size:15px;

}

.sort-links .bgc {

	padding:10px !important;

}

.sort-links a{

	text-decoration:none;

	padding:8px 10px;

	margin:0;

	line-height:42px;

}

.sort-links a:hover, .sort-links a.selected {

	border-bottom:0 !important;

	

}



.single-portfolio {

	margin-top:30px;

}



/* Item Specific

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



.isotope,

.isotope .isotope-item {

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	-ms-transition-duration: 0.8s;

	-o-transition-duration: 0.8s;

	transition-duration: 0.8s;

}



.isotope {

	z-index: 2;

	-webkit-transition-property: height, width;

	-moz-transition-property: height, width;

	-ms-transition-property: height, width;

	-o-transition-property: height, width;

	transition-property: height, width;

}



.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;

	-moz-transition-property: -moz-transform, opacity;

	-ms-transition-property: -ms-transform, opacity;

	-o-transition-property: top, left, opacity;

	transition-property: transform, opacity;

}



.isotope-hidden.isotope-item {

	pointer-events: none;

	z-index: 1;

}



#portfolio .block {

	float:left;

	margin-bottom:30px;

}



/* Three Columns */



.portfolio-three {

	margin-left:-4%;

}

.portfolio-three .block {

	width:33.30%;

}

.portfolio-three .block .data {

	width:88%;

	margin-left:12%;

}



/* Four Columns */



.portfolio-four {

	margin-left:-3%;

}

.portfolio-four .block {

	width:25%;

}

.portfolio-four .block .data {

	width:88%;

	margin-left:12%;

}



.faq-heading .one, .faq-heading .eleven{

	color:#191919;

}



.testimonial-block {

  background-color: #e5dccf;

  border: none;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);

  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);

  box-shadow: 0 1px 2px rgba(0,0,0,0.1);

  position: relative;

  margin-bottom: 35px;

  padding: 10px;

}



.testimonial-block .columns{

	padding-bottom:0px;

}



.obg{

	background:#eceded;

	padding:25px;

	margin-top:10px;

}



.slide1{

	width: 68.7%;

	float: left;

}



.slide2{

	width: 31.3%;

	float: right;

	border-left: 1px solid #fff;



}



.slide-section{

	background:#edefee;

	border-bottom:1px solid #fff;

	display:none;

}



.meteor-nav .prev a, .meteor-nav .prev a:hover{

	background:url(../images/arrows.png) no-repeat  !important;

	left:3%;

}



.meteor-nav .next a, .meteor-nav .next a:hover{

	background:url(../images/arrows.png) no-repeat -30px 0 !important;

	right:3%;

}



.meteor-nav a{

	top:44%;

	width:30px;

	height:30px;

}





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

   Footer

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



footer {

	

	font-size:13px;

	color:#fff;

	padding:0;

}



footer .finner{

	padding:15px 0px;

	text-align:right;

	font-size: 12px;

	font-weight: normal;

	color: #727375;

}



.finner a{

	font-size: 12px;

	font-weight: normal;

	color: #727375;

	text-decoration:underline;

}



footer .columns{

	padding-bottom:0;

}



.fright{

	text-align:right;

}



footer p{

	font-size: 12px;

	font-weight: normal;

	color: #727375;

	margin-bottom:0;

}



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;	

}



/* jtwt

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



#jtwt_picture {

	float:right;

	padding:0 0px 5px 10px;

}



#jtwt img {

	border:none;

	padding:0;

	background:transparent;

}



#jtwt {

	overflow:hidden;

	padding-bottom:10px;

	margin-bottom:10px;

	border-bottom:1px solid #ddd;

}



a#jtwt_date {

	text-decoration:none;

	font-style:italic;

	font-size:11px;

	padding-top:1px;

}



a#jtwt_date:hover {

	text-decoration:none;

}



/* Flickr Updates

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



#flickr ul {

	list-style:none;

	margin:0;

	padding:0;

}



#flickr ul li {

	display:inline;

	margin:0;

	padding:0;

	background:transparent;

	border:none;

}



#flickr ul li a {

	background:transparent;

}



#flickr ul li img {

	box-shadow:0px 2px 4px rgba(0,0,0,0.1);

	margin:0 3% 10px;

	background-color:#fff;

	border:1px solid #ccc;

	padding:3px;

	width:23%;

	opacity:1;

	filter:alpha(opacity=100);

	-moz-opacity:1;

	-webkit-transition:opacity 400ms ease-in-out;

	-moz-transition:opacity 400ms ease-in-out;

	-o-transition:opacity 400ms ease-in-out;

	-ms-transition:opacity 400ms ease-in-out;

	transition:opacity 400ms ease-in-out;

}



#flickr ul li img:hover {

	opacity:0.5;

	filter:alpha(opacity=50);

	-moz-opacity:0.5;

}



#flickr ul li a {

	display:inline;

	padding:0;

	margin:0;

}



/* 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;

}



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

   Mobile Specfic Styles

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



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

	

	#highlight-icon { float:none;}

	

	.highlights-block .inner{text-align:center;}

	

	.highlights-block .button, .content-part .button {

		width:30%;

		display:block;

		margin:auto;

		margin-top:15px;}

		

	.highlights-block .four{margin-bottom:0px;}

	

	

		

}

	

	

	

	

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

	#flickr ul li img {

		margin:0 2.6% 10px !important;

	}

	



}



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

	header #social-networks {

		display:none;

	}

}





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



	

	header #logo h1{

		padding:4px;

	}

	header #phone {

		

	}	

	header {

		position:relative;

		

		

	}

	header .row {

		opacity:1;

		filter:alpha(opacity=100);

		

		width:100%;

		

		

	}

	#heading-wrapper{

		min-height:80px; /* Specified for looking good before loading */

		margin-bottom:25px;

	}

	#heading-wrapper.heading-image .hs-content {

		margin-top:50px;

	}

	#heading-wrapper.heading-image .hs-content small {

		display:none;

	}

	#heading-wrapper.heading-slider, .heading-slider .hs-container, .outerC {

		

	}

	h1.title {	

		font-size:35px;

		line-height:60px !important;

	}

	h2.title {

		font-size:27px;

		line-height:50px !important;

	}

	#heading-wrapper.heading-image .bgc {

		padding:10px 5px;

		box-shadow:10px 0px 0px #222, -10px 0px 0px #222;

	}

	#heading-wrapper.heading-slider .hs-content .big {

		font-size:30px !important;

		line-height:52px !important;

		padding:10px 5px;

		

	}

	#heading-wrapper .hs-content .text {

		font-size:22px !important;

		line-height:35px !important;

		padding:10px 2px;

		margin:20px 0px;

	}

	.hs-bullets{

		left:75px;

		bottom:10px;	

	}

	.hs-nav{

		left:10px;

		bottom:10px;	

	}

	

	/* Superfish Menu */

	nav ul.sf-menu {

			

	}

	

	/* Mobile Nav */

	nav #mobile-nav-button {

		color:#fff;

		font-family:"Kreon";

		font-weight:800;

		font-size:40px;

		line-height:40px;

		height:40px;

		display:block;

		padding:4px 15px 7px;

		background:#222;

	}

	nav #mobile-nav-button.active {

		

	}

	

	nav .mobile-nav a {

		display:block;

		color:#fff;

		padding:0px 10px;

		line-height:30px;

	}

	nav .mobile-nav a:active {

		background-color:#000;

	}

	nav .mobile-nav{

		box-shadow:0px 0px 5px rgba(0,0,0,0.3);

		position:absolute;

		width:40%;

		top:100%;

		

		margin:0;

		padding:0px;

		background:#222;

	

		font-size:15px;

		z-index:9999;;

	}

	

	.menu-social-media-icon-container{

		font-size: 14px;

		line-height: 1.3;

	}

	/* Blog Comments */

	ul#comments ul.children {

		margin-left:26%;

	}

	

	/* Portfolio Items */

	

	#portfolio .block {

		width:100% !important;

	}

	#portfolio .block .data {

		width:100% !important;

		margin-left:0 !important;

	}

	

	#phone{margin-top:10px; margin-left:20px;}

	

	.search-box{margin-top:5px;}

	

	.copyright{float:left;}

}



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

	search-box{float:none;}

	

	#phone{float:none;}

	

	nav .mobile-nav{

		top:100%;

		width:100%;

		}

	

	#logo{

		

		padding-left:0px;

		}

	

}



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

	header #social-networks {

		display:none !important;

	}

	header .row{

		width:100%;

		margin:0;	

	}

	nav .mobile-nav{

		

		width:100%;

	}

	nav #mobile-nav-button{

		

		right:0;

		top:0;

	}

	

	.container{width:100%;}

	

	.container-inner{padding:0px;}

	

	.testimonial-block { padding:0px;}

}







/*--home blocks design--*/

.blocks{

	background:#f5f5f5;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f5f5f5));

	background-image: -webkit-linear-gradient(top, #fcfcfc,#f5f5f5);

	background-image: -moz-linear-gradient(top, #fcfcfc,#f5f5f5);

	background-image: -ms-linear-gradient(top, #fcfcfc,#f5f5f5);

	background-image: -o-linear-gradient(top, #fcfcfc,#f5f5f5);

	background-image: linear-gradient(top, #fcfcfc,#f5f5f5);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fcfcfc', EndColorStr='#f5f5f5');

	padding:20px;

}



.blocks .tbutton{

	margin-bottom:0;

}



.blocks .tbutton a{

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

	font-weight:bold;

	color:#474747;

	font-size:12px;

}



.blocks .tbutton a:hover{

	color:#64aace;

}



.blocks ul, .blocks ul li{

	margin-bottom:0;

}



.blocks h3{

	margin-bottom:5px;

	font-size: 18px;

	font-family: arial;

	font-weight: normal;

	letter-spacing: 0;

}



.blocks p{

	line-height:18px;

	color:#575757;

}



.block-one, .block-two, .block-three{

	width:32%;

	float:left;

	min-height:1px;

}



.block-one img, .block-two img, .block-three img{

	float:left;

	margin-right:10px;

	max-width:62px;

}



.block-inner{

	margin-left:72px;

}



.block-two{

	margin:0 2%;

}





#content-wrapper{

	padding:0;



}





#content-wrapper .sidebar-box h4{



	font-size: 15px;

}



#content-wrapper .sidebar-box ul,

#content-wrapper .sidebar-box .textwidget{

	

	color:#444444;

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

}



#content-wrapper .sidebar-box ul{

	list-style:disc;

	list-style-position:inside;

}



#content-wrapper .sidebar-box .textwidget{

	line-height:19px;

	font-size:12px;

}



#content-wrapper .sidebar-box ul li{

	margin-bottom:0;

	

	padding:1px 0;

	

}



#content-wrapper .sidebar-box ul li a{

	font-size: 12px;

	font-weight: normal;

	font-family: arial;

}



#content-wrapper .sidebar-box ul li:last-child{

	border-bottom:none;

}



.footer-logo img{

	max-height:40px;

	margin-bottom:5px;

}



.footer-logo {

	font-family:'PT Sans', sans-serif;

}



.footer-logo a{

	color:#bfbfbf;

}



.nice{

	margin-top:15px;

}





.alert-box.success{

	background-color:.alert-box.success;

}



.alert-box a.close{

	color:#fff;

	opacity:0.8;

}



#additional-settings{ display:none !important;}

.login-popup .close-btn{

	top:10px;

	right:10px;

}



.join-block{

	background: #fff;

	border-radius: 4px;

	padding: 25px;

}



.myblock .tml-action-links{

	display:none;

}



.join-block label, #theme-my-login1{

	margin-bottom:0 !important;

	cursor:default;

}



.join-block input[type="submit"], #theme-my-login1 input[type="submit"]{

	padding:3px 8px;

}



.green.label{

	background:#595e5e;

}



.login p.message{

	border:1px solid #cae6ff !important;

	background:#f4faff !important;

}



#mlogo{

	display:none;

}



.main-part ul{

	list-style: disc;

	list-style-position: inside;

	margin-left: 10px;

}



.main-part ul li{

	margin-bottom:2px;		

	font-size:12px;

}



#slider, #slider img {

	width:100% !important;

	max-width:685px;

}

.widecolumn{
	background: #eceded;
	padding: 20px;
}

.widecolumn input{
	max-width: 400px;
	font-size: 14px !important;
	padding: 5px;
}

.widecolumn input[type="submit"]{
	max-width: 100px;
	font-size: 16px !important;
	padding: 5px;
}

/*--media style--*/

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

	.row{ width:100%;}

}



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

	.container{ width:95%;}

	.primary-nav li{ padding-left:0;}

	.primary-nav li:before{ display:none;}

	nav ul{ float:left;}

	.primary-nav li a{ padding:9px 15px;}

}



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

	.main-part, .rsidebar, .slide1, .slide2, .menu-section, #logo{ width:100%; float:left;}

	.main-part{ border-bottom:1px solid #fff;}

	#logo, nav #mobile-nav-button{ display:none;}

	#mlogo{ text-align:center; display:block; padding:15px 0;}

	nav select{ padding:3px; margin-bottom:0;}

	.omenu, .social, footer .finner{ text-align:center;}

	.omenu ul{ float:right; position:relative; right:50%; margin-bottom:0;}

	.omenu ul li{ position:relative; left:50%; border-radius:4px; margin-bottom:1px;}

	.social img{ margin-left:0;}

	.social{ margin-top:0;}

	.omenu{padding-bottom: 0; margin-bottom: 9px;}

	

}



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

	.row{ width:100%;}

}



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

	.row{ width:100%;}

}



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

	.row{ width:100%;}

}

