/*************************************************   
Theme Name: Grafika
Theme URI: http://weblusive-themes.com/Grafika
Description: A fully responsive ultra-customizable Worpdress theme.
Author: PremiumLayers & Weblusive  
Author URI: http://www.weblusive.com/
Version: 1.0
License: See on zip package
License URI: See on zip package
Tags: dark, light
*************************************************/
/*-------------------------------------------------
 =  Table of Css

 1.Isotope                              
 2.Header                          
 3.General code                   
 4.content                              
 5.Portfolio page                          
 6.services page       
 8.Project page                               
 9.Single post                            
 10.About page                            
 11.Contact page

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

hr{
    margin:30px 0 30px 35px!important;
}


#right-contents-search{
width:700px;
padding:400px 0 0 240px;	
}


.postImg{
width:auto;
height:auto;
margin:0 20px 0 0;
padding:0;
float:left;	
}

.postImg img{
    width:460px;
  border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;	
}



div.single-contents-footer-ttl{
width:auto;
height:auto;	
margin:50px 0 20px 0px;
padding:0px 0 15px 0;
text-align:left;
font-family: "ff-enzo-web",sans-serif;
color:#000000;
font-weight:bold;
font-size:14px;
letter-spacing:0.2em;
background:url(/images/horizontal-line-black.png) no-repeat 0px 30px;
}

.related-item{
clear:left;	
width:980px;
height:auto;
overflow:hidden;
margin:0;
padding:0;	
}

.related-thumbnail{
width:220px;
height:auto;
margin:0px 20px 0 0;
float:left;
overflow:hidden;
position:relative;
	z-index:2;
}

.related-thumbnail h2 {
    color: #000000;
    font-size: 12px!important;
    font-family: "ff-enzo-web",sans-serif;
    font-weight: 300;
    line-height: 140%!important;
    margin: 0px;
	padding:6px 0 0 35px;
	letter-spacing:0.2em;
	background:url(/images/horizontal-line-black.png) no-repeat 0px 12px;
}



.related-thumbnail-images img{
width:220px;
height:auto;
}

ul#single-footer-nav{
clear:left;	
width:940px;
height:auto;
margin:50px 0 0px 0;
padding:12px 0 0px 0;
 font-size: 12px!important;
    font-family: "ff-enzo-web",sans-serif;
    font-weight: 600;
	letter-spacing:0.2em;
border-top:1px solid #000000;
position:relative;
	z-index:100;
}

ul#single-footer-nav .back{
float:left;	
}

ul#single-footer-nav .next{
float:right;	
}

/*-------------------------------------------------------*/
/* 1. Isotope filtering
/*-------------------------------------------------------*/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    transition-property:transform, opacity;
}

/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/


.archives-box,
.categories-box {
    padding: 30px 30px 15px;
    border-bottom: 1px solid #e5e5e5;
}

.archives-box h2,
.categories-box h2, .footer-block h4 {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 12px;
    line-height: 20px;
}

ul.archives li,
ul.categories li {
    list-style: none;
    margin-bottom: 6px;
}

ul.archives li a,
ul.categories li a {
    display: inline-block;
    color: #787878;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 20px;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.archives li a:hover,
ul.categories li a:hover {
    color: #000000;
}

.social-box {
    padding: 24px 30px;
    border-bottom: 1px solid #e5e5e5;
}

ul.social-icons {
    padding: 0;
    margin: 0;
}
.footer-block ul.social-icons { margin-top:-15px; margin-bottom:0px}

ul.social-icons li {
    list-style: none;
    display: inline-block;
    margin-left: 8px;
}

ul.social-icons li:first-child {
    margin-left: 0px;
}

ul.social-icons li a {
    display: inline-block;
    margin: 0;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.social-icons li a:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

ul.social-icons li a i {
    color: #d1d1d1;
    font-size: 22px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.social-icons li a:hover i {
    color: #a1a1a1;
}



/*-------------------------------------------------*/
/* =  General code
/*-------------------------------------------------*/

body {
    background: #ffffff;
	opacity: 0;
	overflow: scroll;
}

body.active {
	opacity: 1;
	overflow: scroll;
}
img, select, input, textarea {max-width:100%}
#container {
    height: 100%;
    opacity: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	overflow: scroll;
}

#container.active {
    opacity: 1;
}
.row, .row-fluid {overflow:auto; margin-bottom:10px}

.preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
    -webkit-backface-visibility: hidden;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.preloader img {
    -webkit-backface-visibility: hidden;
}
.services{margin-left:0}

.services ul, .quovolve{list-style:none; padding-left:0; margin-left:0}
ul {padding-left:10px; margin-left:10px}
/*-------------------------------------------------*/
/* =  content
/*-------------------------------------------------*/
.sidebar-content {}
#content {
    position: relative;
    padding-left: 220px;
	padding-top:160px;
    height: 100%;
    overflow: scroll;
}

.search #content {
    position: relative;
    padding-left: 0px;
	padding-top:160px;
    height: 100%;
    overflow: scroll;
}


.blog-page {
    padding: 12px;
    margin: 0;
    overflow: hidden;
    position: relative;
	z-index:0;
}

.blog-post {
    width: 23.3%;
    padding: 12px;
}

.inner-post {
    box-shadow:none;    
}

.blog-post img {
    width: 100%;
	height:auto;
}
.blog-post-widget ul {margin-left:0; padding-left:0}
.blog-post-widget ul.tab-links li a {font-size:16px; padding:14px}
.blog-post-widget ul.tab-links li{margin-bottom:0}
.post-content {
    padding:0px;
}

.post-content h2 {
    color: #000000;
    font-size: 12px!important;
    font-family: "ff-enzo-web",sans-serif;
    font-weight: 300;
    line-height: 140%!important;
    margin: 0px;
	padding:6px 0 0 35px;
	background:url(/images/horizontal-line-black.png) no-repeat 0px 12px;
}

.post-content h2 a {
    color: #000000;
}

.post-content  {
height:30px;  
}

.post-tags {
    padding: 0;
    margin: 10px 0 0 0;
}

.post-tags li {
    display: inline-block;
    margin-right: 12px;
}

.post-tags li:last-child {
    margin-right: 0px;
}

.post-tags li a {
    display: inline-block;
    color: #9a9a9a;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-decoration: none;
    line-height: 22px;
}

.post-tags li a i, .post-tags li i {
    color: #818181;
    font-size: 14px;
    margin-right: 4px;
}

.link-post .post-content {
    background: rgba(17,17,17,0.7);
    border: 10px solid #e5d94e;
    padding: 20px 30px;
    text-align: center;
}

.link-post .post-content p {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin: 0;
}

.link-post .post-content a {
    display: inline-block;
    color: #bdbdbd;
    font-size: 14px;
    line-height: 26px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-style: italic;
    margin: 0;
}

.video-post iframe {
    display: block;
    width: 100%;
    height: 250px;
    border: none;
    margin: 0;
}

.quote-post .post-content {
    background: #000000;
    text-align: center;
    padding: 30px 34px;
}

.quote-post blockquote, .quote-post blockquote p {
    color: #123347;
    font-size: 23px;
    font-family: georgia;
    line-height: 26px;
    font-style: italic;
    padding: 0;
   
}
.quote-post blockquote{
	position: relative;
	border: none;
	margin-bottom: 45px;
}
.quote-post p {margin-bottom:0 !important}

.quote-post blockquote:after {
    position: absolute;
    width: 23px;
    height: 17px;
    top: 100%;
    margin-top: 10px;
    left: 50%;
    margin-left: -9px;
    background: url('images/quote.png') center center no-repeat;
}

.quote-post span {
    color: #123347;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin: 0;
}

.aside-post .post-content {
    background: #000000;
    padding: 18px 25px;
    border-left: 15px solid #000000; 
}

.aside-post .post-content h2 {
    color: #fff; 
}

.aside-post .post-content p {
    color: #9c9c9c;
    margin-bottom: 0;
}

.photo-post a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 105px;
    height: 93px;
    margin-top: -46px;
    margin-left: -52px;
    background: rgba(0,0,0,0.4);
    text-align: center;
    text-decoration: none;
    line-height: 93px;
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    color: #fff;
    font-weight: 300;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
    -moz-transform: scale(0.0);
    -o-transform: scale(0.0);
    -ms-transform: scale(0.0);
}

.photo-post:hover a {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    outline: none;
}

.blog-page-link {
  width:200px;
  display:block;
  margin:40px auto 0px auto;
    padding: 18px;
	text-align:center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background: #000000;
    color: #ffffff !important;
    font-size: 14px;
	letter-spacing:0.2em;
	font-family: "ff-enzo-web",sans-serif;
    text-transform: uppercase;
    text-decoration: none!important;
    bottom: 0;
}

.blog-page-link:hover {
    background: #ffffff;
	 color: #000000 !important;
	border:1px solid #000000;
}

/*-------------------------------------------------*/
/* =  portfolio-page
/*-------------------------------------------------*/

.project-post {
    width: 24.99%;
    margin: 0;
    overflow: hidden;
}

.project-post img {
    width: 100%;
	height:auto;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */

    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
}

.project-post .hover-box {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    text-align: right;
}

.nicescroll-rails {
    z-index: 999999!important;
}

.project-title {
    padding: 22px 25px;
}

.project-title h2, .inner-content .project-title h2 {
    color: #000000;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    line-height: 22px;
    margin: 0;
}

.project-title span {
    color: #bcbcbc;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    margin: 0;
}

.project-links {
    position: absolute;
    padding: 0 25px;
    right: 0;
    width: 100%;
    bottom: 15px;
}

.project-links li {
    display: inline-block;
    margin-left: 5px;
}

.project-links li a {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: 1px solid #6e6e6e;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.project-links li a i {
    display: inline-block;
    line-height: 36px;
    color: #fff;
    font-size: 12px;
}

.project-links li a:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

/*-------------------------------------------------*/
/* =  services-page
/*-------------------------------------------------*/

.services-page {
    padding: 30px;
}

.services-box {
    background: #fff;
    padding: 30px;
}

.services-box .row:after,
.services-box .row:before {
    content:"";
    display: none;
}

.services-section {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
    overflow: hidden;
}

.services-section:last-child {
    border-bottom: none;
}

.inner-content h1 {
    color: #000000;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 26px;
    margin: 0 0 5px;
}

.inner-content h2 {
    color: #000000;
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 26px;
    margin: 0 0 5px;
}

.inner-content p {
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 30px;
    margin: 0 0 30px;
}

.services-post {
    text-align: center;
}

.services-post a {
    display: inline-block;
    width: 114px;
    height: 114px;
    margin-bottom: 25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #000;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.services-post a i {
    color: #000;
    font-size: 40px;
    line-height: 114px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.services-post a:hover {
    background: #000;
}

.services-post a:hover i {
    color: #fff;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.services-box .services-post p {
    font-size: 14px;
}

.tab-box {
    padding: 30px;
    border: 1px solid #dbdbdb;
    overflow: hidden;
}

.tab-content {
    display: none;
    overflow: hidden;
}

.tab-content p {
    margin-bottom: 12px;
}

.tab-content:first-child {
    display: block;
}

ul.tab-links {
    border: 1px solid #dbdbdb;
    border-bottom: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

ul.tab-links li {
    list-style: none;
    float: left;
    text-align: center;
    border-left: 1px solid #dbdbdb; 
}

ul.tab-links li:first-child {
    border-left: none; 
}

ul.tab-links li a {
    display: inline-block;
    width: 100%;
    padding: 18px;
    text-align: center;
    color: #000;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.tab-links li:hover,
ul.tab-links li a.active {
    background: #000000;
}

/*-------------------------------------------------*/
/* =  project-page
/*-------------------------------------------------*/

.single-box {
    background: #fff;
    overflow: hidden;
}

.single-box-content {
    padding: 0;
    float: left;
    border-right: 1px solid #e5e5e5;
}

.sidebar-content {
   
    padding: 24px 15px;
}

.project-post-content-images{
	width:460px;
    padding: 0px;
	margin:0 20px 25px 0;
	padding:0;
	text-align:left;
	overflow:hidden;
	float:left;
}

.project-post-content-images img{
	 border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;	
}


.project-post-content {
	width:380px;
    padding: 0px;
	margin:0 0 25px 0;
	padding:0;
	text-align:left;
	overflow:hidden;
	float:left;
	position:relative;
	z-index:2;
}

.project-post-content  h2{
width:auto;
height:auto;	
font-size:14px;	
font-weight:bold;
margin:0 0 10px 0;
padding:0 0 0 35px;
background:url(/images/horizontal-line-black.png) no-repeat 0px 11px;	
}

.project-post-content  .project-text p{
	text-align:left;
	margin:0 0 0 35px;
	padding:0;
    font-size:12px!important;
	 line-height: 180%!important;
	 color:#4d4d4d!important;
}


.order-button a{
	display:block;
	width:240px;
	height:55px;
	color:#ffffff;
	padding:20px 0 0 0;
	background-color:#000000;
	margin:20px 0 0  35px;
	text-align:center;
	font-size:14px;
	letter-spacing:0.2em;
	   border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.order-button a:hover{
	display:block;
	width:240px;
	height:55px;
	color:#000000!important;
	padding:20px 0 0 0;
	background-color:#ffffff;
	border:1px solid #000000;
	margin:20px 0 0  35px;
	text-align:center;
	font-size:14px;
	letter-spacing:0.2em;
	   border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.guide-button{
    margin:0 0 40px 0;
}

.guide-button a{
	display:block;
	width:240px;
	height:55px;
	color:#000000;
	padding:20px 0 0 0;
	border:1px solid #000000;
	margin:10px 0 20px  35px;
	text-align:center;
	font-size:14px;
	letter-spacing:0.2em;
	   border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.guide-button a:hover{
	display:block;
	width:240px;
	height:55px;
	color:#ffffff!important;
	padding:20px 0 0 0;
	background-color:#000000;
	margin:10px 0 0  35px;
	text-align:center;
	font-size:14px;
	letter-spacing:0.2em;
	   border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.project-post-content-option {
	clear:left;
	width:960px;
    padding: 0px;
	margin:0;
	padding:0;
	text-align:left;
	overflow:hidden;
	position:relative;
	z-index:2;
}


.project-post-content,
.about-section p {
    color: #4d4d4d;
    font-size: 12px;
    font-weight:0;
    margin:0;
    line-height: 120%;
}


.similar-projects h1 {
    margin-bottom: 20px;
}

.similar-projects .project-post {
    width: 33.3%;
}

#sidebar h3 {
    margin-bottom: 17px;
}
.sidebar-div {padding:20px 24px}
.post-info {
    margin-bottom: 26px;
}
.post-info ul {list-style:none; margin-left:0; padding-left:0}
.post-info ul li {
    padding: 14px 0;
    border-bottom: 1px solid #e5e5e5;
}

.post-info ul li:first-child {
    padding: 0 0 14px;
}

.post-info ul li span {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #000;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 14px;
}

.post-info ul li span i {
    color: #000;
    line-height: 32px;
    font-size: 12px;
}

.post-info ul li a {
    text-decoration: none;
    display: inline-block;
    color: #848484;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 32px;
}

.project-gallery ul {
    overflow: hidden; margin-left:0; padding-left:0; list-style:none
}

.project-gallery ul li {
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
}

.project-gallery ul li a {
    display: inline-block;
    max-width: 78px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.project-gallery ul li a:hover {
    opacity: 0.7;
}

.project-gallery ul li a img {
    width: 100%;
}

.project-gallery {
    margin-bottom: 14px;
}

.project-feature h1 {
    margin-bottom: 5px;
}
.project-feature ul {margin-left:0; padding-left:0; list-style:none}
.project-feature ul li {
    color: #848484;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 32px;
}

.project-feature ul li:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    margin-right: 8px;
}

/*-------------------------------------------------*/
/* =  single post
/*-------------------------------------------------*/

.tags-box {
    margin-bottom: 16px;
}

.tags-box ul li {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 10px;
}

.tags-box ul li a {
    display: inline-block;
    color: #a3a3a3;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding: 9px 17px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border: 1px solid #dbdbdb;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.tags-box ul li a:hover {
    color: #000;
    border: 1px solid #000;
}

.archives-sidebar ul li a {
    display: inline-block;
    color: #848484;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-decoration: none;
    line-height: 28px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.archives-sidebar h1 {
    margin-bottom: 5px;
}

.archives-sidebar ul li a:hover {
    color: #000;
}

.comment-section h1 {
    margin-bottom: 15px;
}

.comment-box {
    overflow: hidden;
    margin-bottom: 30px;
}

.comment-box img {
    float: left;
    max-width: 80px;
}

ul.depth {
    margin-left: 100px;
}

ul.depth li {
    position: relative;
}

ul.depth li:before {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    top: 0;
    left: -60px;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.comment-content {
    padding-left: 100px;
}

.comment-content h6 {
    color: #3c3c3c;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    line-height: 22px;
    border-bottom: 1px solid #e5e5e5;
    display: inline-block;
    margin: -4px 0 7px;
    padding-bottom: 4px;
}

.comment-content h6 span {
    color: #d1d1d1;
    font-style: normal;
}

.comment-content p {
    color: #a3a3a3;
    line-height: 26px;
}

/*-------------------------------------------------*/
/* =  about-page
/*-------------------------------------------------*/

.about-page {
    padding: 30px;
}

.about-box {
    background: #fff;
    overflow: hidden;
}




.last-section {
    border: none;
    margin: 0;
}

.last-section h1 {
    margin-bottom: 20px;
}

.team-post {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.team-post img {
    width: 100%;
    -webkit-backface-visibility: hidden;
}

.team-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f8e835;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    overflow: hidden;
}

.team-post:hover .team-hover {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

.team-data {
    position: relative;
    top: 50%;
    margin-top: -16px;
}

.team-post h3 {
    color: #000000;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0;
}

.team-post span {
    color: #000000;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 16px;
    margin: 0;
}

.skills-progress {
    margin-bottom: 30px;
}

.skills-progress p {
    color: #000000;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 26px;
    clear: both;
    margin-bottom: 0px;
}

.skills-progress p span {
    font-size: 14px;
    float: right;
}

.meter { 
    height: 33px;  /* Can be anything */
    position: relative;
    background: #fff;
    border: 1px solid #dbdbdb;
    margin-bottom: 12px;
}

.meter > span {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: url('images/skills-pattern.png');
}

.client-test {
    overflow: hidden;
}

.client-test img {
    float: left;
    max-width: 80px;
    margin-right: 24px;
}

.client-test h3, #sidebar .client-test h3{
    color: #000000;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    padding: 27px 25px;
    margin: 0;
    margin-left: 80px;
    line-height: 26px;
    background: #000000;
	font-weight:bold;
}

.testimonial p {
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
    padding: 16px 30px;
    border: 1px solid #ececec;
}

.testimonial {
    margin-bottom: 25px;
}

.skills-progress h1 {
    margin-bottom: 6px;
}

.services h1 {
    margin-bottom: 6px;
}

.services ul li a {
    display: inline-block;
    color: #848484;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 28px;
    text-decoration: none;
}

.services ul li {
    position: relative;
    padding-left: 11px;
}

.services ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #848484;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    top: 12px;
    left: 0;
    margin-right: 7px;
    position: absolute;
}

/*-------------------------------------------------*/
/* =  contact-page
/*-------------------------------------------------*/

#map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    filter: grayscale(100%); /* Current draft standard */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */

    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
}

.contact-box {
    position: relative;
    z-index: 3;
    width: 780px;
    max-width:100%;
	overflow: hidden;
	background:#fff;
	padding:30px;
	margin:0 0px 30px 0px;
	float:left;
}
.col-md-4.spart{width:230px}
.contact-page .col-md-12.cpart{background:#fff; background:rgba(255, 255, 255, 0.9)}
.contact-page .inner-content > div {background:none}
.contact-info {
   
    margin-bottom: 20px;
}

.contact-box h1 {
    color: #000000;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 26px;
    margin: 0 0 10px;
}

#contact-form h1,
.comment-form h1 {
    margin: 0 0 20px;
}

.contact-info p {
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 30px;
    margin: 0 0 20px;
}

#contact-form {
    overflow: hidden;
}

.text-fields {
    float: left;
    width: 50%;
    padding-right: 10px;
}

.submit-area {
    float: right;
    width: 50%;
}

.comment-form {
    overflow: hidden;
}

.float-input {
    position: relative;
    padding-left: 58px;
}

.float-input span {
    position: absolute;
    width: 58px;
    height: 58px;
    border: 1px solid #eaeaea;
    top: 0px;
    left: 0px;
    z-index: 2;
    text-align: center;
}

.float-input span i {
    line-height: 32px;
    font-size: 12px;
    color: #000;
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #000;
    margin-top: 13px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

#contact-form input[type="text"],
#contact-form textarea,
#contactFormWidget input[type="text"],
#contactFormWidget textarea,
.comment-form input[type="text"],
.comment-form textarea {
    color: #848484;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #eaeaea;
    border-left: none;
    font-weight: 300;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    outline: none;
    width: 100%;
    padding: 13px 18px;
    display: block;
    margin-bottom: 10px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;  
}



#contactFormWidget input[type="text"],
#contactFormWidget textarea{border-left: 1px solid #eaeaea;}
#contactFormWidget .row {margin-bottom:0}
#contact-form input[type="text"]:focus + span i,
.comment-form input[type="text"]:focus + span i {
    color: #fff;
    background: #000;
}

#contact-form textarea,
.comment-form textarea {
    height: 126px;
    border: 1px solid #eaeaea;
}

#contact-form input[type="submit"],
.comment-form input[type="submit"] {
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding: 14px 19px;
    background: #000000;
    text-transform: uppercase;
    border: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

#contact-form input[type="submit"]:hover,
.comment-form input[type="submit"]:hover {
    opacity: 0.8;
}

#contact-form .message,
.comment-form .message {
    height:20px;
    font-size:13px;
    font-family: 'Open Sans', sans-serif;
    float: none;
    margin-top: 5px;
}

#contact-form .message.error,
.comment-form .message.error {
    color:#eb2c06;
}

#contact-form .message.success,
.comment-form .message.success {
    color:#1e9397;
}




  /*****************************************************/
  /************Just required classes*************/
.wp-caption{max-width:100%}
.wp-caption-text {}
.sticky {}
.sticky .post-content{background:#000000}
.gallery-caption {}
.bypostauthor {}
.alignright {float: right; margin-left: 10px;}
.alignleft {float: left; margin-right: 10px;}
.aligncenter {}
/********************MENU******************************/
.menu>li.current-menu-item a:before{
    content: '\f0a9';
font-family: 'FontAwesome';
color: #000000;
font-size: 18px;
line-height: 20px;
margin-right: 8px;
}

/*********************Page*************************/
.inner-content{
    padding: 30px;
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin: 0 0 25px;
    line-height: 30px;
}
.inner-content.blog-content{padding:0}
.inner-content.blog-content> div {background:transparent}
.inner-content > div {background:#fff;}
.main-content {
    padding: 30px 14px;
} 

.col-md-8.cpart {border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;}
.col-md-4.spart {}
.main-content > img {margin-bottom:20px; width: 100%; height: auto;}
/****************portfolio*********************/
.single-box-content img{width: 100%; height:auto}
/* ====================== 404 (Page not found) ===================== */

.notfound {background:url('images/404.png') no-repeat top center; height:119px; margin-top: 40px;}
.lost {background:url('images/404_text.png') no-repeat top center; height:40px}
.notfound_description{margin:10px 0px; text-align:center}
.notfound_description{
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin: 0 0 25px;
    line-height: 30px;
}
.notfound_text a {
    display: table;
    color: #fff;
    background:#000000;
    font-family: 'Roboto',  sans-serif;
    padding: 8px 16px;
    font-weight: bold;
    border-radius: 6px;
    font-size: 15px;
    margin:0 auto}
.error-content {text-align:center}
.notfound_text{padding-bottom: 20px;}
.notfound_text a i{margin-right: 5px;}

/* ======================== Under Construction ===================== */

#uc-content{text-align:center; padding:100px 0px; font-family:'Roboto', sans-serif}
.uc-text{margin:30px 0px; font-family:'Roboto', sans-serif}
.uc-maintitle {color:#1b1b1b; font-size:30px; text-align:center; font-family:'Roboto', sans-serif; }
div.clock{margin-left: 8.333333333333332%; margin-bottom: 40px;}
div.clock div.col-md-2{margin-right: 17px;}
div.clock p {padding:10px; border:1px solid #e5e5e5; font-family:'Roboto', sans-serif; background: #000000; color: #fff;}
div.clock p span { display: block; font-size: 40px; font-weight:700; letter-spacing:-1px; padding: 5px 0 0; margin:20px 0 30px 0px  }
#uc-content .progress {height:30px}
#uc-content .progress-bar{background-color:#000000;}
#uc-content .progress i{font-size:20px; display:block; margin:4px 0 0 -10px}
/*****************************************************/
/****************PORTFOLIO*********************/
.portfolio-page>.col-md-12, .portfolio-page>.col-md-9{padding: 0}
/******************************BLOG********************/
.blog-page>.col-md-12, .blog-page>.col-md-9{padding: 0}

.single-box-content iframe{width: 100%; height: 375px;}
.blog-page .sidebar-div, .portfolio-page .sidebar-div{
    padding: 0 15px;
    background: #fff;
    margin-top: 12px;
}
.portfolio-page .sidebar-div{margin: 0}




/************SEARCHFORM***************/
.search-widget input[type="search"] {
    color: #716565!important;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    padding: 15px 20px;
    border: 1px solid #e9e9e9;
    background: #fff;
    width: 100%;
    outline: none;
}

.search-widget input[type="search"]:focus {
    border: 1px solid #000000;
}

input::placeholder {
  opacity: 0.3;
  color:#000000;
}

.search-widget button {
    background: #fff;
    border: none;
    float: right;
    margin-top: -35px;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}

.search-widget button i {
    color: #000000;
    font-size: 18px;
}
/***********************WIDGETS**************/
#sidebar .widget{margin-bottom: 30px;}

ul.wp-tag-cloud{margin-left:0; padding-left:0}
ul.tag-widget-list li, ul.wp-tag-cloud li {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 10px;
}

ul.tag-widget-list li a, ul.wp-tag-cloud li a {
    display: inline-block;
    color: #a3a3a3;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding: 9px 17px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border: 1px solid #dbdbdb;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.tag-widget-list li a:hover, ul.wp-tag-cloud li a:hover {
    border: 1px solid #000;
    color: #000;
}

ul.flickr-list {
    overflow: hidden; padding-left:0; margin-left:0
}

ul.flickr-list li {
    float: left;
    margin-right: 13px;
    margin-bottom: 13px;
}

ul.flickr-list li:nth-child(3n) {
    margin-right: 0px;
}

ul.flickr-list li a {
    display: inline-block;
    max-width: 65px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.flickr-list li a img {
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.flickr-list li a:hover {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
}

ul.flickr-list li a:hover img {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
}
/*---contact widget---*/
#contactFormWidget .col-md-6, #contactFormWidget .col-md-12{margin: 5px 0;}
#contactFormWidget input[type='text'], #contactFormWidget textarea{width: 100%;}
#contactFormWidget textarea{height: 100px; margin-bottom: 10px}
#contactFormWidget .col-md-12{text-align: right;}
#contactFormWidget .col-md-12 input[type='submit']{background: #000000;color: #000;}
#contactFormWidget .widgetinfo {color: green}
/*---3 in 1---*/
.widget_alc_totalposts ul.tab-links li{width: 33.3%}
.widget_alc_totalposts ul.tab-links li a{font-size: 12px;}
.widget_alc_totalposts .tab-box{padding-bottom: 0;}
.widget_alc_totalposts .tab-box li{overflow: hidden;margin-bottom: 16px; width: 100%; }
.widget_alc_totalposts .post-comments img, .widget_alc_totalposts .post-popular img, .widget_alc_totalposts .post-recent img{margin-right: 10px;}
.widget_alc_totalposts .post-comments p, .widget_alc_totalposts .post-popular p, .widget_alc_totalposts .post-recent p{margin: 0; line-height: 12px;}
.widget_alc_totalposts .post-comments time, .widget_alc_totalposts .post-popular time, .widget_alc_totalposts .post-recent time{display: inline-block;color: #b8b8b8;font-size: 11px;}
/**common widgets**/
.footer-block{padding: 30px 30px 15px; border-bottom: 1px solid #e5e5e5;}
.footer-block h2 {
    font-size: 16px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-transform: uppercase;
margin: 0 0 12px;
line-height: 20px;
}

.widget_archive ul, .widget_meta ul{margin-left:0; padding-left:0}
.footer-block ul li, .widget_archive ul li, .widget_meta ul li{
    color: #787878;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 20px;
    text-decoration: none;
    list-style: none;
    margin-bottom: 6px;
}

.footer-block ul li a,.widget_archive ul li a, .widget_meta ul li a{
display: inline-block;
color: #787878;
font-family: 'Roboto', sans-serif;
font-weight: 300;
line-height: 20px;
text-decoration: none;
transition: all 0.17s ease-in-out;
-moz-transition: all 0.17s ease-in-out;
-webkit-transition: all 0.17s ease-in-out;
-o-transition: all 0.17s ease-in-out;
}
.widget-container ul li a:hover, .footer-block ul li a:hover{color: #000;}
.widget-container ul.children{margin-left: 60px;}
.widget-container ul.children li:before{height: 10px; left:-40px;}
.widget-container ul li, .widget-container p, .widget-container {font-size:14px}
/*---calendar---*/
#wp-calendar{border:solid 1px #dfdfdf; border-left:0; width:100%}
#wp-calendar td {padding:8px; }
#wp-calendar tbody td {border-left:solid 1px #ededed; text-align:center}
#wp-calendar th{padding:4px; background:#333; color:#fff; text-align:center; border:none}
#wp-calendar caption {background:#000000; padding:4px; color:#fff}

/****************************SHORTCODES***************************/
.btn-grafika{
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    background: #000000;
}
.square{border-radius:  0;}
.btn i{margin-right: 5px;}
.tab-content{
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 30px;
}
/*toggle*/
 .toggle-trigger {
     color: #000;
     font-size: 20px;
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     text-decoration: none;
     text-transform: uppercase;
    padding: 8px 22px;
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
    background: #eaeaea url('images/open.png') 95% center no-repeat;
    margin-top: 1px;
    cursor: pointer;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}



 .toggle-trigger.open {
	background: #000000 url('images/close.png') 95% center no-repeat;
}

 .toggle-container {
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 30px;
    padding: 12px 22px;
}


.toggle-trigger {display:block; text-decoration:none}
.toggle-trigger:hover {text-decoration:none}
/*accordion*/

#accordion-container {
  font-size: 13px;
  color: #868686;

}

.accordion-header {
     color: #000;
     font-size: 20px;
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     text-decoration: none;
     text-transform: uppercase;
     margin: 5px 0 10px 0;
     padding: 8px 5px;
     cursor: pointer;
     border-bottom: 1px solid #e6e6e6;
     padding-bottom: 15px;
}
.accordion-content {
    display: none;
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 30px;
    background: #ffffff;
    border-bottom: 1px solid #e6e6e6;
    border-top: 0;
    margin-bottom: 10px;
    padding: 12px 5px;
}
/*nav shortcodes*/
.navbar-shortcode .navbar-inner{ min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}
.navbar-shortcode ul.nav{margin: 0}
.navbar-shortcode ul.nav>li{display: inline-block}
.bs-docs-sidenav {
  width: 228px;
  margin: 30px 0 0;
  padding: 0;
  background-color: #f5f5f5;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.navbar-fixed-top {
	position: relative;
	/*z-index: 9999999;*/
}
.bs-docs-sidenav > li > a {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}
.bs-docs-sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.bs-docs-sidenav .fa-caret-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}
.bs-docs-sidenav > li > a:hover {
  background-color: #f5f5f5;
}
.bs-docs-sidenav a:hover .fa-chevron-right {
  opacity: .5;
}

.bs-docs-sidenav.affix {
  top: 40px;
}
.bs-docs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}


.navbar-fixed-top .navbar-inner {
	background: #02ab68;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	min-height:90px;
}

.navbar .logo a.brand {
	padding: 27px 0 20px;
	margin: 0;
	font-size:42px; 
	color:#fff;
	font-family:'Roboto', sans-serif;
}
/***************slider*************************/
.flex-caption {
  padding:0 !important;
  position:absolute!important;
  bottom:150px!important;
  font-size:46px !important;
  width:100% !important;
  opacity:0.8 !important;
  color:#fff !important;
  font-family:Georgia !important;
  font-style: italic !important;
  text-align: center !important;
  text-shadow: 1px 1px 3px #000 !important;
  background: none !important;
  line-height: normal !important;
}
/*************Featured block***********/
.services-post{
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 30px;
    margin: 0 0 30px;
}
.services-post h2{
    color: #000000;
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 26px;
    margin: 0 0 5px;
}
/****************Progress bar*************/
p.progressTitle{
    color: #000000;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 26px;
    clear: both;
    margin-bottom: 0px;
}
p.progressTitle span{
    font-size: 14px;
    float: right;
}
/****************Title-block************/
h1.title-block{
    color: #000;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin: 0 0 5px;
    line-height: 30px;
    margin-bottom: 20px;
}
/***************Contact***********/
ul.contact-short {list-style:none; padding-left:0; margin-left:0}
ul.contact-short li{
   padding: 14px 0;
   border-bottom: 1px solid #e5e5e5; 
   text-decoration: none;
   color: #848484;
   font-size: 14px;
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
   line-height: 32px;
}
ul.contact-short li a{color: #848484;}
ul.contact-short li span{
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #000;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 14px;
}
ul.contact-short li span i{
    color: #000;
    line-height: 32px;
    font-size: 12px;
}
/*************carousel***********/
  /* --- Logo slider -- */
  .width-carousel{margin-bottom: 40px;}
.partners-block{margin-bottom:20px}
.partners .bx-viewport{height: 97px !important; border: none !important; box-shadow: none !important;}
#logo_slide {}
#logo_slide li {list-style:none;  width:189px; float:left; line-height:69px; text-align:center; margin-left:-2px}
#logo_slide{border:solid 1px #eee; list-style:none; height: 100%}
#logo_slide li:last-child{border:none}
#slide_prev2, #slide_next2{top:0px !Important}
.bx-wrapper {
  position: relative;
}

.width-carousel .bx-wrapper .bx-controls-direction a{position: absolute; top:-19px;}
.width-carousel .bx-wrapper .bx-prev{right: 45px}
.latest-blog .bx-wrapper .bx-controls-direction a{position: absolute; top: 95%;}
.latest-blog .bx-pager, .width-carousel .bx-pager{display: none}
.latest-blog .bx-controls-direction  a.bx-prev{right: 45px !important;}
.latest-blog .blog-post{width: 100%;}


.slider .bx-controls {
  width: 100%;
  right: 1px;
  bottom: 50%;
  margin-bottom: -12px;
  opacity: 0;

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

.slider:hover .bx-controls {
  opacity: 1;
}

.slider .bx-controls-direction {
  width: 100%;
  padding: 0 10px;
}

.slider .bx-controls-direction a {
  margin-left: 0;
}

/***********************PAGE_HEAD********************/

/*promo text*/
#banner {
    padding: 0 30px;
    margin-bottom: -30px;
    
    height: 100px;
    text-align: center
}
.portfolio-page #banner{padding: 0; margin: 0;}
.contact-page #banner{padding: 0; margin: -30px 0 0 0;}
.contact-page .bx-wrapper{z-index: 3;}
#banner .bx-wrapper{background: #000000;}

#banner .bx-wrapper, #banner .bx-viewport{height: 100% !important}
#banner .bx-pager{display: none}
#banner .bx-viewport{background: none; border: none; box-shadow: none;}
#banner .bx-wrapper .bx-controls{position: relative; bottom: 50%}
#banner .bx-prev{left: 10px;}
#banner p {
	color: #fff;
	font-size: 29px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 76px;
	padding: 10px 130px;
	max-height: 62px;
	overflow: hidden;
}

#banner p span {
	font-weight: 600;
	background: none;
}
/*featured image*/
.single-post-thumb{
    padding: 0 30px;
    margin-bottom: -30px;
}
.portfolio-page .single-post-thumb{padding: 0; margin: 0;}
.contact-page .single-post-thumb{padding: 0; margin: -30px 0 0 0; z-index: 3;}
.single-post-thumb img {
    width: 100%
}
.single-post-caption{
    height: 30px;
width: 100%;
background: #000;
opacity: 0.5;
position: relative;
bottom: 53px;
color: #fff;
font-size: 22px;
font-family: 'Roboto', sans-serif;
}
/*image lightbox   & slider*/
.head-lightbox, .sl-slider-wrapper{
    padding: 0 30px;
    margin-bottom: -30px;
}
.portfolio-page .head-lightbox, .portfolio-page .sl-slider-wrapper{padding: 0; margin: 0;}
.contact-page .head-lightbox, .contact-page .sl-slider-wrapper{padding: 0; margin: -30px 0 0 0; z-index: 3;}
.contact-page .sl-slider-wrapper .flexslider{z-index: 3;}
/****************PRICING TABLE************/
.pricing-box {
    padding: 40px 0 0;
    border-bottom: 1px solid #e1e1e1;
}

ul.pricing-table {
    width: 100%;
    margin-bottom: 40px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out; 
}

ul.pricing-table:hover {
    box-shadow: 0 0 20px #c6c6c6;
}

ul.pricing-table li {
    width: 100%;
    text-align: center;
    padding: 15px 0;
    border: 1px solid #e9e9e9;
    border-top: none;
    background: #fff;
}

ul.pricing-table li:first-child {
    padding: 35px 0;
    border: none;
    background: #c2c2c2;
}

ul.pricing-table li{
    color: #a7a7a7;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
	line-height:24px;
}

ul.pricing-table li.title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}
ul.pricing-table li.title span{display:block}

ul.pricing-table li:first-child span {
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    line-height: 20px;
}

ul.pricing-table li a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 12px 20px;
    background: #c2c2c2;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;    
}

ul.pricing-table li a:hover {
    opacity: 0.8;    
}

.pricing-table.standard li {
    border: none;
    border-bottom: 1px solid #e4e4e4;
    background: #f0f0f0;
}

.pricing-table.standard li:first-child {
    background: #000000;
    border: 1px solid #e9e9e9;
}

.pricing-table.standard li:last-child {
    border-bottom: none;
}

.pricing-table.standard li p {
    color: #000;
}

.pricing-table.standard li:first-child p,
.pricing-table.standard li:first-child span {
    color: #fff;
}

.pricing-table.standard li a {
    background: #000000;
    color: #fff;
}

 /*tables*/
 table{
     border: 1px solid #dddddd;
border-collapse: separate;
border-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
 }
 table td, table th{
     padding: 8px;
line-height: 20px;
text-align: left;
vertical-align: top;
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
}
.table thead > tr > th {
vertical-align: bottom;
border-bottom: 0px solid #dddddd;
}

.twitter-item {margin-bottom:20px !important; line-height:24px !Important}
.twitter-item i{margin-right:4px}