/*
 * Theme Name: Cutie
 * Theme URI: https://cutie.theme.mk/
 * Author: ThemeMK
 * Author URI: https://theme.mk/
 * Version: 1.0
 *
 */

/*
 * C O N T E N T
 * =====================================================================
 *
 *	# RESETS
 *	# FONTS & TYPOGRAPHY
 *	# LAYOUT
 *		- BUTTONS
 *		- LOGO
 *		- NAVIGATION
 * 		- TWO COLUMNS
 *		- THREE COLUMNS
 *		- FOUR COLUMNS
 *		- FIVE COLUMNS
 *
 * 	# HEADER
 * 	# CONTENT
 * 	# SIDEBAR
 *	# FOOTER
 *	# SLIDESHOW
 *	# PORTFOLIO
 *	# GALLERY
 *	# SHOWCASE
 *	# WIDGETS
 *	# CONTACT FORM
 *	# COMMENTS
 *	# PAGINATION
 *	# GOOGLE MAP
 *      # ANIMATIONS RELATED
 *      # MODERNIZR
 *
 * ======================================================================
 */

/* # RESETS
 * [Eric Meyer's: https://meyerweb.com/eric/tools/css/reset/index.html]
 * ===================================================================== */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
small {
    font-size: 10px;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Heading resets */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 20px;
}

h1 {
    font-size: 72px;
}
h2 {
    font-size: 52px;
}
h3 {
    font-size: 36px;
}
h4 {
    font-size: 24px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 12px;
}

/* Theme Tag Resets */
p {
    line-height: 16px;
    color: #6d6e70;
}
a {
    text-decoration: none;
    cursor: pointer;
}

blockquote {
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    color: #6d6e71;
    font-family: "Droid Serif", sans-serif;
    text-align: justify;
}

blockquote:before {
    content: "";
    background: url("../img/up-quote-new.png") no-repeat;
    float: left;
    position: relative;
    top: -5px;
    width: 34px;
    height: 28px;
    padding-right: 5px;
}

/* # FONTS & TYPOGRAPHY
 * ===================================================================== */
.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-centered {
    text-align: center;
}

.text-justified {
    text-align: justify;
}

/* # LAYOUT
 * ===================================================================== */
html {
    overflow-x: hidden;
}
body,
html {
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;

    /*
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
*/
}

.wrapper {
    width: 960px;
    margin: 0 auto;
}

.row:after,
.wrapper:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    clear: both;
}

.hr-bottom {
    /* horizontal rule - bottom */
    border-bottom: 1px solid #e7e8e9;
    margin: 0 0 30px;
    padding: 0 0 20px;
}

.hr-bottom-no-border {
    /* horizontal rule - bottom */
    margin: 0 0 30px;
}

.hr-p {
    /* horizontal rule for paragraphs */
    margin: 20px 0;
    text-align: justify;
}

.hr-bottom-portfolio {
    /* horizontal rule - bottom portfolio */
    margin: 0 0 30px;
}

.hr-bottom-gallery {
    /* horizontal rule - bottom gallery */
    margin: 0 0 24px;
}

.quotation {
    background: #f4f4f5;
    padding: 20px;
}

.lfloat {
    float: left;
}

.quotation p {
    text-align: justify;
    margin: 0;
}
.quotation a {
    color: #f37021;
    font-style: italic;
}

.column-title {
    /* small, line-height:32px */
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    float: left;
    margin-bottom: 0;
}

.column-title a {
    color: #000;
}

.column-title.medium {
    /* medium, line-height:64px */
    height: 64px;
    line-height: 64px;
}

.column-title-image {
    margin: 0 15px 0 0;
    float: left;
}

.column-title-image.opacity {
    /* title-image with opacity*/
    opacity: 0.6;
}

/* #BUTTONS (in elements.css)
 * ===================================================================== */

/* # LOGO / BRANDING ( SITE TITLE AND DESCRIPTION )
 * ===================================================================== */
#branding {
    float: left;
    padding-top: 28px;
}

#site-description {
    font-style: italic;
    font-weight: 300;
    color: #6d6e70;
    margin: 0;
}

/* NAVIGATION
 * ===================================================================== */
#nav {
    float: right;
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 9;
}

.nav-item {
    display: inline;
    float: left;
    position: relative;
    height: 90px;
    line-height: 90px;
    margin-left: 10px;
}

.nav-item a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
    color: #6d6e70;
    padding: 5px 10px;
    position: relative;
    outline: 0 none;

    border-radius: 5px;
}

.nav-item a.selected,
.nav-item a:hover {
    color: #000;
}

.nav-item a.selected {
    box-shadow:
        0 0 2px rgba(0, 0, 0, 0.1),
        0 -2px 2px rgba(0, 0, 0, 0.1);
}

.subnav a,
.subnav a.selected,
.subnav a:hover {
    box-shadow: 0 0 0;
    border-radius: 0;
}

.has-subnav:hover,
#nav li:hover > a.has-subnav {
    background: #fff;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 9999;
    padding-bottom: 10px;
}

/*== First Level Menu ==*/
.subnav {
    position: absolute;
    display: block;
    background: #fff;
    list-style: none;
    top: 63px;

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);

    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.2s ease-in;
    -ms-transition: -ms-transform 0.2s ease-in;
    -o-transition: -o-transform 0.2s ease-in;
    -webkit-transition: -webkit-transform 0.2s ease-in;
    transition: transform 0.2s linear ease-in;
}

.subnav li {
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0;
    border-bottom: 1px solid #e7e8e9;
    padding: 0 10px;
    position: relative;
    white-space: nowrap;

    min-width: 100px;
}
.subnav li:last-child {
    border: none;
}

.subnav a {
    font-size: 12px;
    padding: 5px 0;
}

.subnav li a:hover {
    color: #000;
}

.nav-item:hover .subnav {
    display: block;
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);

    -moz-transition: -moz-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s linear ease-out;

    z-index: 10;
}

/** IE menu fixes **/
.no-csstransforms .subnav {
    display: none;
    left: 0;

    -moz-transition: opacity 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;

    opacity: 0;
}

.no-boxshadow .subnav,
.no-boxshadow .sub-subnav {
    border: 1px solid #e7e8e9;
}
.no-csstransforms .nav-item:hover .subnav {
    display: block;
    opacity: 1;
}

.no-boxshadow .has-subnav {
    border: 1px solid transparent;
    border-bottom: 0 none;
}

.no-boxshadow li:hover .has-subnav {
    border: 1px solid #e7e8e9;
    border-bottom: 0 none;
}

/*== Second, third... level Menu ==*/
.sub-subnav {
    position: absolute;
    display: none;

    background: #fff;
    min-width: 188px;

    top: 0;
    left: 100%;

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);

    z-index: 1002;
}

/*.sub-subnav:after { */
.sub-subnav:before {
    content: "\2666";
    display: block;
    position: absolute;
    width: 8px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: default;
    overflow: hidden;
    border-style: none;
    border: 0 none;
    top: -4px;
    left: -18px;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: 48px;
    padding: 0 0 0 10px;
}

.sub-subnav li {
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0;
    border-bottom: 1px solid #e7e8e9;
    padding: 0 10px;
    position: relative;
    white-space: nowrap;
}

.sub-subnav li a {
    font-size: 12px;
}
.sub-subnav li a:hover {
    color: #000;
}
.subnav li:hover > .sub-subnav,
.sub-subnav > .sub-subnav {
    display: block;
}

.menu-left {
    left: 0;
    text-align: left;
}
.menu-right {
    right: 0;
    text-align: right;
}

/** Mobile devices menu **/
#mini {
    padding: 0;
    display: none;
}
#mini-nav {
    display: none;
    clear: both;
    width: 100%;
}

#mini-nav option {
    padding: 0;
}

/* # TWO COLUMNS
 * ===================================================================== */
.one-half {
    width: 468px;
    float: left;
    margin-right: 24px;
}

/* one half within three-fourth */
.three-fourth .one-half {
    width: 342px;
    margin-right: 30px;
}

.one-half.last,
.three-fourth .one-half.last {
    margin-right: 0;
}

/* # THREE COLUMNS
 * ===================================================================== */
.one-third {
    width: 300px;
    float: left;
    margin-right: 30px;
}

.two-third {
    width: 630px;
    float: left;
    margin-right: 30px;
}

.one-third.last,
.two-third.last {
    margin-right: 0;
}

/* One third within one third */
.one-third .one-third,
.two-third .one-third {
    width: 94px;
    float: left;
    margin-right: 9px;
}

.one-third .two-third,
.two-third .two-third {
    width: 188px;
    margin-right: 30px;
    float: left;
}

/* # FOUR COLUMNS
 * ===================================================================== */
.one-fourth {
    width: 222px;
    margin-right: 24px;
    float: left;
}

.two-fourth {
    width: 468px;
    margin-right: 24px;
    float: left;
}

.three-fourth {
    width: 714px;
    margin-right: 24px;
    float: left;
}

/* four columns within a third */
.one-third .one-fourth {
    width: 69px;
    margin-right: 8px;
    float: left;
}
.one-third .two-fourth {
    width: 146px;
    margin-right: 8px;
    float: left;
}

.one-third .three-fourth {
    width: 215px;
    margin-right: 8px;
    float: left;
}

.one-fourth.last,
.two-fourth.last,
.three-fourth.last {
    margin-right: 0;
}

/* # FIVE COLUMNS
 * ===================================================================== */
.one-fifth {
    width: 180px;
    margin-right: 15px;
    float: left;
}

.two-fifth {
    width: 375px;
    margin-right: 15px;
    float: left;
}

.three-fifth {
    width: 570px;
    margin-right: 15px;
    float: left;
}

.four-fifth {
    width: 765px;
    margin-right: 15px;
    float: left;
}

/* five columns within a third */
.one-third .one-fifth {
    width: 56px;
    margin-right: 10px;
    float: left;
}

.one-third .two-fifth {
    width: 117px;
    margin-right: 5px;
    float: left;
}

.one-third .three-fifth {
    width: 178px;
    margin-right: 5px;
    float: left;
}

.one-third .four-fifth {
    width: 234px;
    margin-right: 5px;
    float: left;
}

.one-third .one-fifth.last,
.one-third .two-fifth.last,
.one-third .three-fifth.last,
.one-third .four-fifth.last {
    margin-right: 0;
}

/* five columns within a four */
.one-fourth .one-fifth {
    float: left;
    margin-right: 10px;
    width: 56px;
}

.one-fourth .four-fifth {
    float: left;
    margin-right: 10px;
    width: 155px;
}

.one-fifth.last,
.two-fifth.last,
.three-fifth.last,
.four-fifth.last {
    margin-right: 0;
}

.last:after {
    content: "";
    display: block;
    clear: both;
}

/* HEADER - SUBHEADER AND HEADER SHADOW
 * ===================================================================== */
#sub-header {
    width: 100%;
    overflow: hidden;
    clear: both;

    /*
	background-color: #E7E7E8;
*/
    background-color: #4957a4;
    background-image: -moz-radial-gradient(
        center,
        circle closest-side,
        rgba(255, 255, 255, 0.6) 100%,
        rgba(255, 255, 255, 0) 800px
    );
    background-image: -webkit-radial-gradient(
        center,
        circle closest-side,
        rgba(255, 255, 255, 0.6) 100%,
        rgba(255, 255, 255, 0) 800px
    );
    background-image: -webkit-gradient(
        radial,
        center center,
        0%,
        center center,
        100%,
        color-stop(0%, rgba(255, 0, 0, 0.6)),
        color-stop(100%, rgba(255, 255, 255, 0))
    );
    background-image: -o-radial-gradient(
        center,
        circle closest-side,
        rgba(255, 255, 255, 0.6) 100%,
        rgba(255, 255, 255, 0) 800px
    );
    background-image: -ms-radial-gradient(
        center,
        circle closest-side,
        rgba(255, 255, 255, 0.6) 100%,
        rgba(255, 255, 255, 0) 800px
    );
    background-image: radial-gradient(
        center,
        circle closest-side,
        rgba(255, 255, 255, 0.6) 100%,
        rgba(255, 255, 255, 0) 800px
    );
}

.header-shadow {
    background: url(../img/head-shadow.png) no-repeat center 0;
    margin: 0 auto;
    height: 46px;
}
.header-shadow-big {
    margin: 0 auto;
    background: url(../img/head-shadow-big.png) no-repeat center 0;
    height: 60px;
}

#blog-header h1,
#portfolio-header h1,
#gallery-header h1,
#contact-header h1,
#elements-header h1,
#about-header h1 {
    padding: 0;
    line-height: 100px;
    margin: 0 20px 0 0;
    font-weight: 400;
    font-size: 36px;

    display: block;
    float: left;

    /*
	color: #6c5043;
*/
    color: #ffffff;

    text-transform: capitalize;

    /*
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAVCAYAAACg/AXsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMRJREFUeNqclAEKwyAMRfWze6zD9Ww9U8+mw+0krikTtjSJ6QJC+CSPnyiGdJ3W1lrgR9Olg7DFfbqtQQhN54HyrAslM2vougcEq4H06AChJ1kBZYcjeEYYjQYu/AOCRDZB7XgJ0ObUllpedWlMh7X17Bwt0osbRS/uzVyHBxANAOkmJH0KMwMkBobpIMoOSP8Gw3JQquKA6TizAwijHSCjW5AAP5B5ACgKgOLicWAB9se2f4Nb8hAAkq6OoxV6ABRvAQYAEaXK7e3kFIYAAAAASUVORK5CYII=) no-repeat right center;
*/
}

/* Customize specific page headers */
#blog-header h1 {
}
#portfolio-header h1 {
}
#gallery-header h1 {
}
#contact-header h1 {
}
#elements-header h1 {
}
#about-header h1 {
}

.header-tagline {
    display: table;
    float: left;
    height: 100px;
    position: relative;
    width: 400px;
}
.header-tagline p {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    padding: 0 0 0 30px;
    font-weight: 400;
    color: #ffffff;
}

.header-button {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 20px;
    height: 100px;
}

/* Section Headers */
#sub-header.portfolio,
#sub-header.features {
}

/* #CONTENT
 * ===================================================================== */
#content {
    position: relative;
}

.link {
    color: #f58220;
}

.hentry {
    margin-bottom: 80px;
}

.entry-meta {
    float: left;
    margin: 0 20px 0 0;
    border-right: 2px solid #dcddde;
    text-align: right;
    padding-right: 10px;
}

.entry-meta p {
    margin: 0;
    line-height: 18px;
}

.cat-links,
.comments-link {
    color: #6d6e70;
}

.cat-links:hover,
.comments-link:hover {
    color: #000;
}

.entry-title {
    float: left;
    font-size: 18px;
    line-height: 28px;
}

.entry-title a {
    color: #000;
}

.entry-image-box {
    background: url(../img/blog-shadow.png) no-repeat scroll center bottom;
    clear: both;
    padding: 20px 0 29px;
}

.entry-image {
    border: 1px solid #dcddde;
    padding: 5px;
    background: #fff;
}

.entry-content p {
    margin: 0 0 5px;
    font-size: 14px;
    text-align: justify;
}

.social-share {
    border-top: 1px solid #dcddde;
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #dcddde;
    margin: 30px 0 50px 0;
}

.fb-like-button,
.tweet-share,
.google-plus,
.pinterest {
    float: left;
    width: 100px;
    overflow: hidden;
}

.pinterest {
    width: 70px;
}

.fb-like {
    margin-right: 30px;
}

/* # SIDEBAR
 * ===================================================================== */

/* FOOTER
 * ==================================================*/
#footer {
    background-color: #e7e7e8;
}

#footer-sidebar {
    position: relative;
    padding: 25px 0;

    background: rgb(230, 231, 233);
    background-image: -moz-radial-gradient(
        center 45deg,
        circle closest-side,
        #fdfcfc 100%,
        #e7e7e8 590px
    );
    background-image: -webkit-radial-gradient(
        center,
        circle closest-side,
        #fdfcfc 100%,
        #e7e7e8 590px
    );
    background: -o-radial-gradient(
        center,
        circle closest-side,
        #fdfcfc 100%,
        #e7e7e8 590px
    );
    background: -ms-radial-gradient(
        center,
        ellipse cover,
        rgba(230, 231, 233, 1) 0%,
        rgba(231, 231, 233, 1) 100%
    );
    background: radial-gradient(
        center,
        ellipse cover,
        rgba(230, 231, 233, 1) 0%,
        rgba(231, 231, 233, 1) 100%
    );
}

/** Footer Widget Contact Form **/
#footer-contact-form p {
    margin-top: 10px;
}

#footer-contact-form input,
#footer-contact-form textarea {
    border: 1px solid #dcddde;
    width: 70%;
    padding: 5px;
    font-family: "Open Sans", Arial;
    font-size: 11px;
    background: #eee;
    color: #222;
}

#footer-contact-form input:focus,
#footer-contact-form textarea:focus {
    box-shadow: 0 0 3px #666;
    -moz-box-shadow: 0 0 3px #666;
    -webkit-box-shadow: 0 0 3px #666;
    -o-box-shadow: 0 0 3px #666;
    -ms-box-shadow: 0 0 3px #666;
    background: #fff;
    outline: 0 none;
}

#footer-contact-form textarea {
    width: 96%;
    height: 94px;
    resize: none;
}

#footer-contact-form button {
}

/** Sub-footer **/
#sub-footer {
    position: relative;
    color: #fff;
    width: 100%;
    line-height: 70px;

    background: #424548;
    background-image: -moz-radial-gradient(
        center 45deg,
        circle closest-side,
        #acacac 100%,
        #424548 590px
    );
    background-image: -webkit-radial-gradient(
        center,
        circle closest-side,
        #acacac 100%,
        #424548 590px
    );
    background: -o-radial-gradient(
        center,
        circle closest-side,
        #acacac 100%,
        #424548 590px
    );
    background: -ms-radial-gradient(
        center,
        ellipse cover,
        rgba(172, 172, 172, 1) 0%,
        rgba(66, 69, 72, 1) 100%
    );
    background: radial-gradient(
        center,
        ellipse cover,
        rgba(172, 172, 172, 1) 0%,
        rgba(66, 69, 72, 1) 100%
    );
}
#sub-footer p {
    line-height: 70px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}

#sub-footer a {
    color: #fff;
}

#sub-footer a.link {
    color: #000;
}
#sub-footer a.link:hover {
    color: #f58220;
}

/** Copyright **/
.copyright {
    float: left;
}

/** Social icons**/
#footer .social {
    float: right;
}

#footer .social p {
    float: left;
    margin-right: 10px;
}

#footer .rss,
#footer .flickr,
#footer .twitter,
#footer .facebook,
#footer .behance,
#footer .linkedin,
#footer .dribbble {
    margin-top: 23px;
}

.rss,
.flickr,
.twitter,
.facebook,
.behance,
.dribbble,
.skype,
.linkedin {
    background: url(../img/social_sprite.png) no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
    position: relative;
    display: block;
    float: left;
    margin-left: 5px;
    opacity: 0.5;
}

.rss:hover,
.flickr:hover,
.twitter:hover,
.facebook:hover,
.behance:hover,
.dribbble:hover,
.skype:hover,
.linkedin:hover {
    opacity: 1;
}

.facebook {
    background-position: 0 0;
}
.twitter {
    background-position: -24px 0;
}
.flickr {
    background-position: -48px 0;
}
.behance {
    background-position: -72px 0;
}
.rss {
    background-position: -96px 0;
}
.linkedin {
    background-position: -120px 0;
}
.dribbble {
    background-position: -144px 0;
}

/* # SLIDESHOW
 * ===================================================================== */

#slideshow {
    position: relative;
    height: 300px;
    padding: 60px 0 40px;
}

.slide-item-img,
.slide-item-img2,
.slide-item-img3 {
    position: absolute;
    z-index: 10;
}

.slide-item-img {
    left: 30px;
    width: 260px;
}

.slide-item-img2 {
    width: 340px;
}

.slide-item-img3 {
    left: 90px;
    width: 180px;
}

.slide-item-desc,
.slide-item-desc2,
.slide-item-desc3 {
    font-weight: 300;
    position: absolute;
    left: 340px;
    width: 590px;
    z-index: 1;
}

.slide-item-desc h1,
.slide-item-desc2 h1,
.slide-item-desc3 h1 {
    font-size: 150px;
    font-weight: 700;
    position: relative;
    margin: 0;
}

.slide-item-desc h1 {
    color: #0070b4;
}

.slide-item-desc2 h1 {
    color: #72b840;
}

.slide-item-desc2 h1 span {
    color: #939598;
}

.slide-item-desc3 h1 {
    color: #fcaf17;
}

.slide-item-desc h2,
.slide-item-desc2 h2,
.slide-item-desc3 h2 {
    font-size: 40px;
    color: #231f20;
    position: relative;
    top: -10px;
    margin: 0;
}

.slide-item-desc p,
.slide-item-desc2 p,
.slide-item-desc3 p {
    font-weight: 400;
    color: #a7a9ac;
    line-height: 16px;
}

/* # PORTFOLIO
 * ===================================================================== */

.portfolio-content {
    position: relative;
    top: -40px;
}

/* Portfolio Images */
.portfolio-item-image {
    background: #fff;
    display: block;
    padding: 5px;
}

.about-thumb-image {
    background: #fff;
    border: 1px solid #dcddde;
    display: block;
    padding: 5px;
}

.one-column-box-shadow {
    background: url(../img/one-column-portfolio-shadow.png) no-repeat center
        bottom;
    padding: 0 0 23px;
}

.two-column-box-shadow {
    background: url(../img/two-column-portfolio-shadow.png) no-repeat center
        bottom;
    padding: 0 0 20px;
}

.three-column-box-shadow {
    background: url(../img/three-column-portfolio-shadow.png) no-repeat center
        bottom;
    padding: 0 0 12px;
}

.four-column-box-shadow {
    background: url(../img/four-column-portfolio-shadow.png) no-repeat center
        bottom;
    padding: 0 0 8px;
}

.one-column-portfolio-item-box,
.two-column-portfolio-item-box,
.three-column-portfolio-item-box,
.four-column-portfolio-item-box {
    border: 1px solid #dcddde;
}

/* masonry layout fix */
#portfolio-items {
    width: 984px;
}

#portfolio-items.three-cols {
    width: 992px;
}

.two-column-portfolio-item-box img,
.three-column-portfolio-item-box img,
.four-column-portfolio-item-box img {
    -moz-transition: width 0.25s;
    -webkit-transition: width 0.25s;
    -ms-transition: width 0.25s;
    -o-transition: width 0.25s;
    transition: width 0.25s;
}

#portfolio-items .one-half {
    margin-bottom: 40px;
}
#portfolio-items .one-third {
    margin-bottom: 35px;
}
#portfolio-items .one-fourth {
    margin-bottom: 30px;
}

.portfolio-item-image-box {
    background: url(../img/portfolio-item-image-shadow.png) no-repeat center
        bottom;
    padding: 0 0 40px;
}
.portfolio-item-title {
    font-size: 14px;
    margin: 0;
    line-height: 20px;
    padding: 10px 10px 0;
}

.portfolio-item-title a {
    color: #000;
}

.portfolio-item-author,
.one-column-portfolio-item-author {
    margin: 0;
    color: #808285;
    padding: 0 10px 15px;
}

.one-column-portfolio-item-author {
    padding: 0;
    margin: 0 0 10px;
}

.portfolio-item-author a,
.one-column-portfolio-item-author a {
    color: #f58220;
}

.one-column-portfolio-item-title {
    font-size: 18px;
    line-height: 28px;
    margin: 0;
    padding-top: 20px;
}

.one-column-portfolio-item-title a {
    color: #000;
}

.one-column-portfolio-item-text {
    color: #808285;
    margin: 0 0 40px;
    text-align: justify;
}

.portfolio-item h2.portfolio-item-title {
    font-size: 18px;
    line-height: 32px;
    padding-left: 0;
}

.portfolio-item a.portfolio-item-author {
    padding: 0;
    color: #f58220;
}

.portfolio-item-content p {
    margin: 5px 0;
}

/* # GALLERY
 * ===================================================================== */
#gallery-sort {
    margin-bottom: 30px;
}

#gallery-sort-label {
    float: left;
}

#gallery-sort-menu {
    margin-left: 10px;
}

#gallery-sort-menu a {
    margin-left: 5px;
    color: #6d6e70;
    padding: 5px 10px;
}

#gallery-sort-menu a:hover {
    color: #000;
}

#gallery-sort-menu a:focus {
    outline: 0 none;
}

#gallery-sort-menu a.active {
    color: #000;
    outline: 0 none;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.gallery-image {
    background: #fff;
    border: 1px solid #dcddde;
    display: block;
    padding: 5px;
}

.gallery-image-box {
    background: url(../img/four-column-portfolio-shadow.png) no-repeat scroll
        center bottom;
    padding: 0 0 16px;
}

#gallery-imgs {
    width: 984px;
    position: relative;
    min-height: 100%;
    overflow: hidden;
    margin: 0 0 20px;

    transition: height 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    -webkit-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    -ms-transition: height 0.5s ease-in-out;
}

#gallery-imgs img {
    background: #fff;
    border: 1px solid #dcddde;
    display: block;
    padding: 5px;
}

#gallery-imgs li {
    background: url(../img/four-column-portfolio-shadow.png) no-repeat scroll
        center bottom;
    padding: 0 0 16px;
    position: relative;
    float: left;
    height: 169px;
    list-style: none outside none;
    width: 221px;
    margin-right: 18px;
    margin-bottom: 20px;
}

.gallery-item {
    background: url(../img/four-column-portfolio-shadow.png) no-repeat center
        bottom;
    padding: 0 0 8px;
    position: relative;
    margin-bottom: 20px;

    margin-right: 24px;

    opacity: 1;
    z-index: 2;
}

.gallery-item.transitioned {
    transition: all 0.75s ease-in-out;
    transition-property: opacity, left, right, top, bottom;

    -moz-transition: all 0.75s ease-in-out;
    -moz-transition-property: opacity, left, right, top, bottom;

    -webkit-transition: all 0.75s ease-in-out;
    -webkit-transition-property: opacity, left, right, top, bottom;

    -o-transition: all 0.75s ease-in-out;
    -o-transition-property: opacity, left, right, top, bottom;

    -ms-transition: all 0.75s ease-in-out;
    -ms-transition-property: opacity, left, right, top, bottom;
}

.invisible-thumb {
    opacity: 0;
    transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
    -webkit-transition: all 0.75s ease-in-out;
    -o-transition: all 0.75s ease-in-out;
    -ms-transition: all 0.75s ease-in-out;

    z-index: 1;
}

.invisible-thumb a {
    pointer-events: none;
    cursor: default;
}

.thumb-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.thumb-marker {
    display: block;
    width: 100%;
    width: calc(100% - 2px);
    width: -moz-calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    width: -ms-calc(100% - 2px);
    width: -o-calc(100% - 2px);

    margin: 0;
    margin: calc(2px - 1px);
    margin: -moz-calc(2px - 1px);
    margin: -webkit-calc(2px - 1px);
    margin: -o-calc(2px - 1px);
    margin: -ms-calc(2px - 1px);

    height: 100%;
    height: calc(100% - 2px);
    height: -moz-calc(100% - 2px);
    height: -webkit-calc(100% - 2px);
    height: -ms-calc(100% - 2px);
    height: -o-calc(100% - 2px);

    position: absolute;
    top: 0;

    overflow: hidden;
}

.thumb-marker .mouse-marker {
    display: block;

    width: 100%;
    height: 100%;
    line-height: 80px;
    margin: 0;

    position: absolute;

    top: -100%;
    left: -100%;

    font-size: 36px;

    text-align: center;

    background: rgba(255, 255, 255, 0.5);
}
.thumb-marker .mouse-marker:after {
    content: "+";
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.75);
}

.thumb-link.video .mouse-marker:after {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAYAAACZZ43PAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNS8wNy8xMiYnoBMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzQGstOgAAAAu0lEQVQ4jZ2SwRGCMBBFH453KcESKCEdWAqWQAfSAh1oBWgF2IHaAVYQD9kdGMxkkn2nTHb2zeeHyntfAzNGdkALjEBjFQA4YAJ6oLYIlBZ4AWerAElwEZGzCJQjoZtRzsUCxUmaaD85AiXaT4kAln4mSVYsUBpCNyer4C4JbvvCxTfQAYNe5Apmwiv0wHc9yBFcCc1/YsOU4CmLj5Q9JphlcYjM/ti+Qkf4bbOW1wmS35mi8t4f2DRbwg+aeibTERSvPQAAAABJRU5ErkJggg==)
        no-repeat center center rgba(0, 0, 0, 0.75);
}

/** Horizontal in and out of the marker **/
.thumb-marker.horizontal-top .mouse-marker {
    top: 0%;
    left: 0%;

    -webkit-animation: horizontal-top 0.25s forwards;
    -moz-animation: horizontal-top 0.25s forwards;
}
@-moz-keyframes horizontal-top {
    0% {
        top: -100%;
    }
    to {
        top: 0%;
    }
}
@-webkit-keyframes horizontal-top {
    0% {
        top: -100%;
    }
    100% {
        top: 0%;
    }
}

.thumb-marker.horizontal-bottom .mouse-marker {
    top: 0%;
    left: 0%;

    -moz-animation: horizontal-bottom 0.25s forwards;
    -webkit-animation: horizontal-bottom 0.25s forwards;
}
@-moz-keyframes horizontal-bottom {
    0% {
        top: 100%;
    }
    to {
        top: 0%;
    }
}
@-webkit-keyframes horizontal-bottom {
    0% {
        top: 100%;
    }
    100% {
        top: 0%;
    }
}
/** ^^^^^^^^^ Horizontal in ^^^^^^^^^^^ **/

.thumb-marker.horizontal-out-top .mouse-marker {
    top: 100%;
    left: 0%;
    -moz-animation: horizontal-out-top 0.25s forwards;
    -webkit-animation: horizontal-out-top 0.25s forwards;
}
@-moz-keyframes horizontal-out-top {
    0% {
        top: 0%;
    }
    to {
        top: 100%;
    }
}
@-webkit-keyframes horizontal-out-top {
    0% {
        top: 0%;
    }
    100% {
        top: 100%;
    }
}

.thumb-marker.horizontal-out-bottom .mouse-marker {
    top: -100%;
    left: 0%;
    -moz-animation: horizontal-out-bottom 0.25s forwards;
    -webkit-animation: horizontal-out-bottom 0.25s forwards;
}
@-moz-keyframes horizontal-out-bottom {
    0% {
        top: 0%;
    }
    to {
        top: -100%;
    }
}
@-webkit-keyframes horizontal-out-bottom {
    0% {
        top: 0%;
    }
    to {
        top: -100%;
    }
}
/** ^^^^^^^^^ Horizontal out ^^^^^^^^^^^ **/

/** Vertical in and out of the marker **/
.thumb-marker.vertical-left .mouse-marker {
    left: 0%;
    top: 0%;
    -moz-animation: vertical-left 0.25s forwards;
    -webkit-animation: vertical-left 0.25s forwards;
}
@-moz-keyframes vertical-left {
    0% {
        left: -100%;
    }
    to {
        left: 0%;
    }
}
@-webkit-keyframes vertical-left {
    0% {
        left: -100%;
    }
    to {
        left: 0%;
    }
}

.thumb-marker.vertical-right .mouse-marker {
    left: 0%;
    top: 0%;
    -moz-animation: vertical-right 0.25s forwards;
    -webkit-animation: vertical-right 0.25s forwards;
}
@-moz-keyframes vertical-right {
    0% {
        left: 100%;
    }
    to {
        left: 0%;
    }
}
@-webkit-keyframes vertical-right {
    0% {
        left: 100%;
    }
    to {
        left: 0%;
    }
}
/** ^^^^^^^^^ Vertical in ^^^^^^^^^^^ **/
.thumb-marker.vertical-out-left .mouse-marker {
    left: 100%;
    top: 0%;
    -moz-animation: vertical-out-left 0.25s forwards;
    -webkit-animation: vertical-out-left 0.25s forwards;
}
@-moz-keyframes vertical-out-left {
    0% {
        left: 0%;
    }
    to {
        left: 100%;
    }
}
@-webkit-keyframes vertical-out-left {
    0% {
        left: 0%;
    }
    to {
        left: 100%;
    }
}

.thumb-marker.vertical-out-right .mouse-marker {
    left: 100%;
    top: 0%;
    -moz-animation: vertical-out-right 0.25s forwards;
    -webkit-animation: vertical-out-right 0.25s forwards;
}
@-moz-keyframes vertical-out-right {
    0% {
        left: 0%;
    }
    to {
        left: -100%;
    }
}
@-webkit-keyframes vertical-out-right {
    0% {
        left: 0%;
    }
    to {
        left: -100%;
    }
}
/** ^^^^^^^^^ Vertical out ^^^^^^^^^^^ **/

/* # SHOWCASE
 * ===================================================================== */
.showcase-image {
    background: #fff;
    border: 1px solid #dcddde;
    display: block;
    padding: 4px;
}

.showcase-box {
    padding: 0 0 7px;
    background: url(../img/box-shadow.png) no-repeat center bottom;
}

.showcase-title-box {
    padding: 30px 0;
}

.showcase-label {
    display: block;
    clear: both;
    color: #808285;
}

.showcase-label:hover {
    color: #000;
}

/* # WIDGETS
 * ===================================================================== */
.widget-area a:link,
.widget-area a:visited {
    color: #808285;
    font-size: 12px;
    text-decoration: none;
}

.widget-area a:focus {
    outline: 0 none;
}

.widget-area h4 a:link,
.widget-area h4 a:visited,
.widget-area a:hover,
.latest-tweets-item a,
#contact-info a span:hover {
    color: #000;
}

#tweet-loader {
    background: url(../img/fb-loader.gif) no-repeat 0 center;
    line-height: 24px;
    padding: 0 0 0 24px;
}

.widget-title {
}

.widget-container {
    margin-bottom: 50px;
}

.widget-container li,
.footer-widget-container li {
    margin-bottom: 10px;
}

.widget-list ul {
    list-style-type: square;
    list-style-position: inside;
    color: #fbbb13;
}

.widget-list li {
    border-bottom: 1px solid #dcddde;
    padding-bottom: 5px;
    line-height: 16px;
}

.widget-list li span {
    color: #808285;
}

#recent-comments a.widget-author-link {
    color: #fbbb13;
}

.widget-popular-posts h4 {
    line-height: 18px;
    margin: 0;
    font-weight: bold;
}

.widget-popular-posts p {
    margin: 0;
}

.widget-popular-posts-thumb {
    /*border: 1px solid #DCDDDE;
	background: #fff;*/
    padding: 3px;
}

.latest-tweets-item {
    color: #808285;
    line-height: 16px;
}

#contact-info li {
    clear: both;
    padding-top: 10px;
}

#contact-info img {
    float: left;
    opacity: 0.5;
}

#contact-info span {
    color: #6d6e70;
    float: left;
    font-size: 12px;
    line-height: 16px;
    margin-left: 10px;
}

/** Latest Tweets **/
#latest-tweets-footer-cnt li {
    display: block;
    list-style: none;
    margin-bottom: 10px;
    clear: both;
}

#latest-tweets-footer-cnt li a {
    border: 0 none;
}

#latest-tweets-footer-cnt .tweet-status {
    margin: 10px 0 0;
    font-size: 10px;
}
#latest-tweets-footer-cnt .tweet-status a {
    font-size: 10px;
}

.twitter-user-thumb {
    border: 1px solid #dcddde;
    background: #fff;
    padding: 3px;
}

/* # CONTACT FORM
 * ===================================================================== */

#contact-from {
    padding-bottom: 0;
}

.contact-form-title {
    font-size: 16px;
}

.contact-form-text {
    padding: 40px 0;
}

#contact-form input[type="text"],
#contact-form textarea {
    border: 1px solid #e7e8e9;
}

#contact-form input[type="text"] {
    height: 20px;
    padding: 5px 10px;
    color: #6d6e70;
    width: 322px;
}

#contact-form textarea {
    resize: none;
    padding: 5px;
    color: #6d6e70;
    width: 704px;
}

#contact-form label {
    height: 30px;
    line-height: 30px;
    padding-right: 10px;
    text-align: right;
    color: #6d6e70;
}

#contact-form p {
    margin-bottom: 10px;
}

.contact-form-submit {
    width: 100%;
    text-align: right;
    position: relative;
    margin: 0 0 20px;
}

#contact-form input:focus,
#contact-form textarea:focus {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    outline: 0 none;
}

.statusMessage {
    float: left;
}

#footer-contact-form {
    position: relative;
}

#footer-contact-form .contact-form-submit {
    margin: 20px 0 0;
}
#footer-contact-form .contact-form-submit p {
    margin: 0;
}

/* # COMMENTS
 * ===================================================================== */
.commentlist {
    margin-bottom: 50px;
}

.comment {
    margin-bottom: 40px;
}

#comments-title,
#reply-title {
    font-size: 18px;
    line-height: 32px;
}

.comment-author {
    height: 48px;
}

.comment-author img {
    float: left;
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dddddd;
    padding: 3px;
}

.comment-author a {
    color: #f58220;
}

.comment-meta {
    float: left;
    margin-left: 10px;
}

.comment-meta p {
    margin: 5px 0;
}

.comment-body {
    margin: 10px 0 10px 60px;
}

.reply a {
    color: #000;
    margin: 0 0 0 60px;
}

#respond {
    width: 100%;
    margin: 0 0 20px;
}

#commentform input[type="text"],
#commentform textarea {
    float: left;
    border: 1px solid #e7e8e9;
}

#commentform input[type="text"] {
    height: 20px;
    padding: 5px 10px;
    width: 300px;
    color: #6d6e70;
}

#commentform textarea {
    resize: none;
    width: 500px;
    padding: 5px 10px;
    color: #6d6e70;
}

#commentform label {
    width: 65px;
    float: left;
    text-align: right;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
}

#commentform input:focus,
#commentform textarea:focus {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    outline: 0 none;
}

#commentform p {
    margin-bottom: 10px;
}

.form-submit {
    text-align: right;
    margin-right: 115px;
}

.portfolio-item .form-submit {
    margin-right: 362px;
}

/* # PAGINATION
 * ==================================================================== */
.pagination {
    text-align: center;
    margin: 0 0 50px 0;
    padding-top: 20px;
}

.pagination p {
    margin: 0;
}

.pagination a {
    margin-left: 10px;
    color: #6d6e70;
}

.pagination span {
    margin-left: 10px;
}

.pagination-active-page {
    color: #000;
    font-weight: 700;
}

.pagination a:hover {
    color: #f58220;
}

.pagination-box {
    border: 1px solid #dcddde;
    padding: 3px 8px 3px 8px;
}

/* # GOOGLE MAP
 * ==================================================================== */
#contact-map {
    position: relative;
}

#map_canvas {
    width: 220px;
    height: 300px;

    z-index: 8;

    right: 0;

    -moz-transition:
        width 0.5s,
        height 0.5s,
        right 0.5s;
    -webkit-transition:
        width 0.5s,
        height 0.5s,
        right 0.5s;
}

#map_canvas-wide {
    height: 100%;
    z-index: 8;
}

#map_canvas.full {
    position: absolute;
    right: 740px;
    top: 0;

    width: 960px;
    height: 100%;

    min-height: 300px;
}

#map-expander {
    position: absolute;
    top: -18px;
    right: 3px;

    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);

    padding: 0;
    width: 16px;
    text-align: center;
    display: block;
    line-height: 20px;

    color: #000;
    border-radius: 3px;
    background: #fff;

    cursor: pointer;
    z-index: 7;
}

#contact-map-wide {
    height: 400px;
}

/* # ANIMATIONS RELATED
 * ==================================================================== */
#tmk-animation-prev,
#tmk-animation-next {
    width: 45px;
    height: 100%;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    opacity: 0.1;

    text-decoration: none;
    position: absolute;
    top: 0;
    left: 20px;
    background: url(../img/animation-prev.jpg) no-repeat center;

    outline: 0 none;

    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

#tmk-animation-next {
    left: auto;
    right: 20px;
    background: url(../img/animation-next.jpg) no-repeat center;
}

#tmk-animation-prev:hover,
#tmk-animation-next:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

#main {
    min-height: calc(100% - 448px);
    min-height: -moz-calc(100% - 448px);
    min-height: -webkit-calc(100% - 448px);
    min-height: -o-calc(100% - 448px);
    min-height: -ms-calc(100% - 448px);

    display: block;
}

.portfolio #main {
    /*
	display: table;
*/
}

.nav-item a.touch-link {
    display: none;
    color: rgba(0, 0, 0, 0);

    height: 20px;
    left: 0;
    line-height: 20px;
    margin: -10px;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    z-index: 0;
}

.touch-hover a.touch-link {
    z-index: 9999;
    display: block;
}

/* # MODERNIZR
 * ==================================================================== */
.no-cssgradients #sub-header {
    background: url(../img/sub-header-gradient.jpg) no-repeat top center #ebeced;
}

.no-cssgradients #footer-sidebar {
    background: url(../img/top-footer-gradient.jpg) no-repeat top center #ebeced;
}

.no-cssgradients #sub-footer {
    background: url(../img/sub-footer-gradient.jpg) no-repeat top center #454548;
}

.no-cssanimations .slide-item {
    display: none;
}

.no-cssanimations .slide-item:first-child {
    display: block;
}

.portfolio #main img,
.gallery #main img {
    background: url(../img/fb-loader.gif) no-repeat center center;
}