/*-----------------------------------------------------------------------------------*/
/*	GENERAL
/*-----------------------------------------------------------------------------------*/
body {
    background: #FFF;
    color: #797979;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #707070
}
.colored {
    color: #88d5c2;
    margin-bottom: 25px;
}
h5 span {
    color: #7c7c7c
}
.line {
    background: transparent url(../images/line.png) repeat-x center bottom
}
hr {
    background: transparent url(../images/line.png) repeat-x top left
}
a {
    color: #88d5c2
}
a:hover {
    color: #cd5465
}
a.button,
.forms fieldset .btn-submit,
.comment-form .btn-submit {
    color: #616161;
    background-color: #ebebeb;
}
a.button:hover,
.forms fieldset .btn-submit:hover,
.comment-form .btn-submit:hover {
    background-color: #88d5c2;
    color: #FFF;
}
a.button.green:hover {
    background-color: #88d5c2
}
a.button.blue:hover {
    background-color: #88b7d5
}
a.button.purple:hover {
    background-color: #aa95d6
}
a.button.red:hover {
    background-color: #d58888
}
a.button.black:hover {
    background-color: #555
}
a.button.pink:hover {
    background-color: #e0abd7
}
a.button.yellow:hover {
    background-color: #d5cd88
}
a.button.brown:hover {
    background-color: #c09b7c
}
a.button.orange:hover {
    background-color: #f4a85e
}
.lite1 {
    color: #88d5c2;
    border-bottom: 1px dotted #88d5c2;
}
.lite2 {
    background: #fefac7
}
.info-box {
    background: #c2ddf9;
    border: 1px solid #80bbef;
    color: #4783b7;
}
.warning-box {
    background: #ffcccc;
    border: 1px solid #ff9999;
    color: #c31b00;
}
.download-box {
    background: #d1f7b6;
    border: 1px solid #8bca61;
    color: #5e9537;
}
.note-box {
    background: #fdebae;
    border: 1px solid #e6c555;
    color: #9e660d;
}
pre {
    background: #f9f9f9;
    border: 1px solid #e7e7e7;
}
/*-----------------------------------------------------------------------------------*/
/*	STUCTURE
/*-----------------------------------------------------------------------------------*/
.header-wrapper {
    background: #FFF
}
.light-wrapper {
    background: #FFF
}
.dark-wrapper {
    background: #f9f9f9;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}
.footer-wrapper {
    background: #444
}
.subfooter-wrapper {
    background: #3d3d3d
}
/*-----------------------------------------------------------------------------------*/
/*	SLIDER
/*-----------------------------------------------------------------------------------*/
.caption.white {
    color: #FFF
}
.caption.icon {
    color: #FFF;
    text-shadow: 4px 4px 0 rgba(0,0,0,0.11);
}
.caption.shadow {
    color: #c1a588;
    text-shadow: 0px 1px 0 rgba(255,255,255,0.8);
}
.tp-bullets.simplebullets .bullet {
    background: #FFF;
    -webkit-box-shadow: 0 0 0 3px #e0e0e0;
    -moz-box-shadow: 0 0 0 3px #e0e0e0;
    box-shadow: 0 0 0 3px #e0e0e0;
}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {
    -webkit-box-shadow: 0 0 0 3px #88d5c2;
    -moz-box-shadow: 0 0 0 3px #88d5c2;
    box-shadow: 0 0 0 3px #88d5c2;
}
.tparrows {
    background: #FFF;
    color: #8e8e8e;
}
.tparrows:hover {
    background-color: #88d5c2;
    color: #FFF;
}
.tp-bannertimer {
    background-image: url(../images/timer.png)
}
.tp-loader {
    background-image: url(../images/loading.gif);
    background-color: #FFF;
}
@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) { 
	.tp-loader {
	    background-image: url(../images/loading@2x.gif)
	}
}
/*-----------------------------------------------------------------------------------*/
/*	SERVICES
/*-----------------------------------------------------------------------------------*/
i.special {
    background-color: #88d5c2;
    color: #FFF;
}
i.special.blue {
    background-color: #86b7d1
}
i.special.red {
    background-color: #cd5465
}
i.special.green {
    background-color: #88d5c2
}
i.special.purple {
    background-color: #a188d5
}
/*-----------------------------------------------------------------------------------*/
/*	MENU
/*-----------------------------------------------------------------------------------*/
.menu ul li a {
    color: #c0c0c0
}
.menu ul li.active a,
.menu ul li a:hover,
.menu ul li a.selected {
    color: #88d5c2
}
.menu ul li.active ul li a {
    color: #88d5c2
}
.menu ul li.active ul li a:hover {
    color: #88d5c2
}
.menu ul li ul li {
    border-top: 1px solid #3b3b3b;
    background: #454545;
}
.menu ul li ul li a {
    color: #dfdfdf
}
.menu ul li ul li a:hover {
    background-color: #88d5c2;
    color: #FFF;
}
.selectnav {
    background-image: url(../images/dropdown-arrow.png);
    background-color: #ebebeb;
}
@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) { 
	.selectnav {
	    background-image: url(../images/dropdown-arrow@2x.png)
	}
}
/*-----------------------------------------------------------------------------------*/
/*	ISOTOPE PORTFOLIO GRID
/*-----------------------------------------------------------------------------------*/
.items li a div {
    background: rgba(0,0,0,0.8) url(../images/image-hover.png) repeat
}
.items li a div h5 {
    color: #e9e9e9;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.75);
}
.items li a div h5 span {
    color: #ababab
}
.filter li {
    color: #616161
}
.filter li a:hover,
.filter li a.active {
    background-color: #88d5c2;
    color: #FFF;
}
.filter li a {
    color: #616161;
    background-color: #ebebeb;
}
/*-----------------------------------------------------------------------------------*/
/*	POST LIST
/*-----------------------------------------------------------------------------------*/
.post h5 a,
.post h2 a {
    color: #707070
}
.post h5 a:hover,
.post h2 a:hover {
    color: #88d5c2
}
.dark-wrapper .post .frame {
    background: #FFF;
    padding: 4px;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
}
.post .post-content .meta,
.post .post-content .meta a {
    color: #a6a6a6
}
.post .post-content .meta a:hover {
    color: #88d5c2
}
.share li a {
    color: #FFF
}
.share li a.like {
    background-color: #65779e
}
.share li a.tweet {
    background-color: #7fc0e1
}
.share li a.google {
    background-color: #626262
}
.share li a.pinterest {
    background-color: #e6e5e5;
    color: #c65044;
}
/*-----------------------------------------------------------------------------------*/
/*	CLIENTS
/*-----------------------------------------------------------------------------------*/
.client-list .frame {
    background: #FFF
}
.client-list .frame img {
    background: #f9f9f9
}
/*-----------------------------------------------------------------------------------*/
/*	BLOG
/*-----------------------------------------------------------------------------------*/
.content .post {
    background: transparent url(../images/line.png) left bottom repeat-x
}
/*-----------------------------------------------------------------------------------*/
/*	RELATED
/*-----------------------------------------------------------------------------------*/
.content .related {
    background: transparent url(../images/line.png) left bottom repeat-x
}
/*-----------------------------------------------------------------------------------*/
/*	SIDEBAR
/*-----------------------------------------------------------------------------------*/
.sidebox {
    background: transparent url(../images/line.png) left top repeat-x
}
/*-----------------------------------------------------------------------------------*/
/*	POPULAR POSTS
/*-----------------------------------------------------------------------------------*/
.post-list h6 a {
    color: #797979
}
.post-list h6 a:hover {
    color: #88d5c2
}
.post-list .meta em {
    color: #a6a6a6
}
/*-----------------------------------------------------------------------------------*/
/*	PAGE NAVIGATION
/*-----------------------------------------------------------------------------------*/
.page-navi ul li a {
    color: #616161;
    background-color: #ebebeb;
}
.page-navi ul li a:hover,
.page-navi ul li a.current {
    background-color: #88d5c2;
    color: #FFF;
}
/*-----------------------------------------------------------------------------------*/
/*	COMMENTS
/*-----------------------------------------------------------------------------------*/
#comments .message {
    background-color: #f9f9f9;
    border: 1px solid #e7e7e7;
}
#comments .info h2 a {
    color: #505050
}
#comments .info h2 a:hover {
    color: #88d5c2
}
#comments .info .meta {
    color: #999999
}
#comments a.reply-link {
    color: #707070
}
#comments a.reply-link:hover {
    color: #88d5c2
}
/*-----------------------------------------------------------------------------------*/
/*	DIRECTION AWARE HOVER ON FRAME
/*-----------------------------------------------------------------------------------*/
.frame a div {
    background: rgba(0,0,0,0.8) url(../images/image-hover.png) repeat
}
.frame a div:before {
    color: #FFF;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.75);
}
/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO NAVIGATION
/*-----------------------------------------------------------------------------------*/
.navigation a i {
    background: #ebebeb;
    color: #8e8e8e;
}
.navigation a:hover i {
    background-color: #88d5c2;
    color: #FFF;
}
/*-----------------------------------------------------------------------------------*/
/*	FOOTER
/*-----------------------------------------------------------------------------------*/
i.contact {
    color: #88d5c2
}
.footer-wrapper,
.footer-wrapper a {
    color: #d9d9d9
}
.footer-wrapper a:hover {
    color: #88d5c2
}
/*-----------------------------------------------------------------------------------*/
/*	TWITTER
/*-----------------------------------------------------------------------------------*/
#twitter em a {
    color: #999
}
#twitter em a:hover {
    color: #88d5c2
}
#twitter ul li:before {
    color: #88d5c2
}
/*-----------------------------------------------------------------------------------*/
/*	DRIBBBLE
/*-----------------------------------------------------------------------------------*/
ul.dribbble.feed li {
    background: #303030
}
/*-----------------------------------------------------------------------------------*/
/*	SUBFOOTER
/*-----------------------------------------------------------------------------------*/
.subfooter-wrapper,
.subfooter-wrapper a {
    color: #d9d9d9
}
.subfooter-wrapper a:hover {
    color: #88d5c2
}
.subfooter-wrapper a:hover {
    color: #88d5c2
}
/*-----------------------------------------------------------------------------------*/
/*	SOCIAL ICONS
/*-----------------------------------------------------------------------------------*/
.social a i {
    color: #4c4c4c;
    background-color: #FFF;
}
.social.team a i {
    background-color: #ededed
}
.social a:hover .icon-s-pinterest {
    color: #c53942
}
.social a:hover .icon-s-rss {
    color: #e86f04
}
.social a:hover .icon-s-facebook {
    color: #4470cf
}
.social a:hover .icon-s-twitter {
    color: #5daed5
}
.social a:hover .icon-s-flickr {
    color: #ff0088
}
.social a:hover .icon-s-dribbble {
    color: #d07ead
}
.social a:hover .icon-s-behance {
    color: #098ffa
}
.social a:hover .icon-s-linkedin {
    color: #3393c1
}
.social a:hover .icon-s-vimeo {
    color: #099fc7
}
.social a:hover .icon-s-youtube {
    color: #c8312b
}
.social a:hover .icon-s-skype {
    color: #2ebbf0
}
.social a:hover .icon-s-tumblr {
    color: #5d82a4
}
.social a:hover .icon-s-delicious {
    color: #3274d1
}
.social a:hover .icon-s-500px {
    color: #00a6df
}
.social a:hover .icon-s-grooveshark {
    color: #f66c00
}
.social a:hover .icon-s-forrst {
    color: #2f7935
}
.social a:hover .icon-s-digg {
    color: #1b5891
}
.social a:hover .icon-s-blogger {
    color: #fc6605
}
.social a:hover .icon-s-klout {
    color: #d8390f
}
.social a:hover .icon-s-dropbox {
    color: #016aab
}
.social a:hover .icon-s-github {
    color: #4073a6
}
.social a:hover .icon-s-songkick {
    color: #ff0030
}
.social a:hover .icon-s-posterous {
    color: #eac954
}
.social a:hover .icon-s-appnet {
    color: #0291c9
}
.social a:hover .icon-s-gplus {
    color: #a84539
}
.social a:hover .icon-s-stumbleupon {
    color: #eb4923
}
.social a:hover .icon-s-lastfm {
    color: #be0c02
}
.social a:hover .icon-s-spotify {
    color: #7cc011
}
.social a:hover .icon-s-instagram {
    color: #a4765c
}
.social a:hover .icon-s-evernote {
    color: #82d15c
}
.social a:hover .icon-s-paypal {
    color: #2a608e
}
.social a:hover .icon-s-picasa {
    color: #9864ae
}
.social a:hover .icon-s-soundcloud {
    color: #ff680d
}
/*-----------------------------------------------------------------------------------*/
/*	FORMS
/*-----------------------------------------------------------------------------------*/
.form-container .response {
    background: #d1f7b6;
    border: 1px solid #8bca61;
    color: #5e9537;
}
.forms fieldset .text-input,
.forms fieldset .text-area,
.searchform input,
.comment-form input,
.comment-form textarea {
    background-color: #f9f9f9;
    border: 1px solid #e7e7e7;
    color: #797979;
}
.forms fieldset .text-input:focus,
.forms fieldset .text-area:focus,
.searchform input:focus,
.comment-form input:focus,
.comment-form textarea:focus {
    border: 1px solid #d4d4d4
}
.forms li.error input,
.forms li.error textarea {
    border: 1px solid #d18282
}
/*-----------------------------------------------------------------------------------*/
/*	TABS
/*-----------------------------------------------------------------------------------*/
.tab {
    background: #f9f9f9;
    border: 1px solid #e7e7e7;
    border-bottom: none;
}
.tab a {
    color: #616161
}
.tab a.active,
.tab a:hover {
    color: #88d5c2
}
.tab.active {
    background: #fff
}
.tab-container .panel-container {
    border-top: 1px solid #e7e7e7
}
/*-----------------------------------------------------------------------------------*/
/*	TOGGLE
/*-----------------------------------------------------------------------------------*/
.toggle h4.title {
    color: #616161;
    background-color: #f5f5f5;
}
.toggle h4.title:hover,
.toggle h4.title.active {
    background-color: #88d5c2;
    color: #FFF;
}
.togglebox {
    background-color: #f5f5f5
}
/*-----------------------------------------------------------------------------------*/
/*	TESTIMONIALS
/*-----------------------------------------------------------------------------------*/
ul.testimonials li .quote {
    background-color: #f5f5f5
}
ul.testimonials li.odd .quote:after {
    border-color: #ebebeb transparent
}
ul.testimonials li.even .quote:after {
    border-color: #ebebeb transparent
}
/*-----------------------------------------------------------------------------------*/
/*	DETAILVIEW
/*-----------------------------------------------------------------------------------*/
.navfake {
    background: #fff
}
.navcoverpage {
    background: #fff
}