/* ==============================================================
----------- Template name : Cleaner creative template -----------
---------------------- Author : 99webpage -----------------------
------------------------ Version : 1.0 --------------------------
================================================================= */

.zdjecie {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#containt p, #containt ul li, #containt td {
	font-size: 16px;
}

.tresc {
	min-height: 500px;
}

td {
	vertical-align: middle;
}

/************ Top area *****************/
#top{
	background:#080808;
	width:100%;
	padding:15px 0 5px 0;
}
.open{
	width:100%;
	height:auto;
	border-top:8px solid #080808;
	margin:0;
	padding:0;
}
.open a{
	float:right;
	background: #080808 url(../images/plus.png) no-repeat 9px 6px;
	padding:0 10px 3px 23px;
	display:none;
	cursor:pointer;	
	color:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	margin-top:-5px;
}
.open a.active{
	background: #080808 url(../images/min.png) no-repeat 9px 8px;
	padding-top:3px;
	color:#fcfcfc;
}
ul.search{
	float:left;
	background: url(../images/vdark-line.png) repeat-y top left;
	padding:5px 0px 5px 34px;
	margin:20px 0px 0px 0px;
}
ul.search li{
	float:left;
	margin:0 15px 0 0;
	padding:0 0 0 0;
}
ul.search li.last{
	margin-right:0;
}
input.search-input{
	width:267px;
	padding:10px;
	border:1px solid #000;
	background:#fcfcfc;	
	margin:0;
	color:#393939;
}
input.search-input:focus{
	color:#080808;
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px#888;
	box-shadow: inner 0 0 5px #888;;
}
.search-btn{
	margin:0px;
	padding:10px 29px 9px 29px;	
	border:none;
	cursor:pointer;
	background:#fcfcfc;	
	color:#000;
}
.search-btn:active{
	border:none;
}

/************ Header area *****************/
#header-wrapper{
	width:100%;
	height:auto;
}
.header{
	width:100%;
	height:auto;
	position:relative;
}
#header-wrapper .row, #header-wrapper .column{
	overflow:visible;
}
/****** Logo ******/

#logo h1 {
	margin:0;
	padding:0;
}
#logo {
	width:128px;
	height:128px;
	float:left;
    background:url(../images/logo.png) no-repeat top left;
	margin-top:5px;
	position:absolute;
	top:0px;
	left:0px;
	text-indent:-9999px;
	z-index:9200;	
}

#logo a {
	display:block;
	height:100%;
	width:100%;
}

/******* top menu navigation *******/

#nav {
	margin:50px 0px 0px 0px;
	padding-left:35px;
	float:right;
	position:relative;
	width: auto;
	border-bottom:1px solid #080808	
}
.jqueryslidemenu {
	float:right;
	width: auto;
}
.jqueryslidemenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index:99999;
	float:right;
}

/* Mobile setting */
.jqueryslidemenu ul select{
	display:none;
	width:100%;
	border:1px solid #080808;
	color:#080808;
}

/*Top level list items*/
.jqueryslidemenu ul li {
	position: relative;
	display: inline;
	float: left;
	padding: 0px 20px 5px 20px;
	/*padding: 0 10px 5px 10px;*/
	background: url(../images/navi-li.png) no-repeat bottom left;
	font-size:16px;
}
/*Top level menu link items style*/
.jqueryslidemenu ul li a {
	display: block;
	text-decoration: none;
	color:#080808;
}
.jqueryslidemenu ul li a.parent{
	background: url(../images/plus-dark.png) no-repeat left 5px;
	padding-left:17px;
}

* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
.jqueryslidemenu ul li a:hover {
	background: transparent; /*tab link background during hover state*/
}
/*1st sub level menu*/
.jqueryslidemenu ul li ul {
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {
	display: list-item;
	float: none;
	font-size:12px;
	width: 160px; /*width of sub menus*/
	height:auto;
	padding: 0;
	margin:0 0 1px 0;
	background:#080808;	
}

.jqueryslidemenu ul li ul li:hover {
	background: #942214 !important;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a {
	margin: 0;
	border-top: none;
	padding: 7px 14px 6px 14px;
	height:auto;
	color:#fcfcfc; 
	font-family: 'OpenSansCondensedLight',Arial,sans-serif;
	font-size:14px;
}
.jqueryslidemenu ul li ul li a span{
	display:none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul {
	top: 0;
	padding:0;
	margin-left:-2px;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul li{
	border-left:1px solid #fff;
}

.downarrowclass {
	position: absolute;
	top: 12px;
	right: 7px;
}
.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}
/* -------------- fix ie8 --------------**/
@media \0screen {
#header	{
		padding:0px;

	}
	header li {
		float:left;
		height:50px;
	}

	.jqueryslidemenu ul li ul li {
		margin-bottom:0;
		border-bottom:1px solid #fff;	
	}
}
/************ Featured area *************/
#featured{
	width:100%;
	margin-top:50px;
}

.slider-area{
	width:100%;
	height:450px;
	background:#f7f7f7;
	margin:0;
}
.static-header{
    width:100%;
	background:#000;
	position:relative;
}
.static-header h2{
	text-align:center;
	position:absolute;
	top:30px;
	left:0;
	width:100%;
}
/************ containt area *************/
#containt{
	float:left;
	width:100%;
	padding:0;
	margin:0;
}

#tagline{
	width:100%;
	border-top:1px solid #080808;
	border-bottom: 1px solid #080808;
	background:#f5f6f4;
	text-align:center;
	margin-bottom:35px;	
	padding: 10px 0px 5px 0px;
}
#intro{
	width:100%;
	text-align:center;
}

#tagline h2, #intro h2{
	color:#080808;	
	padding:5px 0px 5px 0px;	
}
#tagline span, #intro span{
	color:#929292;
		font-family: 'OpenSansCondensedLight',Arial,sans-serif;
		font-size:15px
}
/* ---- Page title --- */
#page-title{
	background:#f5f6f4;
	border-bottom: 1px solid #080808;
	border-top: 1px solid #080808;
	margin-top: 50px;
	float:right;
	width:100%;
}
#page-title h3{
	text-transform:uppercase;
	margin:10px 0px 0px 20px;
	color:#080808;
}

ul#fade {
	list-style:none;
	float:right;
	padding:0;
	margin:15px 20px 0px 0px;
}
ul#fade li{
	background: url(../images/strive.png) no-repeat left 10px;
	padding:0px 0px 0px 25px;
	margin:0;
}
ul#fade p{
	padding:0;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	font-size:12px;
	font-family:Georgia,sans-serif;		
	color:#080808;
}
.bottom-tag-line{
	border-top: 1px solid #080808;
	padding-top:30px;
}
.bottom-tag-line h2{
	margin-bottom:0;
}
/* ---- Blog ---- */
.post-article{
	float:left;
	width:100%;
}
.post-article h3 a, .post-article h4 a{
	color:#1f1f1f;
}
ul.blog-meta, ul.blog-meta-line{
	float:left;
	width:100%;
	margin-bottom:10px;
	padding:0;
}
ul.blog-meta li{
	margin-bottom:10px;
}
ul.blog-meta-line li{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
ul.blog-meta li span, ul.blog-meta-line span{
	font-family: 'OpenSansCondensedLight',Arial,sans-serif;
	font-size:14px;
	color:#1f1f1f;	
}
.date-post{
	float:left;
	background:#f9f9f9;
	margin-right:15px;
	color:#1f1f1f;
	font-family: 'OpenSansCondensedLight',Arial,sans-serif;
	font-size:16px;	
}
span.date{
	float:left;
	width:100%;
	text-align:center;
	padding:10px 0px 10px 0px;
	font-size:18px;	
}
span.month{
	float:left;
	width:100%;
	background:#1f1f1f;
	color:#fff;
	text-align:center;
	padding:0;
	font-size:12px;
	text-transform:uppercase;
}

/* ---- linklist --- */
ul.link-list li{
	padding:0px 0px 15px 0px;
	margin:0px 0px 15px 0px;
}
ul.link-list li a{
   display: block;
}

/* ---- Gray list ---- */
ul.check-list li{
	background:url(../images/list/gray-list.png) no-repeat left 3px;
	padding-left:21px;
	margin:0px 0px 10px 0px;
}

/* ---- Plus list ---- */
ul.plus-list li{
	background:url(../images/list/plus.png) no-repeat left 4px;
	padding-left:19px;
	margin:0px 0px 10px 0px;
}

/* ---- Arrow list ---- */
ul.arrow-list li{
	background:url(../images/list/arrow.png) no-repeat left 6px;
	padding-left:19px;
	margin:0px 0px 10px 0px;
}

/* ---- Dot list ---- */
ul.dot-list li{
	background:url(../images/list/dot.png) no-repeat left 6px;
	padding-left:15px;
	margin:0px 0px 10px 0px;
}

/* -------------- Sidebar ---------------- */

.sidebar{
	width:100%;
	margin:0px !important;	
	padding:0px !important;	
}
.sidebar-widget h1, .sidebar-widget h2, .sidebar-widget h3, .sidebar-widget h4{
	float:left;
	width:100%;
	padding-bottom:10px;
	margin-bottom:10px;
}
.sidebar-widget{
	float:left;
}

/* --- list widget --- */
ul.sidebar-list  li{
	float:left;
	background:url(../images/gray-line.png) repeat-x bottom left;	
	width:100%;
}
ul.sidebar-list  li a{ 
	color:#929292;
}

/* --- recent-post --- */
ul.recent-post  li{
	float:left;
	background:url(../images/gray-line.png) repeat-x bottom left;	
	width:100%;
	padding-bottom:20px;
}
ul.recent-post h5 a{
	color:#1f1f1f;
}

/* --- tag-widgett --- */
ul.tag-widget li{
	float:left;
	margin:0px 10px 10px 0px;
	background:#f7f7f7;
	padding:5px 10px 5px 10px;
}
ul.tag-widget li a{
	color:#929292;
	display:block;
}
ul.tag-widget li:hover a{
	text-decoration:none;
	color:#fff;
}

/* --- ads widget --- */

ul.ads-widget li{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

ul.ads-widget li.omega{
	margin-right:0px;
}

ul.ads-widget li.last{
	margin-bottom:0px;
}

/* ----pagination --- */
.pagination{
	float:left;
}

.pagination span {
	margin-right:5px;
	float:left;  
	margin-bottom:5px;
}
.pagination a span {
	margin-right:10px;
	padding:0px 5px 0px 5px;
	color: #929292;
}

/************ Comments *************/
.comment-wrapp{
	float:left;
	border-bottom:1px solid #ededed;
	padding-bottom:35px;
	margin-bottom:35px;
}

.comment-wrapp h4 a{
	color:#1f1f1f;
}

.reply{
	float:right;
	width:95%;
}
.reply2{
	float:right;
	width:85%;
}

/************ Leave comment *************/
ul.comment-form, ul.contact-form{
	margin:15px 0px 0px 0px;
	padding:0 !important;
	list-style:none;
}

ul.comment-form li , ul.contact-form li{
	margin-top: 0 !important;
	margin-bottom: 20px !important;
}
.comment-form label , ul.contact-form label{
	float:left;
	font-family: 'OpenSansCondensedLight',Arial,sans-serif;
	font-weight:normal;
	line-height:1.5em;
	font-size:18px;
	color:#1f1f1f;
}
.comment-form label span, ul.contact-form label span{
	margin:3px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.5em;
	font-size:12px;
}
.comment-input, .contact-input, .comment-textarea, .contact-textarea, input#email, input#name, .contact-form textarea {
	width:586px;
	height:15px;
	background:#f7f7f7;
	border: 1px solid #ededed;	
	color:#acacac;
}

.comment-textarea, .contact-textarea, .contact-form textarea{
	height:138px;	
}

.comment-input:focus, .contact-input:focus, .comment-textarea:focus, input:focus#email, input:focus#name , .contact-textarea:focus{
	color:#5b5b5d;
	border: 1px solid #d7d7d7;
}
.validation {
	display:none;
}
#sendmessage{
	font-size:12px;
	margin:2px 0 15px;
	padding:10px 10px 10px 50px;
	background:url(../images/icons/infobox/success.png) no-repeat 15px center #effff4;
	border:1px solid #cdf3d8;
	border-left:5px solid #cdf3d8;
	color:#16783c;
	display:none;
}
/************ Portfolio *************/
#filter {
	display: block;
	position: relative;
	float:left;
}

#filter li{
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0;
	margin-bottom: 0px;
	overflow: hidden;
}

#filter a{
	text-decoration: none;
	display: block;
	outline: none;
	float:left;
	padding-left:15px;	
	color:#929292;
}
#filter a:hover{
	text-decoration: underline;
}
#filter a:active, #filter .active  a{
	outline:none;
	text-decoration: none;
	display: block;
}
.sum-item{
	float:right;
}
#stage{
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}

ul.portfolio li{
	float:left;
	margin:0px 0px 30px 0px;
	overflow:hidden;
	position: relative;
}
.img-wrapp{
	list-style: none outside none;
	position: relative;
	display:block;
	cursor:pointer;
}
.img-meta{
	margin:6px;
	padding:10px;
	background:#fdfdfd;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.small-img{
	width:176px;
	height:98px;
}
.small-img p{
	line-height:17px;
}
.medium-img{
	width:256px;
	height:147px;
}
.big-img{
	width:420px;
	height:244px;
}
.title-image{
	background:#fff;
	position:absolute;
	padding:5px 10px 6px 10px;
	bottom:1px;
	right:1px;
	z-index:99;
}
.title-image h2, .title-image h3, .title-image h4, .title-image h5,  .title-image h5{
	margin-bottom:0px;
}
.portfolio-detail li{
	background: url(../images/gray-line.png) repeat-x bottom left;
	padding-bottom:10px;
	margin-bottom:20px;
	
}
/* *********** Our team ************** */
ul.myteam-social {
	width:auto;
	height:57px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 !important;
	margin: 0 !important;
}
.myteam-social li{
	float:left;
	padding:0 !important;
	margin-right:20px;
}
.myteam-social li.last{
	margin-right:0px;
}
li.image_color a {
	display:block; 
	width:57px; 
	height:57px; 
	position:relative;
}	
li.image_color a .fb-hover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:57px; 
	height:57px; 
	background:url(../images/social/fb-team-hover.png) no-repeat top left;	
}
li.image_color a .twitter-hover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:57px; 
	height:57px;  
	background:url(../images/social/twitter-team-hover.png) no-repeat top left;	
}
li.image_color a .linkedin-hover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:57px; 
	height:57px; 
	background:url(../images/social/linkedin-team-hover.png) no-repeat top left;	
}
li.image_color a .google-plus-hover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:57px; 
	height:57px; 
	background:url(../images/social/google-plus-team-hover.png) no-repeat top left;	
}
/************ Testimoni *************/ 
#testimoni li blockquote{

}
.testimoni{
	background: url(../images/gray-line.png) repeat-x bottom left;
	padding-bottom:25px;
	margin-bottom:35px;
}
.testimoni h3 a, .testimoni h4 a, .testimoni h5 a, .testimoni h6 a{
	color:#1f1f1f;
}
/************ Footer *************/ 
#footer{
	float:left;
	width:100%;
	background:#080808;
	padding:35px 0px 0px 0px;
	color:#6a6a6a;	
}


/* social networks */
.fsocial{
	width:544px;
	margin:0 auto;
	text-align:center;
}
ul.social_network {
	width:auto;
	height:74px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 !important;
	margin: 30px 0px 30px 0px;
}
.social_network li{
	float:left;
	padding:0 !important;
	margin-right:20px;
}
.social_network li.last{
	margin-right:0px;
}
li.image_one a {
	display:block; 
	width:74px; 
	height:74px; 
	position:relative;
}	
li.image_one a .fb-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:74px; 
	height:74px; 
	background:url(../images/social/fb-hover.png) no-repeat top left;	
}
li.image_one a .twitter-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:74px; 
	height:74px;  
	background:url(../images/social/twitter-hover.png) no-repeat top left;	
}
li.image_one a .linkedin-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:74px; 
	height:74px; 
	background:url(../images/social/linkedin-hover.png) no-repeat top left;	
}
li.image_one a .google-plus-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:74px; 
	height:74px; 
	background:url(../images/social/google-plus-hover.png) no-repeat top left;	
}
li.image_one a .email-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:74px; 
	height:74px; 
	background:url(../images/social/email-hover.png) no-repeat top left;	
}
li.image_one a .rss-rollover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:74px; 
	height:74px; 
	background:url(../images/social/rss-hover.png) no-repeat top left;	
}
 ul.footer-contact{
	float:right;
	margin:0px !important;	
	padding:0px !important;	
}
ul.footer-link li{
	float:left;
	background: url(../images/vdark-line.png) repeat-y top right;
	padding-right: 10px;
	margin:0px 10px 20px 0px;
}
 ul.footer-contact li{
	float:left;
	background: url(../images/vdark-line.png) repeat-y top right;
	padding-right: 10px;
	margin:0px 10px 20px 0px;
}
ul.footer-link li a, ul.footer-contact li a{
	color:#6a6a6a;
}
ul.footer-link li.last, ul.footer-contact li.last{
	margin:0px 0px 20px 0px;
	background:none;
}
.subfooter{
	background:#040404 url(../images/footer-line.png) repeat-x top left;
	width:100%;
	text-align:center;
	padding:14px 0px 10px 0px;
}
.copyright{
	color:#282828;
	text-shadow:0px 1px 1px #000;
}
.fdivider{
	background:url(../images/footer-line.png) repeat-x bottom left;
	margin:35px 0px 25px 0px;
	height:2px;
}
/* ************** Elements ***************** */

/* ---- tabs ---- */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: auto;
	width: 100%;
	border:none;
	z-index:99;
	margin-bottom:20px;
}
ul.tabs li {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0;
	line-height:25px;
	overflow: hidden;
}
ul.sidebar-tabs li{
	width:100%;
	margin-bottom:10px;
}
ul.tabs li a {
	text-decoration: none;
	color: #1f1f1f;
	display: block;
	padding: 0 10px 0 10px;
	background:#ededed;
	font-size:14px;
	font-family: 'OpenSansCondensedLight',Arial,sans-serif;
	font-weight:normal;
}
ul.tabs li a:hover {
	background:#080808;
	color:#fff;
}
ul.tabs a:active {
	outline:none;
	background:#080808;
}
.panes {
	overflow: hidden;
	clear: both;
	float: left;
	border:1px solid #ededed;
	width: auto;
}
.panes div { /* for regular tabs */
	padding: 10px 10px 0px 10px;
}
.right-panes{
	border:none;
	width:100%;
}
.right-panes div{
	padding: 0px 0px 0px 0px;	
}
.panes img {
	margin-bottom:10px;
}

/* toggles */

.toggle {
	display: block;
	margin: 0px 0px 10px 0px;
}

/* toggle header */

/* currently active header */
.toggle span.active {
	cursor:pointer;
}

.toggle h6.title span.title_content {
	display: block;
	overflow: hidden;
	color: #1f1f1f;	
	position: relative;
	padding:0px 10px 0px 20px;
	height:auto;
	background: url(../images/icons/toggle-plus.png) no-repeat center left;	
}

/* toggle pane */
.toggle .toggle-pane {
	border-top: none;
	overflow: hidden;
	clear: both;
	border:1px solid #e9e9e9;
	padding:15px 15px 5px 15px;	
}

/* toggle_style1 */
.tstyle1 h6.title {
	cursor:pointer;
	text-decoration: none;
	color: #1f1f1f;
	display: block;
	padding: 0;
	font-size:14px;
	font-family: 'OpenSansCondensedLight',Arial,sans-serif;
	font-weight:normal;
}
/* ------  accordion --------- */
#accordion {
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
}
/* accordion header */
#accordion h6 {
	margin:0px 0px 1px 0px;
	background:#ededed url(../images/icons/toggle-plus.png) no-repeat 5px center;		
	cursor:pointer;
	width: 100%;	
	color: #1f1f1f;
	display: block;
	padding: 2px 10px 2px 25px;
	font-size:14px;
	font-family: 'OpenSansCondensedLight',Arial,sans-serif;
	font-weight:normal;	
}
#accordion h6:hover{
	background:#080808 url(../images/icons/toggle-plus-hover.png) no-repeat 5px center;
	color:#fff;	
}
/* accordion pane */
#accordion .pane {
	display: none;
	border:1px solid #e9e9e9;
	padding:15px;
	margin:5px 0px 5px 0px;
}
/* a title inside pane */
#accordion .pane h6 {
	font-weight:normal;
	margin:0 0 10px 0;
}
#accordion .pane p {
	margin:10 0 0 0;
}
.pane img {
	margin-bottom:10px;
}
/*------------------- info boxes --------------------*/

/*alert message*/
p.boxes {
	font-size:12px;
	margin:2px 0 15px;
	padding:10px 10px 10px 50px;
}
p.success_box {
	background:url(../images/icons/infobox/success.png) no-repeat 15px center #effff4;
	border:1px solid #cdf3d8;
	border-left:5px solid #cdf3d8;
	color:#16783c;
}
p.failed_box   {
	background:url(../images/icons/infobox/failed.png) no-repeat 15px center #fbebd4;
	border:1px solid #f0e1cb;
	border-left:5px solid #f0e1cb;
	color:#784616;
}
p.warning_box   {
	background:url(../images/icons/infobox/warning.png) no-repeat 15px center #fffed9;
	border:1px solid #f3f1c1;
	border-left:5px solid #f3f1c1;
	color:#787716;
}
p.error_box   {
	background:url(../images/icons/infobox/error.png) no-repeat 15px center #fbd4d4;
	border:1px solid #e7baba;
	border-left:5px solid #e7baba;
	color:#781616;
}
p.info_box  {
	background:url(../images/icons/infobox/info.png) no-repeat 15px center #f4fbff;
	border:1px solid #dfebf2;
	border-left:5px solid #dfebf2;
	color:#89cabf;
}
p.locked_box    {
	background:url(../images/icons/infobox/locked.png) no-repeat 15px center #fbf6d4;
	border:1px solid #f0eac5;
	border-left:5px solid #f0eac5;
	color:#166478;
}

/************ dropcap *************/
.dropcap {
	display:block;
	float:left;
	font-size:26px;
	line-height:28px;
	margin:3px 15px 15px 0;
	color:#080808;
	font-family: 'OpenSansCondensedLight',Arial,sans-serif;
}
.dropcap-square {
	display:block;
	float:left;
	font-size:22px;
	line-height:40px;
	width:40px;
	height:40px;
	text-align: center;
	margin:3px 15px 15px 0;
	background:#080808;
	color:#fff;	
	font-family: 'OpenSansCondensedBold',Arial,sans-serif;
}

.dropcap-circle {
	float:left;
    display: block;
	margin:3px 15px 10px 0;
	font-size:22px;
	line-height:40px;
    text-shadow: none;
    width:40px;
    text-align:center;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
	background:#080808;
	color:#fff;	
	font-family: 'OpenSansCondensedBold',Arial,sans-serif;
}

.divider{
	background:url(../images/gray-line.png) repeat-x bottom left;
	margin:35px 0px 35px 0px;
	height:1px;
}
/* ---- Image frame ---- */
.tframe5{
	background:#fff;
	border:1px solid #f1f1f1;
	padding:5px 5px 0px 5px;
}

.tframe-circle{
	background:#fff;
	padding:3px;
	border:1px solid #f1f1f1;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
}
/* ************ Pricing table ************** */
.pricing-table{
	float:left;
	margin:0px 1px 0px 0px;
	padding:0;
}
.box-four{
	width:231px;
}
.box-five{
	width:184px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.box-four{
		width:184px;
	}
	.box-five{
		width:147px;
	}
}
@media only screen and (max-width: 767px) {
	.box-four{
		width:299px;
		margin-bottom:20px;		
	}
	.box-five{
		width:227px;
		margin-bottom:20px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.box-four{
		width:455px;
		margin-bottom:20px;	
	}
	.box-five{
		width:227px;
		margin-bottom:20px;
	}	
}
@media only screen and (max-width: 479px) {
	.box-four{
		width:299px;
		margin-bottom:20px;	
	}
	.box-five{
		width:299px;
		margin-bottom:20px;
	}
}
ul.pricing-featured{
	float:left;
	margin:0;
	padding:0;
	width:100%;
}
ul.pricing-featured li{
	float:left;
	width:100%;
	text-align:center;
	padding:15px 0px 15px 0px;
	margin-bottom:1px;
	color:#1f1f1f;
}
ul.pricing-featured li strong{
	color:#1f1f1f;
}
ul.pricing-featured li.pricing-title{
	font-family: 'OpenSansCondensedLight',Arial,sans-serif;
	font-weight:normal;
	font-size:24px;
	color:#fff;	
	background:#0e0e0e;
	padding:10px 0px 10px 0px;
}
ul.pricing-featured li.pricing-price{
	font-family: 'OpenSansCondensedLight',Arial,sans-serif;
	font-weight:normal;
	font-size:22px;
	color:#fff;	
	background:#080808;
	padding:35px 0px 35px 0px;	
}
ul.pricing-featured li.pricing-price strong{
	color:#fff;
	font-size:32px;
}
ul.pricing-featured li.pricing-price sup{
	font-size:18px;
}
ul.pricing-featured li.list1{
	background:#ededed;
}
ul.pricing-featured li.list2{
	background:#c5c5c5;
}
ul.pricing-featured li.princing-btn{
	padding:25px 0px 25px 0px;
}
ul.pricing-featured li .btn{
	float:none;
}
/* ---- Error 404 ---- */
.error404 h1{ 
	text-align:center;
	margin-bottom:0;
	font-size:100px;
	line-height:88px;
}
.error404 h2, .error404 p{ 
	text-align:center;
}
/* ---- Button style ---- */
.textlink{
	float:left;
	padding-left:15px;
}
input.button{
	margin:0px;
	padding:10px 29px 9px 29px;	
	border:none;
	cursor:pointer;	
	color:#fff;
}
.btn{
	float:left;
	color:#fff;
}
.btn:hover{
	text-decoration:none;
	color:#fff;
}
.small{
	padding:3px 10px 3px 10px;
}
.medium{
	padding:10px 15px 10px 15px;
	font-size:14px;
}
.big{
	padding:15px 20px 15px 20px;
	font-size:18px;
}
.dark{
	background-color:#1f1f1f;
}

/* ---- Position ------ */
.relative{
	position:relative;
}
.absolute{
	position:absolute;
}

/* --- Spacing --- */
.left{
	float:left;
	margin-right:10px;	
	margin-bottom:10px;
}
.right{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.center {
	margin-left:0;
	margin-right:0;
	text-align:center;
}
.alpha {
	margin-left:0;
}

.omega {
	margin-right:0;
}

/* ---- margin top ---- */

.top-spacer0 {
	margin-top:0;
}

.top-spacer5 {
	margin-top:5px;
}

.top-spacer10 {
	margin-top:10px;
}

.top-spacer15 {
	margin-top:15px;
}

.top-spacer20 {
	margin-top:20px;
}

.top-spacer25 {
	margin-top:25px;
}

.top-spacer30 {
	margin-top:30px;
}

.top-spacer35 {
	margin-top:35px;
}

.top-spacer40 {
	margin-top:40px;
}

/* ---- Spacer bottom ----*/

.bot-spacer0 {
	margin-bottom:0px;
}
.bot-spacer5 {
	margin-bottom:5px;
}
.bot-spacer10 {
	margin-bottom:10px;
}
.bot-spacer15 {
	margin-bottom:15px;
}
.bot-spacer20 {
	margin-bottom:20px;
}
.bot-spacer25 {
	margin-bottom:25px;
}
.bot-spacer30 {
	margin-bottom:30px;
}
.bot-spacer35 {
	margin-bottom:35px;
}
.bot-spacer40 {
	margin-bottom:40px;
}
/* ----Top padding ---- */

.top-padding10 {
	padding-top:10px;
}
.top-padding15 {
	padding-top:15px;
}
.top-padding20 {
	padding-top:20px;
}
.top-padding25 {
	padding-top:25px;
}
.top-padding30 {
	padding-top:30px;
}
.botpadding20 {
	padding-bottom:20px;
}

/* ---- margin left ---- */
.left-margin5 {
	margin-left:5px;
}
.left-margin10 {
	margin-left:10px;
}
.left-margin15 {
	margin-left:15px;
}
.left-margin20 {
	margin-left:20px;
}
.left-margin25 {
	margin-left:25px;
}
.left-margin20 {
	margin-left:30px;
}
.left-margin35 {
	margin-left:35px;
}

/* ---- margin right ---- */
.right-margin5 {
	margin-right:5px;
}
.right-margin10 {
	margin-right:10px;
}
.right-margin15 {
	margin-right:15px;
}
.right-margin20 {
	margin-right:20px;
}
.right-margin25 {
	margin-right:25px;
}
.right-margin30 {
	margin-right:30px;
}

/***** iPad Smaller than 959px *****/

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.search-btn{
	margin-top:10px;
	}
	#nav {
		float:right;
		margin-left:-20px;
	}
	.jqueryslidemenu {
		float:right;
	}	

	/*Top level list items*/
	.jqueryslidemenu ul li{
		padding:15px;
	}
	
	.jqueryslidemenu ul li.parent{
		padding:0px 0px 0px 10px;
	}
	.comment-input, .contact-input, .comment-textarea, .contact-textarea, input#email, input#name , .contact-form textarea{
		width:462px;
	}
	.medium-img{
		width:196px;
		height:110px;
	}
	.big-img{
		width:324px;
		height:188px;
	}	
	.small-img{
		width:132px;
		height:71px;
	}
	.small-img h5{
		margin-bottom:0px;
	}		
	.small-img p, .small-img a{
		font-size:10px;
		margin:0px;
	}
	.slider-area{
		height:359px;
	}
}

/* iPhone (landscape) ----------- */
@media only screen and (max-width: 767px) {
	.open{
		position:relative;
	}
	#header{
		padding-bottom:30px;
	}
	#logo {
		float:none;
		position:relative;
		margin: 0 auto;
		margin-top:20px;
	}
	#nav{
		border-bottom:none;
	}
	#featured{
		margin-top:10px;
	}
	.slider-area{
		height:221px;
	}	
	#page-title{
		margin-top:20px;
	}
	.jqueryslidemenu ul select{
		display:block;
		width:456px;
	}	
	.jqueryslidemenu ul li{
		display:none;
	}		
	 ul.footer-contact{
		float:left;
		margin:0px !important;	
		padding:0px !important;	
	}	
	.comment-input, .contact-input, .comment-textarea, .contact-textarea, input#email, input#name , .contact-form textarea{
		width:278px;
	}
	.medium-img{
		width:424px;
		height:248px;
	}	
	.big-img{
		width:424px;
		height:248px;
	}	
	.small-img{
		width:424px;
		height:248px;
	}
	#page-title h3{
		margin-bottom:0;
	}	
	ul#fade {
		float:left;
		margin:0px 0px 20px 20px;
	}
	#filter li{
		margin: 0px 20px 10px 0px;
	}	
	.sum-item{
		float:left;
	}
	.fsocial{
	width:470px;
	}
	ul.social_network li{
		margin-bottom:20px;
	}
	.bottom-tag-line{
	text-align:center;
	}
}

/* iPhone (portrait) ----------- */	
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.open a{
		top:0;
		left:80px;
		position:absolute;
	}
	#nav{
		border-bottom:none;
	}
	.jqueryslidemenu ul select{
		display:block;
		width:456px;
	}	
	.slider-area{
		height:221px;
	}
	.comment-input, .contact-input, .comment-textarea, .contact-textarea, input#email, input#name , .contact-form textarea{
		width:434px;
	}	
	.medium-img{
		width:424px;
		height:248px;
	}	
	.big-img{
		width:424px;
		height:248px;
	}	
	.small-img{
		width:424px;
		height:248px;
	}	
	.fsocial{
	width:322px;
	}
	ul.social_network li{
		margin-bottom:20px;
	}	
	#tagline h2{
		font-size:16px;
		padding:0px 10px 0px 10px;
	}	
}

/* Mobile Portrait Size to Mobile Landscape Size  ----------- */	
@media only screen and (max-width: 479px) {
	.open a{
		top:0;
		left:50px;
		position:absolute;
	}
	.search-btn{
		margin:20px 0 0 0;
	}
	input.search-input{
		width:244px;
	}
	.slider-area{
		height:130px;
	}	
	#nav{
		border-bottom:none;
	}
	.jqueryslidemenu ul select{
		display:block;
		width:300px;
	}		
	.medium-img{
		width:268px;
		height:154px;
	}	
	.big-img{
		width:268px;
		height:154px;	
	}	
	.small-img{
		width:268px;
		height:154px;	
	}	
	.fsocial{
	width:248px;
	}
	ul.social_network li{
		margin-bottom:20px;
	}
	#tagline h2{
		font-size:14px;
		padding:0px 10px 0px 10px;
	}
}