/*
Theme Name: kimmia
Theme URI: http://kimmia.com
Version: 1.3
Description:A powerful and clean theme.Designed by <a href="http://themes.activetofocus.com">ActiveToFocus</a>
Author: ActiveToFocus
Author URI: http://themes.activetofocus.com

Copyright: (c) 2009-2014 Activetofocus.  

License: GNU General Public License v2.0 PHP under GNU General Public License, JS and CSS under Mojo License Terms
License URI: http://www.mojo-themes.com/terms-and-conditions/

Tags: black, blue, white, green, orange, red
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;margin: 5px auto 5px auto;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone { margin: 5px 20px 20px 0;}
.wp-caption.alignleft { margin: 5px 20px 20px 0;}
.wp-caption.alignright { margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}
.sticky {}
.gallery-caption {}
.bypostauthor {}


/* 	----------------------------------------------------------------------------------------------	
										A - GENERAL STYLE																												
	----------------------------------------------------------------------------------------------	*/
	
body {font-family: 'Lato',Helvetica,Arial,sans-serif;color: #666;font-weight: normal;}
h1,h2,h3 {letter-spacing:-1px;}
h1,h2,h3,h4,h5,h6 {font-weight: bold;font-family:'Lato',Helvetica,Arial,sans-serif;color:#555;}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
 	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: #2fc974;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

a {color: #333;text-decoration: none;}
a:hover {color: #2fc974;text-decoration: none;}
.clear {clear:both;}
blockquote p {margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 20px;}

/* 	----------------------------------------------------------------------------------------------	
										B - PAGE STYLE																												
	----------------------------------------------------------------------------------------------	*/

/* = Site Header
-------------------------------------------------------------- */
.wrapper { max-width:1230px; margin: 0 auto; background: #ffffff;}
.boxed .wrapper { 
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}
.wide .wrapper {max-width:100% !important;margin: 0px auto !important;}
.row-fluid .columns-2 {width:48%;margin:0px 0.9% 10px;}
.row-fluid .columns-3 {width:31%;margin:0px 0.9% 10px;}
.row-fluid .columns-4 {width:23%;margin:0px 0.9% 10px;}

.site-header {background: #ffffff;width: 100%;}

.site-header-content {padding: 20px 0;}
.site-header-content .header-logo {float:left;}
.site-header-content .header-menu {float:right;margin-top:10px;}
.site-header-content .header-tools {float:right;}

.header-phone-number{
float:right;
margin: 7px; 10px 0px 0px;
font-weight: bold;
font-size: 18px; 
}

.header-area-content {float:right;}

.kimmia-nav-menu {float:right;}
.kimmia-nav-menu, .kimmia-nav-menu ul {list-style:none;margin:0;}
.kimmia-nav-menu ul{float:left;}
.kimmia-nav-menu li {float:left;position: relative;list-style: none outside none;}
.kimmia-nav-menu li a {padding:6px 10px;float: left;line-height:20px;font-weight: bold;font-size: 13px;font-family:'Lato',Helvetica,Arial,sans-serif;color: #333;text-transform: uppercase;}
.kimmia-nav-menu ul li a {text-transform: none;width: 170px;background:#121214;color:#fff;font-size: 11px;}

.kimmia-nav-menu ul li {border-bottom: 1px #333333 solid;}
.kimmia-nav-menu ul li:last-child {border-bottom:none;}
.kimmia-nav-menu li ul {display:none;position:absolute;z-index: 1000;top: 32px;}
.kimmia-nav-menu > li > ul {padding-top: 23px;}
.kimmia-nav-menu > li > ul:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #121214;
	position: absolute;
	top: 16px;
	left: 15px;
}

.kimmia-nav-menu li ul ul {left: 100%;top: 0px;padding-left: 1px;}
.kimmia-nav-menu li i {line-height:20px;display:inline-block;margin-right:5px;}
.kimmia-nav-menu li .icon-caret-down,
.kimmia-nav-menu li .icon-caret-right {float:right;line-height:20px;display:inline-block;margin-left:5px;margin-right:0;}

.kimmia-nav-menu > li.current-menu-item > a, 
.kimmia-nav-menu > li.current-menu-ancestor > a { background: #2fc974;border-radius: 3px;color: #ffffff;}
.kimmia-nav-menu > li {margin-right:5px;}
.kimmia-nav-menu > li:last-child {margin-right:0;}
.kimmia-nav-menu > li > a:hover {border-radius: 3px;}

.kimmia-nav-menu li a:hover {color: #2fc974;}
.kimmia-nav-menu > li > a:hover {background: #2fc974;color:#ffffff;}
.kimmia-nav-menu li:hover > ul {display:block;}

.header-search-form {float:right;}
.header-search-form form {margin: 0;position: relative;overflow: hidden;}

.header-search-form .sf-s {
	color: #ffffff;
	background: #333;
	border: none;
	border-left: 2px solid #555;
	width: 1px;
	margin: 0;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	padding: 6px 5px 6px 25px;
	background-image: url('images/search_icon.png');
	background-size: 20px 20px;
	background-position: 5px center;
	background-repeat: no-repeat;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}

.header-search-form .sf-s:focus {
	width: 130px;
}

.header-search-form .sf-searchsubmit {
	display:none;
}

.site-top-social {float:left;margin:0 10px 0;}

.header-lang {margin-left:10px;float:right;}
.header-lang ul {float:right;list-style:none;margin:0;}
.header-lang span, .header-lang a {color:#ffffff;line-height: 20px;padding: 6px 10px;font-size:12px;display: inline-block;background: #333;}
.header-lang li {position:relative;z-index: 1000;}
.header-lang li ul {position:absolute;top:30px;right: 0;display:none;
-moz-box-shadow: 0 5px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 5px 3px rgba(0,0,0,0.2);
	box-shadow: 0 5px 3px rgba(0,0,0,0.2);
	}
.header-lang > ul > li > ul {padding-top:10px;}
.header-lang > ul > li > ul:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #121214;
	position: absolute;
	top: 3px;
	right: 15px;
}
.header-lang li ul li a,
.header-lang li ul li span {width: 86px;display: inline-block;text-align:left;background:#121214;font-size:11px;color:#666666;}
.header-lang li i {margin-right:5px;display: inline-block;line-height:20px;}
.header-lang li i.icon-caret-down {margin-left:5px;margin-right:0;}
.header-lang li a:hover {color: #2fc974;}
.header-lang li:hover> ul {display:block;}
.header-lang .wpml li img {margin-right:5px;}

/* mobile menu */
#kimmia-drop-nav {display:none;position: relative;float: left;width: 100%;padding-top: 38px;margin: 0;}
#kimmia-drop-nav .icon-caret-right{display:none;}
#kimmia-nav-menu-select .btn-navbar {position: absolute;top: 0px;left: 50%;margin-left: -20px;}
#kimmia-drop-nav i {margin-right:10px;}
#kimmia-drop-nav span.no-href {padding:9px 15px;}

/* = Page Title
-------------------------------------------------------------- */
.site-content-header {text-align: center;padding: 40px 0;background-color: #a0a0a0;}
.site-content-header .title {color:#ffffff;font-weight: bold;}
.site-content-header .page-desc {color:#ffffff;font-weight: normal;}
.site-content-header .page-breadcrumb {color:#ffffff;} 
.site-content-header .page-breadcrumb a,
.site-content-header .page-breadcrumb span {color:#ffffff; text-transform:uppercase;font-size:12px;line-height:2px;}
.site-content-header .page-breadcrumb a:hover {color:#2fc974;}
.site-content-header .breadcrumb-right {margin:0 5px;}
.site-content {padding:40px 0px;}


/* = Blog
-------------------------------------------------------------- */
.entry-post {padding-bottom:30px;margin-bottom:30px;border-bottom:1px dashed #e0e0e0;}
.post-element-content {margin-bottom: 20px;}
.entry-left-side {background: #f7f7f7;border: 1px solid #f0f0f0;text-align: center;color: #ffffff;padding-bottom:10px;margin-bottom: 10px;}
.entry-left-side .post-type {font-size:25px;padding:15px;color:#666666;}
.entry-left-side .post-meta {font-size: 12px;margin-bottom: 5px;line-height: 16px;}

.post-header {margin-bottom:10px;}
.post-title,
.entry-title {margin: 0 0 10px;line-height: 24px;}
.post-meta a {color:#2fc974;}
.post-meta a:hover {color:#02e365;}
.entry-right-side .more-link {margin:10px 0;padding:8px 12px;background:#2fc974;color:#ffffff;float:right;border-radius:3px;}
.entry-right-side .more-link:hover {background:#02e365;}

.post-img {position:relative;overflow:hidden;}
.post-mask {position: absolute;background: rgba(255,255,255,0.2);width: 100%;height: 100%;top: 0;filter: alpha(opacity=0);opacity: 0;}
.post-img img {
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	transform: scale(1,1);
	-ms-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari and Chrome */
	-o-transform: scale(1,1); /* Opera */
	-moz-transform: scale(1,1); /* Firefox */
}
.post-img:hover img {
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1); /* IE 9 */
	-webkit-transform: scale(1.1,1.1); /* Safari and Chrome */
	-o-transform: scale(1.1,1.1); /* Opera */
	-moz-transform: scale(1.1,1.1); /* Firefox */
}

.post-img:hover .post-mask {
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}
.post-mask .link, .post-mask .preview {
	width: 50px;
	height: 50px;
	background: #000;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	top: 50%;
	position: absolute;
	margin-top: -25px;
}
.post-mask .link {left:-60px;margin-left: 0;}
.post-mask .preview {right:-60px;margin-right: 0;}
.post-mask .link:hover, .post-mask .preview:hover{background:#2fc974;}
.post-img:hover .post-mask .link {
	left: 50%;margin-left: -60px;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}
.post-img:hover .post-mask .preview {
	right: 50%;margin-right: -60px;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}

.post-quote {
	padding: 60px 40px 30px;
	background: #2fc974;
	text-align: center;
	position: relative;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
.post-quote a {color:#000;}
.post-quote a:hover {color:#ffffff;}
.post-quote-icon {position: absolute;top: 15px;font-size: 30px;width: 30px;display: inline-block;height: 30px;text-align: center;color: #ffffff;line-height: 30px;left: 50%;margin-left: -15px;}
.post-quote blockquote {padding: 0;border: none;}
.single-post-header {margin-bottom: 20px;}
.single-post-header .post-meta {border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;padding: 10px 0;margin: 10px 0;}
.single-post-tags-share {
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
padding: 10px 0;
margin: 20px 0;}
.single-post-tags-share .post-tags {float:left;}
.single-post-tags-share .post-share {float:right;}
.single-pagination {margin:20px 0px;padding:20px 0px;border-top:1px #e1e1e1 dashed;}
.single-pagination a[rel='prev'] {float:left;font-size: 16px;}
.single-pagination a[rel='next'] {float:right;font-size: 16px;}

.post-author {background: #f7f7f7;border-bottom: 3px solid #2fc974;padding: 20px 20px 20px 120px;position: relative;min-height: 80px;	margin-bottom: 20px;}
.post-author img {position: absolute;left: 20px;top: 20px;}
.post-author .author-name {margin:0 0 10px;}

/* post comment */
.placeholding-input {position: relative;}
.placeholding-input .placeholder {
	color: #999;cursor: text;height: 20px;left: 6px;position: absolute;
	top: 5px;margin: 0px;line-height: 20px;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}

.placeholding-input .comment-placeholder {left:6px;}

.have-some .placeholder {
	font-size:0px !important;
	opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}

#comment-alert-error, 
#comment-alert-error span {display:none;}

#comment-alert-error.show,
#comment-alert-error .comment-alert-error-name.show,
#comment-alert-error .comment-alert-error-email.show,
#comment-alert-error .comment-alert-error-url.show,
#comment-alert-error .comment-alert-error-message.show {display:block;}

#comments {border-left: 2px solid #e8e8e8;padding-left: 20px;}

.comment-list , .comment-list ul{list-style: none outside none;margin: 0px;}
.comment-list .comment-item {border-bottom: 1px dotted #e8e8e8;min-height: 80px;padding: 0 0 15px 95px;margin-bottom: 15px;position: relative;}
.comment-list .comment-item .avatar {position: absolute;left: 0px;top: 0px;}
.comment-list .children {padding-left:95px;}
.comment-list .comment-reply-link {float:right;color: #ffffff;padding: 2px 6px;background: #2fc974;border-radius: 3px;font-size: 11px;}
.comment-list .comment-reply-link:hover {color: #ffffff;background: #02e365;}

/* = Portfolio
-------------------------------------------------------------- */
.portfolio-filters {margin-bottom: 20px;text-align: center;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;padding: 10px 0 5px;}
.portfolio-filters-cate {margin:0;}
.portfolio-filters-cate li {margin:0 0 5px;}
.portfolio-filters-cate li a {
	border-radius: 3px;
	text-transform: uppercase;
	color: #666;display: inline-block;padding: 4px 16px;
	height: 20px;line-height: 20px;cursor: pointer;
	background:#f5f5f5;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}
.portfolio-filters-cate li a:hover {color: #2fc974;}
.portfolio-filters-cate li a.active, .portfolio-filters-cate li a.active:hover {color: #ffffff;background:#2fc974;}

.portfolio-element {margin-bottom: 20px !important;}
.portfolio-content, .portfolio-content-2 {padding: 10px;background: #f5f5f5;position: relative;}
.portfolio-content-3 {padding: 10px 0;}
.portfolio-content .entry-title {margin: 0;padding-right: 60px;}
.portfolio-content-2  .entry-title {margin: 0 0 10px;}
.portfolio-content-3  .entry-title {margin: 0 0 5px;}

.portfolio-img {position:relative;}
.portfolio-img img, .post-img img {width:100% !important;}
.rate-like-num {position: absolute;right: 10px;top: 50%;line-height: 20px;margin-top: -10px;}
.rate-like-num i, .portfolio-meta i {margin-right:5px;}
.portfolio-meta {display:inline-block;width:100%;}
.portfolio-meta span{float:right;}
.portfolio-meta span.portfolio-date {float:left;}
.portfolio-meta span:last-child {margin-right:10px;}

.post-mask-content {
	float:left;
	text-align: center;
	position: absolute;
	top: 2%;
	left: 2%;
	width: 96%;
	height: 96%;
	background: rgba(255,255,255,0.9);
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	transform: scale(0,0);
	-ms-transform: scale(0,0); /* IE 9 */
	-webkit-transform: scale(0,0); /* Safari and Chrome */
	-o-transform: scale(0,0); /* Opera */
	-moz-transform: scale(0,0); /* Firefox */
}
html#ie8 .portfolio-element .post-mask-content {top:100%;background:#ffffff;}

.portfolio-element:hover .post-mask-content {
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	transform: scale(1,1);
	-ms-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari and Chrome */
	-o-transform: scale(1,1); /* Opera */
	-moz-transform: scale(1,1); /* Firefox */
}
html#ie8 .portfolio-element:hover .post-mask-content {top:2%;}

.post-mask-content .entry-title {margin: 20px 10px 20px;}
.post-mask-content .portfolio-categories {font-weight:bold;}
.post-mask-content .portfolio-meta {position: absolute;bottom: 10px;width: 100%;left: 0;}
.post-mask-content .portfolio-meta span {margin-right:10px;}
.post-mask-content .portfolio-meta span.portfolio-date {margin-left:10px;}

.single-portfolio .entry-content {width:100%;margin:30px 0;}
.single-portfolio-information {padding: 15px;background: #f7f7f7;border: 1px solid #f0f0f0;position: relative;margin-bottom: 20px;}
.single-portfolio-info {float:left;width:100%;padding:20px 0;border-bottom: 1px solid #e8e8e8;border-top: 1px solid #e8e8e8;}
.single-portfolio-info ul {float:left;margin:0;}
.single-portfolio-info ul li {margin-bottom:10px;float:left;width: 100%;}
.single-portfolio-info ul li:last-child {margin-bottom:0;}
.single-portfolio-info ul li .color {float:left;}
.single-portfolio-info li i {float:left;line-height:20px;}
.single-portfolio-info .circle-color {float: left;width:16px;height:16px;margin: 2px 5px 0 0;}

.single-portfolio-information .download {text-align: center;float: left;width: 100%;padding: 30px 0 20px;font-size:16px;}
.single-portfolio-information .download i {margin-right:10px;}
.single-portfolio-information .download a {background:#2fc974;padding: 8px 15px;color: #ffffff;border-radius:3px;}
.single-portfolio-information .download a:hover{background:#02e365;}

.single-portfolio-information .portfolio-share {position:absolute;top:15px;right:15px;}

/* vote */
.vote {width: 100%;margin-bottom: 10px;float: left;padding: 20px 0;position:relative;}
.votebox {width: 80px;height: 80px;background: #2fc974;border-radius: 70px;text-align: center;margin: 0 auto;}
.votebox .vote-icon {height: 40px;width: 100%;display: inline-block;font-size: 25px;line-height: 50px;color: #ffffff;}
.votebox .vote-count {width: 100%;height: 30px;line-height: 20px;color: #fff;}
.votebtn {text-align: center;line-height: 20px;margin: 10px 0 0;font-size: 16px;font-weight: bold;}
.votebtn span {display:none;}
.votebtn.voted span{display:block;}
.vote-wait {bottom: 20px;position: absolute;left: 50%;margin-left: -10px;width: 20px;text-align: center;display: inline-block;}

/* = Contact
-------------------------------------------------------------- */
#contact-form #commentsText {width:80%;}
#map_contact {margin-bottom:20px;}
.contact-form {margin-left: 5px;}
.contact-submit-btn {margin-top:10px;}

/* = Sitemap
-------------------------------------------------------------- */
.sitemap-element {border: 1px #f0f0f0 solid;padding: 20px;background: #f7f7f7;}
.sitemap-title {margin:0;}
.sitemap-title i {float:right;}
.sitemap-ul {margin:0 0 0 10px;}
.sitemap-ul li {padding:5px 0;list-style: none;}
.sitemap-ul li:before {
	content: "";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	height: auto;
	line-height: normal;
	margin-top: 0;
	margin-right: 10px;
	text-decoration: inherit;
	width: auto;
}
.sitemap-ul li.sitemap-cat:before {content: "\f10c";}

/* = 404
-------------------------------------------------------------- */
.error-404 {
	text-align:center;
}

/* = Search Page Style
-------------------------------------------------------------- */
.search-post {border-bottom: 1px dashed #e8e8e8;padding-bottom: 10px;margin-bottom: 20px;}
.search-post .post-type {font-weight: bold;text-transform: uppercase;color: #2fc974;}
.search-post .title {margin:0;}
.widget_search {margin-bottom:10px;}

/* = Site Footer
-------------------------------------------------------------- */
.site-footer-widget {background:#333;padding:30px 0;color:#777;}
.site-footer-bottom {background:#222;padding:20px 0;color:#555;}
.site-footer-bottom a {color:#555;}
.site-footer-bottom a:hover {color:#2fc974;}
.kimmia-nav-bottom-menu {margin:0;list-style:none;display:inline-block;}
.kimmia-nav-bottom-menu li {float:left;margin:0 10px 0 0;list-style:none;border-right:1px solid #555;padding-right:10px;line-height:12px;}
.kimmia-nav-bottom-menu li:last-child {margin-right:0;padding-right:0;border-right:none;}
.kimmia-nav-bottom-menu li a {text-transform:uppercase;font-size:12px;}
.site-footer-copyright {font-size:12px;}
.site-bottom-social {float: right;margin: 3px 0 0;}
.site-bottom-social a {background-color: none;border-radius: 20px;}

/* = Widget
-------------------------------------------------------------- */
.widget {padding:20px;background:#f7f7f7;border:1px solid #f0f0f0;margin-bottom:20px;}
.widget-title {margin:0;line-height:24px;}
.widget i {margin-right:5px;}
.widget ul , .widget ul li {list-style:none;margin:0;}
.widget li ul {padding-left:20px;padding-top: 5px;}
.widget li ul li:last-child {padding-bottom:0;border-bottom:none;}
.widget ul li:last-child {margin-bottom:0;}

.widget ul li {border-bottom:1px dashed #e8e8e8;padding-bottom:5px;margin-bottom:5px;}

.widget ul li:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	height: auto;
	line-height: normal;
	margin-top: 0;
	margin-right: 10px;
	text-decoration: inherit;
	width: auto;
}

.widget_archive li:before {content: "\f101";}
.widget_categories li:before {content: "\f0da";}
.widget_pages li:before {content: "\f016";}
.widget_recent_comments li:before {content: "\f0e6";}
.widget_recent_entries li:before {content: "\f040";}

.widget_archive  select, .widget_categories select {width:100%;}
.widget_tag_cloud a {padding: 4px 8px;background: #ffffff;line-height: 20px;display: inline-block;margin: 0 5px 5px 0;font-size: 12px !important;}

.widget_calendar #wp-calendar {width:100%;text-align:center;}
.widget_calendar #wp-calendar a {font-weight:bold;}

.widget_search .screen-reader-text {display:none;}
.widget_search .searchform {margin:0;}
.widget_search .searchform > div {
	position: relative;
	padding: 0 12px 0 0;
}
.widget_search #s {width: 100%;margin: 0;padding: 4px 5px 4px 5px;}
.widget_search #searchsubmit {
	position: absolute;
	width: 30px;
	height: 30px;
	background: #2fc974;
	border: none;
	right: 0;
	top: 0px;
	background-image: url('images/search_icon.png');
	background-size: 20px 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.site-footer-widget .widget {background: none;padding: 0;border:none;}
.site-footer-widget .widget-title {margin-bottom: 10px;line-height: 20px;font-size: 16px;color: #ffffff;}
.site-footer-widget .widget ul li {border-bottom: 1px dashed #444;}
.site-footer-widget a {color:#bbb;}
.site-footer-widget a:hover {color:#2fc974;}
.site-footer-widget .widget_tag_cloud a {background: #2a2a2a;}
.site-footer-widget .widget_search #s {background: #444;border: 1px #555 solid;color:#999;}
.site-footer-widget .widget_search #s:focus {border: 1px #2fc974 solid;}

/* = Custom Widgets
-------------------------------------------------------------- */
.kimmia-recent-item {display:inline-block;}
.kimmia-recent-thumb {float: left;width: 70px;}
.kimmia-recent-content {margin-left: 80px;}
.kimmia-recent-content .entry-title {margin:0 0 5px;}
.kimmia-recent-content .portfolio-date {float:left;width:100%;}
.kimmia-recent-content .portfolio-view {float:left;margin-right:10px;}
.kimmia-recent-content .post-date , .kimmia-recent-content .post-comments{ font-size:13px;}

.related-column-2 > .span6:nth-child(3n) {margin-left:0;}
.related-column-3 > .span4:nth-child(4n) {margin-left:0;}
.related-column-4 > .span3:nth-child(5n) {margin-left:0;}
.kimmia-related-posts i {margin-right:5px;}
.kimmia-related-item {margin-bottom:20px; display:inline-block !important;}
.kimmia-related-item img {margin-bottom:10px;width: 100% !important;}
.kimmia-related-item .entry-title {margin:0;}
.kimmia-related-item .portfolio-date {float:left;}
.kimmia-related-item .portfolio-heart {float:right;}
.kimmia-related-item .portfolio-view {float:right;margin-right:10px;}
.kimmia-related-item-style-2 {position:relative;overflow: hidden;}
.kimmia-related-item-style-2 img {margin-bottom:0;}
.kimmia-related-item-style-2 .kimmia-related-content {padding: 10px 0;background: rgba(255,255,255,0.9);text-align: center;
position: absolute;bottom: -100%;width: 100%;-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;}
.kimmia-related-item-style-2 .entry-title {margin-bottom:10px;}
.kimmia-related-item-style-2:hover .kimmia-related-content {bottom:0;-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;}
	
.kimmia-related-item .post-meta .post-comments {float:right;}
.kimmia-related-post-style-2 .entry-title {margin:0 0 5px;}
.kimmia-related-post-style-2 .entry-content {margin:10px 0;}
.kimmia-related-post-style-2 .more-link {margin:10px 0;}

/* = Shortcode
-------------------------------------------------------------- */

/* ------- 1. Services  ------- */
.services {display:inline-block;}
.services.center {text-align:center;}
.services.left .service-icon {float: left;width: 40px;height: 40px;display: inline-block;font-size: 38px;line-height: 40px;text-align: center;color: #2fc974;border-radius: 40px;}
.services.left .service-content {margin-left: 60px;}
.services .service-title {margin: 0 0 10px;line-height: 28px;}
.services.center .service-icon {width: 70px;height: 70px;display: inline-block;line-height: 70px;font-size: 60px;margin-bottom: 10px;	color: #2fc974;}

/* ------- 2. Team  ------- */
.team {text-align:center;}
.team-avatar {margin-bottom:20px;}
.team-avatar img {border-radius: 60px;max-width: 120px;}
.team-title {margin:0;}
.team-information {display:none;}
.team-social a {width: 20px;padding: 5px;height: 20px;display: inline-block;background: #f5f5f5;line-height: 20px;margin: 5px;}

/* ------- 3. Client testimonials  ------- */
.testimonials {margin-bottom:10px;position:relative;}
.testimonials .testimonials-prev {height: 20px;width: 13px;background: #E8E8E8;float: left;padding-left: 7px;position: absolute;bottom: 7px;margin-left: -20px;left: 50%;cursor: pointer;border-radius: 5px 0 0 5px;}
.testimonials .testimonials-next {height: 20px;width: 12px;background: #E8E8E8;position: absolute;bottom: 7px;right: 50%;padding-left: 8px;cursor: pointer;margin-right: -20px;border-radius: 0 5px 5px 0;}
.testimonials .testimonials-content {padding:30px 55px;position: relative;font-size: 16px;color: #333;font-style: italic;background: #f8f8f8;}
.testimonials.testimonials-avatar .testimonials-content {margin-left: 90px;min-height: 30px;}
.testimonials .testimonials-content .icon-quote-left {position: absolute;left: 20px;top: 50%;color: #333;margin-top: -10px;font-size: 20px;}
.testimonials .testimonials-content .icon-quote-right {bottom: 10px;position: absolute;right: 20px;top: 50%;color: #333;margin-top: -10px;font-size: 20px;}
.testimonials .testimonials-name {margin-top: 20px;display: block;font-size: 12px;line-height: 16px;text-align: left;font-weight: bold;}
.testimonials .testimonials-name .icon-user {margin-right:10px;}
.testimonials.testimonials-avatar .testimonials-name .testimonials-icon {margin-left: 113px;}
.testimonials .testimonials-avatar {float: left;width: 80px;height: 80px;background: #f8f8f8;}
.testimonials.testimonials-avatar .testimonials-prev {margin-left: 28px;}
.testimonials.testimonials-avatar .testimonials-next {margin-right: -63px;}
.testimonials .testimonials-job {color:#a1a1a1;margin-left:5px;}

/* ------- 4. Accordion  ------- */
.accordion-group {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px}
.accordion-inner {background: #f9f9f9;}
.accordion-heading {position: relative;}
.accordion-heading .icon-minus , .accordion-heading .icon-plus {color: #777;right: 8px;top: 50%;margin-top: -8px;position: absolute;}
.accordion-heading:hover .icon-minus , .accordion-heading:hover .icon-plus {color: #333;}
.accordion-heading .icon-plus {display:none;}
.accordion-heading .icon-minus {display:block;}
.accordion-heading .collapsed .icon-plus {display:block;}
.accordion-heading .collapsed .icon-minus {display:none;}
.accordion-heading .accordion-toggle {padding-right:25px;}

/* ------- 5. Skills  ------- */
.skills {list-style-type: none;	margin: 0px;line-height: 28px;font-weight: bold;}
.skills li {height: 30px;
position: relative;
background: #f8f8f8;
margin-bottom: 5px;}
.skills .skill-bg {	position: absolute;	width: 0%;	height: 100%;background: #2fc974;border-radius: 0px 15px 15px 0;}
.skills .skill-name {position: absolute;left: 20px;color: #ffffff;line-height: 30px;font-weight: bold;}
.skills .skill-progress {position: absolute;right: 10px;color:#333;line-height: 30px;font-weight: bold;}


/* = Elements
-------------------------------------------------------------- */

/* ------- 1. Line  ------- */
.line {float:left;width:100%;margin:10px 0;}
.left-line {float:left;width:20%;height:1px;background:#2fc974;}
.right-line {float:left;width:80%;height:1px;background:#d0d0d0;}

/* ------- 2. Space  ------- */
.kimmia-space {margin:25px 0px;}
.kimmia-space.small {margin: 15px 0px;}
.kimmia-space.big {margin: 40px 0px;}
.kimmia-line {border-bottom: 1px solid #f2f2f2;}
.kimmia-line.dashed {border-bottom: 1px dashed #e8e8e8;}

/* ------- 3. Title  ------- */
.kimmia-title {position: relative;margin-bottom:20px;}
.kimmia-title.left {text-align:left;}
.kimmia-title.center {text-align:center;}
.kimmia-title.right {text-align:right;}
.kimmia-title .new-line {position: absolute;height: 1px;background: #e8e8e8;width: 100%;top: 50%;z-index: 1;margin-top: -1px;}
.kimmia-title.line-top {margin-top:20px;}
.kimmia-title.line-bottom {padding-bottom:10px;}
.kimmia-title.line-top .new-line {top: 0;margin-top: -10px;}
.kimmia-title.line-bottom .new-line {top: 100%;margin-top: 0px;}

.kimmia-title .new-title-container {display: inline-block;position: relative;z-index: 2;padding: 0 20px;}
.kimmia-title.left .new-title-container {padding:0 20px 0 0;}
.kimmia-title.right .new-title-container {padding:0 0 0 20px;}
.kimmia-title .new-title-container.show-bg {background:#fff;}
.kimmia-title .new-title-container.icon {padding: 10px 10px;border-radius: 40px;}
.kimmia-title .new-title-container.icon.min {padding: 15px 15px;border-radius: 50px;}
.kimmia-title .new-title-container.icon.big {padding: 20px 20px;border-radius: 60px;}
.kimmia-title .new-title-container.icon i{width: 20px;height: 20px;line-height: 20px;display: inline-block;text-align: center;}
.kimmia-title .new-title-container.icon.min i{width: 30px;height: 30px;line-height: 30px;font-size: 24px;}
.kimmia-title .new-title-container.icon.big i{width: 40px;height: 40px;line-height: 40px;font-size: 36px;}
.kimmia-title .new-title-extra {padding: 10px 10px;line-height: 20px;position: relative;z-index: 2;}
.kimmia-title .new-title-extra.min {padding: 15px 15px;line-height: 30px;font-size: 24px;}
.kimmia-title .new-title-extra.big {padding: 20px 20px;line-height: 20px;line-height: 40px;font-size: 36px;}
.kimmia-title h1 ,.kimmia-title h2 ,.kimmia-title h3 ,.kimmia-title h4 ,.kimmia-title h5 ,.kimmia-title h6 {margin: 0;font-weight:400;}
.kimmia-title .uppercase {text-transform: uppercase;}
.kimmia-title .bold {font-weight:bold;}

/* ------- 4. Button  ------- */
.btn {
	border-radius: 3px !important;
	text-shadow: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	background-image: none !important;
	border:none;
	margin:0 0 1.25em;
	padding: 8px 18px;
}
.btn.no-margin {margin:0;}
.btn-mini { padding: 2px 6px;}
.btn-small {padding: 4px 10px;}
.btn-large {padding: 12px 24px;}
.btn:hover, .btn:focus {
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}
.btn-custom , input.btn-custom {background: #2fc974;color:#ffffff;}
.btn-custom:hover , input.btn-custom:hover {background:#02e365;color:#ffffff;}

/* ------- 5. Social  ------- */
.kimmia-social li {padding:0px !important;margin-right:10px;}
.kimmia-social li:last-child {margin-right:0px;}
.kimmia-social a {
  	display: inline-block;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

.kimmia-social a:hover {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

a.penguin-icon-twitter:hover {background-color:#48c4d2 !important;}
a.penguin-icon-facebook:hover {background-color:#3b5998 !important;}
a.penguin-icon-google-plus:hover {background-color:#d94a39 !important;}
a.penguin-icon-dribbble:hover {background-color:#ef5b92 !important;}
a.penguin-icon-pinterest:hover {background-color:#cb2027 !important;}
a.penguin-icon-flickr:hover {background-color:#f1628b !important;}
a.penguin-icon-skype:hover {background-color:#18b7f1 !important;}
a.penguin-icon-youtube:hover {background-color:#f45750 !important;}
a.penguin-icon-vimeo:hover {background-color:#62a0ad !important;}
a.penguin-icon-linkedin:hover {background-color:#71b2d0 !important;}
a.penguin-icon-digg:hover {background-color:#2882c6 !important;}
a.penguin-icon-deviantart:hover {background-color:#d0de21 !important;}
a.penguin-icon-behance:hover {background-color:#18a3fe !important;}
a.penguin-icon-forrst:hover {background-color:#5b9a68 !important;}
a.penguin-icon-xing:hover {background-color:#006567 !important;}
a.penguin-icon-lastfm:hover {background-color:#d21309 !important;}
a.penguin-icon-rss:hover {background-color:#ff6c00 !important;}
a.penguin-icon-instagram:hover {background-color:#517fa4 !important;}
a.penguin-icon-stumbleupon:hover {background-color:#eb4924 !important;}
a.penguin-icon-picasa:hover {background-color:#8a66a3 !important;}
a.penguin-icon-email:hover {background-color:#4fbaf8 !important;}

[class^="penguin-icon-"] {
	width: 32px;
	height: 32px;
	background-image:url('images/socials.png');
	background-repeat: no-repeat;
	background-size: 320px 192px;
}

.penguin-icon-behance { background-position:0px 0px; }
.penguin-icon-deviantart { background-position:-32px 0px;  }
.penguin-icon-digg { background-position:-64px 0px; }
.penguin-icon-dribbble {  background-position:-96px 0px; }
.penguin-icon-facebook { background-position:-128px 0px; }
.penguin-icon-flickr { background-position:-160px 0px; }
.penguin-icon-forrst { background-position:-192px 0px; }
.penguin-icon-google-plus { background-position:-224px 0px; }
.penguin-icon-lastfm {  background-position:-256px 0px; }
.penguin-icon-linkedin {  background-position:-288px 0px; }
.penguin-icon-pinterest { background-position:0px -64px; }
.penguin-icon-rss { background-position:-32px -64px; }
.penguin-icon-skype { background-position:-64px -64px; }
.penguin-icon-twitter { background-position:-96px -64px; }
.penguin-icon-vimeo { background-position:-128px -64px; }
.penguin-icon-xing { background-position:-160px -64px; }
.penguin-icon-youtube { background-position:-192px -64px; }
.penguin-icon-instagram { background-position:-224px -64px; }
.penguin-icon-stumbleupon { background-position:-256px -64px; }
.penguin-icon-picasa { background-position:-288px -64px; }
.penguin-icon-email { background-position:0px -128px; }

a.penguin-icon-behance:hover { background-position:0px -32px; }
a.penguin-icon-deviantart:hover { background-position:-32px -32px;  }
a.penguin-icon-digg:hover { background-position:-64px -32px; }
a.penguin-icon-dribbble:hover {  background-position:-96px -32px; }
a.penguin-icon-facebook:hover { background-position:-128px -32px; }
a.penguin-icon-flickr:hover { background-position:-160px -32px; }
a.penguin-icon-forrst:hover { background-position:-192px -32px; }
a.penguin-icon-google-plus:hover { background-position:-224px -32px; }
a.penguin-icon-lastfm:hover {  background-position:-256px -32px; }
a.penguin-icon-linkedin:hover {  background-position:-288px -32px; }
a.penguin-icon-pinterest:hover { background-position:0px -96px; }
a.penguin-icon-rss:hover { background-position:-32px -96px; }
a.penguin-icon-skype:hover { background-position:-64px -96px; }
a.penguin-icon-twitter:hover { background-position:-96px -96px; }
a.penguin-icon-vimeo:hover { background-position:-128px -96px; }
a.penguin-icon-xing:hover { background-position:-160px -96px; }
a.penguin-icon-youtube:hover { background-position:-192px -96px; }
a.penguin-icon-instagram:hover { background-position:-224px -96px; }
a.penguin-icon-stumbleupon:hover { background-position:-256px -96px; }
a.penguin-icon-picasa:hover { background-position:-288px -96px; }
a.penguin-icon-email:hover { background-position:0px -160px; }

/* ------- 6. Back Top  ------- */
#back-top {display: none;
	position: fixed;
	right: 40px;
	bottom: 90px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-color: #444;
	border-radius: 3px;
	background-image: url("images/icon_chevron_top.png");
	background-size: 20px 20px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 2000;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top:hover {background-color:#2fc974;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}

/* ------- 7. Google Map  ------- */
.infoBox h1 , .infoBox h2 , .infoBox h3 , .infoBox h4 , .infoBox h5 , .infoBox h6 {
	font-weight:bold;
	margin:0px 0px 8px;
}
.infoBox p {font-size:13px;line-height:16px;}

div.map_canvas div div.gmnoprint div div img{max-width:none;}
div.map_canvas div div img { border: none !important; max-width: none !important;}

/* = Plugins
-------------------------------------------------------------- */

/* ------- 1. Flexslider  ------- */
.flexslider.kimmia-fl {
	overflow:hidden;
	border:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	margin-bottom:0px;
}

.flexslider.kimmia-fl .flex-control-nav {bottom:5px;}

.flexslider.kimmia-fl .flex-direction-nav a {
	opacity: 1;
	filter: alpha(opacity=100);
	height: 20px;
	padding: 10px;
	width: 20px;
	margin: -20px 0px 0px;
	background-color: #000000;
	background-size: 20px 20px;
	background-position: center !important;
	background-repeat: no-repeat;
}

.flexslider.kimmia-fl .flex-prev {left:0;}
.flexslider.kimmia-fl .flex-next {right:0;}

.flexslider.kimmia-fl .flex-direction-nav a:hover {background-color: #2fc974;}

.flexslider.kimmia-fl .flex-prev {background-image:url('images/icon_chevron_left.png');}
.flexslider.kimmia-fl .flex-next {background-image:url('images/icon_chevron_right.png');}

/* ------- 2. Isotope ------- */

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.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 {
  -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:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* ------- 3. Bootstrap ------- */
.tooltip-inner {
	-webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
}
.pagination ul {-webkit-box-shadow:none;-moz-box-shadow: none;box-shadow: none;}
.pagination ul > li > a, .pagination ul > li > span {
	font-family: Helvetica, Arial, sans-serif  !important;
	border-radius: 3px;
	padding: 10px 15px;
	border: none;
	margin-right: 10px;
	margin-bottom: 10px;
}
.pagination ul > li > a {background:#000;color:#ffffff;}
.pagination ul > li > a:hover, .pagination ul > li > span {background:#eee;color:#777;}
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {border-radius: 3px;}
.pagination ul>li:last-child>a, .pagination ul>li:last-child>span {border-radius: 3px;margin-right: 0px;}

.the-icons {list-style-type: none;margin-left: 0px;}
.the-icons i { width:24px; text-align:center;display:inline-block;}

/* ------- 4. Other ------- */

#recaptcha_widget_div {margin-bottom:20px;}
.video-youtube , .video-vimeo {width: 100%;position: relative;float: left;padding-bottom: 56.4%;}
.video-youtube iframe , .video-vimeo iframe {position: absolute;height: 100%;width: 100%;}
.sound-sl iframe , .video-youtube iframe , .video-vimeo iframe {border:none;}
.full-width-show {width:100%;}
.kimmia-ads {text-align:center;}

/* contact form 7 */

.wpcf7 .wpcf7-radio .wpcf7-list-item input[type='radio'] ,
.wpcf7 .wpcf7-checkbox .wpcf7-list-item input[type='checkbox'] {margin:0;}

.wpcf7 .wpcf7-submit {padding: 8px 18px;background: #2fc974;color: #ffffff;border: none;
	border-radius:3px;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}
.wpcf7 .wpcf7-submit:hover {background:#02e365;color:#ffffff;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
}

/* ------- RETINA  ------- */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
  	
	[class^="penguin-icon-"] {background-image:url('images/socials@2x.png');}

	/* global wrap style */
	.searchform .sf-searchsubmit , .sidebar-searchform input[type=submit] { background-image: url('images/search_icon@2x.png'); }
	
	/* flexslider style */
	.flexslider.kimmia-fl .flex-prev { background-image:url('images/icon_chevron_left@2x.png'); }
	.flexslider.kimmia-fl .flex-next { background-image:url('images/icon_chevron_right@2x.png'); }
	
	/* back top button */
	#back-top {background-image:url("images/icon_chevron_top@2x.png");}

}